* {
    font-family: "Microsoft YaHei","黑体","宋体",sans-serif;
  
}

a:hover{
	text-decoration: none;
	cursor: pointer;
}
.header-top{
	background:#32373c;
	height:70px;
	padding:14px 0;
}
.header-top img{
	height:42px;
}

#login{
	width:84px;
	height:34px;
	background:#b42800;
	color:white;
	outline:none !important;
}
@media (max-width: 767px){
	#login{
		width:auto;
		height:30px;
		background: #b42800;
		color:#fff;
		font-size: 12px;
		border: 1px solid #e1a999 !important;
    	margin-top: 14px;
    	padding:4px 8px;
	}
} 
#login img{
	height:16px;
	vertical-align: sub;
	margin-right:5px;
}
.header-bottom{
	background:#b42800
}
.navbar-default{
	background:#b42800;
	border:none;
}
.navbar{
	min-height:auto;
	margin-bottom:0
}
.nav-alnum{
	list-style: none;
	padding:0;
	margin:0
}
.nav-alnum li{
	float:left;
	width:50%;
	border:5px solid transparent;
}
.nav-alnum li img{
	hieght:100%;
	width:100%;
}
.login2{
	float:right;
	background:#b42800;
	border:0;
	padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    outline: none;
    
}

.login2:focus,.login2:active{
	  outline: none;
}


.login2 i{
	    color: white;
    font-size: 25px;
}
.navbar-nav>li>a {
    padding-top: 10px; 
    padding-bottom: 10px;
    color:white !important;
    font-size:16px;
} 
.navbar-collapse{
	padding:0
}
.drop-down{
	box-shadow:4px 4px 15px rgba(180, 40, 0, 0.22);
	position:absolute;
	width:100%;
	padding:20px 10px;
	display:none;
	background-color:white;
	transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.drop-down-nav{
	height:224px;
	overflow:hidden;
	display: table;
	transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-table-cell{
	display:table-cell;
	vertical-align: middle;
	
}
.nav-img{
	vertical-align: middle;
	text-align: center;
	height:256px;
}
.nav-img img{
	max-width:100%;
	max-height:100%;
}
.nav-school-info p{
	text-indent: 2em;
	line-height: 22px
}
.drop-down-nav{
	display:none;
}
.drop-down{
	display:none;
	z-index:80;
	height:296px;
}
.nav-menus{
	list-style:none;
	margin:0;
	padding:0;
}
.drop-down-nav div:last-child{
	border-left:1px solid #ccc;
}
.header-bottom .row{
	position:relative;
}
.drop-down-nav div{
	width:33.3333333%;
	padding:0 20px;
}

.nav-menus li a{
	font-size:16px;
	color:#b42800
}
.nav-menus li{
	margin-bottom:10px;
}
.school-previews{
	height:500px;
	width:100%;
}

.school-preview{
	float:left;
	width:23%;
	margin:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	height:535px;
	position:relative;
	background:white;
}
.school-preview .preview-news-date{
	display:none;
}
.school-preview:last-child{
	border-right:1px solid #ccc
}
.school-preview-head{
	border-bottom:1px solid #ccc;
	padding:20px 0
	
}
.school-preview-head img{
	height:28px;
	margin-bottom:10px
}
.school-preview-head h4{
	font-size:18px;
	font-weight:bold;
}
.school-preview-head:nth-child(2n+2){
	background:#e6e1e6;
}

.preview-g{
	background:#e1e6e6
}
.preview-b{
	background:#e6e1e6
}

.preview-active .school-preview-head  h4{
	color:white;
}
.school-preview-con{
	overflow:hidden;
	padding:30px 0;
}
.school-preview-con h2{
	margin-bottom:30px;
}
.school-preview-body{
	padding:40px 0
}
.school-preview-body a{
	display:block;
	height:38px;
	padding:9px 10px;
	color:black;
	font-size:15px;
	transition:all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.school-preview-body a:hover{
	background:rgba(180, 40, 0, 0.1);
	color:#dc3c28;
	transition:all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.preview-news-title{
	width:100%;
	display:inline-block;
	text-align: center;
	height: 20px;
	overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.preview-active .preview-news-title{
	width: 87%;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: left;
}
.prview-more{
	width:120px;
	height:40px;
	background:white;
	color:black;
	border:1px solid #ccc;
	border-radius:0;
	padding:0 15px;
	text-align: right;
	position:relative;
	z-index:10;
	outline:none !important;
}
.prview-more:focus,.prview-more:active{
	outline:none;
}
.prview-btns-group{
	position:absolute;
	width:100%;
	bottom:0
}
.prview-btns{
	position:relative;
	display: inline-block;
	margin-bottom:40px;
}
.btn-shadow{
	position:absolute;
	border:1px solid #ccc;
	width:120px;
	height:40px;
	left:5px;
	top:5px;
}
.preview-active{
	width:31%;
	height:555px;
	margin-top:-10px;
	border:1px solid rgba(180, 40, 0, 0.7) !important;
	box-shadow:0 0 20px rgba(180, 40, 0, 0.17);
	margin-left:-25px;
	margin-right:-25px;
	z-index:10
}
.preview-active .preview-news-date{
	display:inline-block;
}
.preview-active .school-preview-head{
	background:#dc3c28 !important;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.preview-active .prview-more{
	border-color:#dc3c28;
	color:#dc3c28;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.preview-active .btn-shadow{
	border-color:#dc3c28;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.school-images-con{
	background:#f6f6f6;
	padding:20px 0 40px 0;
}
.school-images-con h2{
	margin-top:50px;
	margin-bottom:20px;
}
.images-con{
	overflow: hidden;
}
.images-con>div>div{
	background-repeat:no-repeat !important;
	background-size: cover !important;
	-webkit-background-size: cover !important;   
	-moz-background-size: cover !important;   
	-o-background-size: cover !important;
	height:200px;
	border:1px solid #ccc;
}
.images-con>div{
	padding-bottom:20px;
}

footer{
	background:#32373c;
}
.carousel{
	overflow:hidden;
	margin-top:50px;
	margin-bottom:40px;
}
#friendly-links  .carousel-control{
	float:left;
	position:relative;
	width:5%;
	background-image:none !important;
	
}
#friendly-links .carousel-control i{
	line-height:50px;
	font-size:40px;
	color:white;
}
#friendly-links .carousel-inner{
	float:left;
	width:90%;
	margin:0 -5px;
}
#friendly-links .carousel-inner .item{
	width:100%;
	
}
#friendly-links .carousel-inner .item>div{
	float:left;
	width:20%;
	text-align: center;
	padding:0 5px;
}
#friendly-links .carousel-inner .item>div:first-child{
	padding-left:0;
}
#friendly-links .carousel-inner .item>div:last-child{
	padding-right:0;
}
#friendly-links .carousel-inner a{
	width:100%;
	height:50px;
	background:white;
	border:0;
	line-height:38px;
	font-size:16px;
	color:#dc3c28;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#friendly-links .carousel-inner a:hover{
	background:#fdf1f0;
	color:#dc3c28;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#moral-education-links .carousel-control{
	background-image:none;
}
.copy-right{
	margin-top:20px;
	margin-bottom:20px;
}
.copy-right p{
	color:white;
	margin-bottom:4px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background:#b42800;

}
.navbar-default .navbar-toggle{
	border:0;
	float:left;
	margin-right:30px;
}
.navbar-default .navbar-toggle i{
	color:white;
	font-size:25px;
}
.preview-news,.preview-work,.preview-affairs,.preview-anno{
	margin-bottom:10px;
}
.preview-phone-news,.preview-phone-work,.preview-phone-affairs{
	margin-bottom:30px;
}
.school-preview-phone{
	padding:20px 15px;
	background: #f5f5f5;
	
}
.school-previews-phone{
	background: #f5f5f5;
	padding-top:20px;
}
.school-previews-phone>h2{
	margin-top:0;
	margin-bottom:0
}
.teacher{
	width:33.3333%;
	border:8px solid transparent;
	float:left;
	transition: box-shadow 0.5s;
	-moz-transition: box-shadow 0.5s;	/* Firefox 4 */
	-webkit-transition: box-shadow 0.5s;	/* Safari 和 Chrome */
	-o-transition: box-shadow 0.5s;
	
}

