/*首页*/



.top-swiper {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}

.top-swiper .top-swiper-item {

    width: 100%;

    height: 100%;

}



.top-swiper .top-swiper-item .swiper-pagination-bullet {

    background-color: #ffffff;

	opacity: .6;

    width: 38px;

    height: 2px;

    margin: 0 5px;

    position: relative;

	cursor: pointer;

	border-radius:0;

}

.top-swiper .top-swiper-item .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: #df0716;

	opacity:1;

}



.top-swiper .top-swiper-item .swiper-slide {

    width: 100%;

    height: 100%;

}



.top-swiper .top-swiper-item .swiper-slide img {

    width: 100%;

    height: 100%;

}




.top-swiper  .swiper-button-next,
.top-swiper  .swiper-button-prev {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: rgba(255, 255, 255, .4) solid 2px;
  z-index: 1002;
}


.top-swiper .swiper-button-prev {
  left: 30px;
  z-index: 1002;
  background:url(../img/arrow2.png) no-repeat;
}

.top-swiper .swiper-button-next {
  right: 30px;
  z-index: 1002;
  background:url(../img/arrow3_2.png) no-repeat;
}




/* 通告 */

.newsletter{

	background-color:#f5f5f5;

	width: 100%;

	height: 72px;

}



.newsletter .w1580{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.newsletter-lf {

    width:40%;

    display: flex;

    align-items: center;

}



.newsletter-lf > a {

	width:99px;

	height:18px;

	margin-right:10px;

}



.swiper-container.txtScroll-left {

    padding-left: 20px;

	margin-top:5px;

}



.infoList p {

    display: block;

    width: 85%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.infoList p a{

	color:#333;

}

.infoList a:hover {

    color: #df0615;

}



.txtScroll-left .next, 

.txtScroll-left .prev {

    display: block;

}



.txtScroll-left .next,

.txtScroll-left .prev {

    position: absolute;

    width: 20px;

    height: 20px;

    right: 0;

    top: 50%;

    margin-top: -10px;

    cursor: pointer;

}



.txtScroll-left .prev {

    background: url(../img/tzgg-lf.png) no-repeat center;

    right: 25px;

    left: auto;

}



.txtScroll-left .next {

    background: url(../img/tzgg-rt.png) no-repeat center;

}





.newsletter-rt {

    float: right;

}



.newsletter-rt > ul {

    overflow: hidden;

}



.newsletter-rt > ul > li {

    float: left;

    color: #666666;

    font-weight: bold;

    padding-right: 14px;

}



.newsletter-rt > ul > li > span {

    font-weight: bold;

    color: #0071c8;

    padding-left: 5px;

}



.newsletter-rt > ul > li > span > i {

    font-style: normal;

    font-size: 10px;

}



.newsletter-rt > ul > li + li {

    font-weight: normal;

    color: #333;

    padding: 0 14px;

    background: url(../img/gj-shu.png) no-repeat left center;

}



.newsletter-rt > ul > li + li > span {

    color: #ff0000;

}



.reokk {

    display: none;

}



.reo .reokk:first-child {

    display: block;

}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {

    content: '';

}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {

    content: '';

}



.searchbox form{

    display: flex;

}

.searchbox form .navrg1 {

    border: 1px solid #d6d6d6;

    width:410px;

    height: 40px;

    font-size:14px;

    color: #999999;

    padding-left:40px;

    background: url(../img/search.png) no-repeat 3%;

    background-color: #fff;

}



.searchbox form .navrg2 {

    width: 80px;

    height: 40px;

    background: #df0615;

    font-size:14px;

    color: #fff;

	border: 0;

}







/*国安动态*/



.content {

	width:100%;

	overflow:hidden;

    padding:80px 0

}

.content-title {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 20px;

    box-sizing: border-box;

    border-bottom: 1px solid #DCDDDF;

    margin-bottom:40px;

	

	

}

.content-title-left {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.content-title-left h2 {

    color: #d70c19;

    font-size:30px;

    font-weight: 500;

    letter-spacing:1px;

	background-position: left center;

    background-repeat: no-repeat;

    background-size: 0.38rem auto;

    position: relative;

    z-index: 1;

}



.content .content-title-left h2  {

    background-image: url(../img/title-icon-news.png);

}



.content-title-left span {

    color: #CDCDCF;

    font-size:18px;

    text-transform: uppercase;

	padding-left:18px;

    font-weight:500;

    letter-spacing: 0;

}



.content-title-left::after {

    position: absolute;

    left: 0;

    bottom: -20px;

    height: 4px;

    width: 65px;

    content: "";

    background: #df0615;

}

.content-title-right a {

    font-size:14px;

	color:#666;

    display: flex;

    align-items: center;

    justify-content: center;

}

.content-title-right span {

    background-image: url(../img/next.png);

    background-repeat: no-repeat;

    height: 20px;

    width: 20px;

    margin-left: 10px;

    z-index: 1000;

}



.content-item {

    width: 100%;

	height:567px;

    display: flex;

}



.content-item-left {

  width: 56%;

  height:543px;

}



.news-swiper .swiper-pagination {

  padding-right: 40px;

  text-align: right;

  box-sizing: border-box;

}



.news-swiper .swiper-pagination-bullet {

  height: 10px;

  width: 10px;

  background: #fff;

}



.news-swiper .swiper-pagination-bullet-active {

  background: #fff;

}



.news-swiper {

  position: relative;

}



.news-swiper-img-box {

    width: 100%;

    padding-bottom: 64%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.news-swiper-text {

  position: absolute;

  display: flex;

  flex-direction: column;

  justify-content: center;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, .4);

  width: 100%;

  padding: 15px 30px;

  box-sizing: border-box;

}



.news-swiper-text span{

  font-size:18px;

  font-weight:500;

  color:#fff;

}



.content-item-right{

	width:41%;

	margin-left:3%;

}

.content-item-right .cat-swiper-box {

    width:100%;

	height:52px;

}



.content-item-right .cat-swiper .swiper-wrapper .swiper-slide {

    display: inline-block;

    width: 25%;

	height:52px;

	background-color:#e5e5e5;

	font-size:18px;

	text-align:center;

	line-height:52px;

	margin-left:1px;

	cursor: pointer;

}

.content-item-right .cat-swiper .swiper-slide:hover, .content-item-right .cat-swiper .swiper-slide.active {

	background-color:#df0615;

	color:#fff;

}



.content-item-right-main{

	width:100%;

	margin-top:30px;

}

.index-box-1 .item {

  position: relative;

  display: none;

}

.index-box-1 .item.active {

  display:block;

}

.content-item-right-main .newList {

	height:44px;

    line-height:44px;

	position: relative;

	display: flex;

    align-items: center;

}

.content-item-right-main .newList a{

	display: block;

    width: 80%;

    font-size:16px;

	color:#333;

	display:inline-block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

	background:url(../img/ico1.jpg) no-repeat left center;

	padding-left:15px;

	

}

.content-item-right-main .newList .newYear {

    position: absolute;

    top: 0px;

    right: 0px;

	font-size:15px;

	color:#999;

	font-family:Arial, Helvetica, sans-serif;

}

.content-item-right-main .newList a:hover{

	color:#df0615;

}



.content-item-right-main .newList1{

	border-bottom:solid 1px #e3e3e3;

	overflow:hidden;

	padding-bottom:20px;

	margin-bottom:10px;

}

.content-item-right-main .newList1 a{

	font-size:22px;

	color:#df0615;

	font-weight:500;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.content-item-right-main .newList1 p{

	font-size:14px;

	color:#666666;

	margin:15px 0;

	line-height:24px;

}

.content-item-right-main .newList1 .ckxq{

	display: flex;

    align-items: center;

    justify-content: space-between;

}

.content-item-right-main .newList1 .ckxq .more{

	font-size:14px;

	color:#666666;

	background:url(../img/ico2.png) no-repeat left center;

	padding-left:15px;

}

.content-item-right-main .newList1 .ckxq .newYear {

	font-size:15px;

	color:#999;

	font-family:Arial, Helvetica, sans-serif;

}

.content-item-right-main .newList1 .ckxq .more:hover{

	color:#df0615;

}







.content-item-right-main .vidoList {

    width:48%;

    height: auto;

    float: left;

    overflow: hidden;

	margin-bottom:4%;

	margin-right:4%;

}

.content-item-right-main .vidoList:nth-child(2n) {

    margin-right: 0;

}

.content-item-right-main .vidoList:nth-child(3n) {

    margin-bottom: 0;

}

.content-item-right-main .vidoList:nth-child(4n) {

    margin-bottom: 0;

}





.content-item-right-main .vidoList .Img {

    width: 100%;

    height: 180px;

    overflow: hidden;

    position: relative;

}

.content-item-right-main .vidoList .Img img {

	position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    transition: all 0.6s;

    object-fit: cover;

	transition: all 0.8s;

}

.content-item-right-main .vidoList .Img .colorBg {

    background: url(../img/play.png) center center no-repeat;

    background-color: rgba(0,0, 0, 0.3);

    background-size: 40px 40px;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .3s;

}

.content-item-right-main .vidoList p {

    line-height: 24px;

    text-align: center;

	font-size:15px;

    margin:10px 0 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

	color:#333;

}















/*党群建设*/



.content2 {

	width:100%;

	background:#efefef url(../img/dangqunbj.jpg) no-repeat right top;

	overflow:hidden;

    padding:80px 0

}



.content2 .content-title-left h2  {

    background-image: url(../img/title-ico-party.svg);

}



.content2-item {

    width: 100%;

    display: flex;

}

.content2-item-left{

	width:78%;

    display: flex;

}

.content2-item-left .picNews {

    width: 45%;

    overflow: hidden;

}

.content2-item-left .picNews .newList1 {

    width:100%;

	overflow: hidden;

	position:relative;

	margin-bottom:20px;

}

.content2-item-left .picNews .newList {

    width:48%;

	float:left;

	margin-right:4%;

	overflow: hidden;

}

.content2-item-left .picNews .newList:nth-child(3n) {

    margin-right: 0;

}

.content2-item-left .picNews .news-img {

    padding-bottom: 56%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: .8s;

}

.picNews a:hover .news-img {

    transform: scale(1.1) translate(0, -4.5%);

}

.content2-item-left .picNews .newList .news-info {

    line-height: 24px;

    text-align: left;

    margin: 12px 0;

	font-size:16px;

    color: #333;

	display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.content2-item-left .picNews .newList1 .news-info {

    position: absolute;

    bottom: 0;

    left: 0;

	font-size:18px;

	color:#fff;

    background-image: linear-gradient(transparent,#222);

    width: 100%;

    padding:10px 20px;

	

}

.content2-item-left .picNews .newList a:hover .news-info{

	color:#df0615;

}



.content2-item-left .textNews {

    width: 51%;

    padding: 0 0 0 50px;

}

.content2-item-left .textNews .newList {

	height:44px;

    line-height:44px;

	position: relative;

	display: flex;

    align-items: center;

}

.content2-item-left .textNews .newList a{

    width: 80%;

    font-size:16px;

	color:#333;

	display:inline-block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

	background:url(../img/ico1.jpg) no-repeat left center;

	padding-left:15px;

	

}

.content2-item-left .textNews .newList .newYear {

    position: absolute;

    top: 0px;

    right: 0px;

	font-size:15px;

	color:#999;

	font-family:Arial, Helvetica, sans-serif;

}

.content2-item-left .textNews .newList a:hover{

	color:#df0615;

}



.content2-item-left .textNews .newList1{

	border-bottom:solid 1px #e3e3e3;

	overflow:hidden;

	padding-bottom:20px;

	margin-bottom:10px;

}

.content2-item-left .textNews .newList1 a{

	font-size:22px;

	color:#df0615;

	display: block;

	font-weight:500;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.content2-item-left .textNews .newList1 p{

	font-size:14px;

	color:#666666;

	margin:15px 0;

	line-height:24px;

}

.content2-item-left .textNews .newList1 .ckxq{

	display: flex;

    align-items: center;

    justify-content: space-between;

}

.content2-item-left .textNews .newList1 .ckxq .more{

	font-size:14px;

	color:#666666;

	background:url(../img/ico2.png) no-repeat left center;

	padding-left:15px;

}

.content2-item-left .textNews .newList1 .ckxq .newYear {

	font-size:15px;

	color:#999;

	font-family:Arial, Helvetica, sans-serif;

}

.content2-item-left .textNews .newList1 .ckxq .more:hover{

	color:#df0615;

}

.content2-item-right {

    width: 22%;

}

.content2-item-right  img {

    width: 100%;

    height: auto;

}





/*慈善捐助*/



.content3 {

	background:none;

}

.content3 .content-title-left h2  {

    background-image: url(../img/title-ico-cishan.png);

}

.content3-item-right {

    width: 22%;

	overflow:hidden;

	background-color:#efefef;

}

.content3-item-right .titleB {

	height:60px;

	line-height:60px;

	margin:0 20px;

    border-bottom:1px solid #d9d9d9;

    position:relative;

    font-size:20px;

    color:#333;

	font-weight:600;

	background:url(../img/ico3.png) no-repeat left center;

	padding-left:40px;

}

.content3-item-right .donationLove {

    padding-top: 15px;

	margin:0 20px;

}

.content3-item-right .donationLove .DTitle {

    height:48px;

    background: #e4e4e4;

}



.content3-item-right .donationLove .DTitle span{

	display: inline-block;

    line-height: 48px;

    text-align: center;

    font-size: 14px;

	font-weight:600;

    color: #333;

    width: 33.333%;

    overflow: hidden;

    float: left;

}

.content3-item-right .donationLove  .LoveData {

    width: 100%;

    height: 388px;

    overflow: hidden;

}

.content3-item-right .donationLove  .LoveData ul{

	width:100%;

}

.content3-item-right .donationLove  .LoveData li{

	border-bottom:1px solid #e5e5e5;

	display: flex;

    align-items: center;

    justify-content: space-between;

}

.content3-item-right .donationLove  .LoveData li span{

    width: 33.333%;

	display:inline-block;

	float:left;

	text-align:center;

	font-size:14px;

	color:#444;

}



.content3-item-right .donationLove  .LoveData li span.amount{

	color:#df0615;

	font-weight:600;

}





/*国安简介*/



.content4 {

	width:100%;

	background:#f2f2f2 url(../img/aboutbj.jpg) no-repeat bottom;

	overflow:hidden;

    padding:80px 0

}

.content4 .content-title-left h2  {

    background-image: url(../img/title-about-icon.png);

}

.content4-item{

    width: 100%;

    display: flex;

	align-items: center;

}

.content4-item-left{

	width:47%;

}

.content4-item-left .video-block{

	width:100%;

	overflow:hidden;

	position:relative;

}

.content4-item-left .video-block .imgs {

    overflow: hidden;

    position: relative;

    padding-top: 66.8%;

}

.content4-item-left .video-block .imgs img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.6s ease-out 0s;

    -moz-transition: all 0.6s ease-out 0s;

    -o-transition: all 0.6s ease-out 0s;

    transition: all 0.6s ease-out 0s;

}

.content4-item-left .video-block:hover .imgs img {

    -webkit-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

}



.content4-item-left .video-block .video-play{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background:rgba(0, 0, 0, 0.16);

}

.video-play .video-play-btn-word {

    display: block;

    width: 52px;

    height: 52px;

    margin-top: -26px;

    margin-left: -26px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-size: 100%;

    transition: all 0.3s;

    background-image: url(../img/video_pic1.png);

    z-index: 2;

}



.content4-item-left .video-block:hover .video-play-btn-word  {

    transform: scale(1.1, 1.1);

    background-image: url(../img/video_pic1_on.png);

}





.content4-item-right{

	width:53%;

	padding-left:5%;

}



.content4-item-right h1{

	font-size:32px;

	color:#333;

	font-weight:500;

}





.content4-item-right .w_text{

	font-size:16px;

	color:#545454;

	line-height:30px;

	margin:30px 0 40px;

	font-weight:400;

}

.content4-item-right .w_grid{

	width:100%;

}

.content4-item-right .w_grid ul{

	display: flex;

    align-items: center;

    justify-content: space-between;

}

.content4-item-right .w_grid li{

	width:23%;

	padding:25px 10px;

    position: relative;

    background: #fff;

    border-radius: 8px;

    transition: all .5s ease;

	text-align:center;

}

.content4-item-right .w_grid li a{

	display:block;

	z-index:2;

	position:relative;

}



.content4-item-right .w_grid li:hover:before {

    height: 100%;

}





.content4-item-right .w_grid li i {

	display:inline-block;

    width: 40px;

	height:40px;

    margin: 0 auto;

    transition: all .5s ease;

	background-repeat:no-repeat;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;	

}

.content4-item-right .w_grid li i.img1 {

	background-image:url(../img/ico4.png);

}

.content4-item-right .w_grid li i.img2 {

	background-image:url(../img/ico5.png);

}

.content4-item-right .w_grid li i.img3 {

	background-image:url(../img/ico6.png);

}

.content4-item-right .w_grid li i.img4 {

	background-image:url(../img/ico7.png);

}



.content4-item-right .w_grid li h4 {

	font-size:16px;

	color:#333;

	padding-top:5px;

	font-weight:500;

    transition: all .5s ease;

}

.content4-item-right .w_grid li:hover h4 {

    color: #fff;

}

.content4-item-right .w_grid li:before {

    content: '';

    position: absolute;

    left: 0px;

    bottom: 0px;

    height: 3px;

    border-radius: 8px;

    width: 100%;

    background: #df0615;

	z-index:0;

    transition: all .5s ease;

}



.content4-item-right .w_grid li:hover i.img1 {

	background-image:url(../img/ico8.png);

}

.content4-item-right .w_grid li:hover i.img2 {

	background-image:url(../img/ico9.png);

}

.content4-item-right .w_grid li:hover i.img3 {

	background-image:url(../img/ico10.png);

}

.content4-item-right .w_grid li:hover i.img4 {

	background-image:url(../img/ico11.png);

}



/**视频弹框**/

.tank-video-box {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.2);

  display: none;

  cursor: pointer;

}

.tank-video-box .flex-box {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  width: 100%;

}

.tank-video-box .video-box {

  position: relative;

  height: auto;

  width: auto;

}

.tank-video-box .video-box .exit {

  width:28px;

  height:28px;

  position: absolute;

  right: -15px;

  top: -15px;

  background:#ffffff url(../img/c10.png) no-repeat center center;

  border-radius: 50%;

  transition: all 0.3s;

  

}

.tank-video-box .video-box video {

  display: block;

  border: 7px solid #137fdc;

  border: 7px solid #ffffff;

  box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);

  height: 60vh;

  width: auto;

  background: #000000;

  max-width: 94vw;

  max-height: 96vh;

  border-radius: 4px;

}





/*工程案例*/



.content5 {

	width:100%;

	overflow:hidden;

    padding:80px 0 60px;

}

.content5 .content-title-left h2  {

    background-image: url(../img/title-icon-project.png);

}

.content5-item {

    width: 100%;

	overflow:hidden;

}

.content5-item ul li{

	width:23%;

	height:226px;

	float:left;

	overflow:hidden;

	position:relative;

	margin-left:2%;

	margin-bottom:1.85%;

}

.content5-item ul li:first-child {

	width:50%;

	height:480px;

	margin-left:inherit;

}

.content5-item ul li .img-box {

    width: 100%;

    padding-bottom: 66%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

	transition: .8s;

}

.content5-item ul li .text-box {

    position: absolute;

    display: flex;

    flex-direction: column;

    justify-content: center;

    bottom: 0;

    left: 0;

	font-size:16px;

    background-color: rgba(0, 0, 0, .4);

    width: 100%;

	text-align:center;

    padding: 10px 0;

    box-sizing: border-box;

	color:#fff;

}

.content5-item ul li a:hover .img-box  {

    transform: scale(1.1);

}