@charset "utf-8";

html,body, h2, ul, li, p, div, table, td, input{
    padding:0;
    margin:0;
    list-style:none;
    border:0;
    outline:none;
}
html, body{
    height:100%;
    width:100%;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-user-select:auto;
    user-select:auto;
    -webkit-touch-callout:none;
    -webkit-text-size-adjust:100%;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
}
body{
    font-family:system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    color:#333;
    background:#f0f0f0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    padding:0;
    margin:0;
    overflow:hidden;
    overflow-y:auto;
}

h2, ul, li, p, div, table, td, input, span, a{
    font-size:14px;
}

.listBox{
    width:1200px;
    background:#fff;
    margin:0 auto;min-height:100vh;padding:0 100px;
}

.listBox .header{
    padding:50px 0 10px 0;margin:0;border-bottom:3px solid #d6d6d6;
}

.content_box table{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:12px;
}

.content_box table tr{
    line-height:20px;
}

.content_box table td{
    font-size:14px;
}

.content_box table td a{
    font-size:14px;
    color:#2d9e36;
    padding-right:5px;
}

.trainingList ul{
    overflow:hidden;
}

.trainingList li{
    display:inline-block;width:300px;margin-right:30px;margin-bottom:30px;
    
}

.trainingList li:nth-of-type(3n){margin-right:0;}

.trainingList a{
    display:block;
    text-decoration:none;
   
}


.box01{
    width:1200px;
}
.box01 select,input[type="text"]{width:200px;border: 1px solid #95B8E7;-webkit-appearance:none;border-radius:0;padding:5px 10px;outline:none;background:#fff;font-size:14px;height:32px;line-height:1;}
.box01 p{
    margin-top:18px;
    margin-bottom:18px;
}

.box01 span{display:inline-block;
    font-size:16px;
    color:#33363f;
    padding-left:30px;
}
.box01 label{display:inline-block;width:80px;float:left;height:32px;line-height:32px;}
.box01 input[type="text"]{box-sizing:border-box;}

.box01 input[type="button"]{
    width:76px;
    height:26px;
    color:#fff;
    margin-left:15px;
    cursor:pointer;
}

.trainingPic{
    height:240px;
    position:relative;
    overflow:hidden;
}

.trainingPic h1{position:absolute;left:0;top:40px;width:100%;padding:0;margin:0;line-height:1;text-align:center;color:blue;}

.trainingPic h2{position:absolute;left:0;top:90px;width:100%;padding:0;margin:0;line-height:1;text-align:center;color:purple;border:none;font-size:18px;}

.trainingPic h2 span{display:inline-block;font-size:18px;color:orangered;padding-left:10px;}

.trainingPic img{
    width:100%;
    height:240px;
    border:none;
    display:block;
}

.trainingPic p{
    width:100%;
    height:30px;
    background:rgba(0, 0, 0, .5);
    font-size:14px;
    line-height:30px;
    text-align:left;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding:0 15px;
    box-sizing:border-box;
}

.training_infor{padding:15px 0 0;}

.training_infor p{
    width:100%;
    color:#4b4c4f;
    font-size:14px;
    line-height:24px;
    overflow:hidden;
    padding:0 15px 10px;
    box-sizing:border-box;
}

.training_infor b{
    color:red;
    font-size:16px;
    float:right;
}

.listCon{width:1200px;margin:0 auto;}
.listCon dl{width:1200px;
    overflow:hidden;
    padding:15px 0 50px;
}
.listCon dt{
    
    float:left;
}
.listCon dt img{
    display:block;width:100%;
}
.listCon dd{
    float:left;
    font-size:18px;
    margin-left:30px;
    box-sizing:border-box;
}
.listCon dd h2{
    font-size:22px;
    color:#1082c9;
    padding-bottom:30px;
}
.listCon dd p{padding:15px 0 0;font-size:16px;}
.listCon dd p span{display:inline-block;width:90px;font-size:16px;}
.listCon dd p b{color:red;}
.listCon dd p button{float:right;margin-top:-10px;font-size:16px;}

.course_details table{table-layout:fixed;border-collapse:collapse;width:100%;border-top:1px solid #f0f0f0;}
.course_details td{padding:20px 0;font-size:16px;text-align:left;border-bottom:1px solid #f0f0f0;}
.course_details td:nth-of-type(1),.course_details td:nth-of-type(3){width:10%;}
.course_details td:nth-of-type(2),.course_details td:nth-of-type(4){width:40%;}
.course_details2 table{table-layout:fixed;border-collapse:collapse;width:100%;border-top:1px solid #f0f0f0;}
.course_details2 td{padding:20px 0;font-size:16px;text-align:left;border-bottom:1px solid #f0f0f0;}

.btn-primary{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:6px 15px;font-size:12px;border-radius:4px;transition:color .2s linear, background-color .2s linear, border .2s linear;color:#fff;background-color:#2d8cf0;border-color:#2d8cf0}
.btn-primary:hover{color:#fff;background-color:#57a3f3;border-color:#57a3f3}

.img-animate{overflow:hidden;}

.img-animate img{display:block;-webkit-transform:scale(1);-webkit-transition:1s transform ease;transform:scale(1);transition:1s transform ease;}

.img-animate img:hover{-webkit-transform:scale(1.1);-webkit-transition:1s transform ease;transform:scale(1.1);transition:1s transform ease;}

.page{ margin:30px auto;text-align:right;
    list-style:none;
}

.page > li{display:inline-block;
    padding:3px 10px;
    cursor:pointer;
}

.page .pageItem{
    border:solid thin #ddd;
    margin:5px;
}

.page .pageItemActive{
    border:solid thin #0099FF;
    margin:5px;
    background-color:#0099FF;
    color:white;
}

.page .pageItem:hover{
    border:solid thin #0099FF;
    background-color:#0099FF;
    color:white;
}

.page .pageItemDisable{
    border:solid thin #ddd;
    margin:5px;
    background-color:#ddd;
}


.listBox.success-container{width:960px;padding:0 60px;}
.listBox.success-container .paysuccess .header{border-bottom:1px solid #d6d6d6;font-size:24px;}
.listBox.success-container .paysuccess .header a{display:inline-block;float:right;padding-left:20px;color:#333;text-decoration:none;}
.listBox.success-container .paysuccess .header a:hover{color:#09f;}
.listBox.success-container .paysuccess p{text-align:center;}
.listBox.success-container .paysuccess p a{display:inline-block;padding:10px 16px;margin:0 15px;color:#fff;background:#09f;border-radius:3px;text-decoration:none;text-align:center;}
.listBox.success-container .paysuccess p a:hover{background:#06c;}
.listBox.success-container .paysuccess .tips{background:url(../../Content/Images/success.svg) no-repeat 30% center/26px;font-size:24px;padding:60px 0;}
.listBox.success-container .trainingList{padding:0 0 100px;}
.listBox.success-container .trainingList .title{padding:50px 0 10px 0;margin:0 0 30px;border-bottom:1px solid #d6d6d6;font-size:20px;}
.listBox.success-container .trainingList li{display:inline-block;width:300px;margin-right:30px;margin-bottom:30px;float:left;}
.listBox.success-container .trainingList li:nth-of-type(3n){margin-right:0;}