@charset "utf-8";
.chinagroup{
    float:left;
    position: relative;display: inline-block;vertical-align: top;padding-bottom: 15px;margin-left: 20px;margin-right: 60px;font-size: 24px;line-height: 40px;font-weight: bold;cursor: pointer;transition: 0.3s;
}
/*banner*/
.banner{position: relative;overflow: hidden;}
.banner .swiper-slide .pic{display: block;height: 600px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-pagination{z-index: 1;bottom: 30px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 40px;height: 5px;margin: 0 10px;background-color: #fff;border-radius: 0;opacity: 1;box-shadow: 0 0 4px rgba(0,0,0,.4);transition: 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #187AC6;}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 50px;height: 50px;margin-top: -25px;border: 2px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.banner .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{width: 60px;height: 60px;margin-top: -30px;}
.banner:hover .prev-btn{transform: translateX(100%);}
.banner:hover .next-btn{transform: translateX(-100%);}

/******首页******/
.index-container{min-height: 500px;}
/*标题*/
.index-title{margin-bottom: 50px;line-height: 24px;}
.index-title .name{display: inline-block;vertical-align: top;padding-left: 25px;border-left: 5px solid #187AC6;font-size: 24px;font-weight: bold;}
.index-title .more{float: right;position: relative;padding-right: 30px;font-size: 16px;color: #999;transition: 0.3s;}
.index-title .more:after{content: '';position: absolute;right: 0;top: 50%;width: 24px;height: 4px;margin-top: -3px;border-bottom: 1px solid currentColor;border-right: 2px solid currentColor;transform: skewX(40deg);}
.index-title .more:hover{color: #187AC6;}
/*布局*/
.index-container .part1{z-index: 1;position: relative;padding: 90px 0;background-color: #F5F5F5;}
.index-container .part2{padding: 90px 0;background-color: #fff;}
.index-container .part2 .w1400{display: flex;justify-content: space-between;}
.index-container .part2 .w1400 > .con-l{width: 56%;box-sizing: border-box;padding-right: 50px;}
.index-container .part2 .w1400 > .con-r{width: 44%;box-sizing: border-box;padding-left: 50px;border-left: 1px solid #eee;}
.index-container .part3{padding: 90px 0;background: url(../images/index_part_bg1.jpg) center no-repeat;background-size: cover;}

/*头条区*/
.headline-box{display: flex;justify-content: space-between;background-color: #fff;}
.headline-box .title{flex: 0 0 225px;height: 88px;box-sizing: border-box;background-color: #187AC6;border-left: 10px solid #EFB130;font-size: 24px;line-height: 88px;text-align: center;font-weight: bold;color: #fff;}
.headline-box .title .icon{display: inline-block;vertical-align: middle;width: 24px;height: 24px;margin: -.25em .6em 0 0;}
.headline-box .headline-swiper{width: 100%;height: 88px;overflow: hidden;}
.headline-box .headline-swiper .swiper-slide a{position: relative;display: block;line-height: 88px;}
.headline-box .headline-swiper .swiper-slide a .tit{padding: 0 150px 0 40px;font-size: 24px;font-weight: bold;color: #187AC6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.headline-box .headline-swiper .swiper-slide a .date{position: absolute;right: 25px;top: 0;font-size: 18px;}
.headline-box .headline-swiper .swiper-slide a:hover .tit{text-indent: .5em;}

/*最新动态*/
.latest-dynamic-box{position: relative;display: flex;justify-content: space-between;padding: 40px;margin-top: 30px;background-color: #fff;}
.latest-dynamic-box:before{content: '';z-index: -1;position: absolute;left: 120px;right: 120px;bottom: 0;height: 60px;box-shadow: 0 20px 15px rgba(0,0,0,.25);}
.latest-dynamic-box > .con-l{width: 52%;}
.latest-dynamic-box > .con-r{width: 45%;}
/*主要新闻轮播*/
.main-news-swiper{position: relative;overflow: hidden;}
.main-news-swiper .swiper-slide a{position: relative;display: block;}
.main-news-swiper .swiper-slide .pic{overflow: hidden;}
.main-news-swiper .swiper-slide .pic em{display: block;padding-top: 63%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.main-news-swiper .swiper-slide .tit{position: absolute;left: 0;right: 0;bottom: 0;padding: 20px 150px 20px 30px;background-color: rgba(0,0,0,.6);font-size: 18px;line-height: 20px;font-weight: bold;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.main-news-swiper .swiper-slide:hover .pic em{transform: scale(1.05);}
.main-news-swiper .swiper-pagination{z-index: 1;left: auto;right: 20px;bottom: 26px;width: auto;font-size: 0;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet{position: relative;width: 8px;height: 8px;margin: 0 3px;background-color: #fff;border-radius: 4px;opacity: 1;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 18px;}
/*新闻选项卡*/
.news-tab-box{}
.news-tab-box .tabs{position: relative;padding-right: 120px;border-bottom: 1px solid #eee;font-size: 0;}
.news-tab-box .tabs .item{position: relative;display: inline-block;vertical-align: top;padding-bottom: 15px;margin-left: 70px;font-size: 24px;line-height: 40px;font-weight: bold;cursor: pointer;transition: 0.3s;}
.news-tab-box .tabs .item:first-child{margin-left: 0;}
.news-tab-box .tabs .item:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background-color: #187AC6;transform: scaleX(0);transition: 0.3s;}
.news-tab-box .tabs .item.on:after{transform: scaleX(1);}
.news-tab-box .tabs .more{position: absolute;right: 0;top: 0;padding-right: 30px;font-size: 16px;line-height: 40px;color: #999;transition: 0.3s;}
.news-tab-box .tabs .more:after{content: '';position: absolute;right: 0;top: 50%;width: 24px;height: 4px;margin-top: -3px;border-bottom: 1px solid currentColor;border-right: 2px solid currentColor;transform: skewX(40deg);}
.news-tab-box .tabs .more:hover{color: #187AC6;}
.news-tab-box .tab-content{margin-top: 30px;overflow: hidden;}
/*头部新闻*/
.top-news-wrap{display: block;margin-bottom: 30px;}
.top-news-wrap .tit{margin-bottom: 15px;font-size: 18px;line-height: 20px;font-weight: bold;color: #187AC6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.top-news-wrap .txt{height: 44px;line-height: 22px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.top-news-wrap:hover .tit{text-indent: .5em;}

/*新闻列表-文字*/
.news-text-list{}
.news-text-list li{margin-top: 20px;}
.news-text-list li:first-child{margin-top: 0;}
.news-text-list li a{position: relative;display: block;line-height: 30px;}
.news-text-list li .tag{position: absolute;left: 0;top: 50%;padding: 0 1em;margin-top: -10px;border: 1px solid currentColor;line-height: 20px;color: #aaa;}
.news-text-list li .tag:after{content: '';position: absolute;right: -4px;bottom: -1px;width: 4px;height: 4px;background-color: #fff;border-bottom: 1px solid currentColor;border-right: 2px solid currentColor;transform: skewX(40deg);}
.news-text-list li .tit{padding: 0 120px 0 75px;font-size: 16px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-text-list li .date{position: absolute;right: 0;top: 0;color: #999;}
.news-text-list li a:hover .tit{color: #187AC6;transform: translateX(.5em);}

/*公司新闻列表*/
.company-news-list{}
.company-news-list li{margin-top: 30px;}
.company-news-list li:first-child{margin-top: 0;}
.company-news-list li a{display: flex;justify-content: space-between;}
.company-news-list li .date{flex: 0 0 90px;text-align: center;}
.company-news-list li .date .day{background-color: #187AC6;font-size: 36px;line-height: 54px;font-weight: bold;color: #fff;}
.company-news-list li .date .year{border: 1px solid rgba(44,102,165,.5);line-height: 32px;color: #999;}
.company-news-list li .info{position: relative;width: 100%;padding: 15px 25px 15px 30px;background-color: #F2F9FF;overflow: hidden;}
.company-news-list li .info .tit{margin-right: 150px;font-size: 16px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.company-news-list li .info .more{position: absolute;right: 25px;top: 50%;padding: 0 35px 0 12px;background-color: #fff;line-height: 26px;color: #999;transform: translateY(-50%);}
.company-news-list li .info .more:before{content: '';position: absolute;right: 0;top: 0;width: 26px;height: 26px;background-color: #187AC6;}
.company-news-list li .info .more:after{content: "";position: absolute;right: 6px;top: 50%;width: 8px;height: 8px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: translate(-50%,-50%) rotate(45deg);}
.company-news-list li a:hover .tit{transform: translateX(.5em);}

/*视频列表*/
.video-list{}
.video-list li{margin-top: 45px;}
.video-list li:first-child{margin-top: 0;}
.video-list li a{display: flex;justify-content: space-between;}
.video-list li .pic{flex: 0 0 194px;overflow: hidden;}
.video-list li .pic em{display: block;padding-top: 62%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.video-list li .info{width: 100%;padding: 10px 0 10px 25px;color: #999;overflow: hidden;}
.video-list li .info .tit{height: 50px;font-size: 16px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.video-list li .info .date{margin-top: 30px;text-align: right;}
.video-list li a:hover .pic em{transform: scale(1.05);}
.video-list li a:hover .tit{color: #187AC6;}

/*党建标语轮播*/
.party-slogan-swiper{position: relative;padding: 30px 25px;background-color: #fff;overflow: hidden;}
.party-slogan-swiper .swiper-slide a{display: block;}
.party-slogan-swiper .swiper-slide .pic{overflow: hidden;}
.party-slogan-swiper .swiper-slide .pic em{display: block;padding-top: 32%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.party-slogan-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.party-slogan-swiper .btn{z-index: 1;position: absolute;top: 50%;box-sizing: border-box;width: 40px;height: 40px;margin-top: -20px;border: 1px solid currentColor;border-radius: 50%;color: #187AC6;cursor: pointer;transition: 0.3s;}
.party-slogan-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 1px solid currentColor;}
.party-slogan-swiper .prev-btn{left: 0;transform: translateX(-100%);}
.party-slogan-swiper .prev-btn:after{border-left: 1px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.party-slogan-swiper .next-btn{right: 0;transform: translateX(100%);}
.party-slogan-swiper .next-btn:after{border-right: 1px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.party-slogan-swiper:hover .prev-btn{transform: translateX(10px);}
.party-slogan-swiper:hover .next-btn{transform: translateX(-10px);}
.party-slogan-swiper .btn:hover{background-color: #187AC6;border-color: #187AC6;color: #fff;}


/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC:>=1025px && <=1280px*/
@media screen and (max-width: 1280px){
	
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*banner*/
	.banner .swiper-slide .pic{height: auto;padding-top: 42%;}
	.banner .swiper-pagination{bottom: 10px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 3px;margin: 0 5px;}
	
	/******首页******/
	.index-container{min-height: 400px;padding: 20px 0;}
	/*标题*/
	.index-title{margin-bottom: 20px;}
	.index-title .name{padding-left: 6px;border-left-width: 3px;font-size: 16px;}
	.index-title .more{padding-right: 20px;font-size: 13px;}
	.index-title .more:after{width: 16px;}
	/*布局*/
	.index-container .part1{padding: 20px 0;}
	.index-container .part2{padding: 20px 0;}
	.index-container .part2 .w1400{display: block;}
	.index-container .part2 .w1400 > .con-l{width: 100%;padding-right: 0;}
	.index-container .part2 .w1400 > .con-r{width: 100%;padding-left: 0;margin-top: 30px;border-left: 0;}
	.index-container .part3{padding: 20px 0;}
	
	/*头条区*/
	.headline-box{display: block;}
	.headline-box .title{height: 40px;border-left-width: 4px;font-size: 18px;line-height: 40px;}
	.headline-box .title .icon{width: 20px;height: 20px;margin: -.25em .4em 0 0;}
	.headline-box .headline-swiper{height: 60px;}
	.headline-box .headline-swiper .swiper-slide a{line-height: 60px;}
	.headline-box .headline-swiper .swiper-slide a .tit{padding: 0 90px 0 15px;font-size: 16px;}
	.headline-box .headline-swiper .swiper-slide a .date{right: 15px;font-size: 14px;}
	.headline-box .headline-swiper .swiper-slide a:hover .tit{text-indent: 0;}
	
	/*最新动态*/
	.latest-dynamic-box{display: block;padding: 15px;margin-top: 20px;}
	.latest-dynamic-box:before{display: none;}
	.latest-dynamic-box > .con-l{width: 100%;}
	.latest-dynamic-box > .con-r{width: 100%;margin-top: 20px;}
	/*主要新闻轮播*/
	.main-news-swiper .swiper-slide .tit{padding: 15px 80px 15px 10px;font-size: 16px;}
	.main-news-swiper .swiper-slide:hover .pic em{transform: scale(1.05);}
	.main-news-swiper .swiper-pagination{right: 10px;bottom: 22px;}
	.main-news-swiper .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
	.main-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 12px;}
	/*新闻选项卡*/
	.news-tab-box .tabs{padding-right: 80px;}
	.news-tab-box .tabs .item{padding-bottom: 10px;margin-left: 20px;font-size: 16px;line-height: 30px;}
	.news-tab-box .tabs .item:after{;height: 2px;}
	.news-tab-box .tabs .more{padding-right: 20px;font-size: 13px;line-height: 30px;}
	.news-tab-box .tabs .more:after{width: 16px;}
	.news-tab-box .tab-content{margin-top: 20px;}
	/*头部新闻*/
	.top-news-wrap{margin-bottom: 15px;}
	.top-news-wrap .tit{margin-bottom: 10px;font-size: 16px;}
	.top-news-wrap:hover .tit{text-indent: 0;}
	
	/*新闻列表-文字*/
	.news-text-list li{margin-top: 10px;}
	.news-text-list li .tag{padding: 0 .5em;font-size: 12px;}
	.news-text-list li .tit{padding: 0 80px 0 50px;font-size: 14px;}
	.news-text-list li .date{font-size: 12px;}
	.news-text-list li a:hover .tit{color: #187AC6;transform: translateX(.5em);}
	
	/*公司新闻列表*/
	.company-news-list li{margin-top: 15px;}
	.company-news-list li .date{flex: 0 0 60px;}
	.company-news-list li .date .day{font-size: 24px;line-height: 40px;}
	.company-news-list li .date .year{font-size: 13px;line-height: 24px;color: #999;}
	.company-news-list li .info{padding: 10px;}
	.company-news-list li .info .tit{margin-right: 100px;font-size: 14px;line-height: 22px;}
	.company-news-list li .info .more{right: 10px;}
	
	/*视频列表*/
	.video-list li{margin-top: 20px;}
	.video-list li .pic{flex: 0 0 150px;}
	.video-list li .info{padding: 0 0 0 15px;}
	.video-list li .info .date{margin-top: 20px;}
	
	/*党建标语轮播*/
	.party-slogan-swiper{padding: 20px;}
}