﻿@charset "utf-8";
.b-1 {
	height: 420px;
	background: url(../images/b-1.jpg) bottom center no-repeat;
}
.b-1 h2 {
	font-size: 22px;
text-align: left;
color: #092676;
padding: 30px 0 20px;
width: 1200px;
margin: 0 auto;
font-weight: bold;
}
.b-1 ul {
	width: 1200px;
	margin: 0 auto;
}
.b-1 li {
	width: 233px;
	height: 250px;
	background: #fff;
	float: left;
	display: inline;
	box-shadow: 0 0 8px #ccc;
	margin-right: 8px;
}
.b-1 li:last-child {
	float: right;
	margin-right: 0;
}
.b-1 li img {

}
.b-1 li a {
	width: 233px;
	height: 150px;
	display: block;
}
.b-1 li .r {
	width: 203px;
	height: 80px;
	margin: 10px 15px 0;
}
.b-1 li .r h3 {
font-size: 14px;
color: #333;
line-height: 18px;
height: 38px;
margin-bottom: 4px;
overflow: hidden;
text-align: justify;
	font-weight: 400;
}
.b-1 li .r span {
	color: #da1215;
	border-radius: 2px;
	font-size: 14px;
	padding: 1px 5px;
	margin-left: 10px;
	font-weight: bold;
	float: right;
}
.b-1 li .r p {
	font-size: 12px;
line-height: 22px;
height: 26px;
overflow: hidden;
color: #999;
text-align: justify;
}
.b-1 li .r .d {
}
.b-1 li .r .d em {
	font-size: 22px;
	color: #da1215;
	font-family: Arial;
	padding-right: 5px;
}
.b-1 li:hover {
	box-shadow: 0 0 15px #888;
}
.b-1 li:hover h3 {
	font-weight: 400;
}
.b-1 .xw {
	width: 1087px;
	height: 45px;
	line-height: 45px;
	background: url(../images/xw.png) left center no-repeat;
	padding-left: 113px;
	margin: 30px auto 0;
}
.b-1 .tempWrap {
	padding-top: 12px !important;
}
.b-1 .xw dl {
	padding-top: 12px;
}
.b-1 .xw dt {
	font-size: 14px;
	float: left;
	display: inline;
	padding: 0 30px;
	border-right: 1px solid #ccc;
	height: 21px;
	line-height: 21px;
}
.b-1 .xw dt:last-child {
	border-right: 0;
}
.b-1 .xw dt a {
	padding-left: 15px;
}
.b-1 .xw dt span {
	color: #999;
}
.b-2 {
height: 420px;
	background: url(../images/b-1.jpg) bottom center no-repeat;
}
.b-2 h2 {
font-size: 22px;
text-align: left;
color: #092676;
padding: 30px 0 20px;
width: 1200px;
margin: 0 auto;
font-weight: bold;
}
.b-2 .hd {
	text-align: center;
}
.b-2 .hd ul {
}
.b-2 .hd li {
	display: inline-block;
	font-size: 15px;
	margin: 0 25px;
	padding: 0 5px 10px;
	cursor: pointer;
}
.b-2 .hd li:last-child {
	float: right;
	margin-right: 0;
}
.b-2 .hd li.on {
	color: #02276c;
	background: url(../images/line.png) bottom center no-repeat;
}
.b-2 .bd {
	height: 366px;
	position: relative;
}
.b-2 .service {
	color: #fff;
	padding: 64px 0 0 40px;
	float: left;
}
.b-2 .service p {
	font-size: 20px;
	font-family: Arial;
}
.b-2 .service h3 {
	font-size: 26px;
	font-weight: normal;
	padding-bottom: 16px;
}
.b-2 .service a {
	display: block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	background: #db181e;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.b-2 .bds {
	position: relative;
}
.b-2 .bds .tempWrap {
	float: left !important;
	width: 1200px;
	overflow: hidden;
}
/*.b-2 .bds ul{float:left;padding:11px 0 0 96px;}*/
.b-2 .bds li {
	position: relative;
	padding: 19px;
	height: 255px;
	width: 244px;
	float: left;
	display: inline;
	background: #fff;
	margin:0 10px;	
	box-shadow: 0 0 8px #ccc;
}
.b-2 .bds li:last-child{
	float: right;
margin-right: 0;
}
.b-2 .bds li:hover {
	box-shadow: 0 0 12px #aaa;
}
.b-2 .bds li h3 {
	font-size: 18px;
	padding: 22px 0 2px;
}
.b-2 .bds li p {
	color: #999;
}
.b-2 .bds .cour_class{font-size: 13px;
color: #555;
border: 1px solid #b3b3b3;
display: inline-block;
border-radius: 100px;
padding: 3px 12px;
margin-top: 6px;}
.b-2 .bds .cour_title{
font-size: 18px;
margin: 14px 0 0px 0;
height: 80px;}
.b-2 .bds .cour_teacher {
  border-bottom: 1px solid #e5e5e5;
  height: 50px;
}
.b-2 .bds .cour_teacher img {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #eeeeee;
  vertical-align: middle;
  margin-right: 10px;
}
.b-2 .bds .cour_teacher span {
  font-size: 16px;
}
.b-2 .bds .cour_tool {
  padding-top: 15px;
  box-sizing: border-box;
  height: 50px;
}
.b-2 .bds .cour_person {
  display: inline-block;
  width: 136px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
	text-align: right;
	position: absolute;
right: 15px;
top: 28px;
}
.b-2 .bds .cour_person span {
  color: #ef4545;
}
.b-2 .bds .cour_btn {
     font-size: 20px;
    color: #fff;
    width: 220px;
    height: 46px;
    display: block;
    margin: 8px auto;
    background-color: #e1423f;
    text-align: center;
    line-height: 46px;
    border-radius: 100px;
    background-image: linear-gradient(120deg, #f65637, #f22121);
    box-shadow: 0 3px 20px rgba(255,40,40,0.3);
}
}
.b-2 .bds .cour_btn:hover {
  color: #fff;
  background-color: #4085ed;
}

