body{
	padding: 0;
	margin: 0;
	min-width: 1085px;
	font-family: 'Arial','Microsoft YaHei','sans-serif';
}
ul,li{
	padding: 0;
	margin: 0;
	list-style: none;
}
a:link,a:hover,a:active,a:visited{
	text-decoration: none;
}
img{
	border: 0;
}
.container {
	position: relative;
	width: 1085px;
    padding: 0;
}

/* @media screen and (min-width:1085px){
	.container {
	    width: 1085px;
	    position: relative;
	}
} */
/*-------公共header------*/
header{
	height: 80px;
}	
header .navbar-default{
	border: 0;
	margin-bottom: 0px;
	background: transparent;
	box-shadow: none;
}
header .container-fluid {
    border-radius: 0;
}
header .navbar-brand{
	margin: 0 30px 0 0;
	padding: 0;
	height: 80px;
	line-height: 80px;
}
header .navbar-brand > img{
	display: inline-block;
}
header .navbar-collapse .navbar-nav{
	margin-top: 35px;
}
header .navbar-collapse .navbar-nav a{
	font-size: 16px;
	background: transparent;
	color: #505050;
	padding: 0 34px;
	position: relative;
}
header .navbar-collapse .navbar-nav a:hover, header .navbar-collapse .navbar-nav a:focus{
	font-weight: bold;
}
header .navbar-collapse .navbar-nav a.click{
	font-weight: bold;
}
header .navbar-collapse .navbar-nav .new:after{
	content: '';
    width: 45px;
    height: 28px;
    position: absolute;
    right: -15px;
    top: 6px;
    background: url(../img/new.png) 0 0 no-repeat;
}
header .navbar-form{
	box-shadow: 0 0 0;
	border: 0;
	position: relative;
	width: 290px;
	margin-top: 15px;
}
header .navbar-form.navbar-right{
	margin-right: 0 !important;
}
header .form-group{
	width: 200px;
	margin-right: 120px;
	float: right;
}
header .navbar-form input.form-control {
	width: 175px;
	height: 30px;
	border: solid 2px #c3c3c3;
	padding: 0 35px 0 15px;
	color: #3e69dc;
	border-radius: 35px;
	margin-top: 12px;
}
header .navbar-form input.form-control::-webkit-input-placeholder{ /* WebKit browsers */ 
	color: #b8b8b8;
} 
header .navbar-form input.form-control:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ 
	color: #b8b8b8;
} 
header .navbar-form input.form-control::-moz-placeholder{ /* Mozilla Firefox 19+ */ 
	color: #b8b8b8;
} 
header .navbar-form input.form-control:-ms-input-placeholder{ /* Internet Explorer 10+ */ 
	color: #b8b8b8;
} 
header .navbar-form input.form-control:focus {
	border: solid 2px #c3c3c3;
}
header .form-group button.glyphicon.glyphicon-search{
	margin: 9px 0 0 -40px;
	vertical-align: middle;
	color:#c3c3c3;
	font-size: 18px;
	cursor: pointer;
	border: 0;
    background-color: transparent;
}
.user_center .login{
	width: 125px;
	height: 45px;
	background-color: #3e69dc;
	position: absolute;
	right: 0;
	top: 22px;
	border: 0;
	font-size: 16px;
	color: #fff;
}
.user_center .login >img{
	margin-right: 8px;
}
@media screen and (max-width:992px) and (min-width:768px){
	header .navbar-form{
		position: absolute;
		right: 0;
	}
	/* header .form-group{
		margin-right: 50px;
	} */
}
@media screen and (max-width:1200px) and (min-width:992px){
	/* header .form-group{
		margin-right: 20px;
	} */
}
@media screen and (max-width:1200px) and (min-width:768px){
	header .navbar-collapse .navbar-nav a{
		font-size: 16px;
		padding: 0 6px;
	}
	header .user_center .userName{
		display: none;
	}
}
@media screen and (max-width:767px){
	header .navbar-collapse .navbar-nav a{
		font-size: 16px;
		padding: 0 60px 0 20px;
		height: 40px;
		line-height: 40px;
	}
	header .navbar-collapse .navbar-nav .new:after{
	    left: 100px;
	    top: 10px;
	    background-size: 32px;
	}
	header .navbar-collapse.collapse.in{
		width: 100%;
		margin: 0;
		background-color: rgba(33,33,33, .75);
		position: absolute;
		z-index: 9999;
		border: 0;
		right: 0;
	}
	header .navbar-collapse .navbar-nav a.click{
		background: transparent;
	}
	header .navbar-collapse .navbar-nav a:hover, header .navbar-collapse .navbar-nav a:focus{
		background: transparent;
		border-bottom: solid 2px #00b7cf;
	}
	header .form-group{
		width: 100%!important;
	}
	header .navbar-form input.form-control{
		width: 100%!important;
		border-color: #999;
		background-color: transparent;
		margin-top: 0;
	}	
	header .form-group button.glyphicon.glyphicon-search{
		margin: 0;
	    position: absolute;
	    right: 25px;
	    top: 18px;
	}
	header .user_center .userName{
		display: none;
	}
}
header .navbar-default .navbar-toggle{
	margin: 20px 50px 0 0;
	border-color: #fff;
}
header .navbar-default .navbar-toggle:hover ,header .navbar-default .navbar-toggle:focus{
	background-color: #00b7cf;
}
header .navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}
header .navbar-default .navbar-toggle:hover .icon-bar{
	background-color: #009aad;
}
@media screen and (max-width:767px){
	header .menu .container > a{
		display: none;
	}
}
header .carousel.slide .item img{
	margin: 0 auto;
}
@media screen and (max-width:992px){
	header aside{
		display: none;
	}
}
@media screen and (min-width:992px){
	header .carousel-indicators li{
		width: 50px;
	    height: 4px;
	    border-radius:0;
	    background-color: #fff;
	    opacity: .5;
	}
	header .carousel-indicators .active{
		width: 50px;
	    height: 8px;
	    opacity: .8;
	}
}