.preview-news-left{
	display: block;
    float: left;
    height: 90px;
    width: 90px;
    position:relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    
    
}
.preview-news-right{
	height:90px;
	margin-left:90px;
	padding:10px 10px 0 10px;
	position:relative;
	background:white;
}
.news-con{
	color:black
}
.preview-news-right .time{
	position:absolute;
	bottom:0;
	left:10px;
}
.preview-news-right .time i{
	margin-right:5px;
}
.school-preview-phone h4{
	color:#b42800;
	font-size:16px;
}
.menu-guide{
	background-color:#f0b4b4
}
.top-5{
	background-color:#dca078
}
.latest-news{
	background-color:#ffb464;
}
.site-statistic{
	background-color:#b4a08c
}
.aside-title h4{
	padding:20px 0;
	color:white;
	border-bottom:1px solid #fff;
	font-size:20px
}
.aside-title h4 img{
	height:24px;
	margin-right:10px;
	margin-left:-20px;
}
.aside-con{
	padding:20px 15px;
}
.aside-con-2{
	list-style:none;
	padding:0;
	margin-left:29px;
}
.more-navs-phone{
	list-style:none;
	padding:0;
	margin:0;
	padding-left:14px;
	background-color:#c72e00;
}
.more-navs-phone a:active{
	background-color:#c72e00 !important;
}
.more-navs-phone li{
	padding:6px 0;
}
.aside-con a{
	color: white;
	display:block;
	margin-bottom:10px;
}
.aside-con a i{
	color:white;
	margin-right:5px;
}
.breadcrumb{
	background:#c93c28;
	color:white;
	padding:0 15px;
	height:36px;
	line-height:36px;
	margin-top:10px;
	border-radius:0;
}

.details-con h2,.details-con h4{
	color:#c93c28;
	word-spacing:8px; 
	letter-spacing:1px
}
.details-con h2{
	margin-top:40px;
}
.details-con h4{
	font-size:21px;
	margin-bottom:40px;
}

.school-intro-title{
	margin-bottom:10px;
}
.school-intro-title p{
	margin:0;
	text-indent:0;
}
.school-intro-title p span{
	color:#c93c28
}
.school-culture{
	margin-bottom:40px;
}
.school-culture-red{
	color:#c93c28 !important;
}
.detail-info{
	margin-top: 20px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    color: #ccc;
}
#right-bar {
    position: fixed;
    z-index: 300;
    height: 45px;
    width: 45px;
    border-radius: 25px;
    right: 5%;
    top: 50%;
    opacity: 0.8;
    background-color: #666666;
    outline: none;
    border: none;
}
#right-bar i{
	color:white;
	padding-top: 4px;
    margin-left: -2px;
}

