.section-page1{padding-top:120px;padding-bottom:50px;}
.section-page2{padding-top:45px;padding-bottom:35px;background:#ffac27;}
.section-page3{padding:55px 0 40px;}
.section-page4{padding:30px 0;background-color:#fff9e9;}
.fz28{font-size:28px}
.common-box{position:relative;}
.common-head{position:relative;text-align:center;}
.common-head .title{color:#0a0a0a;position:relative;display:inline-block;font-weight:bold;}
.common-box .more{position:absolute;top:10px;right:0;}
.common-box .more:after{width:58px;height:1px;content:"";background:#e0cc6d;position: absolute;right:16px;top: 10px;}
.common-box .more a{display:block;padding-right:80px;position:relative;-webkit-transform: scale(1);transform: rotate(0);}
.common-box .more a:after{width:23px;height:23px;background-color: rgba(199,165,71,.21);content:"";position: absolute;right: 0;top: 0;border-radius: 50%;-webkit-transition: all 0.3s ease-out;transition: none; }
.common-box .more a:before{width:10px;height:10px;background-color: #f0b40c;content:"";position: absolute;right:6px;top:6px;border-radius: 50%;}
.common-box .more a:hover:after{-webkit-transform:scale(1.3);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.section-page2 .common-head .title,.section-page2 .common-box .more a{color:#fff;}
.section-page2 .common-box .more a:after{background-color: rgba(255,255,255,.21);}
.section-page2 .common-box .more a:before{background-color: #ffffff;}
.common-more{display:none;}
.common-tabs{position:relative;}
.common-tabs .tab-more{position:absolute;top:25px;right:0;}
.common-tabs .tab-more:after{width:58px;height:1px;content:"";background:#e0cc6d;position: absolute;right:16px;top: 10px;}
.common-tabs .tab-more a{display:block;padding-right:80px;position:relative;-webkit-transform: scale(1);transform: rotate(0);}
.common-tabs .tab-more a:after{width:23px;height:23px;background-color: rgba(199,165,71,.21);content:"";position: absolute;right: 0;top: 0;border-radius: 50%;-webkit-transition: all 0.3s ease-out;transition: none; }
.common-tabs .tab-more a:before{width:10px;height:10px;background-color: #f0b40c;content:"";position: absolute;right:6px;top:6px;border-radius: 50%;}
.common-tabs .tab-more a:hover:after{-webkit-transform:scale(1.3);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.tab-buttons{margin-bottom: 30px;display: flex;flex-wrap: wrap;justify-content:center;}
.tab-button{padding: 15px 20px;font-size:28px;font-weight: 600;color: #080808;cursor: pointer;border-radius: 6px;transition: all 0.3s ease;position: relative;overflow: hidden;}
.tab-button:hover,.tab-button.active{color:#ffac27;}
.tab-content{display: none;}
.slider-container{animation: fadeIn 0.5s ease;}
.tab-content.active {display: block;}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.common-pic{min-height:100px;overflow:hidden;}
.common-pic img{transition: all 0.5s ease-out 0s;}
.common-pic:hover img{transform:scale(1.05);}
.quick-list li{margin-bottom:20px;}
.quick-list li a{display:block;color:#fff;padding:15px 0;background:#ffac27;border-radius:20px;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;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.quick-list li a span{ width:100%;display:block;height:30px;color: #fff;font-size:18px;line-height:30px;text-align:center;margin-top:5px;}
.quick-list li a:hover img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.video-box{position:relative;overflow:hidden;padding-bottom:70.5%;}
.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 .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: #ffac27;opacity: 0.43;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;}
.video-box .title{color:#fff;font-size:16px;width:122px;height:51px;line-height:51px;padding-left:30px;background: url(bg5.png) no-repeat;position:absolute;left:0;bottom:0;letter-spacing:2px;}
@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: 768px){
	.section-page3 .col-sm-2{width:20%;}
}
@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;}
	.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-page5 .common-box,.section-page6 .common-box,.section-page7 .common-box{transform: translateY(-80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
	.section-page2.showdiv .col-left,.section-page2.showdiv .col-right,.section-page3.showdiv .col-4,.section-page4.showdiv .common-box,.section-page5.showdiv .common-box,.section-page6.showdiv .common-box{transform: translateY(0);opacity: 1;}
	.quick-list{display: flex;justify-content: left;flex-wrap: wrap}
	.quick-list li{width:12.5%;}
	.section-page1 .col-md-7{width:55%;}
	.section-page1 .col-md-5{width:45%;}
	.section-page3 .col-md-2{width:14.285%;}
}
@media (max-width: 1200px){
	.fz28,.tab-button{font-size:24px;}
}
@media (max-width: 991px){
	.section-page1{padding-top:30px;}
}
@media (max-width: 767px){
	.fz28,.tab-button,.data-text h2{font-size:20px;}
}
@media (max-width: 640px){
	.section-page2,.section-page3{padding:30px 0;}
	.common-head.mb40,.tab-buttons{margin-bottom:25px;}
	.common-box .more,.common-tabs .tab-more{width:136px;margin:0 auto;position:relative;top:0;right:0;text-align:center;}
	.tab-button{padding:10px 10px;}
}