.section-page1{padding-top:45px;padding-bottom:35px;background: url(/skin/hhhl/cms/index/bg1.png) right bottom no-repeat;background-size:contain;}
.section-page2{padding:45px 0 25px;background-color:#f5f8ff;}
.section-page3{padding:60px 0 40px;background: url(/skin/hhhl/cms/index/bg2.png) center center no-repeat;background-size:cover;}
.section-page4{padding:60px 0 20px 0;}
.section-page5{padding:60px 0 40px;background: url(/skin/hhhl/cms/index/bg3.png) center bottom no-repeat;background-size:100% auto;}
.fz30{font-size:30px}
.common-head{margin-bottom:35px;position:relative;}
.common-head  h2{color:#121313;font-weight:bold;display:inline-block;padding-bottom:14px;position:relative;}
.common-head  h2:after{width:78px;height:4px;background:#be0108;content:"";position:absolute;bottom:0;left:50%;margin-left:-39px;}
.common-head .more,.news-more{position:absolute;top:10px;right:0;}
.common-head .more a{display:block;color:#8a1f25;font-size:16px;padding-left:57px;background: url(/skin/hhhl/cms/index/more.png) left center no-repeat;}
.news-page{padding:40px 28px;background:#ffffff;}
.news-head{margin-bottom:25px;position:relative;}
.news-head .title{color:#fff;line-height:45px;padding-left:50px;font-weight:bold;}
.news-head .title1{background: url(/skin/hhhl/cms/index/ico01.png) left center no-repeat;}
.news-head .title2{background: url(/skin/hhhl/cms/index/ico02.png) left center no-repeat;}
.news-head .title3{background: url(/skin/hhhl/cms/index/ico03.png) left center no-repeat;}
.news-head .more{position:absolute;top:10px;right:0;}
.news-head .more a{color:#fff;font-size:16px;padding-left:57px;display:block;background: url(/skin/hhhl/cms/index/more2.png) left center no-repeat;}
.news-main{padding:20px 10px;border-top:4px solid #b43333;background-color:#ffffff;}
.video-box{position:relative;overflow:hidden;height:520px;margin-bottom:20px;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(125,22,22,.47);height: 63px;width: 63px;top: 50%;left: 0;right: 0;margin: auto;text-align: center;line-height:63px;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:63px;height:63px;background: url(/skin/hhhl/cms/index/play.png) center center no-repeat;}
.label-pic-ul45 li .item .pic{height:250px;}
.label-pic-ul45 li .item .text h3 a{color:#fff;}
.quick-list li{margin-bottom:20px;}
.quick-list li a{display:block;color:#234159;font-size:18px;text-align:center;}
.quick-list li a span{display:block;max-width:111px;margin:20px auto 30px;}
.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:hover img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
@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){
	.media-box .media-right{width:44%;position:absolute;right:0;bottom:24px;}
}
@media (min-width: 992px){
	.section-page1 .page-left{width:52%;}
	.section-page1 .page-right{width:48%;}
	.section-page4 .col-left{width:80%;}
	.section-page4 .col-right{width:20%;}
	.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-page2 .common-box,.section-page4 .common-box,.section-page5 .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-box,.section-page4.showdiv .common-box,.section-page5.showdiv .common-box{transform: translateY(0);opacity: 1;}
	.quick-list{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;}
	.quick-list>li{flex:1;}
}
@media (min-width: 1200px){
	.row-20{margin-left:-20px;margin-right:-20px;}
	.col-20{padding-left:20px;padding-right:20px;}
}
@media (max-width: 1200px){
	.fz30,.news-head .title{font-size:24px;}
	.video-box{height:400px;}
	.label-pic-ul45 li .item .pic{height:190px;}
}
@media (max-width: 991px){
	.fz30,.news-head .title{font-size:20px;}
}
@media (max-width: 767px){
	.fz30,.news-head .title{font-size:18px;}
	.common-head .more a{font-size: 12px;background-size: 30px auto;padding-left: 35px;}
	.video-box{height:51vw;}
	.label-pic-ul45 li .item .pic{height:36vw;}
}
@media (max-width: 580px){
}