#left-menu {
    width: 100%;
    height: 100%;
}
#left-menu .modal-dialog {
    background-color: #b42800;
    height: 100%;
    width: 50%;
    margin: 0;
    padding:20px 0px;
    
}
#left-menu .modal-dialog a {
	color:white;
	font-size:16px;
	text-align: left;
	padding-left:20px;
}
#left-menu .modal-dialog a:active{
	background:#7b1c00
}
.left-menus .modal.in .modal-dialog {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.left-menus .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .1s ease-out;
    -o-transition: -o-transform .1s ease-out;
    transition: transform .1s ease-out;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}


.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{
	background:#dcc8aa;
}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{
	background:#dcc8aa;
	height:100%;
	width:100%;
	padding:20px;
	left:30px;
	padding-right:50px;
}
.sp-thumbnail-description {
}
 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{
	left:14px;
	border-color:transparent
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{
	left:17px;
	border-right: 15px solid #b42800;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    margin-top:-14px;
    
} 


.sp-thumbnail-description{
	color:white;
	line-height:40px;
	font-size:16px;
}
.sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container{
	margin-top:5px ;
	margin-bottom:5px;
}

 .sp-selected-thumbnail .sp-thumbnail{
	background:#b42800 !important;
	color:white;
	vertical-align: middle;
} 
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{
	border-color:transparent;
	
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{
	border-bottom-color:#b42800;
	top:5px;
}
.sp-bottom-thumbnails .sp-thumbnail-container:last-child, .sp-top-thumbnails .sp-thumbnail-container:last-child{
	margin-right:2px
}
.sp-bottom-thumbnails .sp-thumbnail-container:first-child, .sp-top-thumbnails .sp-thumbnail-container:first-child{
	margin-left:2px;
}
#example5 .sp-thumbnail-text{
	width:100%;
	background:transparent;
	padding:0;
	color:white;
	line-height:40px;
	font-size: 20px;
	overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.info-box{
	padding:15px;
	width:100%;
	display:table;
	border:1px solid #ccc;
	border-radius:3px;
	background:#f9f9f9;
	margin-bottom:20px;
	box-shadow: 1px 1px 10px transparent;
	transition: box-shadow 0.5s,border .5s;
	-moz-transition: box-shadow 0.5s,border .5s;	/* Firefox 4 */
	-webkit-transition: box-shadow 0.5s,border .5s;	/* Safari 和 Chrome */
	-o-transition: box-shadow 0.5s,border .5s;
}
.info-box:hover{
	cursor: pointer;
	box-shadow: 1px 1px 10px rgba(180, 40, 0, 0.51);
	border:1px solid #b42800;
	background:white;
	transition: box-shadow 0.5s,border .5s;
	-moz-transition: box-shadow 0.5,border .5ss;	/* Firefox 4 */
	-webkit-transition: box-shadow 0.5,border .5ss;	/* Safari 和 Chrome */
	-o-transition: box-shadow 0.5s,border .5s;
}
.info-box-img{
	display:table-cell;
	width:240px;
	height:160px;
	vertical-align: middle;
	background-color:#ddd;
	position:relative;
	text-align: center;
}
.info-box-img img{
	max-width:100%;
	max-height:100%;
}
.info-box-con{
	position:relative;
	padding:20px;
	padding-bottom:0;
	height:160px;
	
}
.info-box-con .date{
	color:#b42800
}
.info-box-con h4{
	font-size:20px;
	font-weight:bold;
	overflow:hidden;
	height:22px;
}
.video-box-text{
	position:absolute;
	bottom:0
}
.info-box-con{
}
.pagination>li>a{
	margin:0 10px;
	box-shadow:2px 2px 3px #ccc;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background:#b42800;
	border-color:#b42800;
}
.pagination>li>a, .pagination>li>span{
	color:black;
}
.news-list-pc{
	margin: 0 -15px;
}
.bs-callout {
    width: 100%;
    padding: 20px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left: 5px #c93c28 solid;
    border-radius: 3px;
    box-shadow: 1px 2px 2px #f2f2f2;
    display: inline-block;
    transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    color: #666666;
    line-height:25px;
}
.bs-callout:hover{
	box-shadow: 2px 4px 4px #e4e4e4;
	    color: #666666;
	transition: box-shadow 0.5s;
	-moz-transition: box-shadow 0.5s;	/* Firefox 4 */
	-webkit-transition: box-shadow 0.5s;	/* Safari 和 Chrome */
	-o-transition: box-shadow 0.5s;
	cursor: pointer
}
.current-posi{
	position: absolute;
    width: 100%;
    text-align: center;
    color:white;
    font-size:22px;
    line-height:60px;
}

.player{
	position:absolute;
	width:40px;
	heihgt:40px;
	left:50%;
	top:50%;
	margin-top:-20px;
	margin-left:-20px;
	z-index:10;
}
.video-time{
	padding:5px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
	background:black;
	color:white;
}
.click-num{
	position: absolute;
	bottom:0;
	color:#b42800;
	margin-bottom:10px;
}
.player-phone{
	position:absolute;
	width:30px;
	height:30px;
	left:50%;
	top:50%;
	margin-top:-15px;
	margin-left:-15px;
}
.video-title {
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    background: #1A1A1A;
    color: white;
    padding-left: 10px;
}
.video-tabs .nav {
    background: #e3e3e3;
}
.video-tabs {
    margin-top: 20px;
}
.video-tabs .active {
    background-color: transparent !important;
}

.video-tabs .active {
    background-color: transparent !important;
}
.nav-tabs>li>a{
	border:0;
	border-bottom:2px solid transparent;
	border-radius:0;
	color:black;
}
.more-video-list {
	overflow:hidden;
    padding: 10px;
    background: #ebebeb;
    margin-bottom: 10px;
}
.nav-tabs>li>a:hover{
	background:#fafafa;
	border-bottom-color:#fafafa;
}
.video-tabs .nav-tabs>li.active>a, .video-tabs .nav-tabs>li.active>a:focus, .video-tabs .nav-tabs>li.active>a:hover {
    background: transparent;
    color: #b42800;
    border: 0;
    border-bottom: 2px solid #b42800;
}
.video-con {
    padding: 10px;
    background: #ebebeb;
    margin-bottom: 10px;
}
.video-right {
    margin-left: 192px;
    overflow: hidden;
    padding-left: 10px;
}
.video-head {
    overflow: hidden;
}
.video-tabs .tab-content .tab-pane .video-right {
    margin: 0;
    padding: 0;
}
.video-right h3 {
    font-size: 20px;
    margin-top: 5px;
    font-weight: 600;
}
.video-right p {
    font-size: 14px;
}
.more-video-list .video-left {
    float: left;
    margin:0 8px;
}
.video-left {
    width: 182px;
    min-height: 145.6px;
    background: black;
    overflow: hidden;
    float: left;
    position: relative;
}
.video-img {
    height: 145.6px;
    display: table-cell;
    vertical-align: middle;
}
.video-img .time {
    position: absolute;
    background: black;
    bottom: 0;
    right: 0;
    padding: 2px;
    z-index: 100;
    color:white;
}
.player-img {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    z-index: 100;
}
.video-img .video-img-thumbnail {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}
.video-img-thumbnail {
    max-width: 100%;
    max-height: 100%;
}
.hot-degree i{
	color:#b42800
}
#my-video{
	width:100%;
}
.album-list{
	margin: 0 -8px;
	overflow:hidden;
}
.album{
	display:block;
	width: 33.333333%;
    border:8px solid transparent;
	float:left;
	margin-bottom:8px;
}
.album .caption{
	margin-top:8px;
}
.album-more{
	position:absolute;
	width:40px;
	height:40px;
	font-size:26px;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-20px;
}
.album-more>span{
	color:white;
	margin-left:-1px;
	margin-bottom:2px;
}
.album-pic {
    height: 208px;
    background-position:center;
    background-repeat:no-repeat !important;
    background-size: cover !important;
    position: relative;
}
.news-list-phone{
	margin-top:15px;
}
.aside-label{
	font-size:9px;
	padding: 0 4px;
	border-radius:3px;
	background:#FCC767;
	box-shadow:2px 2px black;
	margin-right:6px;
	color:red;
}
.teacher-con{
	border:2px solid #e6e6e6;
	padding:30px 20px;
}
.teacher-con:hover{
	cursor:pointer;
	box-shadow:1px 1px 10px #ccc;
	transition: box-shadow 0.5s;
	-moz-transition: box-shadow 0.5s;	/* Firefox 4 */
	-webkit-transition: box-shadow 0.5s;	/* Safari 和 Chrome */
	-o-transition: box-shadow 0.5s;
}
.teacher-con h3{
	color:black;
	margin-top:30px;
}
.teacher-con .caption{
	margin-top:10px;
}
.teacher-img{
	width:55%;
	border-radius:1000px;
}
.teacher-more{
	width:30px;
	height:30px;
	margin-top:30px;
}
.teachers-con{
    width: 100%;
    display: table;
    border: 1px solid #ccc;
    border-radius: 3px;
    height:280px;
    margin-bottom:20px;
}
.teacher-left{
	display:table-cell;
	width:186px;
	height:280px;
	vertical-align: middle;
}
.teacher-left img{
	max-width:100%;
	max-height:100%;
}
.teacher-right{
	height:280px;
	padding:20px;
	overflow:auto;
}
.teacher-right p{
	margin:0;
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.teacher-right::-webkit-scrollbar{
    width: 8px;
    height: 8px;
    background-color: transparent;
}
/*定义滚动条的轨道，内阴影及圆角*/
.teacher-right::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: transparent;
}
/*定义滑块，内阴影及圆角*/
.teacher-right::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 10px;
    border-radius: 10px;
    background-color: #f2f2f2;
}
#teacher-info{
	border:0;
	box-shadow:none;
}
#teacherModal .modal-header{
	height:50px;
	padding:0
}
#teacherModal .modal-header .close{
	line-height: normal;
	margin-right:10px;
}
#teacherModal .modal-header .close span{
	font-size:35px;
}
#teacherModal{
	border-radius:0;
	
}
#teacherModal .modal-body{
	padding:20px;
}

