.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}

/*button*/

.button {
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.button:focus {
    outline: none;
}

.button > span {
    vertical-align: middle;
}




.focusBox {
    background: url("../images/banner_bg.jpg") no-repeat center 0;
    position: relative;
    width: 100%;
    height: 500px;
    /*overflow: hidden;*/
}

.focusBox .pic {
    position: relative;
    z-index: 0;
}

.banner1 {
    height: 440px;
    padding-top: 40px;
}

.banner1_title {
    background: url(../images/banner_tit1.png) no-repeat center;
    height: 157px;
    text-indent: -9999px;
}

.banner1_con {
    width: 740px;
    margin: 30px auto 0;
}

.banner1_con li {
    width: 110px;
    float: left;
    margin-left: 100px;
}

.banner1_con li:first-child {
    margin-left: 0;
}

.banner_icon {
    background: url("../images/banner_icon.png") no-repeat -100px -300px;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.banner1_con li:hover .banner_icon {
    background-position: 0 -300px;
}

.banner_icon2 {
    background-position: -100px -200px;
}

.banner1_con li:hover .banner_icon2 {
    background-position: 0 -200px;
}

.banner_icon3 {
    background-position: -100px -100px;
}

.banner1_con li:hover .banner_icon3 {
    background-position: 0 -100px;
}

.banner_icon4 {
    background-position: -100px 0;
}

.banner1_con li:hover .banner_icon4 {
    background-position: 0 0;
}

.banner_p {
    font-size: 26px;
    line-height: 1;
    color: #edf2e9;
    font-weight: 300;
    text-align: center;
    margin-top: 22px;
}

.banner_btns {
    width: 590px;
    margin: 30px auto 0;
    overflow: hidden;
}

.banner_btna {
    width: 260px;
    height: 55px;
    background: #fbe108;
    border: none;
    font-size: 18px;
    color: #333;
    float: left;
}

.banner_btnb {
/*    background: transparent;
    width: 258px;
    height: 53px;
    border: 1px solid #fbe108;
    font-size: 18px;
    color: #fbe108;*/
    width: 260px;
    height: 55px;
    background: #fbe108;
    border: none;
    font-size: 18px;
    color: #333;
    float: right;
}

/**/

.rules {
    background: url(../images/rules_bg.jpg) no-repeat center 0;
    height: 760px;
    padding-top: 20px;
}

.rules_title {
    background: url("../images/rules_tit.png") no-repeat center 0;
    height: 75px;
    text-indent: -9999px;
}

.rules_con {
    width: 1000px;
    margin: 20px auto 0;
}

.rules_con > ul > li {
    width: 249px;
    float: left;
    border-right: #e8ebe6 1px solid;
}

.rules_con > ul > li:last-child, .rules_con > ul > li:nth-child(4) {
    border-right: none;
}

.rules_con > ul > li:nth-child(5), .rules_con > ul > li:nth-child(6), .rules_con > ul > li:nth-child(7), .rules_con > ul > li:nth-child(8) {
    border-bottom: #e8ebe6 1px solid;
}

.rules_h3 {
    background: #5286b3;
    height: 50px;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}

.rules_con > ul > li:hover .rules_h3 {
    background: #0168b7;
}

.rules_box1 {
    border-left: #e8ebe6 1px solid;
}

.rules_box2 {
    border-right: #e8ebe6 1px solid;
}

.rules_box {
    padding: 12px 0 28px 0;
}

.rules_con > ul > li:hover .rules_box {
    background: #f7faf5;
}

.rules_p {
    font-size: 16px;
    color: #5a6652;
    line-height: 36px;
    font-weight: normal;
    text-align: center;
}

.rules_dian {
    font-size: 18px;
    color: #5a6652;
    line-height: 1;
    text-align: center;
    margin-top: 4px;
}

.rules_btn {
    background: url("../images/rules_btn.png") no-repeat 0 0;
    width: 149px;
    height: 44px;
    display: block;
    border: none;
    margin: 10px auto 0;
    font-size: 16px;
    color: #fffefe;
}

.rules_btn > span {
    font-family: "幼�?", "微软�?��??";
    font-size: 14px;
    color: #fffefe;
    margin-left: 10px;
}

.rules_btn:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
}

.rules_ul {
    margin: 10px 0 0 0;
}

.rules_ul li {
    width: 50%;
    float: left;
    margin-top: 15px;
    cursor: pointer;
}

.rules_ul li:nth-child(1), .rules_ul li:nth-child(2) {
    margin-top: 0;
}

.rules_icon {
    background: url("../images/rules_icon.png") no-repeat 0 0;
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 auto;
}

.rules_ul li:hover .rules_icon {
    background-position: -22px 0;
}

.rules_icon2 {
    background-position: 0 -22px;
}

.rules_ul li:hover .rules_icon2 {
    background-position: -22px -22px;
}

.rules_icon3 {
    background-position: 0 -44px;
}

.rules_ul li:hover .rules_icon3 {
    background-position: -22px -44px;
}

.rules_icon4 {
    background-position: 0 -66px;
}

.rules_ul li:hover .rules_icon4 {
    background-position: -22px -66px;
}

.rules_icon5 {
    background-position: 0 -88px;
}

.rules_ul li:hover .rules_icon5 {
    background-position: -22px -88px;
}

.rules_icon6 {
    background-position: 0 -110px;
}

.rules_ul li:hover .rules_icon6 {
    background-position: -22px -110px;
}

.rules_h4 {
    font-weight: normal;
    font-size: 16px;
    color: #5a6652;
    line-height: 1;
    text-align: center;
    margin: 10px 0 0 0;
}

.rules_ul li:hover .rules_h4 {
    color: #e6532e;
}

/**/

.sign {
    background: url(../images/sign_bg.jpg) no-repeat center 0;
    height: 1236px;
    padding-top: 70px;
}

.sign_title {
    background: url("../images/sign_tit.png") no-repeat center 0;
    height: 75px;
    text-indent: -9999px;
}

.sign_date {
    background: url("../images/sign_date.png") no-repeat 0 0;
    width: 596px;
    height: 145px;
    margin: 40px auto 0;
    padding-top: 14px;
}

.sign_stitle {
    font-size: 18px;
    color: #515c49;
    line-height: 1;
    margin: 0 0 0 144px;
}

.sign_stitle strong {
    color: #e6532e;
    font-weight: normal;
}

.sign_md {
    margin: 36px 0 0 148px;
}

.sign_month, .sign_day {
    width: 188px;
    height: 104px;
    float: left;
    overflow: hidden;

}

#month, #day {
    width: 158px;
    height: 104px;
    font-family: Impact, "Microsoft YaHei";
    font-size: 90px;
    color: #fff;
    text-align: center;
    line-height: 104px;
    letter-spacing: 12px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    float: left;
}

