@charset "utf-8";
/******首页******/
.index-container{min-height: 500px;overflow: hidden;}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;border-bottom: 2px solid #0060AA;line-height: 40px;}
.index-title .name{position: relative;display: inline-block;vertical-align: top;padding: 0 15px;background-color: #0060AA;color: #fff;}
.index-title .name::after{content: '';position: absolute;left: 100%;top: 0;width: 0;height: 0;border: 20px solid transparent;border-left: 10px solid #0060AA;border-right-width: 10px;border-bottom-color: #0060AA;}
.index-title .name .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.25em .4em 0 0;filter: brightness(0) invert(1);}
.index-title .more{position: relative;padding-right: 15px;transition: 0.3s;}
.index-title .more:after{content: "";position: absolute;right: 0;top: 50%;width: 8px;height: 8px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.index-title .more:hover{color: #0060AA;}
/*布局*/
.index-container .part1{display: flex;justify-content: space-between;flex-wrap: wrap;background-color: #fff;}
.index-container .part1 > .con-l{width: 50%;}
.index-container .part1 > .con-r{width: 50%;box-sizing: border-box;padding: 15px 20px;}
.index-container .part2{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 30px 0;background-color: #fff;}
.index-container .part2 .section{width: 31%;}
.index-container .part3{padding: 30px;}
.index-container .part4{padding: 10px 30px 50px;background-color: #fff;}

/*主要新闻轮播*/
.main-news-swiper{position: relative;overflow: hidden;}
.main-news-swiper .swiper-slide a{position: relative;display: block;}
.main-news-swiper .swiper-slide .pic{height: 400px;overflow: hidden;}
.main-news-swiper .swiper-slide .pic em{display: block;height: 100%;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;box-sizing: border-box;padding: 0 100px 0 20px;background-color: rgba(0,0,0,.6);font-size: 18px;line-height: 50px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.main-news-swiper .swiper-pagination{z-index: 1;left: auto;right: 10px;bottom: 20px;width: auto;font-size: 0;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px;background-color: #fff;border-radius: 5px;opacity: 1;box-shadow: 0 0 4px rgba(0,0,0,.4);transition: 0.5s;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 24px;background-color: #0060AA;}
.main-news-swiper .btn{z-index: 1;position: absolute;top: 50%;width: 50px;height: 50px;margin-top: -25px;border: 1px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.main-news-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.main-news-swiper .prev-btn{left: 0;transform: translateX(-100%);}
.main-news-swiper .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.main-news-swiper .next-btn{right: 0;transform: translateX(100%);}
.main-news-swiper .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.main-news-swiper .btn:hover{background-color: #0060AA;border-color: #0060AA;}
.main-news-swiper:hover .prev-btn{transform: translateX(40%);}
.main-news-swiper:hover .next-btn{transform: translateX(-40%);}

/*首页新闻列表*/
.index-news-list{}
.index-news-list li{position: relative;padding: 0 80px 0 20px;line-height: 40px;}
.index-news-list li::before{content: '';position: absolute;left: 0;top: 50%;width: 4px;height: 4px;margin-top: -2px;background-color: #0060AA;border-radius: 50%;}
.index-news-list li .tit{display: inline-block;vertical-align: top;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.index-news-list li .date{position: absolute;right: 0;top: 0;color: #999;}
.index-news-list li:hover .tit{color: #BE100E;transform: translateX(.3em);}

/*友情链接区*/
.friend-link-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.friend-link-wrap .item{width: 31%;transition: 0.5s;}
.friend-link-wrap .item .pic{overflow: hidden;}
.friend-link-wrap .item .pic em{display: block;padding-top: 33.65%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.friend-link-wrap .item:hover{transform: translateY(-10px);}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

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

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

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

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/******首页******/
	.index-container{min-height: 300px;}
	/*标题*/
	.index-title .name .icon{width: 16px;height: 16px;}
	/*布局*/
	.index-container .part1 > .con-l{width: 100%;}
	.index-container .part1 > .con-r{width: 100%;padding: 20px 15px 15px;}
	.index-container .part2{padding: 0 15px;}
	.index-container .part2 .section{width: 100%;margin-top: 15px;}
	.index-container .part2 .section:first-child{margin-top: 0;}
	.index-container .part3{padding: 15px;}
	.index-container .part4{padding: 0 0 30px;margin-top: 20px;background-color: transparent;}
	
	/*主要新闻轮播*/
	.main-news-swiper{}
	.main-news-swiper .swiper-slide .pic{height: 200px;}
	.main-news-swiper .swiper-slide .tit{padding: 0 100px 0 15px;font-size: 14px;line-height: 40px;}
	.main-news-swiper .swiper-pagination{bottom: 17px;}
	.main-news-swiper .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px;}
	.main-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 20px;}
	
	/*首页新闻列表*/
	.index-news-list li{padding: 0 70px 0 15px;line-height: 34px;}
	.index-news-list li .date{font-size: 13px;}
	
	/*友情链接区*/
	.friend-link-wrap .item{width: 100%;height: 60px;margin-top: 20px;}
	.friend-link-wrap .item:first-child{margin-top: 0;}
}