.teacher-title,.teachers-title{
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
}
.teacher-title h2,.teacher-title span,.teachers-title h2,.teachers-title span{
	float:left;
	position:relative;
	bottom:0;
	color:#b42800;
	
}
.teachers-title h2,.teachers-title span{
	color:black;
}
.teacher-title h2, .teachers-title h2{
	margin:0;
}
.teacher-title span, .teachers-title span{
	position:absolute;
	margin-left:10px;
}
.teacher-title, .teachers-title{
	overflow:hidden;
}
.teachers-title{
	margin-bottom:20px;
}
.teachers-job{
	margin-bottom:22px;
	color:black;
	font-size:16px;
}
.intro-con img{
	max-width:100% !important;
	
}
.sp-image-container:hover{
	cursor: pointer;
}
.navbar-nav>li>a{
	text-align: center;
	z-index:100;
}
.navbar-nav>li{
	min-width:94px;
}
.navbar-nav>li>img{
	position:absolute;
	top:-7px;
	left:0;
	width:100px;
	z-index:90;
	
}
.teacher-list{
	overflow:hidden;
}
.left-aside{
	margin-bottom:15px;
}
.teacher-info-more{
	background:#b42800;
	color:white;
}
.teacher-info-more:focus, .teacher-info-more:active{
	color:white;
}
.details-con h5{
	font-size:20px;
	margin-top:30px;
	margin-bottom:20px;
}
.modal-dialog {
    border-radius: 3px;
}
.modal-dialog {
    overflow: hidden;
    background-color: white;
}
.login-logo img {
    width: 70%;
    margin-top: 50px;
}
.login-text img {
    width: 100%;
    margin-top: 20px;
}
.login-left, .login-right {
    background-color: white;
    padding: 0 20px;
}
.modal-header {
    padding-left: 0;
    padding-right: 0;
    border: 0;
}
.form-horizontal {
    margin-top: 20px;
}
.form-control {
    height: 40px;
    margin-bottom: 8px;
    font-size: 16px;
}
.login-right {
    border-left: 1px solid rgba(119, 119, 119, 0.09);
}
.modal-footer {
    border-top: none;
    text-align: center;
    padding-bottom: 30px;
}
.modal-body {
    padding: 0;
}
.modal-footer>button {
    width: 100px;
    border-radius: 0;
    background:#b42800;
    border-color:#b42800;
    color:white;
}
.modal-footer>button:focus,.modal-footer>button:visited,.modal-footer>button:hover,.modal-footer>button:active{
	background:#b42800 !important;
    border-color:#b42800 !important;
    color:white;
} 
.modal-header .close{
	margin-top:-7px;
	margin-right:-7px;
}
.form-horizontal .form-group:last-child {
    margin-bottom: 0;
}
.images-big>div, .images-sm>div{
	cursor: pointer;
}
.footer-img-left {
    height: 125px;
    padding: 20px 40px;
    /* padding-right: 55px; */
    /* border-right: 1px solid #666666; */
    float: left;
    /* padding-left:30px; */
    position: relative;
    width:470px;
}
.clear{
	clear:both;
}
.footer-img-left img{
	position:absolute;
	top:50%;
	left:40px;
	transform:translateY(-50%);
	height:60px;
}
.footer-img-middle {
    /* height: 100px; */
    /* padding-left: 55px;
    padding-right: 55px; */
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    float: left;
    padding:0 40px;
}
.footer-text-right{
	height: 125px;
	/* border-left: 1px solid #666666; */
	/* padding-left: 55px; */
	float:left;
	padding-left:40px;
	width: 393px;
	position: relative;
}
.footer-text-right p{
	text-align: left;
	position: absolute;
	top:50%;
	left:40px;
	transform:translateY(-50%);
}
.footer-img-middle img{
	height:100px;
}
.footer-img {
	margin-bottom:20px;
	/* overflow:hidden; */
}
/*首页第二版---------------------------------------------------------------------start*/


