html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div {font-family: "微软雅黑";}
body { min-width: 1200px;max-width:1920px;border: 0;margin: 0 auto;padding: 0;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {margin:0;padding: 0; font-weight: normal;}
ul,ol,li,p,dl,dt,dd,input {margin:0;padding: 0;}
ul,ol,li { text-decoration: none;list-style: none;}
a {color: #666;text-decoration: none;}
img {max-width: 100%;  margin: 0 auto;padding:0;border: 0;}
input, textarea, button, select{outline: 0; border: 0;}
.enroll-banner{
    width: 100%;
    position: relative;
}
.enroll-banner > img{
    width: 100%;
    height: 600px;
    display: block;
}
.register{
    width: 1200px;
    height: 400px;
    position: absolute;
    top:120px;
    left: 18.75%;
}
.register-box{
    background-color: rgba(255,255,255,.6);
    width: 380px;
    height: 400px;
    float: right;
}
.register-box > p{
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 45px;
}
.a-line{
    display: block;
    width: 310px;
    height: 1px;
    margin: 0 auto;
    background-color: #ddd;
}
.b-line{
    display: block;
    width: 98px;
    height: 1px;
    background-color: #6cf;
    margin: 0 auto;
}
.register-box > ul > li{
    width: 308px;
    margin: 12px auto 0 auto;
}
.input-a{
    width: 308px;
    height: 38px;
    margin-top: 6px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: white;
}
.input-a > p{
    display: block;
    width: 39px;
    height: 38px;
    text-align: center;
    float: left;
}
 .input-a > p > img{
    margin-top: 9px;
}
 .input-a > span{
     display: block;
     width: 1px;
     height: 20px;
     background-color: #ddd;
     margin: 10px 6px 0 0;
     float: left;
 }
.input-a > input{
    width: 254px;
    height: 38px;
    outline: none;
}
.verification-a > input{
    width: 210px;
    height: 38px;
    outline: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
    text-indent: 8px;
}
.verification-code-a{
    width: 80px;
    height: 38px;
    border-radius: 4px;
    float: right;
    border: 1px solid #ddd;
    background-color: white;
}
.fastener-button-a{
    width: 310px;
    margin: 12px auto 0 auto;
}
.fastener-button-a > input{
    width: 310px;
    line-height: 40px;
    color: #fff;
    background: #ffe320;
    border-radius: 4px;
}
.tit-a{
    width: 1200px;
    margin: 88px auto 30px auto;
}
.method-content{
    margin-left: 360px;
    position: relative;
}
.detail-l-a{
    float: left;
}
.detail-l-a > span{
    display: block;
    width: 330px;
    height: 15px;
    background: #6cf;
    margin-bottom: 10px;
}
.detail-r-a{
    position: relative;
    float: right;
}
.detail-r-a > ul{
    position: absolute;
    top: 25px;
}
.bga{
    width: 1110px;
    height: 65px;
    margin: 0 0 5px 6px;
    background: url('../images/enrolment/part-one-img01.png')no-repeat;
    transition: 0.3s;
}
.bga:hover{
    width: 1110px;
    height: 65px;
    margin: 0 0 5px 6px;
    background: url('../images/enrolment/part-one-img01back.png')no-repeat;
    transition: 0.3s;
}
.bga > span{
    padding: 36px 0 10px 180px;
    font-size: 18px;
    display: block;
}
.bga >  span:hover{
    color: #a5a5a5;
    transition: 0.3s;
}
.bgb{
    width: 1110px;
    height: 65px;
    margin: 0 0 5px 6px;
    background: url('../images/enrolment/part-one-img02.png')no-repeat;
    transition: 0.3s;
}
.bgb:hover{
    width: 1110px;
    height: 65px;
    margin: 0 0 5px 6px;
    background: url('../images/enrolment/part-one-img02back.png')no-repeat;
    transition: 0.3s;
}
.bgb > span{
    padding: 36px 0 10px 180px;
    font-size: 18px;
    display: block;
}
.bgb >  span:hover{
    color: #a5a5a5;
    transition: 0.3s;
}
.bgc{
    width: 1110px;
    height: 65px;
    margin: 0 0 5px 6px;
    background: url('../images/enrolment/part-one-img03.png')no-repeat;
    transition: 0.3s;
}
.bgc:hover{
    width: 1110px;
    height: 65px;
    margin: 0 0 5px 6px;
    background: url('../images/enrolment/part-one-img03back.png')no-repeat;
    transition: 0.3s;
}
.bgc > span{
    padding: 36px 0 10px 180px;
    font-size: 18px;
    display: block;
}
.bgc >  span:hover{
    color: #a5a5a5;
    transition: 0.3s;
}
.tit-b{
    width: 1200px;
    margin: 88px auto 30px auto;
}
.charge-content{
    width: 1200px;
    position: relative;
    margin: 88px auto 30px auto;
}
.detail-l-b{
    width: 345px;
    height: 350px;
    position: absolute;
    top: 35px;
    background: #f3f3f3;
    z-index:999;
}
.detail-l-b > h3{
    font-size: 30px;
    margin-top: 25px;
    margin-left: 90px;
}
.detail-l-b > span{
    display: block;
    border-bottom: 1px solid #333333;
    width: 270px;
    margin-left: 30px;
    margin-top: 10px;
}
.detail-l-b > ul > li{
    margin-top: 15px;
    margin-left: 30px;
}
.detail-l-b > ul > li > span{
    padding-left: 16px;
}
.detail-l-circle{
    border: 3px solid #ffdd82;
    width: 10px;
    height: 10px;
    border-radius:25px;
    background: #ffc320;
    float: left;
}
.detail-r-b{
    width: 868px;
    height: 439px;
    margin-left: 305px;
    background: #66ccff;
}
.detail-r-b > h3{
    font-size: 30px;
    color: white;
    margin-left: 340px;
    margin-top: 35px;
}
.detail-r-b > span{
    display: block;
    border-bottom: 1px solid white;
    width: 710px;
    margin-top: 25px;
    margin-left: 100px;
}
.detail-r-b > ul > li{
    margin-left: 100px;
    margin-top: 8px;
}
.detail-r-b > ul > li > span{
    padding-left: 10px;
    color: white;
}
.detail-r-circle{
    border: 3px solid #ffdd82;
    width: 5px;
    height: 5px;
    border-radius: 25px;
    background: #ffc320;
    float: left;
    margin-top: 6px;
}
.detail-r-butten{
    position: absolute;
    top: 340px;
    right: 10px;
}
.detail-r-top{
    position: absolute;
    top: -29px;
    right: 5px;
    z-index: 20;
}
.charge-content > a{
    width: 240px;
    line-height: 40px;
    display: block;
    position: absolute;
    top: 395px;
    left: 30px;
    background: #333333;
    color: white;
    border-radius:10px;
    font-size: 18px;
    text-align: center;
}
.content-c{
    width: 1920px;
    overflow: hidden;
}
.tit-c{
    width: 1200px;
    margin: 88px auto 30px auto;
}
.detail-c-black{
    width: 345px;
    height: 260px;
    background: #333333;
    float: left;
}
.detail-c-orange{
    width: 20px;
    height: 260px;
    margin-left: 10px;
    background: #ffc320;
    float: left;
}
.detail-c-calendar{
    float: left;
    margin-left: 10px;
}
.detail-gray{
    float: left;
    background: #f3f3f3;
    width: 380px;
    height: 260px;
    margin-top: 307px;
}
.detail-l-d{
    margin-top: 100px;
    margin-left: 365px;
    float: left;
}
.detail-r-d{
    position: relative;
}
.detail-d-a{
    width: 656px;
    height: 300px;
    background: #f3f3f3;
    position: absolute;
    top:165px;
    left: 900px;
    border-bottom: 1px solid #333333;
}
.detail-d-b{
    position: absolute;
    z-index: 50;
    top:68px;
    left: 1400px;
}
.detail-d-c{
    position: absolute;
    top:140px;
    left: 900px;
    width: 374px;
    height: 44px;
}
.detail-d-c-black{
    width: 374px;
    height: 10px;
    background: #333333;
}
.detail-d-c-blue{
    width: 374px;
    height: 34px;
    background: #66ccff;
}
.detail-d-d{
    position: absolute;
    top:163px;
    left: 930px;
    z-index: 60;
    text-align: center;
}
.detail-d-d > h3{
    font-size: 28px;
    float: left;
}
.detail-d-d > h3 >img{
    padding-left: 40px;
}
.detail-d-a > ul{
    float: left;
    margin-left: 40px;
    margin-top: 40px;
}
.detail-d-a > ul > li{
    margin-top: 15px;
}
.tit-e{
    width: 1200px;
    margin: 88px auto 30px auto;
}
.content-e{
    width: 1200px;
}
.detail-e-carousel{
    width: 1149px;
    height: 228px;
    overflow:hidden;
    margin-left: 380px;
    margin-top: 50px;
}
.detail-e-carousel > ul > li{
    float:left;width:383px;
}
.detail-e-carousel > ul > li > img{
    display:block;
}
.content-f{
    width: 1200px;
    margin-left: 360px;
    margin-top: 100px;
    position: relative;
    margin-bottom: 50px;
}
.detail-r-f{
    position: absolute;
    top: 20px;
    left: 450px;
    margin-left: 30px;
}
.detail-f-circle{
    border: 3px solid #ffdd82;
    width: 5px;
    height: 5px;
    border-radius: 25px;
    background: #ffc320;
    float: left;
    margin-top: 6px;
}

.detail-f-circle-f{
	float:right;
	margin:0 0 0 180px;
}
.detail-r-f > h3{
    font-size: 25px;
    padding-left: 30px;
}
.detail-r-f > ul{
    margin-top: 10px;
}
.detail-r-f > ul >li{
    padding-top: 5px;
}
.detail-r-f > ul >li > span{
    margin-left: 10px;
}
.detail-r-f > ul >li > span > a:hover{
    color: #66ccff;
}
.detail-f-top{
    position: absolute;
    top: -30px;
    right: 10px;
}
.bottom{
    width: 100%;
    height: 300px;
    background: #333333;
}