@charset "utf-8";
/* CSS Document */
html{color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,i,a,b,span,pre,code,form,input,textarea,p,hr,button{margin:0;padding:0;font-family:"微软雅黑","宋体",Arial,Helvetica,sans-serif;border:0;box-sizing:border-box;font-style:normal}
i:before{font-size:100%}
body,button,input,select,textarea{font-family:inherit}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
fieldset,img{border:none}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
sub,sup{font-size:75%;line-height:1em;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a{color:#000;cursor:pointer}
a:hover{color:#000;text-decoration:none}
ins,a{text-decoration:none}
a,a:hover{outline:none}
a:focus,*:focus{outline:none}
.clear{clear:both!important;display:block;font-size:0;height:0!important;line-height:0;overflow:hidden;width:0!important;float:none!important}
.hide{display:none}
.block{display:block !important}
.main{ width: 1200px; margin: 0 auto;}

/***头部导航***/
.div_head{ position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 60px; background: rgba(0,0,0,.5)}
.container{ width: 1200px; margin: 0 auto;}
.head_l{ float: left; height: 60px; overflow: hidden;}
.head_l img { height: 60px; }
.head_nav{ float: right; line-height: 60px; opacity: 1; color: #fff;}
.head_nav span { margin: 0 20px;}
.head_nav a{ color: #fff; font-size: 16px; opacity: 1;}
.head_r{ float: right; position: relative;}
.head_r .download{ display: block; width: 120px; height: 30px; line-height:30px; background: #d33838; border-radius:5px; margin: 15px 0; text-align: center; font-size: 16px; color: #fff;}
.head_r:hover .download{background: #d33838;}

.head_r:hover ul{ display: block;}
.head_r ul{ display: none; position: absolute; top: 55px; left: 0;z-index: 2; width: 120px; background: url(../images/head_bg.png) repeat;}
.head_r ul::before{content: ""; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent; border-bottom: 8px solid #333; position: absolute; top: -8px; left: 55px;}
.head_r ul li{ width: 100%; height: 35px; line-height: 30px; font-size: 14px; text-align: center; border-bottom: 1px #596f83 solid;}
.head_r ul li:last-child{ border-bottom: none;}
.head_r ul li a{ color: #fff;}
.head_r ul li a:hover{ color: #ffd78c;}

.div_banner{text-align: center;}
.div_banner img{width: 100%;}
.div_banner_mobile{display: none;}
.banner_pic{ width: 1000px; margin: 0 auto;}

/***内容***/
.first_content{ border-bottom: 1px #dadada solid; overflow: hidden;}
.content_box{ padding: 0 60px; margin-bottom: 40px;}
.title{ text-align: center; font-size: 24px; padding: 50px 0; font-weight: 600;}
.title h2{ line-height: 35px; font-size: 24px;}
.title h3{ font: normal 16px/25px "Arial";color: #ccc; letter-spacing:2px;}
.title1{ text-align: center; font-size: 24px; padding-top: 60px;}
.title1 h2{ line-height: 35px;  color: #fff;}
.title1 h3{ font: normal 16px/25px "Arial";color: #fff; letter-spacing:2px;}
.content_box .content_text { background: #f2f2f2; padding: 30px; line-height: 25px;}

.student_bg{ background: #447dd8; overflow: hidden; margin-top: 80px;}
.student { padding: 20px 0 40px 0;}
.student dl{ padding: 0 30px;}
.student dd{ position: relative; float: left; width: 560px; height: 110px; padding: 0 60px 40px 60px;}
.text_student{ width: 440px; height: 40px; line-height: 40px; background: #fff; padding: 0 20px; border-radius: 5px;}
.student dt{ text-align: center; clear: both;}
.button_student{ cursor: pointer; width: 160px; height: 40px; background: #ff7d48; border-radius: 5px; font-size: 18px; color: #fff; -webkit-appearance: none;}
.button_student:hover{ background: #e25d27;}
.download_bottom{ display: none; padding: 0 10%;}
.download_bottom a{ display: block; margin-bottom: 40px; width: 100%; height: 38px; line-height: 38px; background: #3664ad; border: 1px #dadada solid; border-radius: 5px; text-align: center; color: #fff; font-size: 18px;}
.download_bottom a:hover{ background: #223e6c;}

.contact_bg{ background:#191d26 url(../images/foot_bg.jpg) top center no-repeat; height: 350px; overflow: hidden;}
.contact_all{ padding: 20px 0 0 0;}
.contact_email_left{ float: left; width:590px; padding-left: 90px; overflow:hidden}
.contact_email_left dl{color:#fff;font-size:16px;line-height:30px;padding-bottom:34px;width:250px;float:left}
.contact_email_left dl a {color:#fff; text-decoration: none;}
.contact_email_left dd{width: 100%;white-space:nowrap;}
.contact_er{float: right; width:250px; position:relative}
.contact_er img{height:110px;width:110px;}
.contact_er .er1{ display: block; float: left; text-align:center; width: 249px; font-size:14px;color:#fff;}
.contact_er .er1 p{padding-top:5px;}

.schedule_web_bg{ display: none; background: #fefefe;}
.schedule_web_content{margin:5%; background: #fff; padding: 5%; box-shadow: 0 0 20px #ccc;}
.schedule_web_title{ width: 100%; line-height: 50px; height: 50px; border-bottom: 3px #ff7d48 solid;}
.schedule_web_title a{ font-size: 16px;}
.schedule_web_title i{ font-size: 20px;}
.box{ width: 100%; height: 10px;}
.more{ position: relative; float: right; width: 135px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: #fff2ec; margin: 10px 0;}
.more a{ color: #ff7d48;}
.more a i{ float: right; display: inline-block; width: 12px; height: 30px; background: url(../images/icon-down.jpg) center no-repeat; margin-right: 10px;}
.more:hover .changemore{ display: block;}
.changemore{ display: none; position: absolute; top:30px; right: 2px; width: 100%; z-index: 99; background: #fff;  box-shadow: 0 0 5px #ccc; text-align: left;}
.changemore a{ display: block; color: #333; width: 100%; line-height: 20px; font-size: 14px; padding: 8px;}
.schedule_web_main{width: 100%; text-align: left; overflow: hidden;}
.schedule_web_text{ display: none;}
.schedule_web_text strong{ display: block; padding-top: 20px; line-height: 40px; font-family: 14px; }
.schedule_web_text dl{ padding:15px 0; border-bottom: 1px #efefef solid; overflow: hidden;}
.schedule_web_text dt, .schedule_web_text dd{ float: left; line-height: 35px; font-size: 14px;}
.schedule_web_text dt{ width: 30%; color: #666;}
.schedule_web_text dd{ width: 70%; line-height: 35px; color: #333;}
.schedule_web_text dd .describe{ line-height: 25px; color: #666; font-size: 14px;}
.schedule_web_text dd .guest{ color: #ec6d20; font-size: 14px;}
.schedule_web_text dd .guest a{ color: #ec6d20; padding-right: 5px; cursor: default;}
.schedule_web_text dd p.topic{font-weight: bold}

/*通用底部*/
a {
    text-decoration: none;
    cursor: pointer;
}

.main {
    margin: 0 auto;
    width: 1200px;
}

.f139_footer .div_rooter dl dd {
    width: 13.5%;
    margin: 20px;
}

.f139_footer dl dt strong {
    color: #2050D1;
}

.f139_footer .div_rooter {
    height: 115px;
    padding-top: 20px;
}

.f139_footer .div_footer{
    padding-top: 10px;
}
.div_footer_out {
    font-family: "微软雅黑", "Microsoft YaHei";
    background: #f0f0f0;
    border-top: 1px solid #dadada;
    color: #000;
    padding-bottom: 20px;
    width: 100%;
    font-size: 12px;
}

.div_rooter {
    border-bottom: 1px solid #dadada;
    box-sizing: border-box;
    height: 160px;
    padding-top: 34px
}

.div_rooter dl dd {
    float: left;
    font-size: 14px;
    line-height: 25px;
    width: 25%
}

.div_rooter dl dd strong {
    display: block;
    line-height: 40px
}

.div_rooter dl dd a {
    color: #000;
    margin-right: 20px;
    white-space: nowrap
}

.div_rooter dl dd:nth-child(3) a {
    margin-right: 0
}

.div_rooter .inform {
    color: #adadad;
    font-size: 12px;
    line-height: 20px;
    text-align: right
}

.div_rooter dl dt {
    font-size: 19px;
    text-align: right
}

.div_rooter dl dt strong {
    color: #2050D1;
    display: block;
    font-size: 30px;
    line-height: 30px
}

.div_rooter dl dt b {
    font-size: 16px
}

.div_footer {
    color: #262626;
    line-height: 30px;
    padding-top: 20px
}

.div_footer a,.footer_link a {
    color: #6a6a6a
}

.div_footer ul {
    float: right
}

.div_footer ul li {
    float: left;
    margin-right: 10px;
    position: relative
}

.div_footer ul li a {
    display: block;
    height: 36px;
    width: 36px
}

.div_footer ul li a.wchat {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADIElEQVRYR+2YTyh8URTHvw8lKX/C+DcsiI0FNciClJSYlUKpKZEShWQtK42FNUJipbBBWBBZkJVCydRMSlEWIm8eM/6Nzimvn2ne3PtrpmkWc+ot5r3z5/POOfe8O1d5fn72AUB8fDwUReErkuLz+UDX19cXh1UIKCEhIeIg/i9NUJ+fn1BUVfXFxcVFMimGsb6/v6G43W5fpMtkRERZUjRN4x6KFokBiSoRy1BYM/T09ITl5WVsbW3h6uoKb29vyMrKQnV1NTo7O2G1WkOeZ9IlW1lZwcjICFRVNXzJmpoaLC0toaCgQJQIw+dSQLOzsxgdHZUKkp+fj4ODA5jNZil9fyUhkMPh4JLQWJeV5uZmrK+vy6r/0RMCDQ8PY2FhgY2SkpIwPz/PfbS3t6c7ampqgs1mQ29vL7xeL98/OjpCZWXlf0MJgUpLS3F3d8eO09LScHJygqmpKSwuLurB+vr6QODUQy8vL3zfbrdjaGgo/ECpqalS5aLtS0dHB1pbW3kr43a7kZycjPLycuTl5UmDCTNUUlKC+/v7oA6pgefm5rCzs8OZe319/aNfV1eHiYkJWCwWIZgQaGBggHvGSDIyMrC6uorBwUGeTUZCWSPYtra2oFBCIKfTyb1BQzCQzMzMMNDh4SHS09Ph8Xj+6GZnZ+Ph4YFNExMTcXp6CupLIxECkSEt4Z6eHn2b+essJSUFa2troFVGsrm5ifPzc4yNjfHviooKXm05OTk6ZFdXF6anp0MDIuv9/X20t7fj/f1dd1ZfX4+GhgaMj4/zPZPJBE3T+PqVwsJC3N7e6r+LiopweXkZOhB5IOc0IKuqqrgMZWVlKC4u5oaVldzcXFAbhFQyMr65ucHk5CQHz8zM1P1tb2/zcpeVxsZGbGxshA5EG/BAfwY+Pj54ObtcLikm6rmWlpbQgYJFOzs748b2nz/+Nv39/Tzlg4nUKpN59YuLC3R3d+P6+jqgem1tLXZ3dwNm+V+DsAGRUyorfXSPj4/x+PjIc4k+sDTDaBxQD4okrECiYDLPY0CiLMUyJMxQ1B02RN1xTNQdWEXbkd4PmnSxHnI4Q9kAAAAASUVORK5CYII=);
    cursor: pointer
}

.div_footer ul li a.wb {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADqUlEQVRYR+1YWyhsYRhdg4SIklfXlKLkUvJAlBByzeXBkwflFgkPKCElFMqt3FMUShEPKE/kQbmmlJS8uWQw486c1ncycU7O7Dkzx5kHX03t9v7n/9Ze3/rWt/dWqdVqHQBYW1tDpVLJ7ytDp9OBv5eXF0mrIiAbG5svB/LrTRPU8/MzVDc3NzorK6uvJOXTXK+vr1BpNBrdV5fpM0RkSaXVakVDlhLfgAxV4puh/8LQwMAAJicn4e7ujtjYWKSmpsLW1tYQlp/G+C+6bH19HXNzc9jf38fFxQV8fX3R0tICV1dXg6BMAkS7f3x8hL29vT7R+fk5hoaGEBwcjOjoaExNTaGvrw9+fn7o7u6WEfWn+CtA9/f3GBkZwezsLG5vb9HY2IiIiAjJo1arMTg4iOXlZSQmJqK4uBhjY2Po7+9HbW2tlNCsgJiwvLwch4eH+n2joqLQ0NDwIc/u7q6AmZ6ehrOzM1JSUhAYGIjm5mbzAdJqtSgrK8PBwcGHTWNiYlBSUiKsnJycCFuhoaGIi4uTcnl7e6O0tBRnZ2cYHx83DyDOmerqaqyurv62ITXESf309CTX2FEsJzXm5OQk53gjp6en5gPErmltbTXYJW8LCMjFxUW/fmlpSQAnJCSYzhBLlZOTg6urK9nM09MT8fHx0jmOjo5yfmdnR1i5vLyU9p6YmICdnZ3iG3hbqKjLaHJdXV3yEFdQUICsrCzxl42NDTw8PCAoKAgeHh7QaDSoqanB5uamCLmurk60ZEwoAkRBMkl+fj5yc3OxsrKCpqYm8SAGvaW+vh6RkZHCUGZmplyjfthl733KEDhFgOgdFOrMzIzsl5aWhuvrazkOCQkRbdzd3Yn/MNhx29vbctzT04OAgABDOPTXFQFi+1IvnZ2dODo6En/p7e0FXZkl46hYW1sTNhiFhYXY29uT4+HhYfj4+JgXEO+YjIyOjgoI6oiaIoj29nZJlp2djaKiIilZRkaG2ICbm5uMDmOe2RUxtLCwIA5LVvz9/TE/Py/lITh2WXp6OvLy8kT0HCM0SEZFRQWSk5MVs8OFigDR4KqqqnB8fIy2tjZpexolWSMgiprzraOjAwTPSEpKQmVlpdGvV4oAMQG1Qg3R4DgqwsLCxG/Y6tQLgdAKHBwchC122t+8zSgG9MY7WVpcXMTW1pYwxmlPlry8vBAeHi6G+d6hjaqX0pIZu6kp641myJRkSv77DcgQS5bHkMV9bLC4zzEW98HK0j7p/QCYKiMtc23xCAAAAABJRU5ErkJggg==)
}

.div_footer ul li a.dy {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACZUlEQVRYR+2YP2jyQBjGn9QiBQcHh+pUcHIQUQcHXRwUhE7aSVFwFlxcBAVFRBFd2sFBXJ26FJ0Ux4KDboqDhQq6qFCq4B8c1HzcQaWWtsZ8NTj4wi3JXZ7fPe97ueSYyWTCAoBIJALDMLQJGSzLgrT1ek1lGQJ0eXkpOMjXSROo1WoFZjqdshcXF0Ka8qPWZrMBM5vNWKHT9BMRcYmZz+e0hk4lzkD7MnF2SDCH7u7uUC6XqV4qlYLf79+n/e39P0vZZ6Db21s8Pj6eDhB5r1UqFZhMpoOhjuIQoZBKpXh4eIDD4aD7JNc4GtAHgEKhgMfjQTQa5cR0dCBCcUhN8QIiu3K9Xkev14NOp4NKpcLnog4Gg+h2u3h6eqI7+FGBCoUCIpEIRqMRTUE8HkcgENgBymaz8Hq9GI/HaDQaEIvFMJvNf5+yZDKJRCKx8+DfgDgRfOnEOWW1Wg1Wq3U7XCKRQKvVUidcLhddTWSpk/hw6KhATqcTpVKJaqjVahSLRcjl8q2m4EA3Nzd4e3ujAATGYrHsGCA4kEwmw3K5pBCtVgtKpXIHyGaz4fn5mV7L5/M0jXyCcw3p9Xp0Oh2qkclk4PP5tnqDwQAajQaLxYJeq1arMBqNfHi4f8LGYjGk02kqcnV1RZc7ceX19RXhcBjtdpveu76+xsvLC8ifDJ/g7ND7+zsMBgOIG79FLpeD2+3mw0LHcAYinZvNJux2O4bD4beCxKlQKMQb5mAgMoCstPv7e/oK6Pf7dFcn9UI+yPjWzecZHOTQf02d4+Az0D6jzg7tdejkDhtO7jjm5A6sTu1I7x9Rjn4erHwTYgAAAABJRU5ErkJggg==);
    cursor: pointer
}

.div_footer ul li span {
    border: 7px solid #fff;
    bottom: 50px;
    box-shadow: 0 0 5px 1px #cdcdcd;
    display: none;
    height: 150px;
    left: -57px;
    position: absolute;
    transition: opacity 3s ease-in 2s;
    width: 150px;
    z-index: 100
}

.div_footer ul li span i {
    background: #fff;
    bottom: -12px;
    height: 10px;
    left: 63px;
    position: absolute;
    transform: rotate(45deg);
    width: 10px
}




/**适配**/
@media (max-width: 1200px){
    .div_head, .contact_er, .f139_footer{ display: none;}
    .div_banner{ display: none;}
    .div_banner_mobile{ display: block;}
    .div_banner_mobile img{ width: 100%;}
    .title{ padding: 30px 0 10px 0;}
    .banner_pic, .banner_pic img, .main, .content_box img, .div_link li img, .text_student, .button_student{ width:100%;}
    .content_box{ float: inherit; width: 100%; padding:0 5%; margin-bottom: 30px;}
    .retrospect_inner{ width: 90%; margin: 0 5%;}
    .next_l{left: 1%; top: 30%;}
    .next_r{ right: 1%; top: 30%;}
    .schedule_list{ padding: 0; width: 100%;}
    .schedule_list{ float: inherit;}
    .schedule_text dt{width: 30%;}
    .schedule_text dd{ width: 70%;}
    .cooperative li{ height: 90px; padding: 0 10%;}
    .cooperative li span{ float: inherit; width: 100%; padding: 0; white-space: normal; overflow: auto; text-overflow: initial;}
    .div_link{ width: 100%; padding: 0 10%;}
    .div_link img{  width: 100%;}
    .student_bg{ margin-top: 30px;}
    .student dl{ padding: 0 10%;}
    .student dd{ float: inherit; width: 100%; padding: 0 0 0 0;}
    .student dt{ text-align: center;}
    .contact_email_left{ float: inherit; width: 100%; padding-left: 10%;}
    .contact_email_left dl{ width: 50%;}
    .retrospect{ margin: 0 5%;}
    .expert{ width: 100%;}
    .schedule h2{ font-size: 24px; padding-top: 15px;}
    .schedule h3{font-size: 16px;}
    .schedule{height: 80px; padding:0;}
    .schedule_bg{display: none;}
    .expert_bg{padding: 0;}
    .schedule_web_bg{display: block;}
    .group_text, .content_text, .content_text1{font-size: 14px;}
}

@media screen and (min-width:1921px){
    .div_banner img{ width: 1920px;}
}

.row {
    position: relative;
}

.row label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.input-container {
    position: relative;
}

.row input {
    width: 100%;
    padding: 14px 40px 14px 16px;
    font-size: 16px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    transition: all 0.3s;
    background: #f8fafc;
}

.row input:focus {
    outline: none;
    border-color: #0062c5;
    box-shadow: 0 0 0 3px rgba(0, 98, 197, 0.2);
}

.row input::placeholder {
    color: #a0aec0;
    font-weight: 400;
}

.clear-btn {
    position: absolute;
    right: 12px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background: #cbd5e0;
    border-radius: 50%;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

.input-container.active .clear-btn {
    opacity: 1;
    visibility: visible;
}

.clear-btn:hover {
    background: #a0aec0;
}

.toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-100px);
    background: rgba(0, 0, 0, 0.85);
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 15px;
    z-index: 1000;
    transition: transform 0.4s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-width: 80%;
    text-align: center;
}

.toast.show {
    transform: translateX(-50%) translateY(80px);
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    display: none;
    flex-direction: column;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 98, 197, 0.2);
    border-top: 5px solid #0062c5;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.loading-text {
    margin-top: 15px;
    color: #2d3748;
    font-weight: 500;
}

.input-hint {
    font-size: 12px;
    color: #e53e3e;
    margin-top: 5px;
    display: none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}