img {
	max-width: 100%;
}
a{text-decoration:none!important;color: #565656;}
a:hover{color: #2855ae;}
.topb {
	color: #8a8a8a;
	font-size: 14px;
}

.topb span {
	border: 1px solid #dcdcdc;
	padding: 2px 13px;
	margin: 0 2px;
	display: -webkit-inline-box;
}

.navbar {
	background: #2e518b;
	padding: .5rem;
}

.logo {
	width: 332px;
	line-height: 140px;
}

.top {
	max-width: 1200px;
	margin: 0 auto
}

.topr {
	width: 838px;
	line-height: 30px;
	padding: 35px 0;
}

.topl {
	color: #2E518B;
	font-size: 16px;
}

.kanhao 
  {
	 color: #2E518B;
	 font-weight: bold;
	 font-size: 16px;

}


.topl span {
	padding: 2px 13px;
	margin: 0 2px;
	display: -webkit-inline-box;
}

.ad {
	padding: 3rem 0;
	text-align: center;
}

.swiper-news .img a p:hover {
	color: #2855ae;
}

.swiper-news .swiper-slide {
	border: 1px solid #ddd;
	padding: 10px;
}


.swiper-news .title {
	font-size: 1.4rem;
	line-height: 1.4;
	padding-left: .4rem;
	border-left: 3px solid #37c7e2;
}

.swiper-news ul li a {
	color: #565656;
	text-decoration: none;
}
.swiper-news .title a:hover{color: #2855ae;}
.swiper-news ul li a:hover{color: #2855ae;}
.swiper-news ul li {
	line-height: 43px;
	width: 100%;
	font-size: 16px;
	border-bottom: dashed 1px #ccc;
	list-style: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swiper-news .title a {
	font-size: 1rem;
	color: #969696;
	line-height: 1.8;
}

.swiper-news .img {
	text-align: center;
	margin: .5rem 0;
	border-top: 1px solid #ccc;
	padding-top: .6rem;
	overflow: hidden;
}

.swiper-news .swiper-slide ul {
	padding: 0;
	margin: 0;
}
.swiper-news{padding-bottom: 3rem;}
.swiper-news .swiper-slide ul li:last-child {
	border-bottom: none;
}
.xb-tit{width:100%;color:#2e518b;font-size: 1.5rem;font-weight: bold;line-height: 2rem;}
.xb-tit span{background-color: #2e518b;color: #fff;font-size: 1rem;height:2rem;display: block;width: 2rem;text-align: center;border-radius: 1rem;margin-right: .5rem;}
.xb-tit a{color:#aeaeae;font-size: 0.875rem;font-weight: lighter;}
.xb-tit a:hover{color: #2855ae;}
.swiper-xb{padding: 2rem 0;}
.swiper-xb .swiper-slide img{}
.swiper-xb .swiper-slide p{text-align: center;color: #5c5c5c;font-size: 1rem;line-height: 3;}
.swiper-xb .swiper-slide a:hover p{color: #2855ae;}
.swiper-button-prev{left:0}
.swiper-button-next{right:0}
.swiper-button-next,.swiper-button-prev{
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 0.5rem;
    height: 4rem;
    width: 2.4rem;
    display: none;
    top: 40%;
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 1.2rem;
}
.swiper-pagination-bullet{background-color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: .1rem;}
.foot{background: url(../img/foot_bg.jpg);margin-top: 2rem;padding: 2rem;}
.foot .col{
    padding-left: 0;
}
.foot .col dl{}
.foot .col dl dt{margin-bottom: .5rem;}
.foot .col dl dt a{font-size: 18px;color: #fff;font-weight: lighter;}
.foot .col dl dd a{font-size: 14px;line-height: 2rem;color: #fff;}
.foot .col dl a:hover{color: #ffc107;}
.foot .col-md-6 .col{margin-right: 1rem;text-align: center;}
.foot .col-md-6 .col-md-8{font-size: 0.875rem;color: #fff;}
.foot .col-md-6 .dropdown{width: 100%;}
.foot .col-md-6 .dropdown button{
    background: #375c9a;
    width: 12rem;
    margin-bottom: 1rem;
}
.img{overflow: hidden;}
.img img{
				cursor: pointer;
				transition: all 0.6s;
			}
.img img:hover{
				transform: scale(1.4);
			}
/* list */
.position {
	font-size: 18px;
	color: #4b4b4b;
	line-height: 3;
	border-bottom: 1px solid #dddddd;
}
.position .col-md-9 {
	padding: 0
}

.position .col-md-9 a {
	margin-right: 50px;
}

.position .col-md-9 .on {
	color: #2855ae;
	display: -webkit-inline-box;
	line-height: 3;
	border-bottom: 1px solid #2855ae;
}
.new {
    margin-bottom: 1rem;
}

.new .row {
	padding: 28px 0;
	border-bottom: 1px solid #ddd;
}

.new .row .col .tit {
	font-size: 20px;
	line-height: 2.2;
	color: #000;
}

.new .row .col .des {
	font-size: 16px;
	color: #575757;
	line-height: 1.8;
}

.new .row .col .more {
	display: -webkit-inline-box;
	padding: 5px 10px;
	background: #b6b6b6;
	color: #fff;
	margin-top: 10px;
}

.new .row .col .more:hover {
	background: #2855ae;
}
/* pic_list */
.pic_list{
    padding: 1rem 0;
}
.pic_list .col-md-3{padding: 1rem 0;}
.pic_list .col-md-3 .img{width: 96%;margin: 0 auto;}
.pic_list .col-md-3 p{margin: 0;line-height: 2;text-align: center;}
/* article */
.art {}

.art .tit {
	font-size: 28px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 36px 0 20px;
}

.art .time {
	font-size: 14px;
	text-align: center;
	color: #8f8f8f;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.art .time span {
	padding: 6px 24px;
	display: inline-block;
}

.art .cont {
	font-size: 16px;
	color: #4b4b4b;
	margin: 20px 0;
}
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}

	.top {
		max-width: 1200px;
	}

	.navbar-collapse {
		max-width: 1200px;
		margin: 0 auto;
	}

	.navbar-nav {
		width: 100%;
		text-align: center;
	}

	.nav-item {
		width: 12.5%;
		padding: 1rem 0;
	}

	.nav-link span {
		border-radius: 0;
		text-align: center;
		padding: 0;
		color: #fff;
	}

	.nav-link span {
		border-right: 1px solid #183667;
		border-left: 1px solid #4a71b2;
		display: block;
	}

	.navbar-dark .navbar-nav .nav-link {
		color: #fff;
		padding: 0
	}

	.navbar .nav-item:hover{background: #195ac5;}
	.navbar .dropdown-menu{background: rgba(25, 90, 197, .5);}
	.navbar .dropdown-menu a{color:#fff}
	.navbar .dropdown-menu a:hover{color:#000}
	.navbar-expand-lg .navbar-nav .dropdown-menu{width: 100%;    min-width: 8rem;}
	.navbar {
		padding: 0;
	}

	.nav-item:hover {
		color: #fff;
		background-color: #007bff;
	}

	.nav-item:first-child a span {
		border-left: none;
	}

	.nav-item:last-child a span {
		border-right: none;
	}

	.dropdown-menu {
		top: 95%
	}
}

@media screen and (max-width: 768px) {
	.navbar .dropdown-menu {
		display: block;
	}

	.topr {
		display: none;
	}

	.logo {
		max-width: 100%;
		padding: .5rem;
		line-height: initial;
	}

	.ad {
		width: 100%;
		padding: .5rem .5rem 0;
	}

	.swiper-news {
		padding: .5rem;
	}
	.son{display: none;}
	.xb{padding: .5rem;}
	.swiper-xb{padding: .5rem 0;}
	.nav-link span{color:#fff}
	.foot .col-md-6 .dropdown button{width:100%}
	.foot .col-md-6 .dropdown .dropdown-menu{width:100%}
	.foot>.container>.row>.col{display: none;}
	.foot .col-md-6 .col-md-8{margin-top: .5rem;}
	.pic_list{padding: 1rem 15px;}
	.pic_list .col-md-3{padding:0;width: 100%;}
}