/*-------公共footer-------*/
footer{
	background-color: #fff;
}
footer .container{
  text-align: center;
}
footer .container .a1{
  max-width:400px;
  width:100%;
  display:block;
  margin: 0 auto;
}
footer .container .a1 a{
  width:33%;
  min-width: 100px;
  display: inline-block;
  text-align:center;
  border-left : 1px solid rgb(208,208,208);
  margin: 10px 0;
  margin-right: -1px;
  font-size:12px;
  float:left;
  color:#000;
  text-decoration:none;
}
footer .container .a1 a:first-child{
  border:0;
}

footer .container .a2{
  max-width:1085px;
  width:100%;
  display:block;
}
footer .container .a2 a{
  min-width: 120px;
  display: inline-block;
  text-align:center;
  margin: 10px 5px;
  text-decoration:none;
  border: 1px solid rgb(241, 241, 241);
}
footer .container .a2 a:hover{
  border: 1px solid rgb(0, 165, 237);
}
footer .container .a2 a:last-child{
  border-right:0;
}

footer .bot{
  background:rgb(242,242,242);
  margin-top:10px;
  text-align:center;
}
footer .bot>div{
  width:100%;
  max-width: 1085px;
  position:relative;
  margin: 0 auto;
  padding: 15px 0;
}

footer .bot .lf{
  font-size:12px;
  text-align:left;
  line-height:2;
  float:left;
}
footer .bot .rf{
  text-align:left;
  float:right;
}
article{
	background-color: #f8f8f8;
}
.banner{
	/*background: url(../img/bannerBg.png) 0 0 repeat;*/
}
.title{
	margin: 30px 0 -8px 0;
}
.title h2{
	display: block;
	float: left;
	margin: 0;
	color: #505050;
}
.title .sort{
	float: right;
}
.title .sort a{
	padding: 5px 20px 5px 10px;
	display: block;
	float: left;
	border: solid 1px #6a6a6a;
	margin-left: -1px;
	color: #6a6a6a;
	position: relative;
	cursor: pointer;
}
.title .sort a.click{
	background-color: #8c8c8c;
	color: #fff;
}
.title .sort a.up:after{
	content: '';
    width: 6px;
    height: 14px;
    position: absolute;
    right: 7px;
    top: 8px;
    background: url(../img/up.png) 0 0 no-repeat;
}
.title .sort a.down:after{
	content: '';
    width: 6px;
    height: 14px;
    position: absolute;
    right: 7px;
    top: 8px;
    background: url(../img/down.png) 0 0 no-repeat;
}
.title .sort a.up.click:after{
    background: url(../img/click_up.png) 0 0 no-repeat;
}
.title .sort a.down.click:after{
    background: url(../img/click_down.png) 0 0 no-repeat;
}
.course .carousel-indicators{
	bottom: -3px;
}
.course .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0 8px;
}
.course .carousel-indicators li {
    width: 14px;
    height: 14px;
    margin: 0 6px;
}
.course .carousel-inner .item{
	width: 361px;
    height: 272px;

	background-image: -webkit-linear-gradient(#1b2338,#394b78);
    background-image: -o-linear-gradient(#1b2338,#394b78);
    background-image: linear-gradient(#1b2338,#394b78);
}
.course .carousel-inner .item >img{
	width: 312px;
	height: 185px;
    margin: 0 auto;
}
.course .carousel-inner .item >p{
	font-size: 18px;
	color: #7181ac;
	padding: 16px 0 8px 0;
	margin: 0;
	text-align: center;
}
.course .carousel-control.left{
	width: 39px;
	height: 39px;
	background: url(../img/show_left.png) 0 0 no-repeat;
	position: absolute;
    top: 45%;
    left: 8%;
}
.course .carousel-control.right{
	width: 39px;
	height: 39px;
	background: url(../img/show_right.png) 0 0 no-repeat;
    position: absolute;
    top: 45%;
    right: 8%;
}
.course .course_block{
	background-color: #fff;
	border: solid 1px #ddd;
	margin-top: 20px;
    display: table;
}
.course .course_all >div{
	width: 361px;
	height: 272px;
	float: left;
}
.course .course_all video{
	background-color: #333;
}

.course .course_all .video_img{
	position: relative;
}
.course .course_all .video_img >img{
	width: 361px;
	height: 272px;
}
.course .course_all .video_img .shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg_shadow.png) top left repeat;
	text-align: center;
    padding-top: 115px;
    cursor: pointer;
}

.course .course_all .school{
	position: relative;
}
.course .course_all .school .shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/school_shadow.png) top left repeat;
	text-align: center;
    cursor: pointer;
    padding: 54px 0 0 0;
}
.course .course_all .school .shadow h3{
	color: #fff;
    font-weight: bold;
    margin: 10px 0 7px 0;
}
.course .course_all .school .shadow p{
	color: #fff;
    margin: 0;
    line-height: 19px;
}