.b-2 .btn {
	width: 65px;
	height: 18px;
	background: url(../images/btn.png);
	position: absolute;
	top: -25px;
	right: 0;
}
.b-2 .btn .prev {
	width: 32px;
	height: 18px;
	float: left;
	cursor: pointer;
}
.b-2 .btn .next {
	width: 32px;
	height: 18px;
	float: right;
	cursor: pointer;
}
.ads01{margin: 0 auto;text-align: center;padding-top: 20px;}

/*网校*/
.b-wx {
	height: 540px;
	background: #f7f8fa;
}
.b-wx h2 {
	font-size: 22px;
text-align: left;
color: #092676;
padding: 30px 0 20px;
width: 1200px;
margin: 0 auto;
font-weight: bold;
}
.b-wx ul {
	width: 1200px;
	margin: 0 auto;
}
.b-wx li {
	width: 233px;
	height: 202px;
	background: #fff;
	float: left;
	display: inline;
	box-shadow: 0 0 8px #ccc;
	margin-right: 8px;
	margin-bottom: 15px;
}
.b-wx li:nth-child(5n)  {
	float: right;
	margin-right: 0;
}
.b-wx li img {

}
.b-wx li a {
	width: 233px;
	height: 150px;
	display: block;
}
.b-wx li .r {
	height: 26px;
	padding: 10px;
	background: #e9ecf2;
}
.b-wx li .r h3 {
font-size: 14px;
color: #333;
line-height: 18px;
height: 38px;
margin-bottom: 4px;
overflow: hidden;
text-align: justify;
	font-weight: 400;
}
.b-wx li .r span {
	color: #da1215;
	border-radius: 2px;
	font-size: 12px;
	padding: 1px 5px;
	margin-left: 10px;
	font-weight: 400;
	float: right;
}
.b-wx li .r p {
	font-size: 14px;
line-height: 22px;
height: 26px;
overflow: hidden;
color: #999;
text-align: justify;
}
.b-wx li .r .d {
}
.b-wx li .r .d em {
	font-size: 22px;
	color: #da1215;
	font-family: Arial;
	padding-right: 5px;
}
.b-wx li:hover {
	box-shadow: 0 0 15px #888;
}
.b-wx li:hover h3 {
	font-weight: 400;
}

/*网校*/

