.banner .swiper-slide{ background:url() center 0 no-repeat; background-size: auto 100%;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-slide img.b-pc{display:block;}
.banner .swiper-slide img.b-mb{display:none;}
.banner .swiper-slide video{ width:100%; object-fit: cover; height: 100%;}

.banner .swiper-button-prev ,
.banner .swiper-button-next{ width: 12px; height: 22px; opacity: 0.7; color:#fff;}
.banner .swiper-button-prev { left:50px;}
.banner .swiper-button-next { right:50px;}
.banner .swiper-button-next:hover, 
.banner .swiper-button-prev:hover{ opacity:1;}
.banner .swiper-button-next:after, 
.banner .swiper-button-prev:after{ font-weight:100;}

.banner .swiper-pagination{ bottom:20px;}
.banner .swiper-pagination-bullet{ background:#fff; opacity: 0.7; width:10px; height:10px;}
.banner .swiper-pagination-bullet-active{ background:#3265E7; opacity:1;}

.w-title { text-align:center;}
.w-title h3 {font-size: 40px; color:#333; position:relative;}
.w-title h3:after { content: ''; display: block; width: 50px; height: 2px; background: #3265E7; margin: 15px auto;}
.w-title p {font-size: 16px; color:#454545; margin-top:20px; margin-bottom:20px;}


/*关于*/
.w-about{padding: 100px 0; position:relative; background:url(../images/wbg.jpg) no-repeat center 0; background-size:cover;}
.w-about .w-title h3{ color:#fff;}
.w-about .w-title h3:after{background:#fff;}
.w-about .box{ margin:50px 0;display:flex;}
.w-about .txt{ width:600px; margin-right:100px; font-size:16px;}
.w-about .txt p{ line-height:2; color:#fff; margin-top:15px; text-indent:2em; text-align:justify;}
.w-about .txt .more{ margin-top:30px;}
.w-about .img{ width:500px; margin-top:15px;}
.w-about .img img{ width:100%; display:block}

/*新闻*/
.w-news { background:#f5f5f5; padding:100px 0; overflow:hidden;}
.w-news .list{ margin-top:50px; display:flex;}
.w-news .list li { width:calc(50% - 15px); margin-right:30px; background:#fff; position: relative; overflow: hidden; cursor:pointer;}
.w-news .list li:nth-child(2n){ margin-right:0;}

.w-news .list li .img{ display:none;}
.w-news .list li .img img{ display: block; width:100%; height: 100%; object-fit: cover; transition:.5s;}
.w-news .list li .img:hover img{ transform:scale(1.1)}

.w-news .list li .txt { overflow:hidden; padding:30px 40px;}
.w-news .list li .txt h3 {font-size:20px; font-weight:lighter; color:#333;}
.w-news .list li .txt h3:hover{ color: #3265E7;}
.w-news .list li .txt div {color: #888; margin-top:15px; font-size:14px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.w-news .list li .txt span.common_btns { margin-top:25px; border-radius:0; border-color:#efefef;}

.w-news .more{ text-align:center; margin-top:50px;}

/*联系*/
.w-ctc{ background: #fff; padding:100px 0;}
.w-ctc .list{display:flex; justify-content:center; margin-top:75px;}
.w-ctc .list .item{ width:30%; margin:0 1.5%; display:flex; align-items:center; flex-direction:column; padding:0;}
.w-ctc .list .item .img{ width:60px; height:60px; background:#3265E7; border-radius:60px; overflow:hidden; display:flex; justify-content:center; align-items:center; transition:.5s;}
.w-ctc .list .item .img:hover{ transform:scale(1.1)}
.w-ctc .list .item .img i{ color:#fff; font-size:28px;}
.w-ctc .list .item:nth-child(1) .img i{ color:#fff; font-size:40px;}
.w-ctc .list .item .img span{ display:none;}
.w-ctc .list .item .txt{ padding:10px 0; font-weight:500; text-align:center; color:#2c2c2c;}
.w-ctc .list .item .txt h3{ font-size:18px; font-weight:500;}
.w-ctc .list .item .txt p{}

/*内页*/
.s-banner{ display:none;}
.s-banner img{ display:block; width:100%;}


/*内页导航*/
.bt-position {display:flex; align-items:center;}
.bt-position span { display:inline-block; padding-left:25px; background: url(../images/position.png) no-repeat 0 center;}
.bt-position a,
.bt-position i { margin:0 5px;}
.bt-position em{ font-style:normal;}


.s-title{ position:relative; padding:20px 0 20px 0; display:flex; justify-content:space-between; align-items:center; border-bottom:#eee solid 1px;}
.s-title::after{ content:''; position:absolute; left:0; bottom:0; display: block; width: 40px; height: 5px; background:#3265E7}
.s-title h2{color: #000; font-size:24px; font-weight:700;}



/*news*/
.news-list{ margin-top:50px; }
.news-list .item{ display:flex; margin-bottom:30px; border:1px solid #f5f5f5; position:relative;}
.news-list .item .img{ width:480px; height:300px; overflow:hidden;}
.news-list .item .img img{ display:block; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.news-list .item:hover .img img{transform:scale(1.1, 1.1);}
.news-list .item .txt{ width:calc(100% - 480px); padding:50px;}
.news-list .item .txt h3{ font-size:24px;}
.news-list .item .txt h3:hover { color:#3265E7}
.news-list .item .txt div.text{ margin-top:15px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list .item .txt span{ display:block; color:#999; margin-top:25px; font-size:13px}
.news-list .item .txt div.more{height:40px; line-height:40px; border-radius:40px; display: inline-block; text-align:center; color:#333; border:2px solid #ddd; text-decoration:none; padding:0 30px; margin-top:25px; font-size:14px;}
.news-list .item .txt div.more:hover{border:2px solid #3265E7; background:#3265E7; color:#fff;}

.news-list .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);}
.news-list .item:hover .txt div.more{border:2px solid #3265E7; background:#3265E7; color:#fff;}


.news-title{ margin-top:50px; color: #000; font-size:36px; text-align:center;}

.news-add{ margin-top:30px; text-align:center;}
.news-add span{ display:inline-block; background:url(../images/time.png) 0 center no-repeat; background-size: 16px 16px; padding-left:25px;}
.news-add span.time{ margin-right:50px;}
.news-add span.eye{ background-image:url(../images/eye.png);}

.news-detail{font-size:16px; line-height:1.8; padding:30px 0 60px; border-top:#eee dashed 1px; margin-top:30px;}
.news-detail p{ font-size:18px; text-align:justify; margin-bottom:20px;}
.news-detail img{ display:block; margin: 0 auto; max-width:100%; }

.pre_next{display:flex; justify-content:space-between; width:100%; border-top:1px dashed #e1e1e1; padding:30px 0 150px; color:#888888;}
.pre_next .prev{text-align:left; width:calc(50% - 100px);}
.pre_next .next{text-align:right; width:calc(50% - 100px);}
.pre_next i{margin:0;}
.pre_next .el a{ color:#888888;}
.pre_next .el a:hover{color:#0a4291;}
.pre_next .common_btns { position:absolute; left:50%; transform: translateX(-50%); display: inline-block; background: #0a4291; border-color: #0a4291;}





@media (max-width: 768px) {

	.banner .swiper-slide{ }
	.banner .swiper-slide img.b-pc{display:none;}
	.banner .swiper-slide img.b-mb{display:block;}
	
	.banner .swiper-button-prev ,
	.banner .swiper-button-next{ display:none;}
	
	.banner .swiper-pagination{ bottom:10px;}
	
	
	.w-title h3 {font-size: 1.25rem;}
	.w-title h3:after { margin: 0.5rem auto;}
	.w-title p {font-size: 0.925rem; margin-top:1rem; margin-bottom:1rem;}


	/*关于*/
	.w-about{padding: 2rem 1.5rem;}
	.w-about .box{ margin:1.5rem 0;display: block;}
	.w-about .txt{ width:100%; margin-right:0; font-size:0.925rem;}
	.w-about .txt p{ margin-top:0.5rem;}
	.w-about .txt .more{ margin-top:1rempx;}
	.w-about .img{ width:100%; margin-top:1rem;}

	/*新闻*/
	.w-news { padding:2rem 1.5rem;}
	.w-news .list{ margin-top:1rem; display: block;}
	.w-news .list li { width:100%; margin-right:0; margin-top:1rem}

	.w-news .list li .txt { padding:1.5rem;}
	.w-news .list li .txt h3 {font-size:1.125rem;}
	.w-news .list li .txt div {margin-top:1rem; font-size:0.925rem;}
	.w-news .list li .txt span.common_btns { margin-top:1rem;}
	
	.w-news .more{ margin-top:1.5rem;}	


	.w-ctc{ padding:2rem 1.5rem;}
	
	.w-ctc .list{ margin-top:2rem;}
	.w-ctc .list .item{ width:33%; margin:0 0%;}
	.w-ctc .list .item .img{ width:40px; height:40px; border-radius:40px;}
	.w-ctc .list .item .img i{ font-size:20px;}
	.w-ctc .list .item:nth-child(1) .img i{ font-size:30px;}
	.w-ctc .list .item .img span{ display:none;}
	.w-ctc .list .item .txt{ padding:10px 0;}
	.w-ctc .list .item .txt h3{ font-size:1rem;}
	.w-ctc .list .item .txt p{ display:none;}
	
	
	/*内页导航*/
	.bt-position em{ font-style:normal; display:none;}
	
	
	.s-title{ padding:1rem 1.5rem;}
	.s-title::after{ left:1.5rem;height: 3px;}
	.s-title h2{ font-size:1.25rem;}


	/*news*/
	.news-list{ margin-top:0rem; padding:1.5rem; }
	.news-list .item{ display: block; margin-bottom:1rem;}
	.news-list .item .img{ width:100%; height:150px;}
	.news-list .item .txt{ width:100%; padding:1.5rem;}
	.news-list .item .txt h3{ font-size:1.25rem;}
	.news-list .item .txt div.text{ margin-top:0.5rem;}
	.news-list .item .txt span{ margin-top:0.5rem; font-size:0.825rem}
	.news-list .item .txt div.more{ display:none; height:30px; line-height:30px; border-radius:30px; border:1px solid #ddd; padding:0 1.5rem; margin-top:1rem; font-size:0.925rem;}

	
	.news-title{ margin-top:1.5rem; padding:0 1rem; font-size:1.25rem;}
	
	.news-add{ margin-top:1rem;}
	.news-add span.time{ margin-right:25px;}

	.news-detail{font-size:1rem; padding:1.5rem; margin-top:1.5rem;}
	.news-detail p{ font-size:1rem; margin-bottom:1rem;}
	.news-detail img{ display:block; max-width:100% !important; width: auto !important; height:auto !important; margin-top:10px; margin-bottom:10px;}

	.pre_next{display: block; padding:1.5rem;}
	.pre_next .prev{text-align:left; width:100%; margin-bottom:1rem;}
	.pre_next .next{text-align: left; width:100%;}
	.pre_next i{margin:0;}
	.pre_next .el a{ color:#888888;}
	.pre_next .el a:hover{color:#0a4291;}
	.pre_next .common_btns { margin-top:2rem;}
	

}