.sign_s {
    font-size: 30px;
    color: #592012;
    line-height: 1;
    float: right;
    margin-top: 60px;
}

.sign_con {
    width: 999px;
    margin: 43px auto 0;
}

.sign_con li {
    background: url("../images/sign_li.png") no-repeat 0 bottom;
    height: 45px;
    overflow: hidden;
    padding: 0 29px;
}

.sign_con li:first-child {
    margin-left: 58px;
}

.sign_con li:nth-child(2) {
    margin-top: 15px;
}

.sign_icon {
    background: url("../images/sign_icon.png") no-repeat 0 center;
    width: 16px;
    height: 45px;
    display: block;
    float: left;
}

.sign_p {
    font-size: 20px;
    color: #5c5c5c;
    line-height: 45px;
    float: left;
    margin-left: 12px;
}

.sign_p strong {
    color: #e6532e;
    font-weight: normal;
}

.sign_btn {
    background: #5286b3;
    width: 160px;
    height: 45px;
    border: none;
    display: block;
    font-size: 16px;
    color: #fff;
    float: right;
}

.sign_btn:hover {

}

.sign_btns {
    width: 622px;
    margin: 100px auto 0;
    position: relative;
}

.sign_btna {
    background: transparent;
    width: 248px;
    height: 60px;
    border: #e6532e 1px dotted;
    font-size: 18px;
    color: #e6532e;
    display: block;
    float: left;
}

