@charset "utf-8";

/**
 * index
 */
/* banner-index */
.banner-index .swiper-slide {display: block;position: relative;height: 410px;background-repeat: no-repeat;background-size: auto 100%;background-position: center;}
.banner-index .container {position: relative;height: 100%;}
.banner-index .text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 47px;color: #fff;}
.banner-index .middle-inner {text-align: left;}
.banner-index h3 {font-size: 32px;line-height: 56px;font-weight: bolder;}
.banner-index h4 {margin-top: 10px;font-size: 14px;line-height: 26px;}
.banner-index .btn {margin-top: 25px;padding: 0 38px;font-size: 14px;line-height: 42px;background: none;border-color: #fff;}

.swiper-index {font-size: 0;}
.swiper-index .swiper-button-prev,
.swiper-index .swiper-button-next {width: 40px;height: 40px;border: 1px solid #fff;background: none;border-radius: 50%;
	transition: all .3s;
}
.swiper-index .swiper-button-prev {left: -40px;}
.swiper-index .swiper-button-next {right: -40px;}
.swiper-index:hover .swiper-button-prev {left: 30px;}
.swiper-index:hover .swiper-button-next {right: 30px;}

.swiper-index .swiper-button-prev .iconfont,
.swiper-index .swiper-button-next .iconfont {float: left;width: 40px;height: 40px;font-size: 18px;line-height: 38px;text-align: center;color: #fff;border-radius: 50%;}
.swiper-index .swiper-button-prev:hover,
.swiper-index .swiper-button-next:hover {background-color: #fff;}
.swiper-index .swiper-button-prev:hover .iconfont,
.swiper-index .swiper-button-next:hover .iconfont {color: #360eb6;}
.swiper-index.swiper-container .swiper-pagination {bottom: 15px;}
.swiper-index .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 6px;background: none;border: 1px solid #fff;opacity: 1;}
.swiper-index .swiper-pagination-bullet-active {background-color: #fff;}

/* 热门新闻 */
.news-hot {height: 376px;margin-top: 50px;background-color: #fff;}
.news-hot>div {height: 100%;overflow: hidden;}
.news-hot .fl {width: 60%;}
.news-hot .fr {width: 40%;}
.news-hot .thumbnail {display: none;height: 100%;}
.news-hot .thumbnail.active {display: block;}
.news-hot .info {padding: 40px;}
.news-hot .info .title {max-height: 64px;overflow: hidden;margin-bottom: 10px;font-size: 20px;line-height: 32px;color: #444;}
.news-hot .info .summary {margin-bottom: 20px;max-height: 120px;overflow: hidden;font-size: 14px;line-height: 30px;color: #999;text-align: justify;}
.news-hot .info .time {margin-bottom: 5px;font-size: 14px;line-height: 32px;color: #999;}
.swiper-newshot.swiper-container .swiper-pagination {width: 50%;left: 60%;bottom: 30px;text-align: left;padding-left: 40px;}
.swiper-newshot.swiper-container .swiper-pagination-bullet {width: 11px;height: 11px;background-color: #fff;border: 2px solid #f58220;opacity: 1;}
.swiper-newshot.swiper-container .swiper-pagination-bullet-active {background-color: #f58220;}

/* 产业布局 */
.industrial-layout {margin-bottom: 34px;}
.industrial-layout .swiper-container .swiper-pagination {width: 290px;}
.industrial-layout .swiper-pagination-bullet {width: 10px;height: 10px;border: 1px solid #fff;background: none;opacity: 1;}
.industrial-layout .swiper-pagination-bullet-active {background-color: #fff;}

/* 图文介绍 */
.graphic-introduction {position: relative;min-height: 182px;margin-top: 22px;padding-left: 314px;background-color: #fff;}
.graphic-introduction .thumbnail {position: absolute;top: 0;left: 0;width: 290px;height: 182px;}
.graphic-introduction .thumbnail::before {content: '';display: block;position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 40px;background-color: rgba(0,0,0,.5);}
.graphic-introduction .info .title {font-size: 18px;line-height: 32px;color: #444;}
.graphic-introduction .info .summary {font-size: 14px;line-height: 32px;color: #999;text-align: justify;}
.graphic-introduction .info .btn-more {margin-top: 20px;}

/**
 * 列表
 */
/* 列表-新闻-简版 */
.list-news-simple {font-size: 14px;line-height: 32px;color: #999;}
.list-news-simple a {display: block;position: relative;padding-right: 30%;}
.list-news-simple .title {position: relative;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-news-simple .title::before {content: '';display: block;position: absolute;top: 15px;left: 0;width: 4px;height: 1px;background-color: #999;}
.list-news-simple .time {position: absolute;top: 0;right: 0;}
.list-news-simple a:hover {color: #f58220;}
.list-news-simple a:hover .title::before {background-color: #f58220;}

/* 列表-新闻-卡片 */
.list-news-card .card-thumbnail {height: 210px;margin-bottom: 20px;}
.list-news-card .btn-more {margin-top: 20px;}

@media (max-width: 768px) {
	/**
	 * index
	 */
	.banner-index .swiper-slide {height: auto;}
	.banner-index img {width: 100%;}
	.swiper-index.swiper-container .swiper-pagination {bottom: 10px;}
	.swiper-index .swiper-pagination-bullet {width: 10px;height: 10px;}
	
	/* 热门新闻 */
	.news-hot {height: auto;margin-top: 20px;}
	.news-hot>div {width: 100%!important;height: auto;overflow: inherit}
	.news-hot .thumbnail {height: 200px;}
	.news-hot .info {overflow: hidden;padding: 15px 15px 30px 15px;}
	.news-hot .info .title {max-height: 52px;margin-bottom: 5px;font-size: 16px;line-height: 26px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	.news-hot .info .summary {max-height: 78px;line-height: 26px;text-align: justify;}
	.swiper-newshot.swiper-container .swiper-pagination {left: 0;bottom: 10px;width: 100%;padding-left: 0;text-align: center;}
	
	/* 产业布局 */
	.industrial-layout {margin-bottom: 20px;}
	.industrial-layout .tab-nav {width: 100%;margin-top: 10px;}
	.industrial-layout .tab-nav .item {float: left;width: 48%;margin-left: 4%;margin-bottom: 5px;text-align: center;}
	.industrial-layout .tab-nav .item:nth-child(odd) {margin-left: 0;}
	
	/* 图片介绍 */
	.graphic-introduction {margin-top: 0;padding-left: 0;}
	.graphic-introduction .thumbnail {position: relative;top: auto;left: auto;width: 100%;height: 160px;}
	.graphic-introduction .thumbnail::before {height: 30px;}
	.graphic-introduction .info {padding-top: 10px;}
	.industrial-layout .swiper-container .swiper-pagination {width: 100%;bottom: auto;top: 133px;}
	.graphic-introduction .info .btn-more {margin-top: 10px;}
	
	/* 列表-新闻-卡片 */
	.list-news-card {margin-bottom: 20px;}
}