/*banner*/
.banner .swiper-slide img{width:100%; }
.banner .swiper-pagination-bullet{ width: 11px; height: 11px; margin-right:6px ; background:rgba(255,255,255,.6); border-radius:0 ; opacity: 1; border-radius: 30px;}
.banner .swiper-pagination-bullet-active{background:#fff;}

@media (max-width:1020px) {
	.banner .swiper-pagination-bullet{width: 8px; height: 8px; margin-right:4px ;}
}
@media (max-width:480px) {
	.swiper-button-next, .swiper-button-prev {
	    width: 13px !important;
	    height: 22px !important;
	    margin-top: -11px !important;
		background-size:13px 22px !important;
	}
}
/*  */
.category-title{color: #333; text-align: center; }
.category-title h3{font-size: 22px;}
.category-title span{ font-size: 14px; line-height: 22px; text-transform: uppercase; display: block; color: #666; margin-top: 6px; position: relative;}
/* .category-title span ::before{}
.category-title span ::after{} */
.category-title span:before {right:54%;}
.category-title span:after {left: 54%;}
.category-title span:after, .category-title span:before {
    content: '';
    position: absolute;
    height: 1px;
    top: 50%;
    margin-top: -1px;
    width: 60px;
    background-color: #275ca8;
}

@media (max-width:1020px) {
	.category-title span:before {right:56%;}
	.category-title span:after {left: 56%;}
}
@media (max-width:768px) {
	.category-title{padding: 20px 0; }
	.category-title h3{font-size: 20px;}
	.category-title span:before {right:58%;}
	.category-title span:after {left: 58%;}
}
@media (max-width:480px) {
	.category-title{padding: 0; }
	.category-title h3{font-size: 18px; }
	.category-title span:before {right:64%;}
	.category-title span:after {left: 64%;}
	.category-title span:after, .category-title span:before {width: 40px;}
}

/* 关于 */
.about{padding: 50px 0px 100px;}
.about_con{margin-top: 30px; padding: 0 60px; display: flex; align-items: center;}
.about_con .pic{width: 37%; padding: 4px 8px 0 0px;}
.about_con .pic img{width: 100%;}
.about_con .txt{width:63%; color: #444; padding: 0px 0 0 50px; font-size: 14px; line-height: 24px; text-align: justify;}
.about_con .txt .more{margin-top:35px; text-align: center; font-size: 14px;}
.about_con .txt .more a{color: #275ca8; border:1px solid #275ca8; padding: 5px 15px; border-radius: 20px;}
.about_con .txt .more a:hover{background:#275ca8; color: #fff;}



@media (max-width:1200px) {
	.about{padding: 20px 0 40px;}
	.about_con{margin-top: 10px; display: block;}
	.about_con .pic{width: auto; padding: 4px 15px 0 0; float: left;}
	.about_con .txt{float: none; width: auto; padding: 0;}
}
@media (max-width:768px) {
	.about_con{padding: 0 15px;}
}
@media (max-width:480px) {
	.about_con{padding: 0 10px;}
	.about_con .pic,.about_con .txt{float: none; width: 100%; padding: 10px 0;}
	
}

/* 产业板块 */
.cybk{background: #f5f5f5; }
.cybk-tab li{float: left;width: 33.33%;cursor: pointer; position: relative;}
.cybk-tab li:after{
	content: "";
	position: absolute;
	right: -1px;
	top: 15px;
	height: 30px;
	width: 1px;
	background: #ddd;
	
}
.cybk-tab li:last-child:after{visibility: hidden;}
.cybk-tab li{display: block; height: 60px; line-height: 60px; font-size: 20px; text-align: center; /* border-right: 1px solid #ddd; */}

.cybk-tab li.act{background-color: #275ca8; color: #fff; position: relative;}
.cybk-tab li.act::before{
	content: '';
	position: absolute;
	top: 60px ;
	left: 50%;
	margin-left: -16px;
	z-index: 999999;
	width:0;
	height:0;
	border-right:16px solid transparent;
	border-left:16px solid transparent;
	border-top:16px solid #275ca8;
}

/* .cybk-box{border: 1px solid #275CA8;} */
.cybk-box .cybk-box-con{display: none;}
.cybk-box .cybk-box-con:first-child{display: block;}

.cybk-box .cybk-box-con{padding:60px;}
.cybk-box .cybk-box-con .pic{float: right; width: 37%; padding: 0 0 0 8px;}
.cybk-box .cybk-box-con .pic img{width:100%;}
.cybk-box .cybk-box-con .txt{float: left; width:63%; padding: 0 50px 0 0; color: #444; font-size: 15px; line-height: 24px;text-align: justify;}
.cybk-box .cybk-box-con .txt .more{margin-top:35px; text-align: center; font-size: 14px;}
.cybk-box .cybk-box-con .txt .more a{color: #275ca8; border:1px solid #275ca8; padding: 5px 15px; border-radius: 20px;}
.cybk-box .cybk-box-con .txt .more a:hover{background:#275ca8; color: #fff;}

@media (max-width:1200px) {
	.cybk-tab li{height: 50px; line-height: 50px; font-size: 18px;}
	.cybk-tab li.act::before{
		top: 50px ;
		margin-left: -12px;
		border-right:12px solid transparent;
		border-left:12px solid transparent;
		border-top:12px solid #275ca8;
	}
}
@media (max-width:768px) {
	.cybk-tab li{height: 44px; line-height: 44px; font-size: 14px;}
	.cybk-tab li.act::before{
		top: 44px ;
		margin-left: -10px;
		border-right:10px solid transparent;
		border-left:10px solid transparent;
		border-top:10px solid #275ca8;
	}
	.cybk-box .cybk-box-con{padding: 15px;}
	.cybk-box .cybk-box-con .pic{float: none; width: 100%; padding: 0;}
	.cybk-box .cybk-box-con .txt{float: none; width: 100%; margin-bottom: 20px; padding: 0;}
	
}
@media (max-width:500px) {
	.cybk-box .cybk-box-con{padding: 0px;}
	.cybk-tab li{line-height: 22px; font-size: 12px;}
}

/*新闻*/
.news{padding: 50px 0;}
.news .category-title span:before {right:53%;}
.news .category-title span:after {left: 53%;}

.news .news_wrap{position: relative; margin-top: 20px;/* max-height: 310px; overflow: hidden; */}
/*修改*/
.news .news_wrap li{float: left; width: 33.33%; padding: 10px 25px; }

.news .date{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width:80px;
	height:80px;
	z-index: 99;
	text-align: center;
	color: #275CA8;
	line-height: 30px ;
	font-size: 18px;
}
.news .date span{background: #275CA8; width: 100%; height: 50px; color: #fff; display: inline-block; line-height:30px; padding: 10px 0; font-size: 16px; font-weight: bold;}
.news .date span b{font-size: 30px;}
.news .news-pic{overflow: hidden; padding:10px 0 0 10px;}
.news .news-pic img{transition: all .4s; width: 100%;}
.news .news_wrap li a{position: relative;}
.news .news_wrap li:hover .news-pic img{transform: scale(1.05);}
.news  .news_wrap li p{
	padding: 20px 0 0px 15px; 
	line-height: 22px;
	width: 100%; 
	font-size: 16px; 
	height: 84px;
	text-transform: uppercase;
}
.news .news_wrap li:hover p{color: #275CA8;}
@media (max-width:1200px) {
	.news  .news_wrap li p{font-size: 14px;}
	.news .date{line-height: 26px;}
	.news .date span b{font-size: 26px;}
}
@media (max-width:768px) {
	.news .category-title span:before {right:60%;}
	.news .category-title span:after {left: 60%;}
	.news .news_wrap li{width: 50%;padding: 10px 15px;}
}
@media (max-width:480px) {
	.news{padding: 50px 0 25px;}
	.news .date span b{font-size: 20px;}
	.news .news_wrap li{width: 100%; padding: 5px 10px;}
	.news  .news_wrap li p{padding: 15px 0 0 15px; height: 62px;}
}

/* .news .swiper-container{width: 100%;}
.news .date{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width:80px;
	height:80px;
	z-index: 99;
	text-align: center;
	color: #275CA8;
	line-height: 30px ;
	font-size: 18px;
}
.news .date span{background: #275CA8; width: 100%; height: 50px; color: #fff; display: inline-block; line-height:30px; padding: 10px 0; font-size: 16px; font-weight: bold;}
.news .date span b{font-size: 30px;}
.news .news-pic{overflow: hidden; padding:10px 0 0 10px;}
.news .news-pic img{transition: all .4s; width: 100%;}
.news .swiper-slide:hover .news-pic img{transform: scale(1.05);}
.news .swiper-slide p{
	padding: 20px 0 20px 15px; 
	line-height: 26px;
	width: 100%; 
	font-size: 16px; 
	text-transform: uppercase;
}
.news .swiper-slide:hover p{color: #275CA8;}

@media (max-width:1200px) {
	.news .date{line-height: 26px;}
}
@media (max-width:768px) {
	.ban .swiper-container{padding-bottom: 100px;}
	.ban .swiper-slide{	display: block !important;}
	.ban .pic,.ban .txt{float: none ; width: 100%; padding: 0;}
	.ban .txt h5{font-size: 20px; margin: 25px 0px 10px;}
	.ban .txt p{font-size: 14px;}
	.ban .swiper-pagination-bullet{ width: 12px; height: 12px;margin:0 4px !important ;}
	.news .category-title span:before {right:60%;}
	.news .category-title span:after {left: 60%;}
}
@media (max-width:480px) {
	.news .date span b{font-size: 20px;}
} */