.sign_btnb {
    background: transparent;
    width: 248px;
    height: 60px;
    border: #e6532e 1px dotted;
    font-size: 18px;
    color: #e6532e;
    display: block;
    float: right;
}

.sign_btn_m {
    width: 140px;
    height: 180px;
    position: absolute;
    top: -40px;
    left: 50%;
    z-index: 2;
    margin-left: -70px;
}

/***/

.question {
    background: url(../images/question_bg.png) no-repeat center;
    width: 1000px;
    height: 463px;
    margin: 70px auto 0;
    padding-top: 52px;
}

.question_l {
    width: 488px;
    float: left;
    margin: 0 0 0 10px;
}

.question_title {
    font-size: 30px;
    color: #4c4c4c;
    text-align: center;
    line-height: 1;
}

.question_title strong {
    color: #e6532e;
}

.qList {
    margin: 38px 0 0 0;
}

.qList li {
    overflow: hidden;
    font-size: 16px;
    color: #383838;
    padding-left: 40px;
    line-height: 57px;
    cursor: pointer;
}

.qList li:nth-child(odd) {
    background: rgba(68, 102, 50, 0.1);
    height: 35px;
    line-height: 35px;
}

.qList li:hover {
    color: #e6532e;
}

.question_p {
    float: left;
    font-size: 15px;
    color: #203b53;
    line-height: 26px;
    margin-left: 8px;
}

.question_line {
    background: url("../images/question_line.png") no-repeat 0 center;
    width: 94px;
    height: 26px;
    float: left;
    margin-left: 3px;
}

.question_line1 {
    width: 68px;
}

.question_line3 {
    width: 79px;
}

.question_line4 {
    width: 34px;
}

.question_line5 {
    width: 16px;
}

.question_line6 {
    width: 68px;
}

.question_line7 {
    width: 46px;
}

.question_line8 {
    width: 50px;
}

.question_line9 {
    width: 50px;
}

.question_btn {
    background: transparent;
    width: 74px;
    height: 26px;
    border: #f53131 1px solid;
    border-radius: 13px;
    font-size: 14px;
    color: #f53131;
    display: block;
    float: right;
}

.question_btn:hover {
    background: #f53131;
    color: #fff;
}

.question_r {
    width: 487px;
    float: right;
    margin: 0 10px 0 0;
}

.question_table {
    background: url("../images/question_table.png") no-repeat center;
    width: 469px;
    height: 360px;
    padding: 29px 36px 33px 31px;
    margin: 0 auto;
}