.border-style {
    border-radius: 6px;
    border: 1px solid #edefee;
}


.all-info-carousel {
    padding: 15px 0;
    overflow:hidden;
    margin:0;
}
.all-info-carousel .carousel-inner {
	width:100%;
	margin:0
}
.all-info-carousel .carousel-inner .item{
	width:100%;
	height:240px;
	vertical-align: middle;
	text-align: center;
}
.all-info-carousel .all-controls {
    float: left;
    position: relative;
    left: 50%;
    margin-top: 10px;
}
.all-info-carousel .controls {
    position: relative;
    float: left;
    right: 50%;
}
.all-info-carousel .controls .carousel-control {
    float: left;
    background-image: none !important;
    position: relative;
    width: auto;
    opacity: 1;
}
.all-info-carousel .carousel-indicators {
    position: relative;
    bottom: 0;
    margin-bottom: 0;
    float: left;
    left: auto;
    width: auto;
    margin-left: 0;
}
.all-info-carousel .carousel-indicators li {
    border: solid 1px #b42800;
    width: 24px;
    height: 24px;
    text-indent: 0;
    color: #b42800;
    font-size: 13px;
    line-height:24px;
    margin: 0 5px;
    border-radius:13px;
}
.all-info-carousel .carousel-indicators .active {
    width: 24px;
    height: 24px;
    background: #b42800;
    border: 1px solid #b42800;
    color: white;
    margin: 0 5px;
}
.all-info-carousel .controls .carousel-control {
    float: left;
    background-image: none !important;
    position: relative;
    width: auto;
    opacity: 1;
    line-height:20px;
}
.all-info-carousel .carousel-control i:last-child {
    margin-left: 10px;
}
.all-info-carousel .carousel-control i:first-child {
    margin-right: 10px;
}
.all-info-carousel .carousel-control i {
    color: #ccc;
    position: relative;
    font-size:20px;
    line-height:20px;
}
.important-columns .nav-tabs {
    overflow: hidden;
    border-bottom: 0;
    margin-top:-1px;
}
.first-news>p{
	max-height:40px;
	overflow:hidden;
	margin-bottom:10px
	
}
.important-columns .nav-tabs>li>a {
    border-radius: 6px;
    color: #dc3c28;
    border: 1px solid #dc3c28;
    margin-right: 0;
    font-size: 15px;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.06) inset;
    padding:8px;
}
.info-img-left, .info-img-right{
	width:8px;
	height:20px;
	border-radius:3px;
	background: url(../images/btn-bkg.jpg) repeat-x;
}
.important-columns .nav-tabs>li.active>a, .important-columns .nav-tabs>li.active>a:focus, .important-columns .nav-tabs>li.active>a:hover {
	
	background: url(../images/btn-bkg.jpg) repeat-x;
    border-radius: 6px;
    border: 1px solid #dc3c28;
    color: white;
}