.course .course_menu{
	width: 100%;
	height: 70px;
	display: block;
}
.course .course_menu h1{
	font-weight: bold;
	font-size: 30px;
    display: block;
    float: left;
    margin: 23px 0 0 10px;
    color: #505050;
}
.course .pull-right{
	width: 365px;
    margin-top: 9px;
}
.course .pull-right a{
	width: 55px;
	height: 55px;
	border-radius: 55px;
	display: block;
    padding-top: 13px;
    line-height: 15px;
    text-align: center;
    float: left;
    color: #fff;
    margin: 0 8px;
}
.course .pull-right a:first-child{
	background-color: #28c29a;
}
.course .pull-right a:nth-child(2){
	background-color: #5f55ce;
}
.course .pull-right a:nth-child(3){
	background-color: #ff6d6a;
}
/* .course .pull-right button{
	width: 135px;
	height: 40px;
	border: solid 2px #3964d7;
	border-radius: 40px;
	color: #3964d7;
	font-size: 20px;
	background-color: #fff;
	text-align: center;
	margin: 7px 0 0 7px;
} */
.course .pull-right .buttoncla >img{
	margin-left: 8px;
}
.pagination{
	width: 100%;
	text-align: right;
	margin: 25px 0;
}
.pagination a{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: solid 1px #dcdcdc;
    vertical-align: middle;
    color: #666;
    margin-left: 8px;
}
.pagination a.arrow_left{
    background: url(../img/icon_page.png) 0 0 no-repeat;
}
.pagination a.arrow_right{
    background: url(../img/icon_page.png) -28px 0 no-repeat;
}
.pagination a.arrow_left:hover:not(.click){
    background: url(../img/icon_page.png) 0 -28px no-repeat;
}
.pagination a.arrow_right:hover:not(.click){
    background: url(../img/icon_page.png) -28px -28px no-repeat;
}
.pagination a:hover:not(.click){
    color: #3e69dc;
}
.pagination a.click{
	border: solid 1px #3e69dc;
	background-color: #3e69dc;
    color: #fff;
}
.pagination span{
	display: inline-block;
	width: 20px;
	height: 28px;
	line-height: 28px;
	text-align: center;
    color: #666;
    margin-left: 8px;
    font-weight: bold;
}
.pagination b{
	color: #949494;
	font-weight: normal;
	margin: 0 10px;
}
.pagination input{
	width: 28px;
	height: 28px;
	border: solid 1px #dcdcdc;
    vertical-align: middle;
}

.pop{
	display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999;
    padding-top: 5%;
    background: url(../img/bg_pop.png) left top repeat;
}
.pop video{
	width: 800px;
}
.pop img{
	width: 800px;
}
.pop .close_video{
	width: 30px;
    height: 30px;
    background: red;
    float: none;
    text-shadow: 0 0 0;
    opacity: 1;
    position: absolute;
    margin-left: -15px;
    margin-top: -15px;
    cursor: pointer;
    background: url(../img/close_video.png) left top repeat;
}
.pop .close_img{
	width: 30px;
    height: 30px;
    background: red;
    float: none;
    text-shadow: 0 0 0;
    opacity: 1;
    position: absolute;
    margin-left: -15px;
    margin-top: -15px;
    cursor: pointer;
    background: url(../img/close_video.png) left top repeat;
}
.course .course_all .school >img{
	width: 361px;
	height: 272px;
}

.course .pull-right .buttoncla{
    width: 135px;
    height: 40px;
    line-height: 37px;
    border: solid 2px #3964d7;
    border-radius: 40px;
    color: #3964d7;
    font-size: 20px;
    background-color: #fff;
    text-align: center;
    margin: 7px 0 0 7px;
    padding: 0;
}