.question_table td {
    width: 80px;
    font-size: 16px;
    color: #707070;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

.question_table td.red {
    color: #e6532e;
}

.question_table td:hover,.question_table td.hover {
    background: #e6532e;
    color: #fff;
}

/**/
.reform {
    background: url("../images/reform_bg.jpg") no-repeat center 0;
    height: 714px;
    padding-top: 76px;
}

.reform_title {
    background: url("../images/reform_tit.png") no-repeat center 0;
    height: 75px;
    text-indent: -9999px;
}

.reform_stitle {
    font-size: 16px;
    color: #ecf2e9;
    line-height: 34px;
    text-align: center;
    margin-top: 32px;
}

.reform_stitle strong {
    color: #f53131;
    font-weight: normal;
}

.reform_con {
    width: 928px;
    margin: 135px auto 0;
}

.reform_con li {
    background: rgba(58, 84, 38, 0.52);
    border: rgba(255, 255, 255, 0.52) 1px dotted;
    width: 270px;
    float: left;
    margin-left: 53px;
    padding-bottom: 30px;
}

.reform_con li:first-child {
    margin-left: 0;
}

.reform_tit {
    background: url("../images/reform_h3.png") no-repeat center 0;
    height: 71px;
    padding-top: 100px;
    font-size: 18px;
    color: #354d22;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    margin-top: -89px;
}

.reform_tit2 {
    background-position: center -171px;
}

.reform_tit3 {
    background-position: center -342px;
}

.reform_box {
    margin-top: 28px;
}

.reform_h4 {
    font-size: 16px;
    color: #ecf2e9;
    line-height: 1;
    text-align: center;
}

.reform_p {
    font-size: 14px;
    color: #ecf2e9;
    line-height: 28px;
    text-align: center;
    margin: 16px 0 0 0;
}

.reform_btn {
    background: #e6532e;
    width: 160px;
    height: 35px;
    border: none;
    display: block;
    margin: 20px auto 0;
    font-size: 16px;
    color: #f2f5f0;
}

.reform_btn span {
    font-family: "幼�?", "微软�?��??";
    margin-left: 7px;
    font-size: 14px;
}

.reform_btn:hover {

}

/**/

.answer {
    background: url(../images/answer_bg.png) no-repeat center 0;
    height: 888px;
    padding-top: 68px;
}

.answer_title {
    background: url(../images/answer_tit.png) no-repeat center 0;
    height: 145px;
    text-indent: -9999px;
}

.answer_stitle {
    font-size: 16px;
    color: #061a2c;
    text-align: center;
    font-weight: normal;
    line-height: 1;
    margin: 13px 0 0 0;
}

.answer_stitle strong {
    color: #f53131;
    font-weight: normal;
}

.answer_con {
    width: 1000px;
    margin: 60px auto 0;
}

.answer_ul1 {
    background: url("../images/answer_ul1.png") no-repeat 0 53px;
    padding: 0 26px 0 22px;
}

.answer_ul2 {
    background: url("../images/answer_ul2.png") no-repeat 0 53px;
    margin-top: 50px;
    padding: 0 26px 0 22px;
}

.answer_con li {
    float: left;
}

.answer_con li:nth-child(1) {
    width: 311px;
}

.answer_con li:nth-child(2) {
    width: 334px;
}

.answer_con li:nth-child(3) {
    width: 307px;
}

.answer_h3 {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 1;
    text-align: center;
}

.answer_icon {
    background: url("../images/answer_icon.png") no-repeat 0 0;
    width: 29px;
    height: 31px;
    margin: 20px auto 0;
}

.answer_con li:hover .answer_icon {
    background-position: 0 -31px;
}

.answer_p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: center;
    margin: 10px 0 0 0;
}

.answer_p strong {
    color: #e6532e;
}

.answer_line {
    width: 1px;
    height: 19px;
    margin: 22px auto 0;
}

.answer_con li:hover .answer_line {
    background: #e3e6e1;
}

.answer_btn {
    background: #e6532e;
    width: 170px;
    height: 32px;
    font-size: 16px;
    color: #fff;
    border: none;
    display: block;
    margin: 0 auto;
}

.answer_btn span {
    font-family: "幼�?", "微软�?��??";
    margin-left: 7px;
    font-size: 14px;
}

.answer_btns {
    background: url("../images/answer_btn.png") no-repeat 0 0;
    width: 738px;
    height: 55px;
    margin: 70px auto 0;
}

.answer_btna {
    background: transparent;
    width: 244px;
    height: 55px;
    float: left;
    border: none;
    font-size: 16px;
    color: #0168b7;
}

