/***********************公共样式***********************/
html,body{width: 100%;}
.w{width: 1200px;margin: 0 auto;}
.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;}

/* title */
.titleWrap{position: relative;}
.titleWrap .more{position: absolute;top: 20px;right: 0;font-size: 14px;color: #666;}
.titleWrap .more:hover{color: #c60000;}
.title{display:block;width: 270px;height: 55px;line-height: 49px;background: url(title_2.png) no-repeat;background-size: 100% 100%;margin: 0 auto 20px;text-align: center;font-size: 24px;font-weight: bold;color: #fff;}

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

/* 要闻 */
.news{padding-top: 40px;}
.newsLeftWrap{position: relative;}
.newsLeftWrap{width:550px;height: 330px;}
.newsLeft,.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: #bb1917;}
.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: 60px;line-height: 40px;background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));padding:20px 0 0 10px;}
.newsLeft .swiper-slide a .text p{width:78%;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsRight{width:calc(100% - 580px);}
.newsRight .newsList,.newsRight .newsList li{width: 100%;}
.newsRight .newsList .newFir a{display:block;font-size: 22px;font-weight: bold;color: #bb1917;margin-bottom: 10px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsRight .newsList .newFir .h4{padding-bottom: 14px;margin-bottom: 10px;border-bottom: 1px dashed #ddd;}
.newsRight .newsList .newFir .h4 h4{font-size: 14px;color: #333;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsRight .newsList li a{display:block;width: 100%;line-height: 35px;font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;padding-left: 12px;position: relative;}
.newsRight .newsList li a::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background: #999;position: absolute;top: 50%;left: 0;margin-top: -2px;}
.newsRight .newsList li a:hover{color: #bb1917;}
.newsRight .newsList li a:hover::before{background: #bb1917;}
.swiper-button-next.comNext, .swiper-button-prev.comPrev{width: 25px;height: 40px;margin-top:-20px;background: url(black_LR_2.png) no-repeat -3px 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: -30px;}
.swiper-button-next.comNext{right: -30px;background-position: -52px center;}
.swiper-container:hover .swiper-button-prev.comPrev{left: 0;}
.swiper-container:hover .swiper-button-next.comNext{right: 0;}
@keyframes bounceDown{0% {transform: scale(1.4);}100% {transform: scale(1);}}
.newsLeft .swiper-slide-active .img img{-webkit-animation: bounceDown 1.3s ease 1;animation: bounceDown 1.3s ease 1;}
@media only screen and (max-width: 1200px){
	.newsLeftWrap{width: 400px;height: 260px;}
	.newsLeft .swiper-slide a .text p{width: 65%;font-size: 14px;}
	.newsRight{width: 300px;}
	.newsRight .newsList .newFir a{font-size: 18px;margin-bottom: 5px;}
	.newsRight .newsList .newFir .h4{margin-bottom: 8px;padding-bottom: 8px;}
	.newsRight .newsList .newFir .h4 h4{line-height: 1.6;-webkit-line-clamp: 2;}
	.newsRight .newsList li:last-child{display: none;}
	.newsRight .newsList li a{line-height: 2.1;}
	.swiper-container .swiper-button-next.comNext{right: 0;}
	.swiper-container .swiper-button-prev.comPrev{left: 0;}
}
@media only screen and (max-width: 767px){
	.newTitle{margin-top: 20px;}
	.newsLeftWrap{width: 100%;height: 180px;margin-top: 0;}
	.newsLeft .swiper-slide a .text{padding-left: 5px;}
	.newsLeft .swiper-slide a .text p{width: 55%;}
	.newsRight{width: 100%;}
	.newsRight .newsList{padding-top: 15px;}
	.newsRight .newsList .newFir a{font-size: 16px;}
	.newsRight .newsList li:nth-child(n + 6){display: none;}
}

/* 视频 */
.videoWrap{padding: 40px 0 60px;}
.videoWrap ul{margin: 0 -10px;}
.videoWrap ul li{width: 25%;float: left;padding: 0 10px;}
.videoWrap ul li a{display: block;width: 100%;box-shadow: 0 8px 30px #ddd;}
.videoWrap ul li a .img{width: 100%;height: 171px;}
.videoWrap ul li a .img img{width: 100%;height: 100%;}
.videoWrap ul li a p{width: 100%;height: 100%;line-height: 40px;padding-top: 0;text-align: center;color: #636363;font-size: 16px;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 5px;}

/* 清廉人物 */
.gyAdWrap{position: relative;margin-top: 40px;}
.gyAdWrap .swiper-container {padding-bottom: 60px;}
.gyAdWrap .swiper-slide{width: 520px;background: #fff;box-shadow: 0 8px 30px #ddd;}
.gyAdWrap .swiper-slide a{display: block;width: 100%;height: 100%;}
.gyAdWrap .swiper-slide a .img{width: 100%;height: 312px;}
.gyAdWrap .swiper-slide a .img img{width: 100%;height: 100%;}
.gyAdWrap .swiper-slide p {line-height: 40px;padding-top: 0;text-align: center;color: #636363;font-size: 16px;margin: 0;}
.gyAdWrap .swiper-pagination {width: 100%;bottom: 20px;}
.gyAdWrap .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 15px;height: 15px;opacity: 1;}
.gyAdWrap .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #c60000;background-color: #fff;}
.gyAdWrap .swiper-button-prev {left: 0;width: 45px;height: 45px;}
.gyAdWrap .swiper-button-next {right: 0;width: 45px;height: 45px;}
.gyAdWrap .swiper-button-next.nextCom, .swiper-button-prev.prevCom{width: 25px;height: 40px;margin-top:-20px;}
.gyAdWrap .swiper-button-next.nextCom:focus, .swiper-button-prev.prevCom:focus{outline: 0;}
.gyAdWrap .swiper-button-prev.prevCom{left: 10px;background: url(arrowl_2.png) no-repeat;}
.gyAdWrap .swiper-button-next.nextCom{right:10px;background: url(arrowr_2.png) no-repeat;}

/* 底部 */
footer{width: 100%;text-align: center;background: rgba(0,0,0,.1);padding: 30px 0;margin-top: 20px;}
footer p{font-size: 14px;color: #333;text-align: center;line-height: 1.8;}

@media only screen and (max-width: 1220px){
	.w{width: 920px;}
	.title{width: 230px;font-size: 22px;height: 50px;line-height: 46px;}
	.videoWrap,.gyAdWrap{margin-top: 30px;}
	.videoWrap ul li a .img{height: 129px;}
	.videoWrap ul li a p,.gyAdWrap .swiper-slide p{line-height: 32px;font-size: 14px;}
	.gyAdWrap .swiper-slide{width: 460px;}
	.gyAdWrap .swiper-slide a .img{height: 276px;}
}
@media only screen and (max-width: 992px){
	.w{width: 720px;}
	.videoWrap ul li{width: 33.33%;}
	.videoWrap ul li:last-child{display: none;}
	.gyAdWrap .swiper-slide{width: 410px;}
	.gyAdWrap .swiper-slide a .img{height: 246px;}
}
@media only screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;overflow: hidden;}
	.title{width: 160px;font-size: 18px;height: 40px;line-height: 36px;}
	.videoWrap{padding: 5px 10px;margin-top: 0;}
	.videoWrap ul{margin: 0;width: 100%;}
	.videoWrap ul li{width: 50%;padding: 5px;}
	.videoWrap ul li a{margin-bottom: 5px;box-shadow: 0 0 10px 2px #ddd;}
	.videoWrap ul li a .img{height: 100px;}
	.videoWrap ul li:last-child{display: block;}
    .gyAdWrap{margin-top: 25px;}
	.gyAdWrap .swiper-container{padding-bottom: 25px;}
	.gyAdWrap .swiper-slide{width: 100%;box-shadow: none;}
	.gyAdWrap .swiper-slide a .img{height: 213px;}
	.gyAdWrap .swiper-button-next{right:12px;}
	.gyAdWrap .swiper-button-prev{left: 12px;}
	.gyAdWrap .swiper-pagination{position: relative;}
	footer{margin-top: 0;}
	footer p{font-size: 14px;line-height: 1.8;}
}