@charset "utf-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block;/* margin-left: auto; */ margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide { float: right; }
.bannerW .slick-slide img{height: auto!important;width: 100%;object-fit: cover;min-height: 180px;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.web { position: relative; max-width: 1440px; margin: 0 auto; }
#header {width: 100%;background: #213f99;text-align: center;position: relative;z-index: 9;}
#header .logo {display: inline-block;margin: 30px 0;position: relative;z-index: 2;transition: .5s;}
#header .logo a {display: inline-block;transition: .5s;width: 100%;}
#header .links_top {width: 100%;padding: 7px 0;text-align: left;background: #444;}
#header .links_top .links_l {margin-top: 6px;margin-left: 30px;}
#header .links_top span { display: inline-block; }
#header .links_top span a { color: #FFF; padding: 0 10px 0 33px; font-size: 13px; position: relative; }
#header .links_top span a:hover{color:#ffc107;}
#header .links_top span a::before { content: ''; display: inline-block; width: 13px; height: 14px; background: url(../img/topLinksimg.png) no-repeat 0 0; position: absolute; top: 0; left: 7px; z-index: 9; }
#header .links_top span a::after { content: ''; display: inline-block; width: 24px; height: 24px; background: #FFF; position: absolute; left: 0; top: -5px; border-radius: 50px; }
#header .links_top span:nth-child(1) a::before {width: 20px;height: 20px;left: 2px;background-position: 3px 0px;background-size: auto 14px;}
#header .links_top span:nth-child(2) a::before {width: 15px;left: 4px;background-position: -14px 1px;}
#header .links_top span:nth-child(3) a::before {background-position: -32px 1px;width: 16px;height: 20px;left: 4px;background-size: auto 13px;}
#header .links_top span:nth-child(4) a::before {background-position: -44px 0;width: 20px;left: 0;}
#header .links_top span:nth-child(5) a::before {background: url(../img/ldsy_icon.png) no-repeat center;width: 24px;height: 24px;top: -5px;left: 0;display: block;background-size: 100% auto;}
#header .seaBtn {display: none;}
#header .seaBtn button {display: none;}
#header .seaBtn button:after { width: 25px; height: 25px; background-position: -22px 0; top: 7px; }
#nav { position: absolute; top: 45%; width: 100%; z-index: 0; }
#nav #nav_bar { margin-left: 240px; }
#nav #nav_bar li { display: inline-block; }
#nav #nav_bar li a { padding: 20px 25px; display: block; font-size: 18px; font-weight: 600; }
#menu-wrap { position: relative; margin: 0 auto }
#menu-wrap:after { clear: both; display: block; content: "" }
#menu-wrap .menu-cont { width: 76%; padding-left: 24% }
#mn-ctrs-btns { display: none }
#mainNavi-wrap .all-menu { position: absolute; top: 0; left: 50%; margin-left: -500px; width: 1000px; background: #ccc; z-index: 500 }
#banner { position: relative; }
#banner .slick-arrow {background: none;border: 1px solid #FFF;border-radius: 50px;position: absolute;width: 55px;height: 55px;margin: 10% 2%;z-index: 8;font-size: 0;top: 0;}
#banner .slick-prev::after, #banner .slick-next::after { background-image: url(../img/com_img.png); background-repeat: no-repeat; content: ''; display: block; position: absolute; width: 12px; height: 25px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
#banner .slick-next { left: 10px; }
#banner .slick-next::after { background-position: -318px -113px; }
#banner .slick-prev { right: 10px; }
#banner .slick-prev::after { width: 14px !important; background-position: -357px -113px; }
#banner .item { position: relative; }
#banner .item a { }
#banner .item a img { }
#banner .slick-dots { position: absolute; bottom: 5%; width: 100%; text-align: center; }
#banner .slick-dots li { display: inline-block; }
#banner .slick-dots li button { border-radius: 50px; font-size: 0; width: 10px; height: 10px; margin: 0 2px; transition: .5s; }
#banner .slick-dots li.slick-active { }
#banner .slick-dots li.slick-active button { background: #ffc107; width: 30px; }
#banner .fonts { position: absolute; width: 525px; height: 0; top: 43%; right: 10%; color: #FFF; z-index: 999; text-align: right;/* opacity: 0; */ transition: .5s; border-right: 0 solid #FFF; padding-right: 20px; transform: translateY(90px); overflow: hidden; }
#banner .fonts h5 { font-size: 50px; margin-bottom: 10px; line-height: 1; }
#banner .fonts p { font-size: 12px; line-height: 22px; }
#banner .slick-active .fonts { height: 100px; opacity: 1; transform: translate(0); border-right: 5px solid #FFF; }
.boxN1 { }
.boxN1 .tit {font-size: 24px;font-weight: bold;position: relative;margin-bottom: 5px;}
.boxN1 .tit h5 {}
.boxN1 .tit h5 em {display: block;font-size: 15px;font-style: initial;font-family: initial;font-weight: normal;color: #aaa;margin-top: 5px;}
.boxN1.notice, .boxN1.enr {width: 395px;position: relative;z-index: 0;}
.boxN1.news {margin: auto;width: 590px;padding: 0 30px;position: relative;box-sizing: border-box;margin: 0 30px;}
.boxN1.news::before, .boxN1.news::after {content: '';width: 13px;height: 100%;display: block;background: url(../img/news_line.png) repeat-y;position: absolute;top: 0;left: 0;z-index: -1;}
.boxN1.news::after {right: 0;left: auto;background-position: -14px 0;}
.boxN1.enr ul { font-size: 0; background: #f8f8f8; }
.boxN1 .tit h5 em::before { width: 20px; height: 2px; background: #213f9a; content: ''; display: inline-block; vertical-align: middle; margin-right: 10px; }
.boxN1 .tit a { position: absolute; right: 0; top: 20px; font-size: 15px; color: #aaa; font-weight: normal; padding-right: 20px; }
.boxN1 .tit > a::after {content: '';display: block;background: url(../img/more.png) no-repeat 0 0;position: absolute;top: 1px;width: 14px;height: 14px;transition: all 0.8s;right: 0;}
.boxN1 .tit > a:hover { color: #000 }
.boxN1 .tit > a:hover::after { transform: rotate(90deg); }
.boxN1 ul { }
.boxN1 ul li {position: relative;padding-left: 20px;border-bottom: 1px #ddd dotted;box-sizing: border-box;}
.boxN1 ul li:first-child { padding-top: 0 }
.boxN1 ul li:before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 13px;height: 18px;background-image: url(../img/dot_1.png);background-repeat: no-repeat;background-position: 0 0;}
.boxN1 ul li a {display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 46px;box-sizing: border-box;color: #333333;font-size: 18px;}
.boxN1 ul li a:hover{color:#213f9a;}
.boxN1 ul li span {float: right;font-size: 16px;color: #999;margin-left: 10px;}
.boxN1 ul li.hotHews{padding: 0 0 10px 0;}
.boxN1 ul li.hotHews a{display: block;max-width: 100%;white-space: inherit;}
.boxN1 ul li.hotHews a h5{
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.boxN1 ul li.hotHews a p{font-size: 15px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 50px;margin: 17px 0;}
.boxN1 ul li.hotHews a span{float: none;display: block;line-height: 20px;margin: 0;}
.boxN1 ul li.hotHews:first-child:before{display:none}
.section1 .boxN1.news ul li {
    padding: 11px 0;
}
.section1 .boxN1.news ul li:before { display: none }
.section1 .boxN1.news ul li a {width: 100%;line-height: 31px;max-height: 62px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;}
.section1 .boxN1.news ul li span {float: left;font-size: 16px;font-family: unset;width: 59px;height: 62px;line-height: 34px;background: url(../img/dateBg.png) no-repeat 0 0;display: inline-block;text-align: center;color: #FFF;margin-right: 15px;margin-left: 0;}
.section1 .boxN1.news ul li span b {font-size: 22px;display: block;line-height: 1;color: #999;}
.section1 .boxN1.enr ul li { width: 49.7%; display: inline-block; padding: 0; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; }
.section1 .boxN1.enr ul li:nth-child(2n) { border-right: none }
.section1 .boxN1.enr ul li:before { display: none }
.section1 .boxN1.enr ul li a {text-align: left;display: block;max-width: 100%;padding: 0 20px;height: 83px;position: relative;z-index: 11;}
.section1 .boxN1.enr ul li a span {display: block;width: calc(100% - 40px);font-size: 16px;line-height: 26px;padding: 5px 0;color:#073190;margin: auto;position:absolute;top: 50%;transform: translateY(-50%);background: url(../img/zsxm_icon1.png) no-repeat right center;font-weight: bold;}
.section1 .boxN1.enr ul li a:hover span {color: #FFF;background: url(../img/zsxm_icon2.png) no-repeat right center;}
.section1 .boxN1.enr ul li a:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #073190; z-index: -1; transition: .5s; }
.section1 .boxN1.enr ul li a:hover:after { width: 100%; }
.section1 {padding: 60px 0 40px;transition: .5s;}
.section1 .board_wrap { position: relative; box-sizing: border-box; background: #fff; width: 55%; overflow: hidden; }
.section1 .board_wrap .tabs2 { height: 890px; }
.section1 .board_wrap .tabs2 > ul { }
.section1 .board_wrap .tabs2 > ul:after { content: ""; display: block; clear: both }
.section1 .board_wrap .tabs2 > ul > li { float: left; margin-right: 1rem; vertical-align: middle; }
.section1 .board_wrap .tabs2 > ul > li:first-child { padding-left: 0; }
.section1 .board_wrap .tabs2 > ul > li:last-child { padding-right: 0; }
.section1 .board_wrap .tabs2 > ul > li > a { display: block; position: relative; font-size: 26px; font-weight: bold; color: #8b8b8c; transition: .5s; z-index: 0; }
.section1 .board_wrap .tabs2 > ul > li > a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 15px; background: #d0f3ff; transform: scaleX(0); transition: all 0.5s; z-index: -5; }
.section1 .board_wrap .tabs2 > ul > li.on > a, .section1 .board_wrap .tabs2 > ul > li > a:hover { color: #000; }
.section1 .board_wrap .tabs2 > ul > li.on > a:after, .section1 .board_wrap .tabs2 > ul > li > a:hover:after { transform: scaleX(1); }
.section1 .board_wrap .tabs2 > ul > li > a span { }
.section1 .board_wrap .tabs2 > ul > li:first-child .tab_con { display: block }
.section1 .board_wrap .tabs2 .tab_con { position: absolute; left: 0; right: 0; padding-top: 25px; display: none; }
.section1 .board_wrap .tabs2 .tab_con.on { display: block }
.section1 .board_wrap .tabs2 .tab_con ul { margin-top: -6px; box-sizing: border-box; }
.section1 .board_wrap .tabs2 .tab_con li { position: relative; padding: 11px 0 11px 24px; }
.section1 .board_wrap .tabs2 .tab_con li span { float: right; margin-top: 4px; font-size: 15px; color: #999; }
.section1 .board_wrap .tabs2 .tab_con li:before { content: ""; position: absolute; left: 0; top: 15px; width: 14px; height: 14px; background: rgb(0 106 183 / 34%); border-radius: 50%; }
.section1 .board_wrap .tabs2 .tab_con li:after { content: ""; position: absolute; left: 4px; top: 19px; width: 6px; height: 6px; background: #006ab7; border-radius: 100%; }
.section1 .board_wrap .tabs2 .tab_con li a { width: auto; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 80%; text-overflow: ellipsis; white-space: nowrap; }
.section1 .board_wrap .tabs2 .tab_con > .more { position: absolute; right: 0; top: -25px; font-size: 15px; color: #aaa; letter-spacing: -1px; width: auto; }
.section1 .board_wrap .tabs2 .tab_con > .more span:after { width: 40px; height: 20px; background-position: -95px 0; transition: all 0.8s; right: 35px; }
.section1 .board_wrap .tabs2 .tab_con > .more span:hover:after { }
.section1 .board_wrap .tabs2 .tab_con > .more:hover { color: #000; }
.section1 .visual { width: 500px; position: absolute; top: 0; right: 0; }
.section1 .visual .visual_list { position: relative; }
.section1 .visual .visual_list .visual_item { }
.section1 .visual .visual_list .visual_item a { }
.section1 .visual .visual_list .visual_item a img { width: 100%; height: 310px; }
.section1 .visual .visual_list .slick-dots { width: 100%; position: absolute; bottom: 15px; left: 15px; z-index: 9; }
.section1 .visual .visual_list .slick-dots li { display: inline-block; }
.section1 .visual .visual_list .slick-dots li button { font-size: 0; background: #FFF; width: 10px; height: 10px; margin: 2px; border-radius: 50px; vertical-align: text-bottom; opacity: 0.8; }
.section1 .visual .visual_list .slick-dots li.slick-active button { opacity: 1; background: #f29d21; }
.dqgz_xx{
	margin-bottom:40px;
}
.dqgz_xx a,.dqgz_xx a img{
	display:block;
	width:100%;
	height:auto;
}
.section2 {background: url(../img/bg_2.jpg) no-repeat 0 0;position: relative;overflow: hidden;z-index: 0;padding: 60px 0;}
.section2 .web { }
.section2 .web .NewsTab { padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #556bb4; }
.section2 .web .NewsTab button { background: none; }
.section2 .web .NewsTab button.on { font-weight: bold; }
.section2 .web .NewsTab button span { display: block; position: relative; font-size: 30px; color: #dbdbdb; transition: .5s; z-index: 0; line-height: 1; margin-right: 15px; }
.section2 .web .NewsTab button.on span { color: #FFF; }
.section2 .web .NewsTab .on span:before { background: #FFF; height: 4px; width: 100%; content: ''; display: block; position: absolute; bottom: -26px; }
.section2 .web .NewsTab .on span:after { border-color: transparent transparent #FFF #FFF; border-style: solid; border-width: 4px; bottom: -26px; box-sizing: border-box; content: ''; display: block; height: 0; position: absolute; left: 46%; transform: rotate(135deg); transform-origin: center center; width: 0; }
.section2 .web .NewsTab button.on span:after {/* transform: scaleX(1); */ }
.section2 .web .NewsTab button:hover span { color: #FFF; }
.section2 .web .NewsTab button:hover span:after {/* transform: scaleX(1); */ }
.section2 .web .NewsTabCont { display: none; margin-top: 20px; overflow: hidden; }
.section2 .web .NewsTabCont .item { }
.section2 .web .NewsTabCont .item {position: relative;float: left;width: 100%;text-align: center;}
.section2 .web .NewsTabCont .item a {color: #333;display: block;width: 99.8%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 10px;box-sizing: border-box;}
.section2 .web .NewsTabCont .item a .img {display: block;width: 100%;height: 357px;position: relative;overflow: hidden;border-radius: 8px;}
.section2 .web .NewsTabCont .item a .img img {width: 100%;height: 100%;position: absolute;object-fit: cover;transition: all .3s;}
.section2 .web .NewsTabCont .item a:hover .img img{transform: scale(1.1);}
.section2 .web .NewsTabCont .item a .tit {font-size: 20px;margin-top: 13px;display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section2 .web .NewsTabCont .item a:hover .tit{color:#22409a;}
.section2 .web .NewsTabCont .tab_img {padding: 25px 35px;width: 49%;overflow: hidden;float: left;background: #FFF;border-radius: 8px;box-sizing: border-box;}
.section2 .web .NewsTabCont .tab_img .slick-track{width:100%;}
.section2 .web .NewsTabCont .tab_img .slick-dots { text-align: center; margin-top: 20px; }
.section2 .web .NewsTabCont .tab_img .slick-dots li { display: inline-block; width: 11px; height: 11px; margin: 0 3px; border-radius: 50px; overflow: hidden; border: 1px solid #9c9c9c; }
.section2 .web .NewsTabCont .tab_img .slick-dots li button { font-size: 0; width: 100%; height: 100%; background: #ffffff; display: block; }
.section2 .web .NewsTabCont .tab_img .slick-dots li.slick-active { border-color: #006ab7; }
.section2 .web .NewsTabCont .tab_img .slick-dots li.slick-active button { background: #006ab7; }
.section2 .web .NewsTabCont .tab_list {width: 49%;float: right;background: #FFF;border-radius: 8px;padding: 27px 50px;box-sizing: border-box;}
.section2 .web .NewsTabCont .tab_list dl {border-bottom: 1px dotted;}
.section2 .web .NewsTabCont .tab_list dl a{display:block;position: relative;padding: 12px 0;color: #555;}
.section2 .web .NewsTabCont .tab_list dl dt {display: block;font-size: 20px;line-height: 24px;font-weight: bold;}
.section2 .web .NewsTabCont .tab_list dl dt b {display: block;font-weight: normal;font-size: 16px;color: #555;}
.section2 .web .NewsTabCont .tab_list dl dd {width: calc(100% - 70px);left: 70px;position: absolute;top: 50%;transform: translateY(-50%);font-size: 18px;line-height: 24px;max-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.section2 .web .NewsTabCont .tab_list dl a:hover,.section2 .web .NewsTabCont .tab_list dl a:hover b{color: #cd984b!important;}
.section2 .web .NewsTabCont.on { display: block }
.section2 .web .NewsTabCont .slick-arrow { }
.section2 .web .NewsTabCont .slick-arrow { background: none; background: #203e98; border-radius: 5px; position: absolute; width: 35px; height: 35px; margin: 29% 2%; z-index: 999; font-size: 0; top: 0; }
.section2 .web .NewsTabCont .slick-arrow::after { background-image: url(../img/com_img.png); background-repeat: no-repeat; content: ''; display: block; position: absolute; width: 9px; height: 25px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.section2 .web .NewsTabCont .slick-next { left: 10px; }
.section2 .web .NewsTabCont .slick-next::after { background-position: -317px -113px; }
.section2 .web .NewsTabCont .slick-prev { right: 10px; }
.section2 .web .NewsTabCont .slick-prev::after { width: 9px !important; background-position: -362px -113px; right: -3px; }
.section2 .web .NewsTabCont .slick-arrow.slick-disabled { background: #bac2d7; }
.section2 .web .NewsTabCont > .more {position: absolute;right: 0;top: 20px;font-size: 15px;color: #FFF;font-weight: normal;font-family: none;text-transform: uppercase;opacity: .6;}
.section2 .web .NewsTabCont > .more:hover {color: #FFF;opacity: 1;}
.section2 .web .NewsTabCont > .more span:after {content: '';display: inline-block;background: url(../img/more1.png) no-repeat 0 0;width: 14px;height: 14px;transition: all 0.8s;vertical-align: -1px;margin-left: 10px;}
.section2 .web .NewsTabCont > .more span:hover:after {transform: rotate(90deg)}
.section3 { padding: 50px 0; background: #f9faff; }
.section3 .boxN1.media, .section3 .boxN1.forum {width: 48%;}
.section3 .boxN1.cour {margin: 0 3%;width: calc(94% / 3);padding: 0;position: relative;}
.section3 .boxN1.cour ul li:before {content: "";display: block;position: absolute;left: 0;top: 50%;width: 20px;height: 18px;background-image: url(../img/bookImg.png);background-repeat: no-repeat;background-position: 0 0;}
.section3 .boxN1.media ul li, .section3 .boxN1.cour ul li {
    padding-left: 30px;
}
.section3 .boxN1.media ul li a, .section3 .boxN1.cour ul li a{
    line-height: 50px;
}
.section3 .boxN1.media ul li:before {content: "";display: block;position: absolute;left: 0;top: 50%;width: 20px;height: 18px;background-image: url(../img/bookImg2.png);background-repeat: no-repeat;background-position: 0 0;}
.section3 .boxN1.media ul li.new { }
.section3 .boxN1.media ul li.new:before {content: "";display: block;position: absolute;left: 0;top: 50%;width: 25px;height: 18px;background-image: url(../img/new.gif);background-repeat: no-repeat;background-position: 0 0;}
.section3 .boxN1.forum { }
.section3 .boxN1.forum ul { }
.section3 .boxN1.forum ul li {padding: 12px 0;}
.section3 .boxN1.forum ul li a {max-width: 100%;white-space: normal;}
.section3 .boxN1.forum ul li a .img {float: left;margin: 0;}
.section3 .boxN1.forum ul li a .img,.section3 .boxN1.forum ul li a .img img{width: 80px;height: 90px;object-fit: cover;}
.section3 .boxN1.forum ul li a .txt {width: calc(100% - 95px);box-sizing: border-box;white-space: normal;float: right;}
.section3 .boxN1.forum ul li a .txt h5 {font-size: 18px;line-height: 30px;max-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;white-space: normal;margin-top: 3px;}
.section3 .boxN1.forum ul li a .txt p {font-size: 14px;line-height: 24px;max-height: 48px;opacity: .8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 6px;white-space: normal;}
.section3 .boxN1 ul li:before { display: none }
.section3 .board_wrap { position: relative; box-sizing: border-box; background: #fff; }
.section3 .board_wrap .tabs2 { height: 890px; }
.section3 .board_wrap .tabs2 > ul { }
.section3 .board_wrap .tabs2 > ul:after { content: ""; display: block; clear: both }
.section3 .board_wrap .tabs2 > ul > li { float: left; padding:0 .8rem;
    vertical-align: middle; }
.section3 .board_wrap .tabs2 > ul > li:first-child { padding-left: 0; }
.section3 .board_wrap .tabs2 > ul > li:last-child { padding-right: 0; }
.section3 .board_wrap .tabs2 > ul > li > a { display: block; position: relative; font-size: 26px; font-weight: bold; color: #8b8b8c; transition: .5s; z-index: 0; }
.section3 .board_wrap .tabs2 > ul > li > a:hover { color: #000 }
.section3 .board_wrap .tabs2 > ul > li > a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 15px; background: #d0f3ff; transform: scaleX(0); transition: all 0.5s; z-index: -5; }
.section3 .board_wrap .tabs2 > ul > li.on > a { color: #000; }
.section3 .board_wrap .tabs2 > ul > li.on > a:after, .section3 .board_wrap .tabs2 > ul > li > a:hover:after { transform: scaleX(1); }
.section3 .board_wrap .tabs2 > ul > li > a span { }
.section3 .board_wrap .tabs2 > ul > li:first-child .tab_con { display: block }
.section3 .board_wrap .tabs2 .tab_con { position: absolute; left: 0; right: 0; padding-top: 25px; display: none; }
.section3 .board_wrap .tabs2 .tab_con.on { display: block }
.section3 .board_wrap .tabs2 .tab_con .date_box { width: 34%; float: left; background: #e4eef9; padding: 25px; }
.section3 .board_wrap .tabs2 .tab_con #tab_01 { margin-right: 10px; width: 58%; box-sizing: border-box; float: right; padding: 30px; box-shadow: 0 0 16px 0 #d9d9d9; }
.section3 .board_wrap .tabs2 .tab_con #tab_01 .tab_bar { margin-bottom: 25px; }
.section3 .board_wrap .tabs2 .tab_con #tab_01 .tab_bar span { font-size: 20px; font-weight: bold; margin-right: 20px; color: #999; cursor: pointer; padding-bottom: 10px; border-bottom: 3px solid #FFF; }
.section3 .board_wrap .tabs2 .tab_con #tab_01 .tab_bar span.on { color: #006ab7; border-color: #006ab7; }
.section3 .board_wrap .tabs2 .tab_con #tab_01 #tab_w { position: relative }
.section3 .board_wrap .tabs2 .tab_con #tab_01 #tab_w .more { position: absolute; top: -50px; right: 0; font-size: 15px; color: #aaa; letter-spacing: -1px; width: auto; }
.section3 .board_wrap .tabs2 .tab_con #tab_01 #tab_w .more:hover { color: #000; }
.section3 .board_wrap .tabs2 .tab_con #tab_01 #tab_w .more::before { content: ''; display: block;position: absolute; top: 0; width: 40px; height: 20px; background-position: -95px 0; transition: all 0.8s; right: 35px; }
.section3 .board_wrap .tabs2 .tab_con #tab_02 { width: 58%; box-sizing: border-box; float: right; padding: 30px; box-shadow: 0 0 16px 0 #d9d9d9; }
.section3 .board_wrap .tabs2 .tab_con #tab_02 .board_list { display: block }
.section3 .board_wrap .tabs2 .tab_con ul.board_list { display: none }
.section3 .board_wrap .tabs2 .tab_con ul.board_list.on { display: block }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li { position: relative; padding: 17px 0; border-bottom: 1px solid #eee; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li:first-child { padding-top: 0 }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li:first-child span.tip { top: 19%; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li h5 { }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li h5 a { font-size: 17px; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span { display: block; padding: 10px 0 0 0; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span em { font-style: inherit; font-size: 14px; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span em::before { content: ''; width: 17px; height: 16px; display: inline-block; vertical-align: -1px; margin-right: 5px; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span em.name::before { background-position: -92px -24px; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span em.address::before { margin-right: 10px; background-position: -111px -24px; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span em.date::before { display: none }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span .name { }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span .address { margin: 0 15px; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span .date { color: #2c7fcc; font-size: 15px; font-weight: bold; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span.tip { color: #FFF; padding: 3px 8px; font-size: 12px; border-radius: 5px; display: inline-block; position: absolute; top: 36%; right: 0; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span.tip.bule { background: #2c7fcc; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span.tip.red { background: #e52d15; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li span.tip.green { background: #4CAF50; }
.section3 .board_wrap .tabs2 .tab_con ul.board_list li a { width: auto; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 86%; text-overflow: ellipsis; white-space: nowrap; }
.section3 .board_wrap .tabs2 .tab_con .more { position: absolute; right: 0; top: -25px; font-size: 15px; color: #aaa; letter-spacing: -1px; width: auto; }
.section3 .board_wrap .tabs2 .tab_con .more span:after { width: 40px; height: 20px; background-position: -95px 0; transition: all 0.8s; right: 35px; }
.section3 .board_wrap .tabs2 .tab_con .more span:hover:after { }
.section3 .board_wrap .tabs2 .tab_con .xi-new { color: #21a089; font-size: .9rem;
    display: inline-block; margin-left: .2rem;/* margin-top: .1rem; */
}
.section3 .board_wrap .tabs2 .tab_con .xi-new .sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
.section4 {padding: 40px 0;}
.section4 .resource .slick-list {overflow: hidden;}
.section4 .resource > .tit { border-bottom: 3px solid #ddd; padding-bottom: 20px; margin-bottom: 25px; }
.section4 .resource .tit span { position: relative; padding-bottom: 22px; border-bottom: 3px solid #203b94; font-size: 30px; font-weight: normal; }
.section4 .resource .tit span:after { border-color: transparent transparent #203b94 #203b94; border-style: solid; border-width: 5px; bottom: -5px; box-sizing: border-box; content: ''; display: block; height: 0; position: absolute; left: 46%; transform: rotate(135deg); transform-origin: center center; width: 0; }
.section4 .resource .tit a { float: right; }
.section4 .resource .tit a { position: absolute; right: 0; top: 20px; font-size: 15px; color: #aaa; font-weight: normal; padding-right: 20px; }
.section4 .resource .tit a::after {content: '';display: block;background: url(../img/more.png) no-repeat 0 0;position: absolute;top: 1px;width: 14px;height: 14px;transition: all 0.8s;right: 0;}
.section4 .resource .tit a:hover { color: #000 }
.section4 .resource .tit a:hover::after { transform: rotate(90deg); }
.section4 .resource-list {overflow: hidden;}
.section4 .resource-list .slick-list {}
.section4 .resource-list .item {margin-right: 15px;vertical-align: middle;overflow-x: hidden;}
.section4 .resource-list .item a {width: 100%;display: block;height: 94px;transition: all .5s;position: relative;}
.section4 .resource-list .item a:hover{transform: translateY(-10px);box-shadow: -2px 0px 6px 1px rgba(0,0,0,0.7);}

.section4 .resource-list .item .img,.section4 .resource-list .item .img img {width: 100%;height: 100%;object-fit: cover;}
.section4 .resource-list .item .img img { }
.section4 .resource-list .item .tit {width: 78%;font-size: 18px;color: #ffffff;  /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */font-weight: bold;border: none;text-align: center;position: absolute;display: block;box-sizing: border-box;z-index: 9999;top: 50%;transform: translateY(-50%);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;left: 0;right: 0;margin: auto;text-shadow: 0px 0px 4px #000;}
.section4 .resource-list .item a:hover .tit {color: #fff;}
.section4 .slick-arrow { }
.section4 .slick-arrow {background: none;background: #f4f7ff;border-radius: 5px;position: absolute;width: 35px;height: 35px;top: 65%;z-index: 999;font-size: 0;}
.section4 .slick-arrow button::after { background-image: url(../img/com_img.png); background-repeat: no-repeat; content: ''; display: block; position: absolute; width: 9px; height: 25px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; cursor: pointer; }
.section4 .slick-arrow button { width: 100%; height: 100%; display: block }
.section4 .next { left: -50px; }
.section4 .next button::after { background-position: 0px -181px; }
.section4 .prev { right: -50px; }
.section4 .prev button::after { width: 9px !important; background-position: -17px -181px; right: -3px; }
.section4 .slick-arrow.slick-disabled { background: #bac2d7; }
.section4 .slick-arrow button:hover { background: #d8dff8; }
.section4 .hotlists { }
.section4 .hotlists h1 { margin-bottom: 15px; }
.section4 .hotlists .NewsTab { }
.section4 .hotlists .NewsTab button { background: none; }
.section4 .hotlists .NewsTab button.on { }
.section4 .hotlists .NewsTab button span { display: block; position: relative; font-size: 20px; font-weight: bold; color: #8b8b8c; transition: .5s; z-index: 0; margin-right: 15px; }
.section4 .hotlists .NewsTab button.on span { color: #000; }
.section4 .hotlists .NewsTab button span:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background: #d0f3ff; transform: scaleX(0); transition: all 0.5s; z-index: -5; }
.section4 .hotlists .NewsTab button.on span:after { transform: scaleX(1); }
.section4 .hotlists .NewsTab button:hover span { color: #000; }
.section4 .hotlists .NewsTab button:hover span:after { transform: scaleX(1); }
.section4 .hotlists { position: relative; box-sizing: border-box;/* overflow: hidden; *//* margin: 30px 0; */ }
.section4 .hotlists .NewsTabCont { display: none; margin-top: 20px; overflow: hidden; }
.section4 .hotlists .NewsTabCont .tab_list { margin: 0 -20px; }
.section4 .hotlists .NewsTabCont .tab_list .slick-dots { text-align: center; margin-top: 20px; }
.section4 .hotlists .NewsTabCont .tab_list .slick-dots li { display: inline-block; width: 11px; height: 11px; margin: 0 3px; border-radius: 50px; overflow: hidden; border: 1px solid #9c9c9c; }
.section4 .hotlists .NewsTabCont .tab_list .slick-dots li button { font-size: 0; width: 100%; height: 100%; background: #ffffff; display: block; }
.section4 .hotlists .NewsTabCont .tab_list .slick-dots li.slick-active { border-color: #006ab7; }
.section4 .hotlists .NewsTabCont .tab_list .slick-dots li.slick-active button { background: #006ab7; }
.section4 .hotlists .NewsTabCont.on { display: block }
.section4 .hotlists .NewsTabCont .slick-arrow { display: none }
.section4 .hotlists .NewsTabCont .item { position: relative; margin: 0 15px; display: inline-block; float: left; width: 18%; background: #FFF; box-shadow: 0 0 25px #e4e4e4; text-align: center; }
.section4 .hotlists .NewsTabCont .item a { color: #333; display: block; padding: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section4 .hotlists .NewsTabCont .item a .img { display: block; width: 130px; min-height: 180px; margin: 10px auto; position: relative; }
.section4 .hotlists .NewsTabCont .item a .img img { height: 100%; position: absolute; }
.section4 .hotlists .NewsTabCont .item a .tit { font-size: 14px; }
.section4 .hotlists .NewsTabCont > .more { position: absolute; right: 0; top: 50px; font-size: 15px; color: #aaa; letter-spacing: -1px; width: auto; }
.section4 .hotlists .NewsTabCont > .more:hover { color: #000 }
.section4 .hotlists .NewsTabCont > .more span:after { width: 40px; height: 20px; background-position: -95px 0; transition: all 0.8s; right: 35px; }
.section4 .hotlists .NewsTabCont > .more span:hover:after { }
#footer { padding: 25px 0 25px; background: url(../img/footerBg.jpg) #22409a no-repeat; }
#footer .web{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#footer .logo {display: inline-block;float: left;}
#footer .logo img { width: auto; }
#footer .txt {width: auto;font-size: 16px;line-height: 30px;padding: 0 50px;color: #c6d0ef;border-left: 1px solid #516ecd;border-right: 1px solid #516ecd;}
#footer .txt a,#footer .txt a:hover{color: #c6d0ef}
#footer .fl p { color: #cdcdcd; padding: 4px 0; font-size: 15px; float: left; }
#footer .fl p em { font-style: normal; color: #FFF; }
#footer .code {
    max-width: 640px;
}
#footer .code span { display: block; float: left;     width: 23%;
    margin: 0 1%;}
#footer .code span em {display: block;box-sizing: border-box;}
#footer .code span em img {display: block;margin: auto;width: 80%;height: auto;}
#footer .code span i {color: #FFF;font-style: normal;text-align: center;padding-top: 4px;font-size: 14px;display: block;}
#footer .topBt {position:fixed;bottom: -80px;right: 35px;width: 45px;height: 45px;line-height:40px;border-radius:50%;text-align:center;background: rgb(0,0,0,.4);z-index:3500;box-shadow: 0 20px 20px rgba(0,0,0,0.2);transition:all .3s ease;text-indent:-9999px;}
#footer .topBt:before {content:'';position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;display:block;width: 16px;height: 10px;/* transform: rotate(-90deg); */background-image: url(../img/com_img.png);background-position: -692px -84px;}
#footer .topBt span {display:inline-block;color:#fff;font-size:16px;font-weight:700;padding:0;position:relative}
#footer .topBt.over {bottom: 60px;}
#footer .topBt:hover{background: #0066c1;}
@media only screen and (max-width: 1200px) {
#footer .web {
    flex-wrap: wrap;
    justify-content: center;
}
#footer .logo {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
#footer .txt {
    margin-bottom: 30px;
        text-align: center;
}
}
/*-------------------------subpags.css------------------------------------*/
#svisual-wrap { width: 100%; height: auto; }
#svisual-wrap #visImgWrap {width: 100%;height: auto;position: relative;overflow: hidden;}
#svisual-wrap #visImgWrap #visFonts {position: absolute;top: 40%;right: 15%;z-index: 8;font-size: 62px;color: #FFF;line-height: 1;}
#svisual-wrap #visImgWrap #visImg {}
#svisual-wrap #visImgWrap #visImg .vis-img {display: block;width: 100%;height: auto;object-fit: cover;min-height: 160px;max-height: 360px;}
#container {padding: 50px 0;}
#container.dhSub{
    padding: 50px 0 0;
}
#container #contents {background: #FFF;}
#contents .cont-top { position: relative; }
#contents .pageTitle { line-height: 1; font-size: 30px; color: #000; font-weight: normal; display: inline-block; }
#contents .location { text-align: left; padding: 5px 0; float: right; color: #003b94; }
#contents .location span, #contents .location strong {display: inline-block;float: left;position: relative;font-size: 14px;font-weight: normal;color: #999;line-height: 20px;}
#contents .location span.navi { color: #999; }
#contents .location a:hover span.navi { color: #003b94; }
#contents .location span.navi::after { content: ''; display: inline-block; width: 7px; height: 11px; margin: 0 10px; background: url(../img/location_line.png) no-repeat -4px -4px; opacity: 0.4; }
#contents .location a:last-of-type span.navi::after{display:none;}
#contents .location strong { color: #003b94; }
#contents .location span a { display: block; }
#contents .location span.line::after { content: ''; width: 8px; height: 14px; display: inline-block; margin: 0 10px; vertical-align: bottom; background: url(../img/path_list_icon.png) no-repeat center; }
#contents .location .line:nth-of-type(2) { font-size: 0; width: 0; display: none; }
#contents .location span strong { font-weight: 600; color: #f90; }
#contents .location span strong::after { display: none; }
#contents .c-tab01 {position: relative;margin: 30px 0 15px;background: #f8f8f8;border-radius: 50px;overflow: hidden;z-index: 8!important;}
#contents .c-tab01:after { content: ""; display: block; width: 100%; clear: both }
#contents .c-tab01 ul {display: block;overflow: hidden;}
#contents .c-tab01 ul li {display: block;width: auto;float: left;}
#contents .c-tab01 ul li button { width: 100%; background: #fff; border: 0 }
#contents .c-tab01 ul li button, #contents .c-tab01 ul li a {position: relative;display: block;width: 100%;padding: 16px 28px;box-sizing: border-box;border: 1px solid #f8f8f8;line-height: 1;font-size: 0;transition: all .3s ease;text-align: center;border-radius: 50px;color: #213f9a;}
#contents .c-tab01 ul li button span, #contents .c-tab01 ul li a span {display: inline-block;position: relative;font-size: 17px;line-height: 1;overflow: hidden;height: auto;transition: all .3s ease;}
#contents .c-tab01 ul li button:after, #contents .c-tab01 ul li a:after { content: ""; display: block; position: absolute; top: 50%; right: 12px; margin: -7px 0 0 0; width: 9px; height: 15px;z-index: 100; transition: all .3s ease; }
#contents .c-tab01 ul li button:focus, #contents .c-tab01 ul li button:active, #contents .c-tab01 ul li button:hover, #contents .c-tab01 ul li a:focus, #contents .c-tab01 ul li a:active, #contents .c-tab01 ul li a:hover {background-color: #f6f6f6;color: #213f9a;font-weight: bold;}
#contents .c-tab01 ul li a:focus:after, #contents .c-tab01 ul li a:active:after, #contents .c-tab01 ul li a:hover:after { background-position: 0 0; }
#contents .c-tab01 ul li.over button, #contents .c-tab01 ul li.over a { background: #213f9a; border: 1px solid #213f9a; color: #fff; }
#contents .c-tab01 ul li.over.over1 button, #contents .c-tab01 ul li.over.over1 a{
    background: none;
    border: 1px solid #f8f8f8;
    color: #213f9a;
}
#contents .c-tab01 ul li.over button span:after, #contents .c-tab01 ul li.over a span:after { top: 15px }
#contents .c-tab01 ul li.over a:after { background-position: -10px 0; }
#contents .c-tab01 ul li.nw a:after { width: 10px; height: 10px; background: url(/_contents/kor/_Img/Layout/ico_win_sprite.png) no-repeat 0 0; top: 50%; transform: translateY(-50%); margin: 0; right: 10px }
#contents .c-tab01.szll_dh{
    border-radius: 0;
    padding: 18px 18px 0;
}
#contents .c-tab01.szll_dh ul li{
    margin-right: 30px;
    margin-bottom: 18px;
}
#contents .c-tab01.szll_dh ul li a{
    padding: 0;
    border-radius: 0;
    color: #000;
    padding-bottom: 5px;
    transition: all 0s;
}
#contents .c-tab01.szll_dh ul li.over a{
	color: #213f9a;
	background: none;
	border: none;
	font-weight: bold;
	border-bottom: 2px solid #213f9a;
}
#contents .c-tab01.szll_dh ul li a:hover{
	color: #213f9a;
}
#contents .c-tab01.szll_dh ul li button span, #contents .c-tab01.szll_dh ul li a span {transition: all 0;}
#contents .c-tab01.mSet { z-index: 5; margin: 20px 0; }
#contents .c-tab01.mSet button.ctab01Ctrl { position: relative; width: 100%; border: 0; background: #122664; line-height: 45px; color: #fff; font-size: 15px; text-align: left; }
#contents .c-tab01.mSet button.ctab01Ctrl span { display: block; margin: 0 50px 0 15px }
#contents .c-tab01.mSet button.ctab01Ctrl:after { display: block; content: ""; width: 8px; height: 8px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(45deg); position: absolute; top: -6px; right: 15px; bottom: 0; margin: auto; transition: all .3s ease; }
#contents .c-tab01.mSet button.ctab01Ctrl.over:after { transform: rotate(-135deg); top: 6px; }
#contents .c-tab01.mSet ul { position: absolute; width: 100%; left: 0; top: 44px; }
#contents .c-tab01.mSet ul li { width: 100% }
#contents .c-tab01.mSet ul li a { background: #f8f8f8; }
#contents .c-tab01.mSet ul li.over a { background: #213f9a; }
#contents .c-tab01.mSet ul li a span { }
#contents .c-tab01.mSet ul li a span:after { display: none }
#contents .c-tab01.mSet ul li button, #contents .c-tab01.mSet ul li a { padding: 12px 15px; border-radius: 0; text-align: left; }
#contents .c-tab01.mSet ul li button:before, #contents .c-tab01.mSet ul li.nw a:after { right: 20px }
#contents .list { }
#contents .list li {font-size: 16px;position: relative;border-bottom: 1px solid #e8e8e8;padding: 12px 0;}
#contents .list li a {display: block;padding-right: 110px;line-height: 30px;width: 100%;box-sizing: border-box;padding-left: 40px;background: url(../img/list1_icon.png) no-repeat 8px center;}
#contents .list li a .txt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; position: relative; font-size: 18px; }
#contents .list li a .txt .tip { color: #FFF; padding: 4px 10px; font-style: normal; font-size: 12px; border-radius: 5px; margin: 0 10px; vertical-align: 3px; }
#contents .list li a .txt .tip.bule { background: #2c7fcc; }
#contents .list li a .txt .tip.red { background: #e52d15; }
#contents .list li a .txt .tip.green { background: #4CAF50; }
#contents .list li a .date {position: absolute;color: #888;top: 50%;transform: translateY(-50%);right: 0;font-size: 15px;}
#contents .list-n1 { margin-top: 30px; }
#contents .list-n1 li { font-size: 16px; position: relative; line-height: 1.5; margin-bottom: 10px; }
#contents .list-n1 li a {display: block;padding: 35px 50px;background: #f9f9f9;color: #000;}
#contents .list-n1 li a .text-info { overflow: hidden; text-overflow: ellipsis; display: block; position: relative; font-size: 18px; margin-left: 100px; padding-left: 60px; transition: .2s }
#contents .list-n1 li a .text-info::before { content: ''; width: 30px; height: 1px; display: block; position: absolute; top: 40%; left: 0; background: #adadad; transition: .2s }
#contents .list-n1 li a:hover .text-info::before { width: 90px; height: 2px; background: #333; transition: .2s }
#contents .list-n1 li a:hover .text-info { padding-left: 120px; }
#contents .list-n1 li a .text-info .text {font-size: 18px;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 54px;}
#contents .list-n1 li a .text-info p {font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 44px;}
#contents .list-n1 li a .date { color: #888; font-size: 15px; display: inline-block; float: left; transition: .2s; }
#contents .list-n1 li a .date b { font-size: 26px; font-weight: normal; display: block; }
#contents .list-n1 li a:hover .date { color: #111; }
#contents .img-list { overflow: hidden; margin: 0 -20px; }
#contents .img-list .slick-list { margin: 0 -20px; }
#contents .img-list .item { position: relative; vertical-align: middle; width: 30.4%; margin: 20px; display: inline-block; font-size: 0; }
#contents .img-list .item a { display: block; box-shadow: 0 10px 20px #ededed; }
#contents .img-list .item .img { width: 100%; height: 100%; }
#contents .img-list .item .img img { }
#contents .img-list .item .tit { width: 100%; font-size: 17px; color: #333; border: none; text-align: center; position: relative; display: inline-block; padding: 20px; box-sizing: border-box; z-index: 9999; }
#contents .img-list .item a:hover .tit { color: #213f9a }
#contents .img-list .item a .tit::before { content: ''; width: 0; height: 4px; display: block; background: #213f9a; position: absolute; bottom: 0; left: 0; right: 0; transition: .5s; margin: auto; }
#contents .img-list .item a:hover .tit::before { width: 100%; }
#contents .img-list .item a:hover { box-shadow: 0 10px 20px #c5c7d5; }
#contents .resource-list { overflow: hidden; margin: 0 -10px; }
#contents .resource-list .slick-list { margin: 0 -20px; }
#contents .resource-list .item { overflow: hidden; position: relative; vertical-align: middle; width: 15%; margin: 10px; display: inline-block; font-size: 0; }
#contents .resource-list .item a { display: block; }
#contents .resource-list .item a:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #073190; z-index: 1; transition: .5s; }
#contents .resource-list .item a:hover:after { width: 100%; }
#contents .resource-list .item .img { position: absolute; width: 100%; height: 100%; }
#contents .resource-list .item .img img { }
#contents .resource-list .item .tit { width: 100%; font-size: 16px; color: #333;  /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ border: none; text-align: center; position: relative; display: inline-block; padding: 20px; min-height: 94px; box-sizing: border-box; z-index: 9999; }
#contents .resource-list .item a:hover .tit { color: #FFF }
.fyt table{width: auto!important;margin-top: 20px;}
.fyt table input{border:1px solid #afd5f5;}
#contents .teachers{
    margin: 20px 0;
}
#contents .teachers ul{}
#contents .teachers ul li{
    width: 50%;
    display: inline-block;
    float: left;
    padding: 35px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    box-sizing: border-box;
    padding-right: 2%;
}
#contents .teachers ul li:nth-child(2n){
    padding-left: 2%;
    padding-right: 0;
}
#contents .teachers ul li span.imgBox{
    width: 23%;
    float: left;
}
#contents .teachers ul li span.imgBox img{
    width: 100%;
    height: 220px;
    object-fit: cover;
}
#contents .teachers ul li .textBox{
    float: right;
    width: 75%;
}
#contents .teachers ul li .textBox b{
    display: block;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#contents .teachers ul li .textBox span{
    display: block;
    font-size: 14px;
    line-height: 24px;
    opacity: .6;
    max-height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 24px;
}
#contents .teachers ul li .textBox span.more{
    font-size: 13px;
    position: absolute;
    bottom: 40px;
}
#contents .teachers ul li .textBox span.more a{}
#contents .teachers ul li .textBox span.more a::after{content:'>';display:inline-block;width:20px;height:20px;margin-left: 10px;font-size: 14px;font-weight: bold;font-family: cursive;}
#contents .cont-box { line-height: 2em; font-size: 17px; margin-top: 30px; }
#contents .cont-box ul.yzzc li{
	float:left;
	width: 20%;
}
#contents .cont-box ul.yzzc li:nth-of-type(2){
	width:60%;
	padding: 0 100px 0 50px;
	box-sizing:border-box;
	position:relative;
}
#contents .cont-box ul.yzzc li:nth-of-type(2)::before{
	display:block;
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	background:#e4e3e3;
	top:0;
	right:50px;
}
#contents .cont-box .contTitle { text-align: center; }
#contents .cont-box .date_bar {margin: 20px 0;line-height: 35px;font-size: 14px;color: #555;background: #fafafa;text-align: center;}
#contents .cont-box p {text-indent: 2em!important;font-size: 18px;line-height: 30px!important;background: none!important;font-family: "Microsoft Yahei";text-align: justify;margin-bottom: 5px;}
#contents .cont-box iframe{display:block;width: 100%;margin:0 auto;}
#contents .cont-box p span{background: none!important;font-family: "Microsoft Yahei"!important;font-size: 18px!important;}
#contents .cont-box table p { font-size: 16px; }
#contents .cont-box .tbl_wrap { margin-top: 10px; margin-bottom: 10px; }
#contents .cont-box .tbl_wrap table { }
#contents .cont-box .tbl_wrap table td, .tbl#contents .cont-box .tbl_wrap table th { padding: 15px; border: 1px solid #dde1e4; line-height: 22px; vertical-align: middle; box-sizing: border-box; font-size: 15px; word-break: break-all; }
#contents .cont-box .tbl_wrap table td p, .tbl#contents .cont-box .tbl_wrap table th p { text-indent: 0; margin: 0;/* text-align: center; */ }
#contents .cont-box .tbl_wrap table tr:first-child th { border-top: 3px solid #006ab7; background: #f2f4f6; padding: 10px 0; }
#contents .cont-box .tbl_wrap table th { background: #fafafa; font-weight: normal; }
#contents .cont-box .tbl_wrap table td { background: #fff; }
#contents .cont-box .pageBar { margin-top: 50px; padding: 25px; box-shadow: 0 0 25px #e5e5e5; border-top: 4px solid #006ab7; display: flex; justify-content: center; }
#contents .cont-box .pageBar p { width: 49%; display: inline-block; text-align: center; margin: 0; font-weight: bold; font-size: 16px; }
#contents .cont-box .pageBar p a { display: block; font-weight: normal; }
#contents .cont-box-zy .pageBar { margin-top: 50px; padding: 25px; box-shadow: 0 0 25px #e5e5e5; border-top: 4px solid #006ab7; display: flex; justify-content: center; }
#contents .cont-box-zy .pageBar p { width: 49%; display: inline-block; text-align: center; margin: 0; font-weight: bold; font-size: 16px; }
#contents .cont-box-zy .pageBar p a { display: block; font-weight: normal; }
#contents .cont-box.database { }
#contents .cont-box.database .inner-top { background: #f8f8f8; padding: 30px 50px; margin: 30px 0; border-top: 3px solid #555; }
#contents .cont-box.database .inner-top h3 { }
#contents .cont-box.database .inner-top ul { }
#contents .cont-box.database .inner-top ul li { width: 49%; display: inline-block; font-size: 15px; }
#contents .cont-box.database .inner-top ul li span { margin: 0 10px; }
#contents .cont-box.database .inner-top ul li span:first-child { font-weight: bold; margin: 0; }
#contents .cont-box.database .inner { }
#contents .cont-box.database .inner .tit { font-size: 20px; margin-bottom: 10px; display: block; }
#contents .cont-box.database .inner p { font-size: 16px; text-indent: 0; }
#contents .cont-box p.vsbcontent_img{text-indent: 0!important;}
#contents .cont-box p img {/* display: block; */border: none;height: auto;max-width: 100%;}
#contents .cont-box p img.img_vsb_content{display: block;border: none;height: auto;max-width: 100%;margin: 0 auto;}
#contents .cont-box-zy { margin-top: 40px; }
#contents .cont-box-zy .inner-top { position: relative; }
#contents .cont-box-zy .inner-top .img { /* position: absolute; */ width: 41%; }
#contents .cont-box-zy .inner-top .img img { min-height: 270px; }
#contents .cont-box-zy .inner-top .txt { margin-left: 45%; top: 0; position: absolute; }
#contents .cont-box-zy .inner-top .txt h5 { font-size: 24px; margin-bottom: 15px; }
#contents .cont-box-zy .inner-top .txt p { padding: 4px 0; font-weight: bold; font-size: 15px; color: #575757; }
#contents .cont-box-zy .inner-top .txt p::before { content: ''; width: 17px; height: 17px; display: inline-block; vertical-align: text-bottom; margin-right: 8px; }
#contents .cont-box-zy .inner-top .txt p:nth-child(3)::before { background-position: -92px -24px; }
#contents .cont-box-zy .inner-top .txt p:last-child::before { display: none }
#contents .cont-box-zy .inner-top .txt p a.registration-btn { padding: 13px 45px; color: #FFF; font-weight: bold; border-radius: 5px; background: #006ab7; display: inline-block; margin: 20px 0; }
#contents .cont-box-zy .inner-top .txt p a.registration-btn:hover { background: #459ad8; }
#contents .cont-box-zy .registration { margin: 25px 0; padding: 20px 30px; font-size: 16px; font-weight: bold; background: #f0f8fa; }
#contents .cont-box-zy .registration span { margin: 0 30px; }
#contents .cont-box-zy .registration span:first-child { margin: 0 }
#contents .cont-box-zy .inner { line-height: 2em; font-size: 17px; }
#contents .cont-box-zy .inner p { margin-bottom: 15px; }
#contents .search-box { }
#contents .search-box .sea_bar { padding: 5px; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(45deg, #2fe1d2, #006ab7); position: relative; margin: 35px 0 20px; }
#contents .search-box .sea_bar input { }
#contents .search-box .sea_bar .txt { line-height: 51px; height: 51px; display: block; width: 100%; text-indent: 10px; padding-right: 5%; box-sizing: border-box; font-size: 17px; }
#contents .search-box .sea_bar .btn { position: absolute; top: 0; right: 0; background: url("../img/s_btn1.png") no-repeat center; background-size: 40%; width: 66px; height: 57px; padding: 20px; cursor: pointer; }
#contents .search-box .type { }
#contents .search-box .type dl { margin: 10px 0; }
#contents .search-box .type dl dt { display: inline-block; width: 85px; font-weight: bold; font-size: 15px; }
#contents .search-box .type dl dd { display: inline-block; }
#contents .search-box .type dl dd a { font-size: 13px; text-transform: uppercase; padding: 3px 10px; margin-right: 5px; border-radius: 4px; display: inline-block; color: #000; }
#contents .search-box .type dl dd a.on { color: #FFF; background: #4f9fd9; }
#contents .search-list { display: block; margin-top: 30px; padding-top: 10px; border-top: 3px solid #ededed; }
#contents .search-list h5 { font-size: 20px; }
#contents .search-list .list_cn, #contents .search-list .list_en { width: 48%; }
#contents .search-list .list_box { margin: 15px 0; }
#contents .search-list .list_box dl { margin: 10px 0; }
#contents .search-list .list_box dl dt { display: block; }
#contents .search-list .list_box dl a { display: inline-block; }
#contents .search-list .list_box dl em { background: url('../img/tip_01.jpg') no-repeat; display: inline-block; width: 31px; height: 18px; vertical-align: text-top; margin: 0 5px; }
#contents .search-list .list_box dl em.n1 { }
#contents .search-list .list_box dl em.n2 { background-position: -32px 0; }
#contents .search-list .list_box dl em.n3 { width: 35px; background-position: -64px 0; }
#contents .search-list .list_box dl em.n4 { background-position: -104px 0; width: 12px; }
#contents .search-list .list_box dl em.n5 { background-position: -121px 0; width: 25px; }
#contents .search-list .list_box dl dd { display: block; margin: 10px 0; }
#contents .search-list .list_box dl dd ul { }
#contents .search-list .list_box dl dd ul li { padding: 5px 0 5px 25px; font-size: 14px; }
#contents .search-list .list_box dl dd ul li a { }
#contents .search-list .list_box dl .details { font-style: initial; font-size: 12px; float: right; border-radius: 50px; border: 1px solid #dedede; padding: 2px 10px; }
#contents .search-list .list_box dl .visit { width: auto; background: none; font-style: inherit; font-size: 13px; }
#contents .search-list .list_box dl .dot { position: relative; float: right; width: 20px; height: 20px; cursor: pointer; }
#contents .search-list .list_box dl .dot:after { display: inline-block; position: absolute; right: 5px; top: 8px; content: ''; width: 7px; height: 7px; border: solid #555; border-width: 1px 1px 0 0; transform: rotate(-45deg); }
#container-wrap .row1 {
    margin-top: 30px;
}
#container-wrap .row2 { padding: 50px 0; background: #f9faff; margin: 60px 0 0; }
#container-wrap .row2 .boxN1 {width: 48%;}
#container-wrap .row2 .boxN1.dqgz{width:100%;float:none;}
#container-wrap .row2 .boxN1.dqgz ul li{
    width:49%;
    float:left;
    margin-right:2%;
}
#container-wrap .row2 .boxN1 ul li:nth-of-type(2n){
    margin-right:0;
}
#container-wrap .row2 .course{}
#container-wrap .row2 .course .courseBox{font-size: 0;}
#container-wrap .row2 .course .courseBox a{display: inline-block;width: 23.5%;margin-right: 2%;margin-bottom: 20px;font-size: 22px;background: #FFF;text-align: center;padding: 40px 10px;box-sizing: border-box;box-shadow: 0 0 20px #e7eef9;}
#container-wrap .row2 .course .courseBox a:nth-child(4n){margin-right:0}
#container-wrap .row2 .qua .tit, #container-wrap .row2 .rec .tit{
    margin-bottom: 5px;
}
#container-wrap .row2 .qua ul li{padding-left: 23px;}
#container-wrap .row2 .qua ul li:before{background-image: url(../img/bookImg4.png);}
#container-wrap .row2 .rec ul li{padding-left: 26px;}
#container-wrap .row2 .rec ul li:before{background-image: url(../img/bookImg3.png);top: 50%;width: 17px;}

#container-wrap .row2 .exc ul li:first-child{/* padding-left:0; */}
#container-wrap .row2 .exc ul li{padding-left: 27px;}
#container-wrap .row2 .exc ul li:before{background-image: url(../img/bookImg4.png);width: 17px;}

#container-wrap .row2 .inter{}
#container-wrap .row2 .inter ul{}
#container-wrap .row2 .inter ul li:first-child{padding-top:0}
#container-wrap .row2 .inter ul li{padding: 20px 0;}
#container-wrap .row2 .inter ul li:before{
    display: none;
}
#container-wrap .row2 .inter ul li a{
    max-width: 100%;
    white-space: inherit;
}
#container-wrap .row2 .inter ul li a .imgBox{
    width: 29%;
    float: none;
    display: inline-block;
    float: left;
}
#container-wrap .row2 .inter ul li a .imgBox img{
    
display: block;
    
width: 100%;
    
height: 110px;
    
object-fit: cover;
}
#container-wrap .row2 .inter ul li a .textBox{
    margin-left: 32%;
}
#container-wrap .row2 .inter ul li a .textBox h5{
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#container-wrap .row2 .inter ul li a .textBox p{
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 44px;
}
#container-wrap .row2 .inter ul li a .textBox span{display: block;line-height: 20px;float: none;margin: 0;}
#container-wrap .row2 .contact{
    width: 22%;
}
#container-wrap .row2 .contact .contactBox{}
#container-wrap .row2 .contact .contactBox span{}

#container-wrap .row2 .contact .contactBox p img{height: 110px;width: 100%;object-fit: cover;}
#container-wrap .row2 .contact .contactBox p{background: url('../img/ico_tel.png') no-repeat left center;background-size: 18px;padding: 10px 0 10px 25px;border-bottom: 1px dotted;}
#container-wrap .row2 .contact .contactBox p:nth-of-type(1){
    padding: 0;
    border-bottom: none;
    background: none;
}
#container-wrap .tit {color: #003b96;padding-bottom: 15px;margin-bottom: 20px;border-bottom: 1px solid #eee;position: relative;}
#container-wrap .tit h5{font-size: 22px;}
#container-wrap .tit a {position: absolute;right: 0;top: 6px;font-size: 15px;color: #22409a;font-weight: bold;padding-right: 20px;}
#container-wrap .tit > a::after { content: ''; display: block; background: url(../img/more.png) no-repeat 0 0; position: absolute; top: 2px; width: 14px; height: 14px; transition: all 0.8s; right: 0; }
#container-wrap .tit > a:hover {}
#container-wrap .tit > a:hover::after { transform: rotate(90deg); }
#container-wrap .news_wrap .news_img {width: 49%;float: left;}
#container-wrap .news_wrap .news_img img{
    width: 100%;
    height: 420px;
    object-fit: cover;
}
#container-wrap .news_wrap .news_wrapDot ul { text-align: center; }
#container-wrap .news_wrap .slick-dots { position: absolute; bottom: 10px; text-align: right; width: 100%; box-sizing: border-box; padding-right: 10px; }
#container-wrap .news_wrap .slick-dots li { padding: 0; border: none; width: 11px; height: 11px; display: inline-block; margin: 2px; border-radius: 50px; overflow: hidden; }
#container-wrap .news_wrap .slick-dots li::before { display: none }
#container-wrap .news_wrap .slick-dots li button { font-size: 0; background: #FFF; width: 100%; height: 100%; display: block; }
#container-wrap .news_wrap .slick-dots li.slick-active button { background: #f90 }
#container-wrap .news_wrap .news_list {float: right;width: 49%;}
#container-wrap .news_wrap .news_list li { padding: 10px 0 10px 0; }
#container-wrap .news_wrap .news_list li span { float: none; display: block; margin-top: 7px; font-size: 16px; font-family: cursive; }
#container-wrap .news_wrap .news_list li:first-child::before { display: none }
#container-wrap .news_wrap .news_list li::before { display: none }
#container-wrap .news_wrap .news_list li a {font-size: 17px;line-height: 38px;}
#container-wrap .news_wrap .news_list li span::before { content: ''; display: inline-block; width: 17px; height: 16px; vertical-align: text-bottom; margin-right: 10px; background: url(../img/bookImg3.png) no-repeat center top; }

.yjpt li{
    float:left;
    width: 18.4%;
    margin-right: 2%;
    margin-top: 20px;
}
.yjpt li:nth-of-type(5n){
    margin-right:0;
}
.yjpt li a{display:block;width:100%;position:relative;}
.yjpt li a img{display:block;width:100%;}
.yjpt li a p{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.yjpt li a:hover p{
    color: #213f9a;
}
.teacher-content{margin-bottom:30px;}
.teacher-content .img{
	float:left;
	width: 20%;
}
.teacher-content .img img{
	display: block !important;
	width: 100%;
	height: 380px;
	object-fit: cover;
}
.teacher-content .text{
	float: left;
	width: 80%;
	padding: 40px;
	height: 380px;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.teacher-content img{
	display: none !important;
}
#contents .teacher-content .text p{
	text-indent: 0!important;
	margin-bottom: 0;
	margin: 8px 0;
	line-height: 35px !important;
}
.teacher-content .text h2{
	font-weight: bold;
	font-size: 25px;
	font-family: "宋体";
	color: #213f9a;
	margin-bottom: 20px;
}
.teacher-content p{
	text-indent: 0 !important;
	margin: 0 0 1em 0;
}
.lsyg{
    margin-top:30px;
    padding-left: 40px;
    box-sizing: border-box;
}
.lsyg ul li {
    margin-top:20px;
}
.lsyg ul li h2{
    font-size:26px;
    line-height:30px;
    color: #213f9a;
    position: relative;
}
.lsyg ul li h2::before{
    display:block;
    content:"";
    width: 9px;
    height: 9px;
    border: 1px solid #213f9a;
    box-sizing: border-box;
    border-radius: 100%;
    position: absolute;
    left: 6px;
    bottom: -21px;
}
.lsyg ul li p{
    padding-left: 35px;
    margin-top:20px;
    box-sizing: border-box;
    border-left: 1px solid #213f9a;
    margin-left: 10px;
}
.lsyg ul li #vsb_content p, .lsyg ul li #vsb_content p span{
    font-size: 18px!important;
    line-height: 32px;
    color: #000!important;
    text-indent: 0;
    display: block;
    background: none!important;
    text-align: left!important;
}
/* 校友会 */
.kcsz_xyh{
	width: 62%;
	margin-right: 4%;
}
.kcsz_xyh  ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
    border-radius: 5px;
    overflow: hidden;
}
.kcsz_xyh  ul li:last-of-type{
	margin-right:0;
}
.kcsz_xyh  ul li a{
    display: block;
    width: 100%;
    position: relative;
}
.kcsz_xyh  ul li img{
    display: block;
    width: 100%;
    height: 242px;
    object-fit: cover;
}
.kcsz_xyh  ul li p{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    transform: translateY(-50%);
}
.kcsz_xyh  ul li span.icon{}
.lxfs_xyh{
	width: 34%;
}
.lxfs_xyh_sub p{
	
font-size: 16px;
	
color: #333;
	
line-height: 38px;
	
border-bottom: 1px dashed #8e8b8b;
	
padding: 6px 0;
}
#vsb_content table{border: 0px;border-left:1px solid #ddd;border-top:1px solid #ddd;width: auto!important;margin:20px auto;max-width: 80%;min-width: 60%;}
#vsb_content table tr td{border-left: 0px!important;text-align: center;border-top: 0px!important;line-height: 23px;padding: 10px 5px!important;height: auto;border-right-width: 1px!important;border-bottom-width: 1px!important;border-right-style: solid!important;border-bottom-style: solid!important;border-right-color: #ddd!important;border-bottom-color: #ddd!important;vertical-align: middle;}
.cont-box #vsb_content table tr td p{text-indent: 0em!important;padding:0px;margin:0px;text-align: center!important;margin-bottom: 0!important;}

/* 组织机构 */
.zzjg .zzjg_sub{
	float: none;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	padding: 40px 0;
}
.zzjg .zzjg_sub h2{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative;
    color: #000;
}
.zzjg .zzjg_sub h2::before{
	display: none;
	content:"";
	width: 4px;
	height: 24px;
	background: #213f9a;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.zzjg .zzjg_sub ul li{
    font-size: 18px;
    line-height: 30px;
    color: #000;
    float: left;
    margin-right: 40px;
    font-weight: bold;
}
.zzjg .zzjg_sub ul li a{
	display: inline-block;
	color: #213f9a;
	transition: all .5s;
}
.zzjg .zzjg_sub ul li a:hover{
	transform: translateX(10px);
}
.zzjg .zzjg_yjzx{
	width:100%;
	float: left;
}
/*-------------------------reactive.css------------------------------------*/
@media all and (min-width:999px) {
    #header .links_top .seaTopBox {border-radius: 50px;border: 1px solid #959595;position: relative;}
    #header .links_top .seaTopBox .search_form {}
    #header .links_top .seaTopBox .search_form .search_input {display: inline-block;width: calc(100% - 30px);}
    #header .links_top .seaTopBox .search_form .search_input .search_label { display: none; }
    #header .links_top .seaTopBox .search_form .search_input .search_txt {padding-left: 10px;height: 28px;font-size: 13px;border-radius: 2px;background: none;color: #FFF;width: 100%;box-sizing: border-box;line-height: 28px;}
    #header .links_top .seaTopBox .search_form .search_submit {display: inline-block;position: absolute;right: 0;top: 0;width: 30px;height: 100%;}
    #header .links_top .seaTopBox .search_form .search_submit input {font-size: 0;border-radius: 2px;color: #FFF;margin: 0;padding: 0 15px;width: 18px;height: 28px;display: block;cursor: pointer;background: url(../img/icon_sc_new2.png) no-repeat center;background-size: 60% auto;}
    #menu-wrap .mn-top, #menu-wrap .member-lnk, #menu-wrap .mn-user { display: none }
    #mainNavi-wrap { width: 100%; height: 65px; overflow: hidden }
    #mainNavi-wrap:before { display: block; position: absolute; top: 65px; left: 0; content: ""; width: 100%; height: 1px; }
    #mainNavi-wrap .depth1-wrap { position: relative; padding: 0; width: 100% }
    #mainNavi-wrap .depth1-wrap .mn-tbox { display: none; position: absolute; top: 0; right: 100%; width: 100%; min-height: 315px; line-height: 1.2; background: #0067d4 url(/_contents/chi/_Img/Layout/mn_tbox_bg1.png) no-repeat right top; margin: 0 }
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr { display: block; position: absolute; width: 34.85%; height: 100%; top: 0; right: 0 }
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr strong .f1 { display: block; position: relative; font-size: 35px; margin-top: 64px; color: #fff }
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr strong .f1:before { content: ""; display: block; position: absolute; width: 26px; height: 3px; top: -21px; left: 1px; background-color: #ef4030 }
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr strong .f2 { display: block; color: #fff; opacity: .4; font-size: 17px; font-weight: 300; margin: 7px 0 0 0 }
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn-wr { display: block; position: absolute; width: 93.94%; height: 85px; left: 0; bottom: 35px }
    #mainNavi-wrap .depth1-wrap .mn-tbox button { display: block; position: absolute; width: 48.12%; height: 37px; line-height: 37px; background-color: #00203c; color: #fff; border-radius: 5px; text-indent: 15px; font-size: 14px; border: 0; text-align: left; transition: all .3s ease }
    #mainNavi-wrap .depth1-wrap .mn-tbox button:after { content: ""; display: block; position: absolute; width: 3px; height: 6px; top: 50%; right: 16px; margin: -3px 0 0 0; background: url(/_contents/chi/_Img/Layout/mntbox_blt1.png) no-repeat 0 0; transition: all .3s ease }
    #mainNavi-wrap .depth1-wrap .mn-tbox button:hover { background-color: #fff; color: #00203c }
    #mainNavi-wrap .depth1-wrap .mn-tbox button:hover:after { background-position: -3px 0px; right: 20px }
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn1 { left: 0; top: 0 }
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn2 { right: 0; top: 0 }
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn3 { left: 0; bottom: 0 }
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn4 { right: 0; bottom: 0 }
    #mainNavi-wrap #mainNavi .whypnu-wr { display: block; position: absolute; right: 100%; top: 50%; margin: -13px -105px 0 0 }
    #mainNavi-wrap #mainNavi .whypnu-wr img { display: block }
    #mainNavi-wrap #mainNavi { position: relative; height: 65px; width: 100%; }
    #mainNavi-wrap #mainNavi .depth1-ul { padding: 0; margin: 0; text-align: center; }
    #mainNavi-wrap #mainNavi .depth1-ul:after { content: ""; display: block; clear: both }
    #mainNavi-wrap #mainNavi > ul > li:first-child { padding-left: 8px }
    #mainNavi-wrap #mainNavi .mn_li1 { display: inline-block; float: left; text-align: center; margin: 0 0px; position: relative; }
    #mainNavi-wrap #mainNavi .mn_li1:nth-child(n+5) { float: right; }
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 {display: block;position: relative;font-size: 18px;font-weight: bold;color: #FFF;padding: 20px 30px;line-height: 20px;}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 span { display: block; position: relative }
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 .ico { display: block; position: absolute; width: 15px; height: 15px; top: 21px; right: 0; background: url(/_contents/chi/_Img/Layout/topmenu_icon1.gif) no-repeat 0px 0px }
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 span:after {border-color: #ffffff #ffffff transparent transparent;border-style: solid;border-width: 7px;bottom: -28px;box-sizing: border-box;content: '';display: block;height: 0;position: absolute;left: 0;right: 0;margin: auto;transform: rotate(-45deg);transform-origin: center center;width: 0;opacity: 0;}
    #mainNavi-wrap #mainNavi .mn_li1.over .mn_a1 span { color: #ffc107; }
    #mainNavi-wrap #mainNavi .mn_li1.over .mn_a1 span:after, #mainNavi-wrap #mainNavi .mn_li1:hover .mn_a1 span:after {bottom: -32px;opacity: 1;}
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1:before { content: ""; display: block; position: absolute; width: 15px; height: 15px; background: url(/_contents/chi/_Img/Layout/topmenu_icon1.gif) no-repeat; right: 0; top: 21px }
    #mainNavi-wrap #mainNavi .depth2-wrap {display: none;position: absolute;top: 65px;left: 0;width: 100%;height: 0;z-index: 1000;text-align: left;font-size: 13px;border-left: 0;padding: 0;margin: 0;background: #FFF;}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul { overflow: hidden; width: 100%; font-size: 0; text-align: center; }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_li2 { display: block; vertical-align: top }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 { display: block; position: relative; font-size: 16px;/* font-weight: bold; */ margin: 22px 10px 20px 10px; transition: all .5s ease; }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 span:after {content: "";display: block;position: absolute;width: 0;height: 3px;left: 50%;bottom: -10px;background-color: #0067d4;z-index: 2;transition: all .5s ease;}
    /*#mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:before {content:"";display:block;position:absolute;width:100%;height:2px;left:0;bottom:0;background-color:#c6c6c6;z-index:1}*/
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 span { position: relative; word-wrap: break-word; word-break: keep-all }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .nw .mn_a2 span:after { content: ""; display: inline-block; width: 10px; height: 10px; background: url(/_contents/chi/_Img/Layout/ico_win_sprite.png) no-repeat 0 0; margin-left: 15px }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .nw .mn_a2:hover span:after { }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 span { display: inline; vertical-align: top; color: #333; transition: all .25s ease }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2.over, #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:hover { }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2.over span:after, #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:hover span:after { left: 0; width: 100% }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2.over span, #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:hover span {color: #213f99;}
    /* depth2-wrap */
    #mainNavi-wrap #menu-wrap .ovbar { display: none }
    #mainNavi-wrap #mainNavi .tgl-btn { display: none }
    /* depth3-wrap */
    #mainNavi-wrap #menu-wrap .depth3-wrap { display: block; margin: 0 20px; }
    #mainNavi-wrap #menu-wrap .depth3-ul { display: block }
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 { display: block; margin: 0 0 10px 0; }
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3 { display: block; position: relative; font-size: 15px; margin: 0;/* text-align: left; */ }
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3 span { display: block; }
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3:before { content: ""; display: none; position: absolute; width: 3px; height: 3px; background: #006ab7; left: 0; top: 9px; }
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3:hover, #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3.over { color: #0067d4 }
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3:hover:before, #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3.over:before { background: #0067d4 }
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3.nw .mn_a3:after { content: ""; display: inline-block; width: 10px; height: 10px; background: url(/_contents/chi/_Img/Layout/ico_win_sprite.png) no-repeat 0 0; margin-left: 3px; opacity: .5 }
    .section2 .box .slick-list, .section2 .box .slick-list .slick-track { width: 100% !important }
    .section2 .box .slick-list .slick-slide { width: 16.6% !important; }
}
@media only screen and (max-width: 1500px) and (min-width: 1399px) {
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1{padding: 20px 20px;}
    #header .links_top .seaTopBox{margin-right:20px;}
    #header .links_top .links_l{margin-left:20px;}
}
@media only screen and (min-width:1300px) and (max-width:1399px) {
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1{padding: 20px 20px;}
}
@media only screen and (min-width:1200px) and (max-width:1299px) {
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 {padding: 20px 15px;}
    #header .links_top .seaTopBox{margin-right:15px;}
    #header .links_top .links_l{margin-left:15px;}
}
@media only screen and (min-width:1100px) and (max-width:1199px) {
    #global .global-wrap { width: auto; margin: 0 10px }
    #header .logo {left: 10px;margin: 25px 0;}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 {font-size: 16px;padding: 20px 15px;}
    #header .links_top .seaTopBox{margin-right:15px;}
    #header .links_top .links_l{margin-left:15px;}
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr { width: 31% }
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1 { padding-left: 6px; padding-right: 20px }
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1:before { right: 0 }
}
@media only screen and (min-width:1000px) and (max-width:1099px) {
    .web{width: 95%;}
    #global .global-wrap { width: auto; margin: 0 10px }
    #header .logo {left: 10px;margin: 20px 0;}
    #header .links_top .seaTopBox{margin-right:10px;}
    #header .links_top .links_l{margin-left:10px;}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 {padding: 20px 10px;font-size: 16px;}
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1 { padding-left: 4px; padding-right: 22px }
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1:before { right: 4px }
}
@media only screen and (max-width: 1580px) {
    .web { width: 90%; }
    .boxN1.notice, .boxN1.enr{width: 28%;}
    .boxN1.news{width:40%;margin:0 2%;}
	.section2 .web .NewsTabCont .tab_img{
		padding: 25px 20px;
	}
	.section2 .web .NewsTabCont .item a .img{
		height: 314px;
	}
	.section2 .web .NewsTabCont .item a .tit{
		margin-top: 10px;
	}
	.section2 .web .NewsTabCont .tab_list{
		padding: 20px 30px;
	}
	.section2 .web .NewsTabCont .tab_list dl a{
		padding: 10px 0;
	}
}
@media only screen and (max-width:1360px) {
    #header .logo a{}
    #header .logo a img{
    width: 100%;
}
    #header .seaBtn {}
    .section1 .board_wrap { width: 50%; }
    .section1 .visual { width: 45%; }
    .section2 .box ul { margin: 0 -4%; }
    .section3 .board_wrap .tabs2 .tab_con #tab_01 { width: 56%; }
    .section3 .board_wrap .tabs2 .tab_con ul { }
    #footer .fr {float: none;text-align: center;}
    #footer .fr span { float: none; display: inline-block; }
    .section1 .boxN1.enr ul li a{font-size:16px;}
    #footer .txt{    
        width: auto;      
        padding: 0;      
        float: right;      
        border: none;
    }
    #contents .c-tab01 ul li button, #contents .c-tab01 ul li a{
        padding:16px 20px;
    }
    #svisual-wrap #visImgWrap #visFonts{font-size:50px;}
    #contents .teachers ul li span.imgBox{width:30%;}
    #contents .teachers ul li .textBox{width:68%;}
    #container.dhSub{padding:30px 0 0;}
    #container.dhSub #contents .c-tab01{
	    margin: 15px 0 0;
	}
	.teacher-content .img{
        width: 25%;
    }
    .teacher-content .text{
        width: 75%; 
    }
    #container-wrap .row2 .course{width: 71%;}
    #container-wrap .row2 .contact{width: 26%;}
	.boxN1.notice{
        width:48%;
    }
    .boxN1.news{
        width:48%;
        float:right;
        margin: 0;
        padding:0;
        margin-left: 4%;
    }
    .boxN1.news::before, .boxN1.news::after{display:none;}
     .boxN1.enr{
         width:100%;
         margin-top:30px;
     }
	 .section1 .boxN1.enr ul li{
         width:20%;
         box-sizing:border-box;
     }
     .section1 .boxN1.enr ul li:nth-child(2n){
         border-right:2px solid #fff;
     }
}
@media only screen and (max-width: 1200px) {
    .web { width: 95%; }
    .boxN1.news{padding:0 20px;}
    .section4 .resource-list .item{margin-right: 10px;}
    .section4 .slick-arrow{display: none!important;}
     .teacher-content .img{
        width: 30%;
    }
   
    .teacher-content .text{
        width: 70%; 
    }
	#contents .cont-box ul.yzzc li:nth-of-type(2){
        padding:0 60px 0 30px;
    } 
     #contents .cont-box ul.yzzc li:nth-of-type(2)::before{
     	right:30px;
     }
}
@media only screen and (max-width: 1080px) {
    .section3, .section1,.section4{
        padding:30px 0;
    }
	.dqgz_xx{
		margin-bottom:30px;
	}
   

     .section2 .web .NewsTabCont .tab_list{
        padding: 10px 20px;
    }
	.section2 .web .NewsTabCont .tab_list dl a{
		padding: 7px 0;
	}
     .section2 .web .NewsTabCont .tab_img{
        padding: 20px;
     }
     .section2 .web .NewsTabCont .item a .img{height: 260px;}
     .section2{padding:30px 0;}
     .section2 .web .NewsTab button span{font-size:24px;}
     .section3 .boxN1.forum{
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }
    .section3 .boxN1.forum ul {
        font-size:0;
    }
    .section3 .boxN1.forum ul li{
        display:inline-block;
        width:48%;
    }
    .section3 .boxN1.forum ul li:nth-of-type(2n){
        margin-left:4%;
    }
     .section3 .boxN1.media {
        width: 100%;
    }
         .section3 .boxN1.cour {
        width: 48%;
        margin: 0;
        margin-right: 4%;
    }
    .section4 .resource .tit span{font-size:24px;padding-bottom: 12px;}
    .section4 .resource > .tit{padding-bottom: 10px;margin-bottom: 15px;}
    .section4 .resource .tit a{
        top: 10px;
    }
    #container{padding:30px 0;}
    #svisual-wrap #visImgWrap #visFonts{font-size:40px;}
    #container-wrap .news_wrap .news_list li{
        padding: 5px 0;
    }
    #container-wrap .news_wrap .news_list li a{
        line-height: 24px;
        font-size: 16px;
    }
    #container-wrap .news_wrap .news_img img{
        height:300px;
    }
    #container-wrap .row2{margin-top:30px;padding:30px 0;}
    #contents .list-n1 li a{padding:20px 15px;}
    .yjpt li{width:23.5%;}
    .yjpt li:nth-of-type(5n){
        margin-right:2%;
    }
    .yjpt li:nth-of-type(4n){
        margin-right:0;
    }
    #contents .teachers ul li{width:100%;margin:0;padding: 20px 0!important;}
    #contents .teachers ul li span.imgBox{width:23%;}
    #contents .teachers ul li .textBox{width:75%;}
    #container-wrap .row2 .course{width: 69%;}
    #container-wrap .row2 .contact{width: 28%;}
}
@media only screen and (max-width:999px) {
    #header {text-align: left;}
    #header .web{width:100%;}
    #header .logo {margin: 15px 0 15px 15px;z-index: 0;}
    #header .links_top { padding: 10px 0; }
    #header .links_top span a { font-size: 13px; }
    #header span.seaBtn {display: block;width: 30px;height: 30px;position: absolute;top: 5.1rem;right: 3.3rem;}
    #header span.seaBtn button{background: url(../img/com_img.png) no-repeat;background-repeat: no-repeat;background-position: -352px -19px;display: block;width: 100%;height: 100%;}
    #header .links_top .seaTopBox {position: absolute;top: 140px;border-radius: 0;width: 100%;margin: auto;box-sizing: border-box;border: none;background: #FFF;z-index: 0;height: 0;transition: .5s;overflow: hidden;z-index: 2;}
    #header .links_top .seaTopBox.over{height: auto;}
    .search_label{display:none;}
    #header .links_top .seaTopBox .search_input {width: 87%;display: inline-block;height: 36px;}
    #header .links_top .seaTopBox .search_input input{
        width: 100%;
        height: 100%;
        display: block;
    }
    #header .links_top .seaTopBox .qwss { width: 100%; padding: 18px 10px; box-sizing: border-box; display: block; margin: 0; }
    #header .links_top .seaTopBox #search {width: 90%;padding: 5px 10px;margin: 20px auto;background: #FFF;border: 1px solid #ddd;}
    #header .links_top .seaTopBox .search_submit {float: right;}
    #header .links_top .seaTopBox .search_submit input {min-width: 80px;max-width: 80px;height: 38px;background: #213f99;color: #FFF;cursor: pointer;}

    #header #nav ##mn-ctrs-btns { }
    #nav .web { width: 100%; position: inherit; }
    #mainNavi .depth1-tit, #mainNavi .mn_li1.over:before { display: none }
    #mainNavi-wrap #mainNavi .whypnu-wr { display: none }
    #mainNavi-wrap { position: absolute; overflow: inherit; top: 0; right: 0; z-index: 699; }
    #menu-wrap {transition: right 0.3s ease;right: -300px;top: -1px;left: auto;width: 220px;z-index: 9999;overflow-y: scroll;overflow-x: hidden;background: #fff;position: fixed;height: 100%;}
    #menu-wrap.mn-h-open { right: 0; }
    #menu-wrap.mn-h-open #mainNavi { left: auto; right: 0; top: 0; width: 100%; height: 100%; background: #bec6d0; }
    #menu-wrap .mn-top { position: relative; display: block; width: 100%; color: #fff; z-index: 8001; overflow: visible }
    #menu-wrap .mn-top .mn-tit {position: relative;font-size: 18px;color: #fff;font-weight: normal;line-height: 1;padding: 25px;background: #333;}
    #menu-wrap .mn-top .mn-tit:after { content: ""; display: none; position: absolute; top: 50%; right: 21px; margin-top: -12px; width: 33px; height: 24px; background: url(../img/layout_spr.png) no-repeat -35px -23px; background-size: 70px auto }
    #menu-wrap .mn-top .btn-close { display: block; position: absolute; width: 40px; height: 40px; border: 0; top: 50%; right: 10px; z-index: 4001; margin: -20px 0 0 0; background: transparent }
    #menu-wrap .mn-top .btn-close:before, #menu-wrap .mn-top .btn-close:after { content: ''; width: 25px; height: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #FFF; }
    #menu-wrap .mn-top .btn-close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
    #menu-wrap .mn-top .btn-close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    #menu-wrap .mn-user {position: relative;background: #244979;border-top: 1px solid #244979;height: 55px;line-height: 55px;}
    #mainNavi li.mn_li1 {position: relative;border-bottom: 1px solid #3452ac;background: #fff;text-align: left;}
    #mainNavi .mn_li1 .mn_a1 { display: block; padding: 15px 0 15px 20px; color: #fff; font-size: 15px; font-weight: bold; background: #213f99; }
    #mainNavi .mn_li1.is-open .mn_a1 {background: #0b274c;color: #fff;}
    #mainNavi .mn_li1 > .tgl-btn { background: transparent }
    #mainNavi .mn_li1.is-close > .tgl-btn { display: block; position: absolute; top: 12px; right: 10px; width: 25px; height: 25px; z-index: 500; border-radius: 50%; }
    #mainNavi .mn_li1.is-open > .tgl-btn:after { transform: rotate(90deg) }
    #mainNavi .mn_li1 > .tgl-btn:before, #mainNavi .mn_li1 > .tgl-btn:after { content: ""; display: block; position: absolute; background: #FFF; transition: all .3s ease; }
    #mainNavi .mn_li1 > .tgl-btn:before { width: 60%; height: 2px; left: 20%; top: 50%; margin: -1px 0 0 0; }
    #mainNavi .mn_li1 > .tgl-btn:after { width: 2px; height: 60%; left: 50%; top: 20%; margin: 0 0 0 -1px; }
    #mainNavi .depth2-wrap { display: none; position: relative; height: auto; background: #ffffff; transition: display .3s ease; text-align: left; }
    #mainNavi .mn_li2 { position: relative }
    #mainNavi .mn_li2.is-close > .tgl-btn { display: block; position: absolute; top: 14px; right: 10px; width: 24px; height: 24px; border: 0; background: transparent; z-index: 500; }
    #mainNavi .mn_li2.is-close > .tgl-btn:before, #mainNavi .mn_li2.is-close > .tgl-btn:after { content: ""; display: block; position: absolute; background: #aaa; transition: all .3s ease }
    #mainNavi .mn_li2.is-close > .tgl-btn:before { width: 60%; height: 2px; left: 20%; top: 50%; margin: -1px 0 0 0; }
    #mainNavi .mn_li2.is-close > .tgl-btn:after { width: 2px; height: 60%; left: 50%; top: 20%; margin: 0 0 0 -1px }
    #mainNavi .mn_li2.is-open > .tgl-btn:after { transform: rotate(90deg) }
    #mainNavi .depth2-wrap .mn_a2 { position: relative; display: block; color: #555; font-size: 14px; padding: 15px 0 15px 20px; border-top: 1px solid #eaeaea; font-weight: bold; }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .nw .mn_a2 span { position: relative; padding-right: 15px }
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .nw .mn_a2 span:after { position: absolute; top: 50%; right: 0; margin-top: -5px; content: ""; display: block; width: 10px; height: 10px; }
    #mainNavi .depth2-wrap .mn_li2:first-child a { border-top: 0 }
    #mainNavi .depth2-wrap .mn_a2.over, #mainNavi .depth2-wrap .is-open .mn_a2 { color: #004a80; background: #ffffff; }
    #mainNavi .depth2-wrap .is-open .mn_a2:before, #mainNavi .depth2-wrap .mn_a2.over:before { background: #f04e23 }
    #mainNavi .depth2-wrap .depth3-wrap { display: none; background: #f2faff; border-top: 1px solid #e4e4e4; }
    #mainNavi .depth2-wrap .depth3-wrap li { border-bottom: 1px solid #dee9f0; }
    #mainNavi .depth2-wrap .depth3-wrap li:last-child { border-bottom: 0 }
    #mainNavi .depth2-wrap .depth3-wrap li a { position: relative; display: block; padding: 15px 0; margin: 0 0 0 26px; }
    #mainNavi .depth2-wrap .depth3-wrap li a span { display: inline-block; font-size: 13px }
    #mainNavi .depth2-wrap .depth3-wrap li a:hover, #mainNavi .depth2-wrap .depth3-wrap li.over a { display: block; position: relative; color: #004a80; }
    #mainNavi .depth2-wrap .depth3-wrap li.over a span { display: inline-block; border-bottom: 1px solid #00bf94 }
    #mn-ctrs-btns {display: block;position: absolute;right: 5px;top: 4.8rem;z-index: 4000;transition: .5s;}
    #mn-ctrs-btns .mn-ctrs-btn { display: block; width: 45px; height: 40px; padding: 10px; background: none; }
    #mn-ctrs-btns .mn-ctrs-btn span { margin: 5px 0; }
    #mn-ctrs-btns .mn-ctrs-btn span, #mn-ctrs-btns .mn-ctrs-btn:before, #mn-ctrs-btns .mn-ctrs-btn:after { content: ""; position: relative; display: block; width: 100%; height: 3px; background: #f1f1f1; }
    .body-slide-wr { position: relative; width: 100%; height: 100%; transition: margin 0.3s ease }
    .body-slider-ovclick {display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.6);cursor: pointer;z-index: 8;}
    .section1 .board_wrap { width: 100%; background: none; }
    .section1 .visual { width: 100%; position: relative; margin-top: 25px; }
    .section1 .visual .visual_list .visual_item a img { height: 470px; }
    .section2 .box { width: 100% }
    .section2 .box:first-child { margin-bottom: 15px; }
    .section2 .box ul { margin: 0 0 0 -4%; }
    .section2 .box ul li { width: 20%; }
    .section2 .box ul li a .tit { min-height: 40px; }
    .section2 .box ul .slick-dots { display: block; text-align: center; width: 100%; padding: 0; }
    .section2 .box ul .slick-dots li { display: inline-block; width: 11px; height: 11px; margin: 0 3px; border-radius: 50px; overflow: hidden; border: 1px solid #9c9c9c; }
    .section2 .box ul .slick-dots li button { font-size: 0; width: 100%; height: 100%; background: #ffffff; display: block; }
    .section2 .box ul .slick-dots li.slick-active { border-color: #006ab7; }
    .section2 .box ul .slick-dots li.slick-active button { background: #006ab7; }
    .section3 .board_wrap .tabs2 .tab_con .date_box { width: 100%; box-sizing: border-box; }
    .section3 .board_wrap .tabs2 .tab_con #tab_01, .section3 .board_wrap .tabs2 .tab_con #tab_02 { width: 100%; box-shadow: none; padding: 0; margin: 30px 0 0 0; }
    #footer .fr span { float: none; display: inline-block; margin: 0 15px; }
    #contents .cont-box .pageBar { padding: 20px 25px; display: block; justify-content: left; box-shadow: none; background: #fbfbfb; }
    #contents .cont-box .pageBar p { width: 100%; display: block; text-align: left; font-size: 14px; text-indent: 0; }
    #contents .cont-box .pageBar p:first-child { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ededed; }
    #contents .cont-box .pageBar p a { display: block; font-weight: normal; }
    #contents .cont-box-zy .pageBar { padding: 20px 25px; display: block; justify-content: left; box-shadow: none; background: #fbfbfb; }
    #contents .cont-box-zy .pageBar p { width: 100%; display: block; text-align: left; font-size: 14px; text-indent: 0; }
    #contents .cont-box-zy .pageBar p:first-child { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ededed; }
    #contents .cont-box-zy .pageBar p a { display: block; font-weight: normal; }
    #contents .cont-box.database .inner-top { padding: 30px }
    #contents .cont-box.database .inner-top ul li { width: 100%; font-size: 13px; }
    #container-wrap .row2 .course{width: 100%;}
    #container-wrap .row2 .contact{width: 100%;margin-top:20px;}
    #container-wrap .row2 .contact .contactBox p{
        float:left;width:32%;margin-right:2%;box-sizing:border-box;font-size:14px;
    }
     #container-wrap .row2 .contact .contactBox p:nth-of-type(3n){margin-right:0;}
}
@media only screen and (max-width:840px) {
 #contents .cont-box iframe{width:100%;}
    #contents .c-tab01{
        overflow: inherit;
    }
    #contents .cont-box ul.yzzc li:nth-of-type(1){
        width:20%;
    }
    #contents .cont-box ul.yzzc li:nth-of-type(2){
        width:80%;
        padding:0 0 0 30px;
    } 
     #contents .cont-box ul.yzzc li:nth-of-type(2)::before{
     	display:none;
     }
     #contents .cont-box ul.yzzc li:nth-of-type(3){
        width:100%;
        padding-top: 20px;
        border-top: 1px solid #e4e3e3;
        margin-top: 10px;
    }
}
@media only screen and (max-width:800px) {
    #header .links_top .seaTopBox .search_input {}
    #mn-ctrs-btns {}
    .tit { font-size: 22px; }
    .section1 .board_wrap .tabs2 > ul > li > a, .section3 .board_wrap .tabs2 > ul > li > a { font-size: 22px; }
    .section1 .board_wrap .tabs2 .tab_con { padding-top: 10px; }
    .section1 .visual .visual_list .visual_item a img { height: 390px; }
    .section2 .box ul { margin: 0; }
    .section2 .box ul li { width: 24.933%; }
    #container { padding: 10px 0; }
    #container #contents {
        padding: 30px 0;
    }
    #container.dhSub #contents {padding:0;}
    #contents .cont-box { margin-top: 20px; }
    #contents .cont-box .contTitle { font-size: 20px; }
    #contents .cont-box p {font-size: 17px!important;margin-bottom: 10px!important;line-height: 28px!important;}
    #contents .pageTitle {display: block;font-size: 24px;}
    #contents .location { margin-top: 2px; display: block; float: none; text-align: right; width: 100%; }
    #contents .c-tab01.mSet {margin: 15px 0;}
    #contents .location span { font-size: 13px }
    #contents .location span:first-child { }
    #contents .location span:first-child:after { width: 6px; }
    #contents .list { }
    #contents .list li { position: relative; padding: 10px 0; line-height: 1.5; }
    #contents .list li a { padding-right: 75px; }
    #contents .list li a .txt { font-size: 15px; }
    #contents .list li a .txt .tip { vertical-align: 1px; display: block; width: 14%; padding: 3px 7px; margin: 5px 0 0 0; }
    #contents .list li a .txt .tip.bule { background: #2c7fcc; }
    #contents .list li a .txt .tip.red { }
    #contents .list li a .date {font-size: 13px;}
    #contents .search-list { margin-top: 20px; padding-top: 5px; }
    #contents .search-list .list_cn, #contents .search-list .list_en { width: 100%; }
     .section2 .web .NewsTabCont .tab_list,.section2 .web .NewsTabCont .tab_img{     
        width:100%;
        float:none;
     }
     .section2 .web .NewsTabCont .tab_img{margin-bottom:30px;padding: 15px;}
     .section2 .web .NewsTabCont .item a .img{
        height: auto;
        min-height: 240px;
        max-height: 320px;
    }
    .yjpt li{width:32%;}
    .yjpt li:nth-of-type(4n){
        margin-right:2%;
    }
    .yjpt li:nth-of-type(3n){
        margin-right:0;
    }
        #contents .teachers ul li span.imgBox{width:30%;}
    #contents .teachers ul li .textBox{width:68%;}
    .teacher-content .img{
        width: 40%;
    }
    .teacher-content .img img{
        width: 100%;
        height: 320px;
    }
    .teacher-content .text{
        width: 60%;
        padding: 20px;
        height: 320px;
    }
    .teacher-content img{
        display: none !important;
    }
    #contents .teacher-content .text p{
        margin: 5px 0;
        line-height: 30px !important;
    }
    .teacher-content .text h2{
        margin-bottom: 10px;
    }
    .teacher-content p{
        text-indent: 0 !important;
        margin: 0 0 1em 0;
    }
     #container-wrap .row2 .contact .contactBox p{
        width:49%;
        font-size:15px;
    }
     #container-wrap .row2 .contact .contactBox p:nth-of-type(3n){margin-right:2%;}
     #container-wrap .row2 .contact .contactBox p:nth-of-type(2n){
        margin-right:0;
    }
    #banner .slick-prev, #banner .slick-next{
    	display:none;
    }
}
@media only screen and (max-width:710px) {
    #footer .fl, #footer .fr,#footer .txt{
        float: none;
        text-align: center;
        transform: none;
        display: block;
    }
    #footer .logo{margin:30px 0;}
    #container-wrap .row2 .course .courseBox a{
        
padding: 20px 10px;
        
font-size: 20px;
        
margin-bottom: 10px;
    }
}
@media only screen and (max-width:650px) {
    #header .links_top .seaTopBox .search_input { width: 76%; }
    #banner .slick-dots { bottom: 10%; }
    .section1 .visual .visual_list .visual_item a img { height: 350px; }
    .section3 .board_wrap .tabs2 .tab_con ul.board_list li { padding: 15px 0; }
    .section3 .board_wrap .tabs2 .tab_con ul.board_list li:first-child span.tip { top: 25%; }
    .section3 .board_wrap .tabs2 .tab_con ul.board_list li span.tip { top: 34%; }
    .section3 .board_wrap .tabs2 .tab_con ul.board_list li span .date { display: block; margin-top: 10px; }
    #contents .cont-box p img { width: 100% !important; height: auto !important; margin: 15px 0 !important; }
    #contents .cont-box table tr td p img { width: auto !important; }
    #contents .search-list h5 { font-size: 16px }
    #contents .search-box .sea_bar .txt { height: 45px; line-height: 45px; }
    #contents .search-box .type dl { margin: 15px 0 }
    #contents .search-box .type dl dt, #contents .search-box .type dl dd { display: block; width: 100%; margin-bottom: 10px; }
    #contents .search-box .type dl dd { }
    #contents .search-box .type dl dd a { font-size: 13px; padding: 3px 5px; margin-bottom: 5px; }
    #footer .topBt.over { right: 10px; }
    .boxN1.notice,.boxN1.news{width:100%;float:none;margin:0;}
    .boxN1.news,.boxN1.enr{margin-top: 20px;}
    .section1, .section3,.section4{padding:20px 0;}
	.dqgz_xx{
		margin-bottom:20px;
	}
    .section1 .boxN1.enr ul li{width:50%;}
    .section1 .boxN1.enr ul li a{padding:10px 0;}
    .section2 .web .NewsTab button span{font-size:20px;margin-right: 10px;}
    .section2 .web .NewsTab{padding-bottom:15px;}
    .section2 .web .NewsTab .on span:before{
        bottom: -16px;
    }
    .section2 .web .NewsTab .on span:after{
        bottom: -16px;
    }
    .section2 .web .NewsTabCont > .more{
        top:0px;
    }
    .section2 .web .NewsTabCont .item a .tit{font-size:15px;}
    .section3 .boxN1.forum{margin-bottom:20px;}
    .section3 .boxN1.media {
        width: 100%;
    }
    .section3 .boxN1.cour {
        width: 100%;
    }
    .boxN1 ul li a,.section3 .boxN1.media ul li a, .section3 .boxN1.cour ul li a{line-height:40px;}
    .section4 .resource .tit span{font-size:20px;}
    #svisual-wrap #visImgWrap #visFonts{font-size:30px;}
    #container-wrap .news_wrap .news_list,#container-wrap .news_wrap .news_img{width:100%;margin:0;float:none;}
    #container-wrap .news_wrap .news_img{
        margin-bottom: 20px;
    }
    #container-wrap .tit{
        margin-bottom: 15px;
        padding-bottom: 5px;
        font-size: 20px;
    }
    #container-wrap .row1{margin-top:20px;}
    #container-wrap .row2 .boxN1{
        width:100%;
        float:none;
    }
    .boxN1 ul li.hotHews a p{margin: 5px 0;}
     #container-wrap .row2 .boxN1:nth-of-type(1){margin-bottom:30px;}
    #container-wrap .row2{margin-top:0;padding:30px 0;}
    #contents .list-n1 li a .text-info{margin-left:60px;padding-left: 40px;}
    #contents .list-n1 li a .text-info .text{font-size: 15px;margin-bottom: 2px;}
    #contents .list-n1 li a .text-info p{font-size:13px;}
    #container-wrap .row2 .boxN1.dqgz ul li{width:100%;margin:0;}
    #container.dhSub{padding:20px 0 0;}
    .lsyg{
        padding-left:0;
    }
}
@media only screen and (max-width:550px) {
	#contents .cont-box ul.yzzc li:nth-of-type(1){
        width:100%;
    }
    #contents .cont-box ul.yzzc li:nth-of-type(1) img{
    	display:block;
    	width:95%;
    	height:auto;
    	margin:0 auto 10px;
    }
    #contents .cont-box ul.yzzc li:nth-of-type(2){
        width:100%;
        padding:0;
    } 
     #contents .cont-box ul.yzzc li:nth-of-type(3){
        padding-top: 10px;
        margin-top: 10px;
    }
    .section1 .visual .visual_list .visual_item a img { height: 310px; }
    
     .section3 .boxN1.forum ul li{
        width:100%;
    }
    .section3 .boxN1.forum ul li:nth-of-type(2n){
        margin-left:0;
    }
    .yjpt li{width:49%;margin-top: 10px;}
    .yjpt li:nth-of-type(3n){
        margin-right:2%;
    }
    .yjpt li:nth-of-type(2n){
        margin-right:0;
    }
    #contents .teachers ul li span.imgBox{width:43%;}
    #contents .teachers ul li .textBox{width:53%;}
    .teacher-content{margin-bottom:10px;}
    .teacher-content{
		border: 1px solid #eee;
		padding: 0;
	}
    .teacher-content .img {
	    width: 100%;
	    float:none;
	    margin: 0 auto;
	    margin-top: 10px;
	    height: auto;
	}
	.teacher-content .img img{display:block;width:auto;height:auto;margin:auto;max-width: 80%;}
	.teacher-content .text{
		padding: 20px;
		width: 100%;
		float:none;
		border: 0;
		padding: 0;
		height: auto;
	}
	#contents .teacher-content .text p {
	    margin: 0 0;
	    font-size: 15px !important;
	    line-height: 20px !important;
	}
	.teacher-content .text h2{
		font-size:20px;
		text-align: center;
		margin-bottom: 0;
	}
	 #container-wrap .row2 .contact .contactBox p{
	     width:100%;
	     float:none;
	     margin-right:0;
	     font-size: 18px;
	 }
	 #container-wrap .row2 .course .courseBox a{
	     width:49%;
	 }
	 #container-wrap .row2 .course .courseBox a:nth-of-type(4n){
	     margin-right:2%;
	 }
	 #container-wrap .row2 .course .courseBox a:nth-of-type(2n){
	     margin-right:0%;
	 }
}
@media only screen and (max-width:460px) {
    #header .links_top .seaTopBox .search_input { width: 70%; }
    #header .links_top .web {/* display: flex; *//* justify-content: space-between; */text-align: center;}
    #header .links_top .links_l{margin:0;padding:0;float: none;}
    #header .links_top span a {padding: 0 5px 0 26px;}
    #header .links_top span:nth-child(1) a::before{top: 0;left: 4px;background-position: 0px 0px;}
    #header .links_top span:nth-child(2) a::before {width: 14px;height: 10px;background-size: cover;background-position: -12px 0;top: 2px;}
    #header .links_top span:nth-child(3) a::before {background-position: -35px 0;}
    #header .links_top span:nth-child(4) a::before {background-position: -45px 0;}
    #header .links_top span a::after{width:20px;height:20px;top: -3px;}
    #header .logo {width: 60%;margin: 15px 0 15px 15px;}
    #mn-ctrs-btns {top: 3.5rem;}
    #header span.seaBtn{top: 3.8rem;}
    #header .links_top .seaTopBox.over{top: 6rem;}
    .section1 .visual { margin-top: 15px; }
    .section1 .board_wrap .tabs2 .tab_con li:before { top: 12px; }
    .section1 .board_wrap .tabs2 .tab_con li:after { top: 16px; }
    .section1 .board_wrap .tabs2 .tab_con li span { font-size: 13px }
    .section1 .board_wrap .tabs2 .tab_con li { padding: 7px 0 7px 24px; }
    .section1 .board_wrap .tabs2 .tab_con > .more, .section3 .board_wrap .tabs2 .tab_con > .more, .section4 .hotlists .tabs2 .tab_con > .more { font-size: 14px; }
    .section1 .board_wrap .tabs2 .tab_con > .more span:after { }
    .section1 .visual .visual_list .visual_item a img { height: 240px; }
    .section4 .resource-list .item {}
    .section4 .resource-list .item .tit { font-size: 16px }
    #footer {padding: 25px 0;}
    #footer .logo { width: 75%; margin-left: auto; margin-right: auto; }
    #footer .logo img { max-width: 100% }
    #footer .fl p { font-size: 13px; line-height: 22px; }
    #contents .location { font-size: 13px }
    #contents .location a .navi::after, #contents .location strong::after { margin: 0 7px; vertical-align: -1px; }
    #container #contents {margin-bottom: 20px;padding: 15px 0;}
    #container.dhSub #contents{margin:0;}
    #contents .cont-box { margin-top: 10px; }
    #contents .cont-box .date_bar {line-height: 2;font-size: 12px;margin: 10px 0 15px;}
    #contents .cont-box .contTitle {font-size: 17px;line-height: 24px;}
    #contents .cont-box p,#contents .cont-box p span {font-size: 15px!important;line-height: 24px!important;margin-bottom: 2px!important;}
    #contents .location span { font-size: 13px }
    #contents .location span.line::after { margin: 0 5px; vertical-align: middle; }
    
}