.top_con { padding-top:40px;}
#popupzone { float:left; width:75%; margin-right:2.5%; position:relative;}
#popupzone .pop_ctrl { position:absolute; top:20px; right:20px; z-index:50;}
#popupzone .pop_count { display:inline-block; color:#fff; width:50px; line-height:26px; text-align:center; border-radius:50px; border:2px solid #fff;}
#popupzone .pop_area { position:relative; overflow:hidden; z-index:1; background:#fff;}

.top_con .quick { float:left; width:22.5%; background:#638cc7;}
.top_con .quick li a { display:block; height:80px; padding:40px 0 0 110px; color:#fff; font-size:17px;}
.top_con .quick li a { display:block; height:65px; padding:25px 0 0 110px; color:#fff; font-size:17px;} 
.top_con .quick li a .btn { border:1px solid #fff; border-radius:20px; font-size:13px; padding:2px 8px;}
.top_con .quick li a.bg1 { background:url(../images/main/bg_qu1.png) no-repeat 20px center;}
.top_con .quick li a.bg2 { background:#789dd2 url(../images/main/bg_qu2.png) no-repeat 20px center;}
.top_con .quick li a.bg3 { background:url(../images/main/bg_qu3.png) no-repeat 20px center;}
.top_con .quick li a.bg4 { background:#789dd2 url(../images/main/bg_qu4.png) no-repeat 20px center;}

#popupzone { width:100%; margin-right:0;}
#popupzone .pop_area img { width:100%;}
.top_con .quick { width:100%; margin-top:20px;}
.top_con .quick li { width:33.3%; float:left;}
.top_con .quick li a {  padding:25px 0 0 120px;}
.top_con .quick li a.bg1 { background:url(../images/main/bg_qu1.png) no-repeat 20px center; background-size:60px;}
.top_con .quick li a.bg2 { background:#789dd2 url(../images/main/bg_qu2.png) no-repeat 20px center; background-size:60px;}
.top_con .quick li a.bg3 { background:url(../images/main/bg_qu3.png) no-repeat 20px center; background-size:60px;}
.top_con .quick li a.bg4 { background:#789dd2 url(../images/main/bg_qu4.png) no-repeat 20px center; background-size:60px;}

.cen_con { padding:40px 0; height:203px;}
.cen_con .board { position:relative;}
.cen_con .board a { color:#666;}
.cen_con .board > ul { width:100%;}
.cen_con .board > ul > li { float:left; }
.cen_con .board > ul > li > a { display:block; width:126px; text-align:center; color:#666; border-top:1px solid #ddd; border-right:1px solid #ddd; font-size:17px; line-height:48px; height:48px; margin-bottom:9px;}
.cen_con .board > ul > li:first-child > a { border-left:1px solid #ddd;}
.cen_con .board > ul > li > a.on { border-top:1px solid #ff8658; border-right:1px solid #ff8658; color:#fff; background:#ff8658;}
.cen_con .board > ul > li:first-child > a.on { border-left:1px solid #ff8658;}

.cen_con .board .tabcontent { display:none; position:absolute; top:49px; left:0; width:100%; border:1px solid #ddd; padding:30px 0;}
.cen_con .board .tabcontent .left { float:left; width:46%; padding: 0 1%;}
.cen_con .board .tabcontent .left .img { float:left; width:32%;height:50px; padding-right:4%; box-sizing:border-box;}
.cen_con .board .tabcontent .left .img img { width:100%; height:130px;}
.cen_con .board .tabcontent .left .desc { float:left; width:68%;}
.cen_con .board .tabcontent .left .desc h3 { font-size:19px; color:#323231; padding:5px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cen_con .board .tabcontent .left .desc .date { padding-top:10px;}
.cen_con .board .tabcontent .right { float:left; width:50%; padding:0 2.5%; box-sizing:border-box; border-left:1px solid #e2e2e2;} 
.cen_con .board .tabcontent .right li { position:relative; line-height:32px; background:url(../images/main/icon_dot_g.png) no-repeat left center; padding:0 0 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cen_con .board .tabcontent .right li a:hover { text-decoration:underline; color:#ff8658;}
.cen_con .board .tabcontent .right li .date { position:absolute; top:0; right:0; line-height:32px; color:#565656;}

.cen_con .btn_more { position:absolute; top:-35px; right:15px;}
.cen_con .btn_more a { display:inline-block; width:18px; height:18px; text-indent:-9999px; background:url(../images/main/icon_more_g.png) no-repeat center; transition:transform 2s;}
.cen_con .btn_more a:hover {transform:rotate(180deg);}

@media all and (max-width:1000px) {
.cen_con .board .tabcontent .left .img img { width:100%; height:110px;}
}

@media all and (max-width:640px) {
.cen_con .board .tabcontent .left .img { float:left; width:32%;height:auto;padding-top:0px !important;}
.cen_con .board .tabcontent .left .img img { display:none; }
.cen_con .board .tabcontent .left .desc { float:left; width:100%;}

}

/* .bot_con { background:url(../images/main/bg_bot_con.gif) repeat-y center top;} */
.bot_con .left { float:left; width:50%; padding:40px 30px 40px 0; box-sizing:border-box;}
.bot_con .left .edu_list { position:relative; background:#fff;}
.bot_con .left .edu_list h2 { background:#9c76b5; color:#fff; font-size:20px; padding-left:30px; line-height:60px;}
.bot_con .left .edu_list ul { padding:30px; border: 1px solid #ddd;}
.bot_con .left .edu_list ul li { position:relative;}
.bot_con .left .edu_list ul li a { line-height:40px; background:url(../images/main/icon_dot_g.png) no-repeat left center; color:#666; padding-left:10px;}
.bot_con .left .edu_list ul li p { width:40%; display:inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bot_con .left .edu_list ul li .cate { color:#ff475d;}
.bot_con .left .edu_list ul li .date { position:absolute; right:80px;}
.bot_con .left .edu_list ul li .state { position:absolute; right:0;}
.bot_con .left .edu_list ul li .state > span { color:#fff; border-radius:20px; padding:3px 10px; font-size:14px;}
.bot_con .left .edu_list ul li .st0 { background:#a8a8a8;}
.bot_con .left .edu_list ul li .st1 { background:#8787dc;}
.bot_con .left .edu_list ul li .st2 { background:#ff475d;}
.bot_con .left .edu_list ul li .st3 { background:#1f96e1;}
.bot_con .left .edu_list ul li .st4 { background:#484848;}
.bot_con .left .edu_list ul li .st5 { background:#3e66a1;}
.bot_con .left .btn_more { position:absolute; top:21px; right:25px;}
.bot_con .left .btn_more a { display:inline-block; width:18px; height:18px; text-indent:-9999px; background:url(../images/main/icon_more_w.png) no-repeat center; transition:transform 2s;}
.bot_con .left .btn_more a:hover {transform:rotate(180deg);}
.bot_con .left .edu_quick li { float:left; width:273px; margin:20px 20px 0 0; border: 1px solid #ddd; background:#fff;}
.bot_con .left .edu_quick li:nth-child(2n) { margin:20px 0 0 0;}
.bot_con .left .edu_quick li a { display:block; padding:30px 10px 30px 105px;}
.bot_con .left .edu_quick h3 { font-size:20px; color:#333;}
.bot_con .left .edu_quick p { font-size:15px; color:#666;}
.bot_con .left .edu_quick .bg1 { background:url(../images/main/bg_edu1.png) no-repeat 25px center;}
.bot_con .left .edu_quick .bg2 { background:url(../images/main/bg_edu2.png) no-repeat 25px center;}
.bot_con .left .edu_quick .bg3 { background:url(../images/main/bg_edu3.png) no-repeat 25px center;}
.bot_con .left .edu_quick .bg4 { background:url(../images/main/bg_edu4.png) no-repeat 25px center;}

.bot_con .right { float:left; width:50%; padding:40px 0 40px 30px; box-sizing:border-box;}
.bot_con .right .pol_list li { margin-bottom:10px;}
.bot_con .right .pol_list li a { display:block; height:120px; background:url(../images/main/icon_more_w2.png) no-repeat 22.5% center; background-size:0; transition: all .3s ease;}
.bot_con .right .pol_list li a:hover { background:rgba(0,0,0,0.3) url(../images/main/icon_more_w2.png) no-repeat 22.5% center;transition: all .3s ease;}
.bot_con .right .pol_list li .box_in { width:50%; padding:25px 30px; height:120px; box-sizing:border-box;}
.bot_con .right .pol_list li h2 { font-size:20px; color:#fff;}
.bot_con .right .pol_list li p { font-size:15px; color:#fff;}
.bot_con .right .pol_list .bg1 { background:url(../images/main/bg_policy1.jpg) no-repeat left top; background-size:cover;}
.bot_con .right .pol_list .bg2 { background:url(../images/main/bg_policy2.jpg) no-repeat left top; background-size:cover;}
.bot_con .right .pol_list .bg3 { background:url(../images/main/bg_policy3.jpg) no-repeat left top; background-size:cover;}
.bot_con .right .pol_list .bg1 .box_in { background:rgba(98,134,187,0.95); float:right;}
.bot_con .right .pol_list .bg2 .box_in { background:rgba(255,134,88,0.95);}
.bot_con .right .pol_list .bg3 .box_in { background:rgba(165,120,193,0.95); float:right;}
.bot_con .right .pol_list .bg2 a { background:url(../images/main/icon_more_w2.png) no-repeat 77.5% center; background-size:0;}
.bot_con .right .pol_list .bg2 a:hover { background:rgba(0,0,0,0.3) url(../images/main/icon_more_w2.png) no-repeat 77.5% center;}

.bot_con .right .gallery { background:#fff; margin-top:20px; position:relative; border: 1px solid #ddd;}
.bot_con .right .gallery h2 { font-size:20px; color:#333; border-bottom:1px solid #efefef; line-height:52px; padding-left:25px;}
.bot_con .right .gallery .swiper-container { padding:18px 10% 25px 10%;}
.bot_con .right .gallery .swiper-container .box_in {overflow:hidden;}
.bot_con .right .gallery li { float:left; width:50%; padding:0 1%; box-sizing:border-box; text-align:center;}
.bot_con .right .gallery li a { display:inline-block; position:relative;}
.bot_con .right .gallery li a p { position:absolute; bottom:0; left:0; width:100%; padding:0 10px; box-sizing:border-box; background:rgba(0,0,0,0.8); color:#fff; font-size:15px; line-height:35px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bot_con .right .gallery .swiper-button-prev { left:15px !important; width:42px; height:42px; text-indent:-9999px; display:block; background:url(../images/main/btn_prev2.png) no-repeat center; background-size:100%;}
.bot_con .right .gallery .swiper-button-next { right:15px !important; width:42px; height:42px; text-indent:-9999px; display:block; background:url(../images/main/btn_next2.png) no-repeat center; background-size:100%;}
.bot_con .right .gallery .btn_more { position:absolute; top:17px; right:27px;}
.bot_con .right .gallery .btn_more a { display:inline-block; width:18px; height:18px; text-indent:-9999px; background:url(../images/main/icon_more_b.png) no-repeat center; transition:transform 2s;}
.bot_con .right .gallery .btn_more a:hover {transform:rotate(180deg);}




/* �º��� ���� */
@media all and (max-width:1260px) {
.bot_con .left .edu_list h2 { padding-left:20px;}
.bot_con .left .edu_list ul { padding:20px;}
.bot_con .left .edu_quick li { width:47%; margin:20px 4% 0 0;}
.bot_con .left .edu_quick li a { padding:100px 0 20px 0; text-align:center;}
.bot_con .left .edu_quick .bg1 { background:url(../images/main/bg_edu1.png) no-repeat center 10px;}
.bot_con .left .edu_quick .bg2 { background:url(../images/main/bg_edu2.png) no-repeat center 10px;}
.bot_con .left .edu_quick .bg3 { background:url(../images/main/bg_edu3.png) no-repeat center 10px;}
.bot_con .left .edu_quick .bg4 { background:url(../images/main/bg_edu4.png) no-repeat center 10px;}

.bot_con .right .pol_list li { margin-bottom:20px;}
.bot_con .right .pol_list li a { height:146px;}
.bot_con .right .pol_list li .box_in { padding:25px; height:146px;}

.bot_con .right .gallery ul { width:90%;}
.bot_con .right .gallery .btn_ga span a { width:30px; height:30px;}
.bot_con .right .gallery .btn_ga .prev { left:10px;}
.bot_con .right .gallery .btn_ga .next { right:10px;}
}

/* �º��� ���� */
@media all and (max-width:1000px) {
.top_con { padding:20px 0;}
.top_con .quick { margin-top:10px;}
.top_con .quick li a { height:55px; padding:15px 0 0 80px; font-size:14px; line-height:1.4em;}
.top_con .quick li a.bg1 { background:url(../images/main/bg_qu1.png) no-repeat 10px center; background-size:45px;}
.top_con .quick li a.bg2 { background:#789dd2 url(../images/main/bg_qu2.png) no-repeat 10px center; background-size:45px;}
.top_con .quick li a.bg3 { background:url(../images/main/bg_qu3.png) no-repeat 10px center; background-size:45px;}
.top_con .quick li a.bg4 { background:#789dd2 url(../images/main/bg_qu4.png) no-repeat 10px center; background-size:45px;}

.cen_con { padding:20px 0;}
.cen_con .board > ul > li > a { font-size:15px; line-height:38px; height:38px;}
.cen_con .board .tabcontent { top:39px;}
.cen_con .board .tabcontent .left .img { padding-top:10px;}
.cen_con .board .tabcontent .left .desc h3 { font-size:16px;}
.cen_con .board .tabcontent .left .desc p { font-size:14px;}
.cen_con .board .tabcontent .left .desc date { padding-top:5px;}
.cen_con .board .tabcontent .right li { line-height:30px; font-size:15px;}
.cen_con .board .tabcontent .right li .date { display:none;}


.bot_con .wrap { width:100%;}
.bot_con .left { float:none; width:95%; margin:0 auto; padding:20px 0;}
.bot_con .left:after { clear:both; display:block; content:"";}
.bot_con .left .edu_list h2 { padding-left:30px; font-size:18px; line-height:50px;}
.bot_con .left .edu_list ul { padding:20px 30px;}
.bot_con .left .btn_more { top:16px;}
.bot_con .left .edu_quick li { width:22%; margin:20px 4% 0 0;}
.bot_con .left .edu_quick li:nth-child(2n) { margin:20px 2.6% 0 0;}
.bot_con .left .edu_quick li:nth-child(4) { margin:20px 0 0 0;}
.bot_con .left .edu_quick h3 { font-size:17px;}
.bot_con .left .edu_quick p { font-size:14px;}
.bot_con .right { float:none; width:100%; padding:20px 0; }
.bot_con .right .pol_list { width:95%; margin:0 auto;}
.bot_con .right .pol_list li h2 { font-size:18px;}
.bot_con .right .pol_list li a { height:120px;}
.bot_con .right .pol_list li .box_in { height:120px;}
.bot_con .right .gallery h2 { font-size:18px;}
.bot_con .right .gallery { width:95%; margin:20px auto 0 auto;}
.bot_con .right .gallery .btn_ga span a { width:42px; height:42px;}
.bot_con .right .gallery .btn_ga .prev { left:30px;}
.bot_con .right .gallery .btn_ga .next { right:30px;}

}

/* ����� ���� */
@media all and (max-width:736px) {
.top_con .quick li a { height:auto; padding:80px 0 10px 0; text-align:center;}
.top_con .quick li a.bg1 { background:url(../images/main/bg_qu1.png) no-repeat center 10px; background-size:60px;}
.top_con .quick li a.bg2 { background:#789dd2 url(../images/main/bg_qu2.png) no-repeat center 10px; background-size:60px;}
.top_con .quick li a.bg3 { background:url(../images/main/bg_qu3.png) no-repeat center 10px; background-size:60px;}
.top_con .quick li a.bg4 { background:#789dd2 url(../images/main/bg_qu4.png) no-repeat center 10px; background-size:60px;}

.cen_con .board .tabcontent .left { width:57%;}
.cen_con .board .tabcontent .right { width:40%;}
.cen_con .board .tabcontent .right li { font-size:14px;}

.bot_con .left .edu_list ul li a { line-height:34px;}
.bot_con .right .gallery ul { width:80%;}
}

@media all and (max-width:650px) {
    .bot_con .left .edu_quick li { width:48%; margin:20px 2% 0 0;}
    .bot_con .left .edu_quick li:nth-child(2n) { margin:20px 0 0 0;}

}
/* ����� ���� */
@media all and (max-width:414px) {
#popupzone .pop_ctrl { top:5px; right:5px;}
#popupzone .pop_count {width:40px; line-height:18px; border:1px solid #fff; font-size:12px;}
#popupzone .pop_ctrl a img { width:20px;}
.top_con .quick li { width:50%;}
.top_con .quick li a { height:50px; padding:15px 0 0 60px; text-align:left; font-size:13px;}
.top_con .quick li a .btn { border:0.5px solid #fff; font-size:12px; padding:1px 5px;}
.top_con .quick li a.bg1 { background:url(../images/main/bg_qu1.png) no-repeat 10px center; background-size:45px;}
.top_con .quick li a.bg2 { background:#789dd2 url(../images/main/bg_qu2.png) no-repeat 10px center; background-size:45px;}
.top_con .quick li a.bg3 { background:#789dd2 url(../images/main/bg_qu3.png) no-repeat 10px center; background-size:45px;}
.top_con .quick li a.bg4 { background:url(../images/main/bg_qu4.png) no-repeat 10px center; background-size:45px;}

.cen_con { height:330px;}
.cen_con .board > ul > li > a { width:100px; font-size:15px; line-height:35px; height:35px;}
.cen_con .board .tabcontent { top:36px; padding-top:10px;}
.cen_con .board .tabcontent .left { width:100%; padding:0 20px 10px 20px; box-sizing:border-box; }
.cen_con .board .tabcontent .right { width:100%; padding:10px 20px 0 20px; border-left:none; border-top:1px solid #e2e2e2;} 

.bot_con .left .edu_list ul li p { width:70%;}
.bot_con .left .edu_list ul li .date { display:none;}
.bot_con .right .pol_list li .box_in { padding:20px;}
.bot_con .right .pol_list li p { font-size:13px;}
.bot_con .right .gallery ul { width:90%;}
.bot_con .right .gallery li img { width:100%;}
.bot_con .right .gallery li a p { font-size:13px; line-height:30px;}
.bot_con .right .gallery .btn_ga span a { width:30px; height:30px;}
.bot_con .right .gallery .btn_ga .prev { left:10px;}
.bot_con .right .gallery .btn_ga .next { right:10px;}
}