.first-news {
    margin: 10px 10px 10px 0;
    border-bottom: 2px dashed #edefee;
}
.first-news a {
    color: black;
    display: block;
    font-size: 20px;
    padding-top: 6px;
    padding-bottom: 8px;
    text-decoration: none;
}
.other-news {
    padding-right: 10px;
}
.other-news>a {
	display:block;
    margin-bottom: 14px;
}
.other-news>a>i {
    margin-right: 5px;
}
.pull-right {
    float: right!important;
}
.other-news a {
    color: #666666;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    padding-right: 50px;
}
.other-news-con{
	margin-bottom:14px;
	position:relative;
}
.other-news-con .news-title i{
	margin-right:5px;
}
.other-news-con span{
	color: #666666;
	position: absolute;
    right: 0;
    top: 0;
}
    
.infos-head {
    height: 47px;
    border-bottom: 2px solid #edefee;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0 17px;
    box-shadow: 0px 0px 7px rgba(51, 51, 51, 0.03) inset,0px 0px 3px #dfdfdf;
    background: #f8f8f8;
}
.info-img-left {
    position: absolute;
    left: 13%;
    margin-top: -10px;
}
.info-img-right {
    position: absolute;
    right: 13%;
    margin-top: -10px;
}
.infos-head span {
    font-size: 15px;
    line-height: 42px;
    font-weight: 600;
    color: #dc3c28;
}
.infos-head a, .summary-header a, .school-album-head a {
    text-decoration: none;
    color: #666666;
    font-size: 15px;
    line-height: 42px;
}
.infos-con {
    padding: 15px;
    padding-bottom: 4px;
}
.info-con {
    border-bottom: 1px dashed #edefee;
    padding:8px 0;
    position:relative;
}
.info-con span{
	position:absolute;
	right:0;
	top:8px;
}
.info-con a {
    color: #666666;
    position: relative;
     overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display:block;
    padding-right:50px;
}
.info-con a i{
	margin-right:5px;
}

.pull-right {
    float: right!important;
}
.dropdown-toggle span{
	color:white;
}
.dropdown-menu{
	background:#b42800;
	padding:0;
	border:0;
	box-shadow:none;
}
.dropdown-menu li a{
	color:white;
	padding:10px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background:#8c2000
}
#myModal .modal-dialog{
	margin-top:15%;
}






/*--------------------------end*/
.app-head{
	border-bottom:1px solid #edefee;
	overflow:hidden;
	margin-bottom:20px;
}
.app-head h3{
	margin:0;
	padding:10px;
	border-bottom:4px solid #dc3c28;
	float:left;
	margin-bottom:-1px;
	
}
.job-links-con{
	border-radius: 6px;
    border: 1px solid #edefee;
}
.job-links-con #job-links{
	height:238px;
}
.job-links-list{
	list-style:none;
	padding:0;
	margin:0;
	padding:0 12px;
}
.job-links-list li a{
	white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
	display:block;
	font-size:16px;
	color:#dc3c28;
	overflow:hidden;
}
.job-links-list li{
	margin:15px 10px;
}
#job-links{
	position:relative;
	margin:0;
	padding:19px 10px;
	background:white;
}
#job-links .carousel-control{
	background:none;
	width:15px;
}
#job-links .carousel-control .fa-caret-left{
	position:absolute;
	top:50%;
	right:0;
	color:#dc3c28;
	font-size:30px;
	margin-top:-15px;
}
#job-links .carousel-control .fa-caret-right{
	position:absolute;
	top:50%;
	left:0;
	color:#dc3c28;
	font-size:30px;
	margin-top:-15px;
}
.school-app-list li{
	float:left;
	padding:5px;
}
.school-app-list{
	list-style:none;
	margin:0;
	padding:0;
	margin:-5px;
	overflow:hidden;
}
.app-con{
	width:100%;
	background:white;
	padding:10px;
	height:52px;
	overflow:hidden;
	cursor:pointer;
	border-radius: 6px;
	border: 1px solid #edefee;
	transition: box-shadow 0.5s,border .5s;
    -moz-transition: box-shadow 0.5s,border .5s;
    -webkit-transition: box-shadow 0.5s,border .5s;
    -o-transition: box-shadow 0.5s,border .5s;
}
.app-con:hover{
	box-shadow: 1px 1px 10px rgba(180, 40, 0, 0.51);
	border:1px solid #b42800;
    transition: box-shadow 0.5s,border .5s;
    -moz-transition: box-shadow 0.5s,border .5s;
    -webkit-transition: box-shadow 0.5s,border .5s;
    -o-transition: box-shadow 0.5s,border .5s;
}
.app-con span{
	display:table-cell;
}
.app-con span:last-child{
	line-height:32px;
	font-size:16px;
	overflow:hidden;
	padding-left:10px;
}
.app-con img{
	height:30px;
	
}
.special-con{
	border-radius: 6px;
	cursor:pointer;
	margin-bottom:25px
}
.special-con img{
	width:100%;
}
.special-con:last-child{
	margin:0;
}
.special-con span{
	display:table-cell;
	height:70px;
}
.special-con span img{
	height:70px
}
.special-title{
	display:table-cell;
	vertical-align: top;
    padding-top: 13px;
    padding-left:8px;
}
.special-title p{
	color:rgba(255, 255, 255, 0.5)
}
.special-title h4{
	margin-top:0px;
	margin-bottom:5px;
	font-size:19px;
}
.special-title>div{
	border-left:1px solid white;
	padding-left:8px;
	color:white;
}
.special-blue{
	background:#6c9ccd;
	
}
.special-red{
	background:#ee5a5a
}
/*新生登记-----------------------------start*/
.register-header{
	height:400px;
	background:url(../images/regist-bkg.png);
	background-size:cover;
	border-bottom:40px solid #b42800;
	
	
}
.register-footer{
	position:absolute;
	bottom:0;
	width:100%;
	background:#EFEFEF;
	text-align: center;
	color:#909090;
}
.register-footer>div{
	padding:15px 0;
	color:#909090;
	background:#EFEFEF;
}
.register-body{
	background:#F9F9F9;
	padding-bottom:31px;
}
.register-logo{
	padding-top:100px;
}
.register-logo h2{
	color:white;
	font-weight:600
}
.register-login-box{
	
	border-radius:10px;
	background:white;
	box-shadow: 0 4px 6px #ccc;
	padding:20px 60px;
	margin-top:-100px;
}

