.section-page1{padding-top:45px;padding-bottom:35px;background: url(/attachment/core/label/2025_12/05_10/75e898810da722e2.png) center bottom no-repeat;background-size:cover;}
.section-page2{padding:60px 0 30px 0;background: url(bg1.png) center top no-repeat;background-size:100% auto;position:relative;overflow:hidden;}
.section-page2:after{width:100%;height:100%;content:"";display:block;background: url(/attachment/core/label/2025_12/05_10/4a1e865c5a9b3183.png) center bottom no-repeat;position: absolute;top: 0;left: 0;z-index: -1;}
.section-page3{padding:50px 0 30px 0;background-color:#d7f1ff;}
.section-page4{padding-top:45px;padding-bottom:35px;}
.common-head{position:relative;}
.common-head .title{color:#1a1a1a;font-size:30px;font-weight:bold;}
.common-head .more{position:absolute;top:10px;right:0;}
.common-main1{border-top:3px solid #005dae;padding:24px 24px;background-color:#ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.row-zero{margin:0;}
.col-pd{padding:0;}
.row-3{margin:0 -3px;}
.col-pd-3{padding:0 3px;}
.news-box{height:578px;padding:40px 25px 0 25px;background-color:#ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.news-head{position:relative;margin-bottom:20px;}
.news-head .title{color:#1a1a1a;font-size:30px;font-weight:bold;}
.news-head .more{margin-top:10px;}
.news-box.on{background-color:#1167bb;}
.news-box.on .title,.news-box.on .more a{color:#fff;}
.news-box.on .themelist53 li .item{border-bottom:1px solid rgba(299,299,299,.12);}
.news-box.on .themelist53 li a{background-image:linear-gradient(#ffffff,#ffffff);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s;}
.news-box.on .themelist53 li a,.news-box.on .themelist53 li p{color:#fff;}
.news-box.on .themelist53 li a:hover{background-size:100% 1px;}
.quick-list{margin:0;}
.quick-list li{padding-left:0;padding-right:0;margin-bottom:20px;height:170px;overflow: hidden;display: block;position: relative;}
.quick-list li a{display:block;color:#fff;padding:30px 0 0;height:100%;background:#8fc31f;text-align:center;position:relative;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.quick-list li a img{width:65px;display:block;margin:0 auto;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.quick-list li.li2 a{background:#448aca;}
.quick-list li.li3 a{background:#a20606;}
.quick-list li.li4 a{background:#c36ed2;}
.quick-list li.li5 a{background:#e46181;}
.quick-list li.li6 a{background:#13b5b1;}
.quick-list li.li7 a{background:#f39800;}
.quick-list li a span{ width:100%;display:block;height:30px; color: #fff; font-size:16px;line-height:30px;}
.quick-list li a:hover{ background:#363aa1;}
.quick-list li a:hover img{ width:85px;}
.quick-list li a:hover span{font-size:20px;}
.quick-list li a::before,.quick-list li a:after{content:'';position: absolute;z-index: 5; bottom:0; right:0;background:url(arrow.png) no-repeat;width:53px;height:39px;}
.common-img{margin-bottom:6px;}
.common-img1{position:relative;overflow:hidden;padding-bottom:146%;}
.common-img2{position:relative;overflow:hidden;padding-bottom:66%;}
.common-img img{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;object-fit:cover;-o-object-fit:cover;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}
.common-img:hover img{-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
.video-box{position:relative;overflow:hidden;padding-bottom:66%;}
.video-box video{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;object-fit:cover;-o-object-fit:cover;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}
.video-box:hover video{-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
.video-box .play {position: absolute;height:62px;width: 62px;top: 50%;left: 0;right: 0;margin: auto;text-align: center;display: inline-block;color: #000 !important;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.video-box .play::before,.video-box .play::after {position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;border-radius: 50%;background-color: #125cb3;opacity: 0.34;z-index: -10;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.video-box .play::before {z-index: -10;-webkit-animation: inner-ripple 2000ms linear infinite;-moz-animation: inner-ripple 2000ms linear infinite;animation: inner-ripple 2000ms linear infinite;}
.video-box .play::after {z-index: -10;-webkit-animation: outer-ripple 2000ms linear infinite;-moz-animation: outer-ripple 2000ms linear infinite;animation: outer-ripple 2000ms linear infinite;}
.video-box .play span{display:block;width:54px;height:54px;margin:4px;background: url(play.png) center center no-repeat;}
.links-box{min-height:259px;padding:40px 70px 20px 70px;background: url(bg2.png) center center no-repeat;background-size: cover;}
.links-list li{margin:10px 0;}
.links-list li a span{color:#fff;font-size:18px;display:inline-block;padding-right:20px;background: url(arr.png) right center no-repeat;}
.links-list li a:hover span{color:#dcc49b;}
@keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-filter: alpha(opacity=50);
	}

	80% {
		transform: scale(1.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
	}

	100% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}
}
@-webkit-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}

	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}

	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5);
	}
}

@-moz-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}

	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}

	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5);
	}
}
@media (min-width: 1200px){
.quick-list{width:100%;display: flex;justify-content: left;flex-wrap: wrap}
.quick-list li{flex:1;}
.col-left{width:29%;}
.col-right{width:71%;}
.links-list li{width:40%;}
}
@media (min-width: 992px){
	.index-banner{height:100vh;padding-top:76px;}
}
@media (max-width: 1199px){
	.common-head .title,.news-head .title{font-size:20px;}
}
@media (max-width: 991px){
	.common-head .title,.news-head .title{font-size:18px;}
}
@media (max-width: 767px){
	
}