/*头部*/

.header1{

    background:url("../images/bg_01.jpg") no-repeat center center;

    min-width: 1200px;

    height: 897px;

    margin-top: 85px;

}

.header1 .part1{

    padding-top: 60px;

}

.header1 .part1 .logo{

    float: left;

}

.header1 .part1 .phone{

    float: right;

}

.header1 .part2{

    padding-top: 60px;

    text-align: center;

}

.header1 .part2 .txt1{

    padding-top: 30px;

}

.header1 .part2 .txt2{

    padding-top: 30px;



}

.header1 .part2 .txt3{

    padding-top: 30px;



}

.header1 .part2 .txt4{

    padding-top: 30px;



}

.header1 .part3{

    padding-top: 270px;

    text-align: center;

}



/*关于我们*/

.about{

    background:url("../images/bg_02.jpg") no-repeat center center;

    min-width: 1200px;

    height:647px;

}

.about .left{

     float: left;

     width: 336px;

     height: 561px;

     background:url("../images/fz.png") no-repeat center bottom;

 }

.about .left p{

    font-size: 16px;

    padding: 285px 24px 0px 30px;

}

.about .mid{

    float: left;

    margin: 0px 0px 0px 25px;

    width: 465px;

    height: 609px;

}

.about .mid h1{

   font-size: 60px;

    text-align: center;

}

.about .mid h4{

    font-size: 16px;

    text-align: center;

    font-weight: normal;

}

.about .mid .jj{

     float: left;

     margin: 60px 0px 0px 63px;

     width:328px;

     height: 445px;

     color: #fff;



     background:url("../images/jj.jpg") no-repeat center bottom;

 }

.about .mid .jj p{





  font-size: 14px;

    padding: 20px;

    line-height: 28px;

    text-indent: 40px;

}

.about .right{

    float: right;

    width: 336px;

    height: 567px;

    background:url("../images/zz.png") no-repeat center bottom;

}

#kinMaxShow{display:none;}

#kinMaxShow{visibility:hidden;width:100%; height:192px;overflow:hidden; margin-top: 280px;}

.zxbtn{

    width: 147px;

    height: 42px;

    color: #fff;

    background: #fb643b;

    font-size: 16px;

    text-align: center;

    line-height: 42px;

    display: block;

    margin: 20px auto 0;

}

.zxbtn a{

   color: #fff;

}

.zxbtn a:hover{

    color: #f2f2f2;

}

/*课程*/

.cource{

    background:url("../images/bg_03.jpg") no-repeat center center;

    min-width: 1200px;

    height:729px;

}

.cource .title{

    text-align: center;

    color: #fff;

    padding-top: 40px;

}

.cource .title span{

    text-align: center;

    width: 240px;

    border-top: 1px solid #fff;

    border-bottom: 1px solid#fff;

    color:  #fff;

    font-size: 20px;

    padding: 5px 0px;



}

.cource .title h1{



    font-size: 60px;

}

.cource .title h4{



    font-size: 18px;

    font-weight: normal;



}

.cource .content{



   margin-top: 30px;



}



/*师资*/

.teacher{

    background:url("../images/bg_04.jpg") no-repeat center center;

    min-width: 1200px;

    height:763px;

}

.teacher .title{

    text-align: center;

    color: #000;

    padding-top: 30px;

}

.teacher .title span{

    text-align: center;

    width: 240px;

    border-top: 1px solid #000;

    border-bottom: 1px solid#000;

    color:  #000;

    font-size: 20px;

    padding: 5px 0px;



}

.teacher .title h1{



    font-size: 60px;

}

.teacher .title h4{

    font-size: 18px;

    font-weight: normal;

}

.teacher .content ul li{

   float: left;

    width: 590px;

    vertical-align: middle;

    text-align: left;

    display: table-cell;

}

.teacher .content ul li p{



    font-size: 16px;

    line-height: 32px;

}

.teacher .content ul li p span{



    font-weight: bold;

}

.teacher .content div{



    font-size: 16px;

    line-height: 32px;

}

.teacher .content ul li img{

    float: left;

    vertical-align: middle;

    margin: 50px 20px 139px 0px;

}



/*优势*/

.advantage{

    background:url("../images/bg_05.jpg") no-repeat center center;

    min-width: 1200px;

    height:566px;



}

.advantage .title{

    text-align: center;

    color: #fff;

    padding-top: 30px;

}

.advantage .title span{

    text-align: center;

    width: 240px;

    border-top: 1px solid #fff;

    border-bottom: 1px solid#fff;

    color:  #fff;

    font-size: 20px;

    padding: 5px 0px;



}

.advantage .title h1{



    font-size: 60px;

}

.advantage .title h4{

    font-size: 18px;

    font-weight: normal;

}

.advantage .content ul li{

    float: left;

    width: 580px;

    vertical-align: middle;

    text-align: left;

    display: table-cell;

    color: #fff;

    margin-top: 30px;

}

.advantage .content ul li h3{



    font-size: 18px;

    line-height: 32px;

}

.advantage .content ul li p{



    font-size: 14px;

    line-height: 32px;

}