.login-box-head h3{
	font-size:22px;
}
.login-box-body input{
	margin:25px 0;
	-webkit-appearance:none;
}
.login-box-body input:focus{
	outline:none;
	box-shadow:none;
}
.login-box-footer button, .register-con-submit button{
	width:120px;
	background:#dc3c28 !Important;
	color:white !important;
	margin-bottom:20px;
	font-size:16px;
	outline:none !important;
}
.register-con-submit{
	padding-top:20px;
	border-top:2px dashed #edefee;
}
.register-con-logo{
	background:#32373c
}
.register-con-logo img{
	padding:10px 15px ;
	width:26%;
}
.register-con-title{
	padding:20px 15px;
	font-size:25px;
	background:#EFEFEF;
}
.register-con-form .form-group label{
	padding-top:9px;
	font-size:14px;	
}
.register-con-form .form-group{
	overflow:hidden;
}
.register-con-form .form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-appearance:none;
}
.register-con-form .form-control:focus{
	border:1px solid #bbbbbb;
	outline:none;
	box-shadow:none;
}
.label-mark{
	color:red;
	padding-right:3px
}
.sure-info{
	line-height:31px;
}

.unchecked {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    border: 1px solid #dddddd;
}
.checked {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background: url('../images/checked.png');
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.radio-con {
    position: relative;
    display:inline-block;
    vertical-align: middle;
    margin-right:5px;
}
.select-bus {
    z-index: 100;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0 !important;
    position:absolute;
}
.if-live{
	line-height:31px;
	vertical-align: middle;
	float:left;
	margin:0;
	margin-right:25px;
	padding-top:0 !important
}
.register-warning{
	color:#dc3c28;
	padding:20px 0;
}
.register-con-form{
	margin-top:40px;
}
input.ver-code{
	width:50%;
	float:left;
	margin-top:0
}
.ver-cod-con{
	overflow:hidden;
	display:none;
}
.ver-cod-con>.ver-cod-img{
	line-height:40px;
	vertical-align:middle;
	width:50%;
	padding-left:25px;
	float:left;
	display:inline-block;
}
.ver-cod-con>.ver-cod-img>img{
	max-width:100%;
	max-height:100%;
}
/*新生登记-----------------------------end*/
.annex{
	margin:15px 0;
	padding-left:10px;
	border-left:3px solid #c93c28;
	word-wrap:break-word; 
	word-break:break-all; 
	font-weight: bold;
}
.annex strong{
	line-height:2em;
}
/*新轮播图。。。。。。。。。。。start*/
.swiper-container{
	width: 380px;
    float: left;
    top:15px;
}
.swiper-wrapper .swiper-slide {
    height: 260px;
}
.swiper-pagination{
	bottom:20px;
	left:127px;
}
.swiper-pagination-bullet{
	width:24px;
	height:24px;
	margin-right:20px;
	color:white;
	background:rgba(0,0,0,.5);
	opacity:1;
	line-height:24px;
}
.swiper-pagination-bullet:last-child{
	margin-right:0;
}
.swiper-pagination-bullet-active{
	background:#b42800;
	color:white;
}
/*新轮播图。。。。。。。。。。。end*/
@media (max-width: 767px){
	.school-images-con{
		padding-top:0
	}
	.bs-callout span:first-child{
		display:inline-block;
		width:65%;
		overflow: hidden;
	    white-space: nowrap;
	    -webkit-text-overflow: ellipsis;
	    -moz-text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	}
	#example5 .sp-thumbnail-text{
		width:120px;
		background:transparent;
		padding:0;
		color:white;
		line-height:30px;
		font-size:14px;
		padding:0 5px;
	}
	.article-body{
		overflow-x: auto;
	}
	.article-body img{
		max-width:100%;
	}
	.swiper-wrapper .swiper-slide{
		height:210px;
	}
	.swiper-container{
		top:0;
		width:100%;
	}
	.register-con-form .form-group label {
	    float: left;
	}
	.register-con-logo img{
		
		width:100%
	}
	.register-footer-phone{
		position:relative;
	}
	.register-login-box-phone{
		padding:20px
	}
	.register-logo-phone{
		padding-top:30px;
	}
	.register-header-phone{
		height:260px
	}
	.register-header-phone h2{
		font-size:24px;
	}
	.school-app-list li{
		width:50%;
	}
	.border-style{
		border-radius:0;
	}
	.infos-head-phone{
		border-radius:0;
	}
	.other-news-phone>a>.news-title{
		width: 70%;
	    overflow: hidden;
	    display: inline-flex;
	    height: 20px;
	}
	.tab-content-phone>.tab-pane{
		padding:0 10px;
	}
	.nav-tabs-phone li{
		float:left !important;
		width:33.333333%;
		margin-top:10px;
		
	}
	.nav-tabs-phone>li>a{
		padding-left:0 !important;
		padding-right:0 !important;
		text-align: center !important;
		border-radius:0 !important;
		border-left:0 !important;
	}
	.nav-tabs-phone>li:first-child a{
		border-left:1px solid #dc3c28 !important;
		
	}
	.right-infos-phone{
		box-shadow:1px 0 8px rgba(204, 204, 204, 0.46);
	}
	.all-info-phone{
		margin-top:60px;
		margin-bottom:20px;
		padding:0;
		border:0;
		border-bottom:1px solid #edefee;
		box-shadow:1px 0 8px rgba(204, 204, 204, 0.46);
	}
	.footer-text-phone{
		padding:0;
		border:0;
		padding:0 15px;
	}
	.footer-text-phone p{
		text-align: center;
	}
	.all-infos-con-phone{
		margin:0 -15px;
		margin-top:70px;
	}
	.album-phone,.teacher-phone{
		width:50%;
	}
	.teacher-phone .teacher-img{
		width:80%;
	}
	
	.album-phone .album-pic{
		height:140px;
	}
	.video-cons-phone{
		padding:0
	}
	.more-video-phone{
		width:46%;
		margin:10px 2% !important;
	}
	.body-news-phone{
		margin-top:60px;
		margin-bottom:20px;
	}
	.preview-phone-con{
		margin:0;
		padding:0;
	}
	.navbar-phone{
		position:fixed;
		top:0;
		right:0;
		width:100%;
		z-index:301;
		
	}
	.navbar-phone .navbar-header{
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.body-phone{
		margin-top:70px;
		margin-bottom:50px;
	}
	.teachers-con-phone{
		height:200px;
	}
	.teacher-left-phone{
		height:200px;
		width:133px;
	}
	.teacher-right-phone{
		height:200px;
	}
}

@media (min-width: 768px){
	.all-info{
		height:290px;
	}
	.my-col-sm-4{
		width:40%;
	}
	.my-offset-3{
		margin-left:30%
	}
	.school-app-list li{
		width:33.3333%;
	}
	.infos-pc {
	    margin-left: 0px;
	}
	.important-columns-pc {
	    margin-left: 400px;
	    margin-right: -17px;
	}
	.carouse-pc {
	    width: 330px;
	    float: left;
	}
	.video-player-pc{
		height:457px;
	}
	.right-con-pc{
		padding-left:50px;
	}
	.slider-pro{
		margin:0;
	}
	.body-pc{
		margin:auto;
		margin-top:30px;
		margin-bottom:50px;
		margin-left:15px;
		margin-right:15px;
		
		
	}
	.images-con-pc{
		padding:20px 50px 60px 50px;
	}
	.images-con-pc .images-big,.images-con-pc .images-sm{
		padding:20px;
		padding-bottom:0
	}
	.images-con-pc .iamges-big{
		padding-right:0px;
	}
	.images-con-pc .images-sm>div{
		height:200px;
	}
	.images-con-pc .images-big>div{
		height:640px;
	}
}
@media (min-width: 1200px){
	.container {
	    width: 1170px;
	}
}

@media (min-width: 992px){
	.container {
	    width: 1170px;
	}
}
@media (min-width: 768px){
	.modal-dialog {
	    margin: 150px auto;
	}
	.container {
	    width: 1170px;
	}
	body{
		min-width:1170px;
	}
}
/*2017.04.08*/
.user-error{
	border-color:#ffa4a4;
	-webkit-box-shadow:  0 0 8px #ffa4a4;
    box-shadow: 0 0  8px #ffa4a4;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.user-error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ff6a6a;  
}

.user-error::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ff6a6a;
}

