.container {

    max-width: 1920px;

    min-width: 1200px;

    width:100%;

    margin:0 auto;

}



/*头部*/

.header {

    position: relative;

}

.header img.head-bg {

    display: block;

    width: 100%;

}

.header .head {

    width: 1200px;

    position: absolute;

    z-index: 10;

    top:20px;

    left: 50%;

    transform: translateX(-50%);

}

.header .head .logo {

    float: left;

    display: block;

}

.header .head .phone{

    float: right;

    color: #fff;

    font-size: 36px;

    font-weight:bold;

}

.header .head .phone img {

	vertical-align: middle;

	height: 45px;

	margin-right: 10px;

}

.header .btn {

    position: absolute;

    bottom: 12%;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    box-transform: translateX(-50%);

    background-color: #fdd000;

    text-align: center;

    width:220px;

    height:50px;

    line-height: 50px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    color: #5d2385;

    font-size:25px;

}







/*表单  */

.introduce {

    width:890px;

    margin:0 auto;

    background: #d25087;

    border-radius: 10px;

    padding: 20px;

    -webkit-box-shadow:0px 0px 30px #9464a8;

    -moz-box-shadow:0px 0px 30px #9464a8;

    box-shadow:0px 0px 30px #9464a8;

    margin-top: -50px;

    position: relative;

    z-index:120;

}

.introduce .left {

    width:340px;

    float: left;

    padding: 15px;

}

.introduce .left h1 {

    font-size:35px;

    color: #fff;

}

.introduce .left h1 span {

    color: #fdd000;

}

.introduce .left h1 b {

    color: #fff;

}

.introduce .left h2 {

    font-size:22px;

    color: #fff;

    margin-top: 30px;

}

.introduce .left h3 {

    color: #fff;

    font-size:16px;

    line-height: 30px;

    margin-top: 20px;

}



.introduce .right {

    width:510px;

    float: right;

    background: #fff;

    padding: 15px;

}

.introduce .right h1 {

    color: #ff5555;

    font-size: 16px;

    text-align: center;

}

.introduce .right h2 {

    color: #f6ab00;

    font-size: 30px;

    text-align: center;

    font-weight:bold;

    margin-bottom: 20px;

}

.broadcast {

    width: 100%;

    height: 30px;

    position: relative;

    padding-left: 25px;

    margin: 10px 0;

}

.broadcast::before {

    content: "";

    display: block;

    width: 24px;

    height: 20px;

    background: url(../images/bb.png)no-repeat;

    position: absolute;

    top: 50%;

    left: 20px;

    margin-top: -8px;

}

.broadcast ul {

    width: 100%;

    height: 30px;

    padding: 0 20px;

    overflow: hidden;

}

.broadcast li {

    width: 100%;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-align: center;

}

.broadcast li span {

    display: inline-block;

    font-size: 16px;

    color: #626262;

    margin: 0 16px;

}







/*学习难题*/

.help {

    width: 1200px;

    margin: 0 auto;

    margin-top: 80px;

    margin-bottom: 80px;

}

.help .title {

    height:168px;

    padding-left: 120px;

    padding-top: 20px;

    background: url("../images/a2.png")no-repeat left center;

}

.help .title h1 {

    font-weight:bold;

    font-size: 60px;

    color: #5d2385;

}

.help .title h2 {

    color: #898989;

    font-size:20px;

    margin-top: 10px;

}





.help-list {

    margin-top: 60px;

}

.help .li {

    width: 277px;

    float: left;

    padding: 40px 18px;

    margin-right: 30px;

    background: #efefef;



    box-shadow: 5px 5px 5px #dacde3;

}

.help .li:last-child {

    margin-right: 0;

}



.help .li h1 {

    text-align: center;

    color: #5d2385;

    font-size:40px;

}

.help .li img {

    display: block;

    margin:40px auto;

    height:70px;

}



.help .li p {

    font-size: 20px;

    color: #707070;

    line-height: 40px;

    text-align: center;

    min-height: 130px;

}



.help .li  a {

    display: block;

    width:100%;

    height:45px;

    line-height: 45px;

    background: url("../images/a25.png")no-repeat;

    background-size: 100% 100%;

    text-align: center;

    color: #fff;

    font-size: 22px;

    margin-top: 30px;

}



