@charset "utf-8";

.piaochuang{position: absolute; top: 0; left: 0; z-index: 999; text-align: right;}
.piaochuang img{width: 256px;}
@media (max-width: 992px) {
  .piaochuang{display: none;}	
}
		  
.index-banner .slide-video{position: relative;}
.index-banner .container{position:absolute; text-align: right; height:6rem; line-height:1; vertical-align: top; z-index: 10000; bottom: 0; font-size:1.5rem; font-weight: bold; color: #fff;}
.index-banner .title b{display: inline-block; vertical-align:top; padding-top: 0.3rem; padding-right: 3rem;}
.index-banner .title span{font-size: 3rem; color: #ff9c00;  font-weight: bold; display: inline-block; position: relative;}
.index-banner .title span::before{content: "/"; color: #fff; font-weight: 100; font-size: 2.6rem;vertical-align: top; }
.index-banner .swiper-pagination{max-width: 1200px; text-align: right !important; padding-right: 7.5rem; padding-bottom: 2rem;}
.index-banner .swiper-pagination .swiper-pagination-bullet{background:#fff !important; width: 2.2rem; height: 4px; border-radius: 0;}

.kpw_h2{color: #333; font-weight:bold; font-size:2.25rem; margin: 1rem 0; padding: 3rem 0  2rem; text-align: center;}
.xwdt-title{background: url(../images/news.png) center 2rem no-repeat;}
.kpsp-title{background: url(../images/video.png) center 2rem no-repeat;}

.kpwbox{margin-bottom: 3rem;}

.picnews{width: 52.5%;}
.news-list{width: 44%;}
.news-list li{line-height: 1.3; position: relative; counter-increment: item; margin-bottom:.625rem;}
.news-list li span{display: block; line-height: 2.4rem;}
.news-list li a{font-size: large; font-weight: bold;}
@media (max-width: 1200px) {
  .picnews{float: none; width: auto; margin-bottom: 2.25rem;}	
  .news-list{float: none; width: auto;}	
}

.tab_hd{ height: 4rem; margin-bottom:1.5rem;}
.tab_hd li{float: left; line-height:4rem; font-size: 1.5rem; position: relative;color: #333; font-weight: bold;}
.tab_hd li + li{margin-left:4rem;}
.tab_hd li:before {content:'';position: absolute;bottom: -2px;left:0px;z-index:1;height: 3px; background: linear-gradient(to right, rgba(15, 36, 116, 77) 0%, rgba(228, 64, 68, 77) 100%);; width: 0;transition: all .3s; -webkit-transition: all .3s;}
.tab_hd li:hover:before, .tab_hd li.active:before { width: 100%}

.ly_picbox{display:flex;justify-content:space-between;}
.ly_picbox li{float: left; width:23%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ly_picbox li a{position: relative; display: block; width: 100%; height: 14.125rem; overflow: hidden;}
.ly_picbox li h3{position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height:3rem; line-height:1; font-weight: normal; overflow: hidden; white-space: nowrap;  text-overflow:ellipsis; padding:1rem 0; margin: auto; color: #fff; font-size:1rem; text-align: center; z-index: 2; background:linear-gradient(to bottom, rgba(15, 36, 116, 0) 0%, rgba(15, 36, 116, 77) 100%);}
.ly_picbox li a img{width: 100%; height: 100%;}
.ly_picbox li p{margin: 0; padding: 1em; background: #F4F4F4; text-align: center; line-height: 1.5;}
.ly_picbox li p span{display: inline-block; color: #9F9F9F;}
.hdyb_list li a{height:21.25rem;}

.video-box{ position: relative; width: 100%; height: 35vw; overflow: hidden;}
.video-box  video{
	width: 100%;
	height: 100%;
	max-height: 35vw;
	display: inline-block;
    vertical-align: baseline;
}
.video-box  .video-img{
	position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background: url(../image/v_btn.jpg) no-repeat;
    background-size: 100% 100%;
    cursor:pointer
}

.pic-box ul{margin: 0 -1rem 0;}
.pic-box li{float: left; width: 25%;}
.pic-box li a{display: block; margin: 1.25rem .625rem; line-height: 3; text-align: center;}
.pic-box li a p{width:100%; height: 24.375rem; overflow: hidden;}
.pic-box li a p img{width: 100%; height: 100%;}
.pic-box li a h3{font-size: 1rem; font-weight:500;}

@media (min-width: 1200px) {
    .index-banner .container{left: 50%; margin-left: -600px;}
	.index-banner .swiper-pagination{left: 50% !important; margin-left: -600px;}
}

@media (max-width: 768px) {
.hyzhdc::before{display: none;}
.tab_hd ul{display: flex; justify-content:space-between; padding: 0 1em;}
.tab_hd li{float: none;}
.tab_hd li + li{margin-left:0;}
.ly_picbox{display: flex; flex-wrap:wrap; justify-content:space-between;}
.ly_picbox li{width:50%; padding:1rem;}
.pic-box li{width: 50%;}
}
@media (max-width: 480px) {
.picnews{width:100%; margin-bottom: 1rem;}
.news-list{width: 100%; padding:0 1rem;}
.tab_hd li{float: none; font-size: 1.125rem;}

}