.answer_btnb {
    background: transparent;
    width: 240px;
    height: 55px;
    float: left;
    border: none;
    margin-left: 6px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.answer_btnc {
    background: transparent;
    width: 240px;
    height: 55px;
    float: left;
    border: none;
    margin-left: 8px;
    font-size: 16px;
    color: #0168b7;
}

/**/

.pay {
    background: url(../images/pay_bg.jpg) no-repeat center 0;
    height: 637px;
    padding-top: 83px;
}

.pay_title {
    background: url("../images/pay_tit.png") no-repeat center 0;
    height: 145px;
    text-indent: -9999px;
}

.pay_con {
    width: 700px;
    margin: 47px auto 0;
}

.pay_m1 {
    background: url("../images/pay_m.png") no-repeat 0 0;
    width: 277px;
    height: 79px;
    float: left;
    margin-left: 10px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.pay_m1 strong, .pay_m2 strong {
    color: #fbe108;
}

.pay_m2 {
    background: url("../images/pay_m.png") no-repeat 0 -79px;
    width: 277px;
    height: 79px;
    float: right;
    margin-top: 46px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

/**/
.tese {
    background: url(../images/tese_bj.jpg) no-repeat center 0;
    height: 874px;
    padding-top: 66px;
}

.tese_title {
    background: url("../images/tese_tit.png") no-repeat center 0;
    height: 75px;
    text-indent: -9999px;
}

.tese_com {
    width: 1020px;
    margin: 80px auto 0;
}

.fudong1 {
    float: left;
    margin-bottom: 20px;
}

.fudong2 {
    float: right;
    margin-bottom: 20px;
}

.colmd {
    width: 498px;
    height: 308px;
    border: #eaeaea solid 1px;
}

.colmd:hover {
    border: #e5532e solid 1px;
}

.tese_tu1 {
    width: 190px;
    height: 308px;
    background: url(../images/tese_tu1.jpg) no-repeat 0 0;
}

.tese_tu2 {
    width: 190px;
    height: 308px;
    background: url(../images/tese_tu2.jpg) no-repeat 0 0;
}

.tese_tu3 {
    width: 190px;
    height: 308px;
    background: url(../images/tese_tu3.jpg) no-repeat 0 0;
}

.tese_tu4 {
    width: 190px;
    height: 308px;
    background: url(../images/tese_tu4.jpg) no-repeat 0 0;
}

.word {
    width: 308px;
    margin: 0 auto;
}

.special-h3 {
    margin: 30px 0;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    text-align: center;
}

.special-p {
    margin-top: 20px;
    font-size: 14px;
    color: #a4a4a4;
    line-height: 26px;
    text-align: center;
}

.btn-learn {
    width: 158px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #e5532e;
    display: block;
    border: #e5532e 1px solid;
    border-radius: 3px;
    margin: 30px auto 34px;
}

.btn-learn span{
    font-family: "幼�?","微软�?��??";
    font-size: 14px;
    margin-left: 7px;
}

.colmd:hover .special-h3 {
    color: #e5532e;
}

.colmd:hover .btn-learn {
    color: #fff;
    background: #e5532e;
}

.colmd:nth-child(1):hover .tese_tu1 {
    background: url(../images/tese_tu1.jpg) no-repeat 0 -308px;
}

.colmd:nth-child(2):hover .tese_tu2 {
    background: url(../images/tese_tu2.jpg) no-repeat 0 -308px;
}

.colmd:nth-child(3):hover .tese_tu3 {
    background: url(../images/tese_tu3.jpg) no-repeat 0 -308px;
}

.colmd:nth-child(4):hover .tese_tu4 {
    background: url(../images/tese_tu4.jpg) no-repeat 0 -308px;
}



/**/
.leftbar {
    background: url("../images/leftbar.png") no-repeat 0 0;
    width: 145px;
    height: 313px;
    position: fixed;
    top: 50%;
    left: 0;
    margin-top: -224px;
    padding: 135px 0 0 9px;
}

.leftbar_btn {
    width: 145px;
    height: 38px;
    display: block;
    font-size: 14px;
    color: #f5faed;
    text-align: center;
    line-height: 17px;
    padding-top:7px;
    margin-top: 10px;
}

.leftbar_btn:first-child{
    margin-top: 0;
}

.leftbar_btn2{
    width: 145px;
    height: 35px;
    display: block;
    font-size: 14px;
    color: #f5faed;
    line-height: 35px;
    text-align: center;
    margin-top: 10px;
}

.leftbar_btn:hover,.leftbar_btn2:hover{
    color: #fbe108;
}

/*按é�?�®æ�?�ˆæž�?*/
/* Ujarak */
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e6532e;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak.button--inverted::before {
    background: #ffef03;
}

.button--ujarak.button--inverted1::before {
    background: #0168b7;
}

.button--ujarak,
.button--ujarak::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
    color: #fff;
}

.button--ujarak.button--inverted:hover {
    color: #385325;
}

.button--ujarak.button--inverted1:hover {
    color: #fff;
}

.button--ujarak:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* Ujarak1 */
.button--ujarak1 {
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
}
.button--ujarak1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e6532e;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak1.button--inverted::before {
    background: #ee6e4d;
}
.button--ujarak1,
.button--ujarak1::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak1:hover {
    color: #fff;
    border-color: #e6532e;
}
.button--ujarak1.button--inverted:hover {
    color: #fff;
}
.button--ujarak1:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}