/*标题*/

.tle-text {

    width:100%;

    background: url("../images/a7.png")no-repeat;

    background-size: 100% 100%;

}

.tle-text .tle-con {

    width:1200px;

    margin:0 auto;

    position: relative;

    padding-left: 210px;

    padding-top: 8px;

    height:120px;

}

.tle-text .tle-con span {

    width:219px;

    height:168px;

    display: block;

    background: url("../images/a26.png")no-repeat;

    background-size: 100% 100%;

    position: absolute;

    left:-20px;

    top:-24px;

    font-weight:bold;

    color: #8b484e;

    font-size:54px;

    text-align: center;

    line-height: 150px;

}

.tle-text .tle-con h1 {

    font-size: 56px;

    color: #fff;

    font-weight:bold;

}

.tle-text .tle-con h2 {

    font-size: 20px;

    color: #eee;

}





/*提升成绩*/

.ascension {

	background: #fff;

    margin-top: 50px;

    margin-bottom: 50px;

}

.ascension .title h1 {

    color: #fff;

}

.ascension .title h1 span{

    color: #ffea00;

}

.ascension .title h2 {

    color: #eeeeee;

}

.ascension-list {

    width: 1200px;

    margin:0 auto;

    margin-top: 50px;

}

.ascension-list li {

	width: 386px;

    height:685px;

	margin-right: 20px;

	float: left;

	background: #f4f7ff;

	text-align: center;

    padding-bottom: 30px;

    padding-top: 30px;

    background: url("../images/a8.png")no-repeat;

}

.ascension-list li:last-child {

    margin-right: 0;

}

.ascension-list li .sion-img {

    position: relative;

    height:100px;

    margin-top: 50px;

    margin-bottom: 20px;

}

.ascension-list li .sion-img img {

    position: absolute;

    top:50%;

    left:50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    box-transform: translate(-50%,-50%);

}

.ascension-list li h1 {

	font-size: 40px;

	color: #fff;

	margin-top: 20px;

    transform:rotate(-13deg);

    -ms-transform:rotate(-13deg);

    -moz-transform:rotate(-13deg);

    -webkit-transform:rotate(-13deg);

    -o-transform:rotate(-13deg);

    width:92%;

}

.ascension-list li p {

	color: #626262;

	font-size: 22px;

	line-height: 260%;

}

.ascension-list li a {

	display: block;

	background: url("../images/a25.png")no-repeat;

	width:200px;

    height:45px;

    line-height: 45px;

	color: #fff;

    margin: 0 auto;

    margin-top: 40px;

    font-size: 22px;

}







/*名师选拔流程*/

.mingzhi {

    margin-top: 50px;

    width:1200px;

    padding: 0 15px;

    margin-left: auto;

    margin-right:auto;

}

.ms-tle {

    text-align: center;

    font-size: 30px;

    color: #a62c7b;

}

.ms-icon {

    margin-top: 50px;

}

.mingzhi .ms-icon-img p{

    float: left;

    width:20%;

    text-align: center;

}

.mingzhi  .ms-icon-text {

    text-align: center;

    color: #898989;

    font-size: 22px;

    margin-top: 20px;

}

.mingzhi  .ms-icon-text span {

    display: inline-block;

    margin:0 15px;

}

.mingzhi .ms-list {

    height:480px;

    width: 100%;

    background: url("../images/a11.png")no-repeat;

    background-size:100% 100%;

    position: relative;

    margin-top: 50px;

}

.mingzhi .ms-list .ms-li {

    width:20%;

    height: 480px;

    float: left;

    position: relative;

}



.mingzhi .ms-list .ms-li-con {

    display: none;

    width:360px;

    height: 480px;

    background: url("../images/a33.png")no-repeat;

    background-size: 100% 100%;

    position: absolute;

    left:50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    box-transform: translateX(-50%);

    padding: 15px 20px;

    padding-top: 50px;

    transition:top 2s;



}

.mingzhi .ms-list .ms-li:hover .ms-li-con {

    display: block;

}

.mingzhi .ms-list .ms-li-con h1 {

    color: #fff;

    font-size:30px;

    margin-bottom: 20px;

}

.mingzhi .ms-list .ms-li-con p {

    color: #fff;

    font-size:20px;

    line-height: 175%;

    height:245px;

}

