img{
    display: block;
    border: none;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
input{
    border: none;
    background: none;
    outline: none;
    box-sizing: border-box;
}
*{
    margin: 0 ;
    padding: 0;
}
.clearFix{
    zoom: 1;
}
.clearFix:after{
    content:'';
    display: block;
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
/*报名框公用*/
.form{
    position: relative;
    width: 100%;
    height: 100%;
}
.form input{
    position: absolute;
    box-sizing: border-box;
}
.form .submit_btn{
    position: absolute;
    cursor: pointer;
}
/*报名框公用 end*/

.banner_box{
    width: 100%;
    height: 662px;
    position: relative;
    overflow: hidden;
}
.banner_box .banner{
    width: 1920px;
    height: 662px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left:-960px ;

}
.banner_box .banner .banner_cont{
    position: absolute;
    width: 637px;
    height: 403px;
    right: 339px;
    top: 60px;
    background: url("../images/banner_cont.png") no-repeat center;
}

.apply_piece{
    width: 100%;
}
.apply_piece .piece_cont{
    position: relative;
    overflow: visible;
}
.apply_piece .piece_cont .piece_box{
    width: 452px;
    height: 566px;
    position: absolute;
    left: 0;
    bottom: -36px;
    background: #fff;
    box-shadow: 0px 5px 10px #666;
}
.apply_piece .piece_cont .piece_box .top{
    width: 382px;
    height: 33px;
    padding-top: 52px;
    border-bottom:1px dashed #d2d2d2;
    margin: 0 auto;
    background: url("../images/calculator.jpg") no-repeat 8px 47px;
}
.apply_piece .piece_cont .piece_box .top p{
    padding-left: 45px;
    font-size: 20px;
    color: #434343;
    line-height: 20px;
}
.apply_piece .piece_cont .piece_box .top p span{
    font-size: 14px;
    color: #122aa4;
    padding-left: 9px;
    line-height: 26px;
}
.apply_piece .piece_cont .piece_box .state{
    width: 354px;
    margin:28px auto 60px;
}
.piece_box .state .new,.piece_box .state .old{
    width: 154px;
    font-size: 24px;
    color: #000000;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}
.piece_box .state .line{
    height: 25px;
    border-right: 2px solid #d2d2d2;
    margin: 6px 22px 0;
}
.piece_box .state .on{
    color: #122a88;
    border-bottom: 2px solid #122a88;
}
.piece_box .apply_box{
    width: 380px;
    height: 279px;
    margin: 0 auto;
}
.piece_box .apply_box input{
    width: 100%;
    height: 50px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
    font-size:14px;
    left: 0;
}
.piece_box .apply_box .area{
    top: 0;
    background: url("../images/apply_area.png") no-repeat 6px,url("../images/m2.png") no-repeat 340px;
}
.piece_box .apply_box .user{
    top: 66px;
    background: url("../images/apply_user.png") no-repeat 6px;
}
.piece_box .apply_box .tel{
    top: 131px;
    background: url("../images/apply_tel.png") no-repeat 6px;
}
.piece_box .apply_box .submit_btn{
    width: 231px;
    height: 55px;
    font-size: 24px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    background: #450061;
    bottom: 0;
    left: 50%;
    margin-left: -115px;
}

.serve_flow{
    width: 100%;
    height: 240px;

}.serve_flow .flow{
     height: 240px;
 }
 .serve_flow .flow .title{
    max-width: 240px;
    font-size: 50px;
    font-weight: bold;
    line-height: 100%;
    margin: 130px 17px 0;
}
.serve_flow .flow .flow_cont{
    height: 240px ;
    width: 960px;
    background: url("../images/flow_cont.png") no-repeat 0 116px;
}

.ep{
    width: 100%;
    height: 1255px;
    background: url("../images/eq_bg.jpg") no-repeat center;
}
.ep .ep_cont{
    height: 100%;
    position: relative;
}
.ep_cont .title{
    width: 618px;
    height: 100px;
    margin: 106px auto 96px;
    background: url("../images/bracket_left.png") no-repeat 0,url("../images/bracket_right.png") no-repeat 596px;
}
.ep_cont .title h2{
    font-size: 60px;
    font-weight:bold;
    line-height: 100%;
    color: #7b0000;
    text-align: center;
    margin-bottom: 18px;
}
.ep_cont .title p{
    font-size: 24px;
    line-height: 100%;
    color: #7b0000;
    text-align: center;
}
.ep_cont .content{
    width: 1070px;
    height: 702px;
    border: 1px solid rgba(102,37,128,.6);
    background: rgba(255,255,255,.6);
}
.ep_cont .content .made1{
    width: 736px;
    height: 72px;
    margin: 64px 0 0 40px;
    background: url("../images/made.png") no-repeat center;
}
.ep_cont .content .made2{
    width: 446px;
    height: 268px;
    margin: 58px 0 58px 46px;
    background: url("../images/made1.png") no-repeat center;
}
.ep_cont .content .btn{
    width: 260px;
    height: 50px;
    font-size: 24px;
    color: #ffff00;
    background: #662580;
    text-align: center;
    line-height: 50px;
    margin-left: 190px;
    cursor: pointer;
}
.ep .ep_cont .img1{
    position: absolute;
    top: 940px;
    left: 260px;
}
.ep .ep_cont .img2{
    position: absolute;
    top: 530px;
    right: 0;
}

.six_dtyle{
    width: 100%;
    height: 1064px;
}
.six_dtyle .sd_cont{
    height: 100%;
}
.sd_cont .title{
    width: 674px;
    height: 100px;
    margin: 98px auto 86px;
    background: url("../images/bracket_left.png") no-repeat 0,url("../images/bracket_right.png") no-repeat 652px;
}
.sd_cont .title h2{
    font-size: 60px;
    font-weight:bold;
    line-height: 100%;
    color: #7b0000;
    text-align: center;
    margin-bottom: 18px;
}
.sd_cont .title p{
    font-size: 24px;
    line-height: 100%;
    color: #7b0000;
    text-align: center;
}
.sd_cont .option_btn{
    width: 100%;
    margin-bottom: 8px;
}
.sd_cont .option_btn li{
    width: 166px;
    height: 63px;
    color: #909090;
    font-size: 24px;
    text-align: center;
    line-height: 63px;
    border: 1px solid #e5e5e5;
    margin-right: 4px;
    cursor: pointer;
}
.sd_cont .option_btn li:last-child{
    margin-right: 0;
}
.sd_cont .option_btn li.on{
    color: #fff;
    background: #662580;
}
.sd_cont .option_cont{
    width: 1200px;
    height: 637px;
}
.sd_cont .option_cont li{
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}
.sd_cont .option_cont li.on{
    display: block;
}
.sd_cont .option_cont li img{
    width: 100%;
}
.sd_cont .option_cont li .left_img{
    width: 593px;
    height: 413px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.option_cont li .right_img1,.option_cont li .right_img2{
    width: 596px;
    position: absolute;
    right: 0;

}
.option_cont li .right_img1{
    top: 0;
    height: 325px;
}
.option_cont li .right_img2{
    bottom: 0;
    height: 307px;
}
.option_cont li .top_txt{
    width: 593px;
    height: 219px;
    position: absolute;
    top: 0;
    left: 0;
}
.option_cont li:nth-child(1) .top_txt{
    background: #68a2c0;
}
.option_cont li:nth-child(2) .top_txt{
    background: #73c8d5;
}
.option_cont li:nth-child(3) .top_txt{
    background: #dfa880;
}
.option_cont li:nth-child(4) .top_txt{
    background: #e6b861;
}
.option_cont li:nth-child(5) .top_txt{
    background: #b38f70;
}
.option_cont li:nth-child(6) .top_txt{
    background: #88858e;
}
.option_cont li:nth-child(7) .top_txt{
    background: #a2be8b;
}
.option_cont li .top_txt h3{
    font-size: 48px;
    color: #fff;
    font-weight: 200;
    line-height: 100%;
    margin: 45px 0 20px 50px;
    padding-right: 20px;
    text-align: center;
    border-right:2px solid #fff;
}
.option_cont li .top_txt .r p{
    color: #ffffff;
    font-size: 16px;
    margin: 46px 0 15px 20px;
    text-align: left;
}
.option_cont li .top_txt .r p:nth-child(2){
    margin-top: 0;
}
.option_cont li .top_txt .m{
    height: 30px;
    text-align: left;
    color: #fff;
    line-height: 100%;
    padding-left: 50px;
}
.option_cont li .top_txt .m .span1{
    font-size: 30px;
    line-height: 30px;
}
.option_cont li .top_txt .m .span2{
    font-size: 24px;
    line-height:24px;
}
.option_cont li .top_txt p{
    font-size: 18px;
    color: #c89d04;
    text-align: center;
    line-height: 100%;
    margin: 25px auto 40px;
}
.option_cont li .top_txt .txt_btn{
    width: 212px;
    height: 66px;
    margin-right: 15px;
    cursor: pointer;
    background: url("../images/txt_btn.png") no-repeat center;
}

.reason{
    width: 100%;
    height: 723px;
}
.reason .reason_1{
    width: 100%;
    height: 232px;
    background: url("../images/reason_02.jpg") no-repeat center;
}
.reason .reason_2{
    width: 100%;
    height: 282px;
    background: url("../images/reason_03.jpg") no-repeat center;
}
.reason .reason_3{
    width: 100%;
    height: 209px;
    background: url("../images/reason_04.jpg") no-repeat center;
}

.serve{
    width: 100%;
    height: 508px;
    background: url("../images/serve.jpg") no-repeat center;
    margin-bottom: 8px;
}
.serve .title{
    width: 493px;
    height: 100px;
    margin: 70px auto 194px;
    background: url("../images/bracket_left.png") no-repeat 0,url("../images/bracket_right.png") no-repeat 471px;
}
.serve .title h2{
    font-size: 60px;
    font-weight:bold;
    line-height: 100%;
    color: #7b0000;
    text-align: center;
    margin-bottom: 18px;
}
.serve .title p{
    font-size: 24px;
    line-height: 100%;
    color: #7b0000;
    text-align: center;
}
.serve_cont ul{
    width: 100%;
}
.serve_cont ul li{
    width: 200px;
}
.serve_cont ul li:first-child{
    margin-left: 200px;
}
.serve_cont ul li h4{
    font-size: 20px;
    line-height: 100%;
    color: #7b0000;
    text-align: center;
    font-weight: normal;
    margin-bottom: 8px;
}
.serve_cont ul li p{
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #787878;
}
.serve_cont ul li p span{
    color: #000000;
}

.privilege{
    width: 100%;
    height:712px;
    background: url("../images/privilege_bg.jpg") no-repeat center;
}
.privilege .privilege_cont{
    position: relative;
}
.privilege .p_left{
    width: 592px;
    overflow: hidden;
}
.privilege .p_left h2{
    font-size: 72px;
    color: #000000;
    margin: 98px auto 36px;
    text-align: center;
}
.privilege .p_left .p1{
    font-size:30px;
    color: #d8ad00;
    text-align: center;
    line-height: 100%;
    background: url("../images/p_left.png") no-repeat center;
}
.privilege .p_left .p2{
    font-size: 30px;
    text-align: center;
    color: #979593;
    line-height: 100%;
    margin: 25px auto 40px;
}
.privilege .p_left ul{
    margin-left: 39px;
}
.privilege .p_left ul li{
    width: 147px;
    height: 96px;
    border: 1px solid #dddddd;
    background-color: rgba(255,255,255,0.6);
    margin-right: 30px;
    text-align: center;
    font-size:24px;
    padding-top: 148px;
}
.privilege .p_left ul li:last-child{
    font-size: 18px;
}

.privilege .p_left ul li.li1{
    background: url("../images/p_left1.png") no-repeat center 36px ;
}
.privilege .p_left ul li.li2{
    background: url("../images/p_left2.png") no-repeat center 44px ;
}
.privilege .p_left ul li.li3{
    background: url("../images/p_left3.png") no-repeat center 40px ;
}
.privilege .p_left ul li .col1{
    color: #b30000;
}
.privilege .p_left ul li .col2{
    color: #646464;
}

.privilege .pap{
    width: 452px;
    height: 455px;
    position: absolute;
    right: 42px;
    top: 104px;
    background: #fff;
    box-shadow: 0px 5px 10px #666;
}
.privilege .pap .top{
    width: 384px;
    height: 25px;
    padding-top: 61px;
    border-bottom:1px dashed #d2d2d2;
    margin: 0 auto;
}
.privilege .pap .top p{
    padding-left: 5px;
    font-size: 16px;
    color: #122aa4;
    line-height: 100%;
}
.privilege .pap .top p span{
    font-size: 16px;
    color: #434343;
    padding-left: 20px;
    text-align: right;
}
.privilege .pap .state{
    width: 354px;
    margin:28px auto 40px;
}
.privilege .pap .state .new,.privilege .pap .state .old{
    width: 154px;
    font-size: 24px;
    color: #000000;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}
.privilege .pap .state .line{
    height: 25px;
    border-right: 2px solid #d2d2d2;
    margin: 6px 22px 0;
}
.privilege .pap .state .on{
    color: #122a88;
    border-bottom: 2px solid #122a88;
}
.privilege .pap .apply_box{
    width: 380px;
    height: 207px;
    margin: 0 auto;
}
.privilege .pap .apply_box input{
    width: 100%;
    height: 50px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
    font-size:14px;
    left: 0;
}
.privilege .pap .apply_box .user{
    top:0;
    background: url("../images/apply_user.png") no-repeat 6px;
}
.privilege .pap .apply_box .tel{
    top: 65px;
    background: url("../images/apply_tel.png") no-repeat 6px;
}
.privilege .pap .apply_box .submit_btn{
    width: 231px;
    height: 55px;
    font-size: 24px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    background: #450061;
    bottom: 0;
    left: 50%;
    margin-left: -115px;
}



form{
    height: 260px;
}