.advantage .content ul li p span{



    font-weight: bold;

}

.advantage .content ul li img{

    float: left;

    vertical-align: middle;

    margin: 0px 20px 0px 0px;

}



/*流程*/

.process{

    background:url("../images/bg_06.jpg") no-repeat center center;

    min-width: 1200px;

    height:883px;

}



.process .title{

    text-align: center;

    color: #000;

    padding-top: 30px;

}

.process .title span{

    text-align: center;

    width: 240px;

    border-top: 1px solid #000;

    border-bottom: 1px solid#000;

    color:  #000;

    font-size: 20px;

    padding: 5px 0px;



}

.process.title h1{



    font-size: 60px;

}

.process .title h4{

    font-size: 18px;

    font-weight: normal;

}

.process .content{

    width: 1002px;

    margin: 0px auto;

}





.benefit-left {

    width: 377px;

    float: left;

    margin: 10px 0 0;

}



.benefit-common {

    overflow: hidden;

    margin: 60px 0 0;

    height: 100px;

}



.benefit-icon {

    width: 80px;

    height: 80px;

    border-radius: 100%;

    background: #2e3641;

    float: right;

    margin: 4px 0 0;

}



.benefit1,

.benefit2,

.benefit3,

.benefit4,

.benefit5,

.benefit6,

.benefit7,

.benefit8 {



    width: 50px;

    height: 57px;

    display: block;

    margin: 11px auto 0;

    font-size: 40px;

    color: #fff;

    text-align: center;



}







.benefit-word {

    width: 297px;

    float: right;

}



.benefit-word>h3 {

    font-size: 20px;

    color: #2e3641;

    margin: 0 20px 10px 0;

    text-align: right;

}



.line-square {

    overflow: hidden;

}



.line {

    width: 289px;

    height: 1px;

    background: #bec0c4;

    float: right;

    margin: 4px 0 0;

}



.square {

    width: 8px;

    height: 8px;

    border: #bec0c4 1px solid;

    float: left;

    margin-top: -5px;

}

.square1 {

    width: 8px;

    height: 8px;

    border: #bec0c4 1px solid;

    margin-top: -5px;



}



.benefit-word>p {

    font-size: 16px;

    color: #2e3641;

    text-align: right;

    margin: 6px 20px 0 0;

    line-height: 24px;

}



.benefit-middle {





    width: 140px;

    float: left;

    margin: 53px 0 0 54px;

}









.benefit-right {

    margin: 10px 0 0 54px;

    width: 377px;

    float: left;

}



.benefit-fright {

    float: left;

}



.benefit-fright>h3 {

    text-align: left;

    margin: 0 0 10px 20px;

}



.benefit-fright>p {

    text-align: left;

    margin: 6px 0 0 20px;

}



.benefit-p {

    background: url("../images/benefit-p.png") no-repeat center 0;

    height: 30px;

    text-indent: -9999px;

    margin: 48px 0 0;

}







/*毕业*/



.graduate{

    background:url("../images/bg_08.jpg") no-repeat center center;

    min-width: 1200px;

    height:703px;



}

.graduate .title{

    text-align: center;

    color: #fff;

    padding-top: 30px;

}

.graduate .title span{

    text-align: center;

    width: 240px;

    border-top: 1px solid #fff;

    border-bottom: 1px solid#fff;

    color:  #fff;

    font-size: 20px;

    padding: 5px 0px;



}

.graduate .title h1{



    font-size: 60px;

}

.graduate .title h4{

    font-size: 18px;

    font-weight: normal;

}

.graduate .content{}

.graduate .content .left{

    float:left;

}

.graduate .content .right{

     float:left;

     width: 500px;

    color: #fff;

    font-size: 18px;

    margin-left: 29px;

 }

.graduate .content .right h2{

   font-size: 28px;

    color: #fb6539;

}

/*学员*/



.student{

    background:url("../images/bg_09.jpg") no-repeat center center;

    min-width: 1200px;

    height:602px;

}



.student .title{

    text-align: center;

    color: #000;

    padding-top: 30px;

}

.student .title span{

    text-align: center;

    width: 240px;

    border-top: 1px solid #000;

    border-bottom: 1px solid#000;

    color:  #000;

    font-size: 20px;

    padding: 5px 0px;



}

.student.title h1{



    font-size: 60px;

}

.student .title h4{

    font-size: 18px;

    font-weight: normal;

}

.rollBox {WIDTH: 1200px; OVERFLOW: hidden; margin-top:15px; float:left; height: 246px;}

.rollBox .LeftBotton { WIDTH: 23px;  DISPLAY: inline; BACKGROUND:url(../images/back.png) 0px 80px no-repeat; FLOAT: left; HEIGHT: 160px; CURSOR: pointer}

.rollBox .RightBotton { WIDTH: 23px; DISPLAY: inline; BACKGROUND:url(../images/next.png) 0px 80px no-repeat; FLOAT: right; HEIGHT: 160px; CURSOR: pointer}