.mingzhi .ms-list .ms-li-con a {

    display: block;

    width:180px;

    height:45px;

    line-height: 45px;

    text-align: center;

    margin: 0 auto;

    color: #000;

    font-size: 22px;

    background: #fdd000;

    border-radius: 22px;

    margin-top: 20px;

}









/*学习问题*/

.wenti {

    margin-top: 50px;

    margin-bottom: 50px;

    width:1200px;

    padding: 0 15px;

    margin-left: auto;

    margin-right:auto;

    background: #fff;

}

.wenti img {

    display: block;

    width:100%;

}

.wenti .wl-brn {

    text-align: center;

    background: #fdd000;

    width:300px;

    height:45px;

    line-height: 45px;

    display: block;

    margin:0 auto;

    -webkit-border-radius:22px;

    -moz-border-radius:22px;

    border-radius:22px;

    font-size: 22px;

    color: #000;

    margin-top: 30px;

}





/*九大*/

.jiuda {

    margin-bottom: 50px;

    width:1200px;

    padding: 0 15px;

    margin-left: auto;

    margin-right:auto;

}

.jiuda .jd-list {

    margin-left: -20px;

    margin-right: -20px;

}

.jiuda .jd-list li {

    padding: 15px;

    float: left;

    width:400px;

    position: relative;

    padding-left: 140px;

    margin-top: 80px;

}

.jiuda .jd-list li img {

    position: absolute;

    top:50%;

    left:20px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    box-transform: translateX(-50%);

}

.jiuda .jd-list li h1 {

    font-size: 36px;

    color: #b93980;

    font-weight:bold;

    margin-bottom: 15px;

}

.jiuda .jd-list li p {

    color: #626262;

    font-size:18px;

}

.jiuda .jd-brn {

    text-align: center;

    background: #fdd000;

    width:300px;

    height:45px;

    line-height: 45px;

    display: block;

    margin:0 auto;

    -webkit-border-radius:22px;

    -moz-border-radius:22px;

    border-radius:22px;

    font-size: 22px;

    color: #000;

    margin-top: 30px;

}







/*管理*/

.guanli {

    margin-top: 50px;

    margin-bottom: 50px;

    width:1200px;

    padding: 0 15px;

    margin-left: auto;

    margin-right:auto;

    background: #fff;

}

.guanli img {

    display: block;

    width:100%;

}

.guanli .gl-brn {

    text-align: center;

    background: #fdd000;

    width:300px;

    height:45px;

    line-height: 45px;

    display: block;

    margin:0 auto;

    -webkit-border-radius:22px;

    -moz-border-radius:22px;

    border-radius:22px;

    font-size: 22px;

    color: #000;

    margin-top: 30px;

}



    /*环境*/

.huanjing {

    margin-top: 50px;

    margin-bottom: 50px;

    width:1200px;

    padding: 0 15px;

    margin-left: auto;

    margin-right:auto;

    background: #fff;

}

.huanjing img {

    display: block;

    width:100%;

}





















    /*底部表单*/

.introduces {

    width: 1050px;

    margin: 0 auto;

    margin-top: 80px;

    padding-top: 50px;

    padding-bottom: 50px;

}

.introduces .title {

    text-align: center;

}

.introduces .title h1 {

    font-weight:bold;

    color: #f6ab00;

    font-size:66px;

}

.introduces .title p {

    color: #707070;

    font-size:22px;

    margin-top: 15px;

}



.introduces .broadcast::before {

    left:100px;

}

.introduces  .broadcast li span {

    font-size: 20px;

}









/*底部*/

.footer {

    padding: 0px 15px;

    height:140px;

    padding-top: 70px;

    width:100%;

    background: url("../images/a24.png")no-repeat;

    background-size: 100% 100%;

}

.footer p {

	color: #fff;

	font-size: 18px;

	text-align: center;

}



body {

    background: #fff;

}





.timespan {

    display: inline-block;

    position: relative;

    background: #5d2385;

    color: #fff;

    font-size:34px;

    padding:0 5px;

    font-weight:bold;

}

.timespan:before {

    content: '';

    display: block;

    width:2px;

    height:100%;

    background: #efefef;

    position: absolute;

    left:50%;

    top:0;

    margin-left: -1px;

}