html,body{width: 100%;}
.tran{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tranX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.tranY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.w{width: 1200px;margin: 0 auto;}
.jjTitle{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;}
.jjTitle span{display: block;font-size: 26px;color: #d81418;font-weight: bold;position: relative;padding-left: 18px;}
.jjTitle span::before{content: '';display: block;width: 6px;height: 24px;background: #d81418;position: absolute;left: 0;top: 50%;margin-top: -12px;}
.jjTitle a{font-size:14px;color: #666;transition: all .4s;}
.jjTitle a:hover{color: #d81418;}
.title{display:block;position:relative;height: 40px;width:160px;text-align: center;font-size: 26px;color:#fff;background: #cb1019;font-weight: bold;margin: 0 auto 30px;}
.title::before{content: '';width: 27px;height: 40px;background: url(tit_l.png) no-repeat center;background-size: 100%;position: absolute;top: 0;left: -27px;}
.title::after{content: '';width: 27px;height: 40px;background: url(tit_r.png) no-repeat center;background-size: 100%;position: absolute;top: 0;right: -27px;}
.mt40{margin-top: 40px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}

/* banner */
.banner{width: 100%;}
.banner img{width: 100%;}

/* 聚焦 */
.newsLeft{width:600px;height: 350px;position: relative;}
.newsLeft .swiper-wrapper{width: 100%;height: 100%;}
.newsLeft>.swiper-pagination-bullets.pager1{width: auto;padding: 0 20px 0 0;left: auto;right: 0;}
.newsLeft .pager1 .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 5px;background: #fff;opacity: 1;transition: all .4s;}
.newsLeft .pager1 .swiper-pagination-bullet-active{background: #d81418;}
.newsLeft .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.newsLeft .swiper-slide a .img,.newsLeft .swiper-slide a .img img{width: 100%;height: 100%;}
.newsLeft .swiper-slide a .text{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height: 40px; background:rgba(0,0,0,0.5);padding-left: 10px;}
.newsLeft .swiper-slide a .text p{width:60%;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.swiper-button-next.comNext, .swiper-button-prev.comPrev{width: 20px;height: 40px;margin-top:-20px;background: url(black_LR.png) no-repeat 0 center;transition: all ease .4s;opacity: 0.7;}
.swiper-button-next.comNext:hover, .swiper-button-prev.comPrev:hover{opacity: 0.9;}
.swiper-button-prev.comPrev{left: 0;}
.swiper-button-next.comNext{right:0;background-position: -20px center;}
.newsRight{width:calc(100% - 630px);}
.newsRight .newsList{padding-top: 8px;}
.newsRight .newsList,.newsRight .newsList li{width: 100%;}
.newsRight .newsList li a{display:block;padding-left:15px;position:relative;width: 100%;line-height: 48px;font-size: 18px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.newsRight .newsList li a::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background: #c00;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.newsRight .newsList li a:hover{color: #c00;}

/* 视频 */
.videoList{width: 100%;}
.videoList ul{margin: 0 -10px;}
.videoList ul li{float: left;width: 33.33%;padding: 0 10px;}
.videoList ul li a{display: block;width: 100%;}
.videoList ul li .img{width: 100%;height: 240px;position: relative;}
.videoList ul li .img img{width: 100%;height: 100%;}
.videoList ul li .img i{width: 35px;height: 35px;background: url(icon_play.png) no-repeat center;background-size: 100%;position:absolute;bottom: 10px;left: 10px;}
.videoList ul li .txt{font-size: 16px;text-align: center;width: 100%;line-height: 40px;padding: 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.videoList ul li .txt:hover{color: #c00;}


/* 底部 */
.footer{margin-top:60px;padding:30px 0 20px 0;background: #d81418;}
.footer p{line-height:30px;font-size:16px;text-align:center;color: #fff;}
@media only screen and (max-width: 1220px){
	.w{width: 920px;}
	.newsLeft{width: 500px;height: 290px;}
	.newsRight{width:calc(100% - 530px);}
	.newsLeft .swiper-slide a .text{height: 36px;line-height: 36px;}
	.newsLeft>.swiper-pagination-bullets.pager1{bottom: 8px;padding: 0 8px 0 0;}
	.newsRight .newsList li a{line-height: 38px;font-size: 16px;}
	.videoList ul li{width: 33.33%;}
	.videoList ul li:nth-child(n + 4){display: none;}
	.videoList ul li .img{height: 200px;}
	.footer{margin-top: 40px;padding: 20px 0;}
	.footer p{font-size: 16px;line-height: 1.6;}
}
@media only screen and (max-width: 992px){
	.w{width: 720px;}
	.mt40{margin-top: 25px;}
	.mt20{margin-top: 15px;}
	.jjTitle{height: 40px;line-height: 40px;}
	.jjTitle span,.title{font-size: 22px;}
	.title{height: 35px;line-height: 35px;}
	.jjTitle span::before{height: 20px;margin-top: -10px;}
	.title::before,.title::after{height: 35px;}
	.newsLeft,.newsRight{width: 350px;}
	.newsLeft{height: 230px;}
	.newsLeft .swiper-slide a .text p{width: 66%;}
	.newsRight .newsList li a{line-height: 30px;}
	.videoList ul{margin: 0 -5px;}
	.videoList ul li{padding: 0 5px;}
	.videoList ul li .img{height: 150px;}
	.footer p{font-size: 14px;}
}
@media only screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;}
	.mt40{margin-top: 20px;}
	.mt20{margin-top: 10px;}
	.news{margin-top: 20px;}
	.title{margin: 0 auto 20px;}
	.newsLeft{height: 210px;}
	.newsLeft .swiper-slide a .text p{width: 60%;}
	.newsRight .newsList li a,.newsRight .newsList li a{font-size: 16px;}
	.newsRight{margin-top: 10px;}
	.newsRight .newsList li a{line-height: 2;}
	.videoList ul li{width: 100%;}
	.videoList ul li:nth-child(n + 2){display: none;}
	.videoList ul li .img{height: 200px;}
}