/*直播*/
.b-zb {
	height: 440px;
	background: #f7f8fa;
}
.b-zb h2 {
	font-size: 22px;
	text-align: left;
	color: #092676;
	padding: 30px 0 20px;
width: 1200px;
margin: 0 auto;
font-weight: bold;
}
.b-zb .bd {
	width: 1200px;
	margin: 0 auto;
}
.b-zb .bd ul {
	padding: 0 1px;
}
.b-zb .bd li {
		position: relative;
	height: 320px;
	width: 282px;
	float: left;
	display: inline;
	background: #fff;
	margin:0 10px;
}
.b-zb .bd li:last-child{
	float: right;
	margin-right:0;
}
.b-zb .bd li:hover {
	box-shadow: 0 0 12px #aaa;}
.b-zb .zb_bd{ line-height: 24px;
    margin: 7px 0 10px;
    font-size: 14px;
    padding: 0 11px;
    background: url(../images/tit_bg1.png) no-repeat 0 6px;
    position: relative;
    left: -1px;
}
.b-zb .zb_bd .zb_title {
    line-height: 24px;
    font-size: 14px;
	font-weight: 400;
	height: 48px;
}
.b-zb .fl{font-size: 12px;
line-height: 20px;
color: #333;
margin: 7px;}

.b-zb .zb_sub{
border-top:1px solid #e5e5e5;
	padding: 15px 10px;
	font-size: 14px;
line-height: 22px;
color: #999;
text-align: justify;}

.b-zb .zb_sub span{color: #fff;
border-radius: 20px;
font-size: 14px;
padding: 5px 15px;
margin-left: 10px;
float: right;
background-color: #e1423f;
text-align: center;
background-image: linear-gradient(120deg, #f65637, #f22121);
box-shadow: 0 3px 20px rgba(255,40,40,0.3);
}
/*直播*/
.b-3 {
	background: #fff;
}
.b-3 h2 {
	font-size: 27px;
	text-align: center;
	color: #092676;
	padding: 40px 0 40px;
}
.b-3 .hd {
	width: 1200px;
	margin: 0 auto;
}
.b-3 .hd ul {
	padding: 0 1px;
}
.b-3 .hd li {
	width: 229px;
	height: 73px;
	line-height: 73px;
	text-align: center;
	background: url(../images/no.png);
	font-size: 18px;
	color: #02276c;
	float: left;
	margin-right: 13px;
	position: relative;
	cursor: pointer;
}
.b-3 .hd li em {
	display: block;
	width: 14px;
	height: 9px;
	background: url(../images/em.png);
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -7px;
	display: none;
}
.b-3 .hd li:last-child {
	float: right;
	margin-right: 0;
}
.b-3 .hd li.on {
	background: url(../images/on.png);
	color: #fff;
}
.b-3 .hd li.on em {
	display: block;
}
.b-3 .bd {
	height: 519px;
	background: url(../images/b-3.jpg) center no-repeat;
}
.b-3 .bds {
	color: #fff;
	width: 350px;
	height: 158px;
	padding: 170px 0 0 60px;
}
.b-3 .bds h3 {
	font-size: 26px;
	font-weight: normal;
	padding: 10px 0 20px;
}
.b-3 .bds .i {
	font-size: 14px;
	line-height: 26px;
}
.b-4 {
	width: 1200px;
	padding: 30px 0;
	margin: 0 auto;
}
.b-4 ul {
}
.b-4 li {
	width: 300px;
	height: 80px;
	float: left;
	display: inline;
}
.b-4 li img {
	float: left;
}
.b-4 li .t {
	float: left;
	margin: 12px 0 0 12px;
}
.b-4 li .t h3 {
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
}
.b-4 li .t p {
	font-size: 18px;
	line-height: 18px;
	color: #aaa;
}
.b-5 {
height: 524px;
}
.b-5 h2 {
	font-size: 22px;
text-align: left;
color: #092676;
padding: 30px 0 20px;
width: 1200px;
margin: 0 auto;
font-weight: bold;
}
.b-5 .hd {
	text-align: center;
}
.b-5 .hd li {
	display: inline-block;
	font-size: 16px;
	margin: 0 15px;
	border-bottom: 2px solid #f7f8fa;
	padding-bottom: 4px;
	cursor: pointer;
}
.b-5 .hd li.on, .b-5 .hd li:hover {
	border-bottom: 2px solid #17347e;
}
.b-5 .bd {
	width: 1200px;
	position: relative;
	margin: 40px auto 0;
}
.b-5 .bd .slist {
	width: 100%;
	overflow: hidden;
}
.b-5 .bd ul {
}
.b-5 .bd li {
	width: 230px;
	float: left;
	display: inline;
	margin-right: 14px;
}
/*.b-5 .bd li:nth-child(4n){float:right;margin-right:0;}*/
.b-5 .bd li .t {
	background: #fff;
}
.b-5 .bd li .t a {
	display: block;
	padding: 8px 0 20px 0;
}
.b-5 .bd li .t a:hover {
	background: #1f5093;
	color: #fff;
}
.b-5 .bd li .t a:hover em {
	color: #fff;
}

.b-5 .bd li .t h3 {
    width: 200px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    font-size: 15px;
    position: relative;
}
.b-5 .bd li .t .sp {
	padding: 8px 0;
}
.b-5 .bd li .t p {
	font-size: 14px;
	padding: 0 22px;
	line-height: 25px;
}
.b-5 .bd li .t p em {
	color: #d72025;
	font-family: Arial;
}
.b-5 .bd li .t span {
    width: 160px;
    height: 36px;
    line-height: 36px;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
}
.b-5 .btn {
	width: 64px;
	height: 18px;
	background: url(../images/btn2.png);
	position: absolute;
	top: -25px;
	right: 0;
}
.b-5 .btn .prev {
	width: 32px;
	height: 18px;
	float: left;
	cursor: pointer;
}
.b-5 .btn .next {
	width: 32px;
	height: 18px;
	float: right;
	cursor: pointer;
}
.b-6 {
	width: 1200px;
	padding: 40px 0 50px;
	margin: 0 auto;
}
.b-6 h2 {
	font-size: 27px;
	text-align: center;
	color: #092676;
	padding: 0 0 40px;
}
.b-6 .p {
	float: left;
}
.b-6 ul {
	width: 864px;
	height: 415px;
	float: right;
	padding-top: 52px;
	box-shadow: 0 0 15px #ddd;
}
.b-6 li {
	margin: 0 50px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 20px;
}
.b-6 li .d {
	width: 60px;
	height: 60px;
	background: #1f5094;
	color: #fff;
	float: left;
	text-align: center;
	font-size: 25px;
}
.b-6 li .d em {
	display: block;
	font-size: 12px;
}
.b-6 li .t {
	width: 684px;
	height: 60px;
	float: right;
}
.b-6 li .t h3 {
	font-size: 14px;
}
.b-6 li .t .i {
	padding-top: 3px;
	color: #777;
}
.b-7 {
	width: 1200px;
padding: 30px 0 30px 0;
margin: 0 auto;
}
.b-7-z {
	width: 368px;
	float: left;
}
.b-7-m {
	width: 368px;
	margin: 0 48px;
	float: left;
}
.b-7-y {
	width: 368px;
	float: right;
}
.b-7 dl {
}
.b-7 dt {
	height: 41px;
	line-height: 41px;
	border-bottom: 1px dashed #ddd;
	padding: 5px 0;
}
.b-7 dt h3 {
	float: left;
	font-size: 20px;
	font-weight: normal;
	background: url(../images/line2.png) left center no-repeat;
	padding-left: 14px;
	color: #000;
}
.b-7 dt a {
	float: right;
	font-family: Arial;
}
.b-7 dd {
	height: 38px;
	line-height: 38px;
	font-size: 13px;
	border-bottom: 1px dashed #ddd;
}
.b-7 dd a {
	float: left;
	background: url(../images/ico9.png) left center no-repeat;
	padding-left: 10px;
}
.b-7 dd span {
	float: right;
	font-family: Arial;
	color: #888;
}
.b-8 {
	background: url(../images/point.png);
}
.b-8 .wrap {
	position: relative;
	height: 140px;
}
.b-8 .wrap .p {
	width: 236px;
	height: 204px;
	background: url(../images/girl.png);
	position: absolute;
	bottom: 0;
	left: 0;
}
.b-8 .wrap .hotline {
	font-size: 16px;
	color: #fff;
	float: left;
	margin: 56px 0 0 230px;
}
.b-8 .wrap .hotline em {
	display: block;
	font-family: Arial;
	font-size: 32px;
	line-height: 28px;
}
.b-8 .wrap form {
	float: right;
	width: 657px;
	height: 92px;
	float: right;
	margin-top: 24px;
	position: relative;
	font-size: 13px;
}
.b-8 .wrap .name {
	width: 260px;
	height: 44px;
	background: #f2f2f2;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 8px;
}
.b-8 .wrap .phone {
	width: 260px;
	height: 44px;
	background: #f2f2f2;
	position: absolute;
	top: 0;
	left: 272px;
	padding-left: 8px;
}
.b-8 .wrap select {
	width: 540px;
	height: 44px;
	background: #f2f2f2;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #777;
}
.b-8 .wrap .text {
	width: 532px;
	height: 44px;
	background: #f2f2f2;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #777;
	padding-left: 8px;
}
.b-8 .wrap .submit {
	width: 106px;
	height: 92px;
	background: #f00;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background: linear-gradient(#1787c5, #17347e);
	border-radius: 4px;
	font-size: 16px;
}
