.section-page1{padding-top:45px;padding-bottom:45px;background: url(bg1.png) center bottom no-repeat;background-size:cover;}
.section-page2{padding-top:45px;padding-bottom:55px;position:relative;background: url(bg2.png) center bottom no-repeat;background-size:cover;}
.section-page3{padding:60px 0;background: url(bg3.png) right top no-repeat;}
.section-page4{padding:40px 0;position:relative;background: url(bg4.png) center center no-repeat;background-size:cover;}
.section-page5{padding:60px 0 160px;background: url(bg4.png) center center no-repeat;background-size:cover;}
.section-page6{padding:40px 0;background: url(bg5.png) center center no-repeat;background-size:cover;}
.fz28{font-size:32px}
.common-head{margin-bottom:45px;position:relative;text-align:center;}
.common-head .title{color:#131313;font-weight:bold;padding:20px 53px 0 53px;height:68px;text-align:center;display:inline-block;background: url(sign.png) center center no-repeat;letter-spacing:4px;}
.common-head .more{position:absolute;top:10px;right:0;}
.common-head .more a{display:block;color:#206291;font-size:16px;height:52px;line-height:52px;padding-left:65px;position:relative;}
.common-head .more a:after{width:52px;height:52px;content:"";position:absolute;top:0;left:0;background: url(more.png) left center no-repeat;background-size:cover;transition: 0.3s;}
.common-head .more:hover a:after,.news-head .more:hover a:after{transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
.section-page4 .common-head .title{color:#ffffff;padding: 15px 53px 0 53px;height:72px;background: url(sign.png) center center no-repeat;}
.section-page4 .common-head .more a{color:#ffffff;}
.section-page4 .common-head .more a:after{background: url(more2.png) left center no-repeat;}
.section-page5 .common-head .title,.section-page6 .common-head .title{padding: 15px 53px 0 53px;height:72px;background: url(sign.png) center center no-repeat;}
.common-special{margin-top:-185px;}
.news-head{margin-bottom:30px;position:relative;text-align:center;}
.news-head .title{color:#ffffff;font-weight:bold;padding:48px 20px 0 20px;height:121px;background: url(sign.png) center center no-repeat;letter-spacing:4px;}
.news-head .more{position:absolute;top:50px;right:0;}
.news-head .more a{display:block;color:#ffffff;font-size:16px;height:52px;line-height:52px;padding-left:65px;position:relative;}
.news-head .more a:after{width:52px;height:52px;content:"";position:absolute;top:0;left:0;background: url(more2.png) left center no-repeat;background-size:cover;transition: 0.3s;}
.data-list li{display: block;text-align:center;position: relative;margin-bottom:20px;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.data-list li .icon{display: inline-block;padding:10px;border:1px solid rgba(255,255,255, 0.87);border-radius:50%;}
.data-list li img{max-width:100%;display:block;margin:0 auto;background-color:rgba(255,255,255, 0.87);border-radius:50%;transition: all 0.5s ease-in-out;transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.data-list li h3{color: #ffffff; font-size:40px;font-weight:bold;margin:20px 0 0;}
.data-list li h3 i{font-style:normal;transition: .5s;}
.data-list li p{color:#ffffff;font-size:18px;margin-top:25px;}
.data-list li:hover img{transform:rotateY(180deg);}
.special-pic{position:relative;min-height:50px;margin-bottom:40px;overflow:hidden;}
.special-pic img{transition: .5s;}
.special-pic:hover img{transform: scale(1.05, 1.05);}
.row-zero{margin:0;}
.col-zero{padding:0;}
.scenery-box{position:relative;overflow:hidden;}
.scenery-box .img{position:relative;padding-bottom:56.25%;overflow:hidden;}
.scenery-box2 .img{padding-bottom: 38.25%;}
.scenery-box3 .img{padding-bottom: 66.35%;}
.scenery-box .img img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: .5s;}
.scenery-box .txt{position: absolute;left: 0;bottom: 0;right: 0;padding:24px 24px;z-index:1;}
.scenery-box .txt a{color:#fff;font-size:16px;}
.scenery-box:after {content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, rgba(6, 48, 134, .9), transparent);height: 30%;}
.scenery-box3:after{display:none;}
.scenery-box3 .txt{padding:10px 20px;left:auto;background-color: rgba(0, 118, 193, .5);}
.scenery-box:hover .img img{transform: scale(1.05, 1.05);}
.video-box{position:relative;overflow:hidden;padding-bottom:66.35%;background-color:#000;}
.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;background: rgba(55,91,177,.6);height:82px;width: 82px;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: #ffffff;opacity: 0.15;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:74px;height:74px;margin:4px;background: url(play.png) center center no-repeat;}
@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: 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{transform: translateY(80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
	.section-page4 .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-page3.showdiv .common-box,.section-page4.showdiv .common-box,.section-page5.showdiv .col-4,.section-page6.showdiv .col-4{transform: translateY(0);opacity: 1;}
}
@media (min-width: 1200px){
	.section-page3 .col-md-2{width:11.5%;}
	.section-page3 .col-md-10{width:87.5%;}
}
@media (max-width: 1200px){
	.fz28{font-size:24px;}
}
@media (max-width: 991px){
	.section-page2{padding-bottom:0;}
	.section-page2:before,.section-page2:after{display:none;}
	.news-left{background: url(bg2.png) center center no-repeat;background-size: cover;}
	.news-right{background: url(bg3.png) center center no-repeat;background-size: cover;}
}
@media (max-width: 767px){
	.fz28{font-size:20px;}
	.scenery-box{margin-bottom:20px;}
}
@media (max-width: 480px){
	.common-head .more a,.news-head .more a{padding-left:45px;}
	.common-head .more a:after,.news-head .more a:after{top:8px;width:35px;height:35px;}
}