input.user-error:-ms-input-placeholder{
    color: #ff6a6a;
}

input.user-error::-webkit-input-placeholder {
    color: #ff6a6a;
}
.moral-education{
	display:inline-block;
	background:#dc3c28;
	background:-webkit-radial-gradient(50% 50%,#ff9595,#dc3c28);/*径向渐变*/
	width:120px;
	height:120px;
	margin:10px;
	border-radius:1000px;
	text-align: center;
	line-height:120px;
	color:white;
	text-shadow: 1px 1px 1px #ff4d4d;
	font-size:16px;
	transition: box-shadow 0.5s;
	-moz-transition: box-shadow 0.5s;	/* Firefox 4 */
	-webkit-transition: box-shadow 0.5s;	/* Safari 和 Chrome */
	-o-transition: box-shadow 0.5s;
}
.moral-education:hover{
	color:white;
	box-shadow: 1px 1px 10px rgba(180, 40, 0, 0.51);
	transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;	/* Firefox 4 */
	-webkit-transition: box-shadow 0.2s;	/* Safari 和 Chrome */
	-o-transition: box-shadow 0.2s;
}
.footer-img-middle .sz-code{display: inline-block;}
.footer-img-middle .sz-code+.sz-code{margin-left: 20px;}
.footer-img-middle .sz-code p{margin: 5px 0 0;}