.rollBox .Cont {WIDTH: 1127px; FLOAT: left; OVERFLOW: hidden; margin:0px 10px;}

.rollBox .ScrCont {WIDTH: 5000px}

.rollBox .Cont .pic { WIDTH:277px; FLOAT: left;  height:250px;  margin:0 3px;  display:block; _display:inline;line-height:26px;}

.rollBox .Cont .pic p{WIDTH:277px; text-align:center; color:#000000;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";

    font-size:14px;}

.rollBox .Cont .pic a{display:block;height:250px;width:308px; cursor:hand;}

.rollBox .Cont .pic a:hover{color:#333;}

.rollBox .Cont .pic .images{width:267px; height:250px; float:left; margin-right:15px;}

.rollBox .Cont .pic .images img{width:267px;height:203px; border:1px solid #CCCCCC; padding:3px;}

.rollBox .Cont .pic .pic_r{float:left;width:152px;height:116px;}

.rollBox .Cont .pic b{color:#FF8400}



.rollBox .Cont .picace:nowrap;/*强制它在同一行显示，又意为不换行显示*/t .pic .pic_b p{height:21px;line-height:21px;with:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.rollBox .Cont .pic strong{width:140px; overflow:hidden;/*内容超出自动隐藏起来*/white-space:nowrap;/*强制它在同一行显示，又意为不换行显示*/text-overflow:ellipsis;/*超出显示三个省略号*/ display:block;}

.rollBox #List1 {FLOAT: left}

.rollBox #List2 {FLOAT: left}



/*套餐*/



.package{

    background:url("../images/bg_10.jpg") no-repeat center center;

    min-width: 1200px;

    height:1179px;

}

.package .problem{



}

.package .problem ul{



}

.package .problem ul li{

    float: left;

    margin: 0px 35px;



}

.package .content{



}

.package .content h2{

    font-size: 75px;

    text-align: center;

    font-weight: normal;

    color: #fff;

}

.package .content span {



    color: #fc623e;

}

.package .content h4{

    font-size: 22px;

    text-align: left;

    font-weight: normal;

    color: #fff;

    margin-left: 250px;

    line-height: 50px;



}

.package .time{



    text-align: center;

    margin-top: 20px;

    color: #fff;





}



table.data-table{width:100%;}

table.data-table tr:odd{background:#dcebff;}

table.data-table td{line-height:24px;padding:3px;vertical-align: top;}

table.data-table th{height:50px;line-height:50px;padding: 3px;font-size:20px;text-align: left;}

table.data-table .colspan-a{width:35%;}

table.data-table .colspan-b{width:25%;}

table.data-table .colspan-c{width:40%;}

table.data-table td pre{display: block; padding:5px; border: 1px solid #00caff;background: #f8fcff;text-align: left;}

.testBtn-a{display: inline-block;height:30px;line-height:30px;padding:0 10px; border:0; border-radius:5px;color:#fff;background:rgb(65,133,244);cursor: pointer;}

.testBtn-a.on{background:#c9c9c9;color:#666;cursor: default;}

.data-show-box{line-height:30px;font-size: 18px;}

.date-tiem-span,.date-s-span{display: inline-block;font-size:34px; width:47px; height:45px;line-height:45px; text-align: center; color:#fff; border-radius:5px;margin: 0px 15px;}

.date-tiem-span{ background:#fb6737;}

.date-s-span{ background:#f00;}

.date-select-a{margin-right:5px;}





/*报名*/

.register{

    background:url("../images/bg_11.jpg") no-repeat center center;

    min-width: 1200px;

    height:541px;

}

.register .left{

   float: left;

   padding: 80px 60px 0px 0px;

}

.register .right{

    float: left;

    text-align: center;

    padding-top: 30px;



    width: 450px;

}



.inputList1{display: inline-block; max-width: 440px; width: 100%; position: relative; z-index: 10;}

.inputList1 li{padding-bottom: 30px; text-align: left;}

.inputList1-m1{overflow: hidden; clear: both;}

.inputList1-m1 .tt{padding-top: 4px; float: left; text-align: right; font-size: 16px; color: #000; width:75px; float:left}



.inputList1-m1 .txt{display: block; overflow: hidden; padding-left: 10px;}

.inputList1-m1 .txt2{display: block; overflow: hidden; padding-left: 10px;}

.inputList1-m1 .txt2 textarea{height: 30px; line-height: 30px; font-size: 14px; color: #000; width: 98%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.inputList1-m1 .txt input{height: 30px; line-height: 30px; font-size: 14px; color: #000; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.inputList1 li.last{text-align: center; padding-top: 30px;}



.inputList1 li.last input{cursor: pointer; width: auto; height: auto; line-height: normal; display: inline-block; background-color: #ee0000; font-size: 18px; color: #fff; padding: 10px 50px; border: 0px;}

.inputList1-m1 .txt{padding-right: 10px; position: relative;}

.inputList1-m1 .txt::after{content: "*"; color: #ff6600; font-size: 14px; position: absolute; right: 0px; top: 5px;}

.inputList1 .last .inputList1-m1 .txt::after{display: none;}