.section-page1{padding-top:.45rem;padding-bottom:.35rem;background: url(bg1.png) center top no-repeat;background-size:cover;}
.section-page2{padding:.6rem 0 .3rem 0;overflow:hidden;background: url(bg2.png) center top no-repeat;background-size:cover;}
.section-page3{padding:.5rem 0 .4rem 0;background-color:#ffffff;}
.section-page4{padding-top:.45rem;padding-bottom:.35rem;background: url(bg3.png) center top no-repeat;background-size:100% auto;}
.section-page5{padding-top:.45rem;padding-bottom:.5rem;background: url(bg4.png) center bottom no-repeat;background-size:100% auto;}
.common-head{position:relative;height:.85rem;display:flex;align-items:center;justify-content: center;}
.common-head .title{color:#1a1a1a;font-size:.3rem;font-weight:bold;padding:0 .4rem;position:relative;}
.common-head .title:before{width:.15rem;height:.13rem;background: url(arr1.png) no-repeat;position:absolute;left:0;top:.12rem;content:"";background-size:cover;}
.common-head .title:after{width:.15rem;height:.13rem;background: url(arr2.png) no-repeat;position:absolute;right:0;top:.12rem;content:"";background-size:cover;}
.common-head .more{position:absolute;top:.3rem;right:0;}
.common-head .more a{width:.23rem;height:.17rem;display:block;background: url(more.png) no-repeat;text-indent:-9999px;background-size:cover;}
.section-page4 .common-head .title{color:#fff;}
.section-page4 .common-head .more a{background: url(more2.png) no-repeat;}
.common-bg1{background: url(hdbg.png) center center no-repeat;background-size: contain;}
.common-bg2{height:1.62rem;background: url(hdbg2.png) center center no-repeat;background-size: contain;}
.common-bg2 .more{top:.6rem;}
.common-tabs{position:relative;}
.common-tabs .hd{margin-bottom:.3rem;position:relative;}
.common-tabs .more{position:absolute;top:.15rem;right:0;}
.common-tabs .more a{display:block;width:.23rem;height:.17rem;background: url(more2.png) no-repeat;text-indent:-9999px;background-size:cover;}
.tabs-nav{text-align:center;}
.tabs-nav>li{display:inline-block;cursor:pointer;}
.tabs-nav>li>h3{color:#fff;font-size:.28rem;line-height:.4rem;padding:0 .4rem;margin:0;font-weight:bold;position:relative;}
.tabs-nav>li.on>h3:before{width:.15rem;height:.13rem;background: url(arr1.png) no-repeat;position:absolute;left:0;top:.12rem;content:"";background-size:cover;}
.tabs-nav>li.on>h3:after{width:.15rem;height:.13rem;background: url(arr2.png) no-repeat;position:absolute;right:0;top:.12rem;content:"";background-size:cover;}
.tabs-item{display:none;}
.row-zero{margin:0;padding:.1rem 0;background-color:#ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.col-pd{padding:0;}
.row-3{margin:0 -.03rem;}
.col-pd-3{padding:0 .03rem;}
.news-box{padding:.2rem .25rem 0 .25rem;}
.news-head{position:relative;margin-bottom:.4rem;}
.news-head .title{color:#1a1a1a;font-size:.28rem;font-weight:bold;padding-right:.3rem;position:relative;}
.news-head .title:after{width:.15rem;height:.13rem;background: url(arr2.png) no-repeat;position:absolute;right:0;top:.12rem;content:"";background-size:cover;}
.news-head .more{margin-top:.1rem;}
.news-head .more a{width:.23rem;height:.17rem;display:block;background: url(more.png) no-repeat;text-indent:-9999px;background-size:cover;}
.news-box.on{border-left:1px solid #d4dae4;border-right:1px solid #d4dae4;}
.news-hot{margin-bottom:.35rem;}
.news-list .themelist53 li .item{padding-bottom:0;border-bottom:0;}
.news-list .themelist53 li .item p{color:#292929;}
.quick-list li{margin-bottom:20px;height:1.7rem;overflow: hidden;display: block;position: relative;}
.quick-list li a{display:block;height:100%;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{display:block;margin:0 auto;background-color:#e8f4ff;border:5px solid #d7e9ff;border-radius:50%;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 .img2,.quick-list li a:hover .img1{display:none;}
.quick-list li a span{ width:100%;display:block;font-size:.18rem;line-height:30px;margin-top:.25rem;}
.quick-list li a:hover .img2{display:block;}
.quick-list li a:hover img{ background-color:#0358a3;}
.common-img{margin-bottom:.06rem;}
.common-img1{position:relative;overflow:hidden;padding-bottom:3.335rem;}
.common-img2{position:relative;overflow:hidden;padding-bottom:2.85rem;}
.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-list{margin:0 -.02rem;}
.links-list li{padding:0 .02rem;margin-bottom:.06rem;}
.links-list li a{display:block;padding-bottom:3.335rem;position:relative;overflow:hidden;}
.links-list li a .item{width: 100%;height: 100%;text-align:center;z-index: 10;position: absolute;left: 0;bottom: 0;background: url(bg5.png) center center no-repeat;background-size:cover;}
.links-list li a .item h3{width:.3rem;margin:.45rem auto;font-size:.3rem;line-height:.36rem;}
.links-list li a .item span{display:inline-block;padding:.05rem .2rem;border:1px solid #d7d7d7;border-radius:.25rem;}
.links-list li a:hover span{color:#fff;background-color:#0c4993;}
.card-accordion{display: flex;gap: .04rem;}
.card-item {flex: 1;min-width: 1.56rem;overflow: hidden;cursor: pointer;position: relative;display: flex;flex-direction: column;margin-bottom: .06rem}
.card-item.active,.card-item:hover{flex: 8;}
.card-header{padding: .3rem .05rem;position: relative;min-height: 3.53rem;display: flex;flex-direction: column;justify-content: space-between;background: url(bg5.png) center center no-repeat;background-size: cover;}
.card-title{width: .3rem;margin: .45rem auto;font-size: .3rem;line-height: .36rem;}
.card-header p{text-align:center;}
.card-header p span {display: inline-block;padding: .05rem .2rem;border: 1px solid #d7d7d7;border-radius: .25rem;}
.card-item .card-box{ display: flex;flex-direction: column;justify-content: space-between;gap: .04rem;}
.card-item:hover .card-box,.card-item.active .card-box{flex-direction: row;}    
.card-item .card-content{display:none;}
.card-item .card-content img{width:100%;height:100%;}
.card-item:hover .card-header, .card-item.active .card-header{min-width: 150px;flex:1;}
.card-item:hover .card-content,.card-item.active .card-content{flex: 7;display:block;}
@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;}
}
@media (min-width: 992px){
	.col-left,.col-right{transform: translate(80px, 0px);-webkit-transform: translate(80px, 0px);transition: 1s;-webkit-transition: 1s;opacity: 0;}
	.col-left{transform: translate(-80px, 0px);-webkit-transform: translate(-80px, 0px);}
	.col-left.showdiv,.col-right.showdiv{opacity: 1;transform: none;-webkit-transform: none;}
	.section-page3 .common-box,.section-page2 .common-tabs{transform: translateY(80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
	.section-page4 .common-box,.section-page5 .common-box,.section-page6 .common-box{transform: translateY(-80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
	.col-4{transition: all 1s ease-out 0s;transform: translateY(-80px);opacity: 0;}
	.col-4:nth-child(2){transition: all 1s ease-out .2s;transform: translateY(80px);}
	.col-4:nth-child(3){transition: all 1s ease-out .4s;}
	.section-page2.showdiv .common-tabs,.section-page3.showdiv .common-box,.section-page4.showdiv .common-box,.section-page5.showdiv .common-box{transform: translateY(0);opacity: 1;}
}
@media (max-width: 1199px){
	.common-head .title,.news-head .title{font-size:.2rem;}
}
@media (max-width: 991px){
	.common-head .title,.news-head .title{font-size:.18rem;}
	.card-accordion{display:block;}
	.card-item:hover .card-box, .card-item.active .card-box{display:block;}
	.card-header{min-height:.6rem;padding: .3rem .2rem;}
	.card-title{width: auto;float: left;margin: 0;font-size:.18rem;}
	.card-header p{float:right;font-size:.18rem;}
}
@media (max-width: 767px){
	
}