/* main_visual */

.color-lblue{background:#05b6c2 !important}
.color-dblue{background:#008ced !important}
.color-da-blue{color:#003d7d;}
/* .color-green{background: #8fc500;} */
.color-blue{color:#003d7d;font-weight:bold;font-size:20px}

#main_visual .w2000{position:relative;width: 2000px;left: 50%; margin-left: -1000px;}
#main_visual .w2000 img{margin: 0 auto;}
#main_visual .add {display: flex;align-items:center;width:300px;position:absolute;top: 30%;left: 50%;margin-left: -700px;}

#main_visual .add .btns{display:flex}
#main_visual .add .btns button{width: 20px;height: 20px;background: url(main.css) center center no-repeat;float: left;font-size:0}
#main_visual .add .btns .next{background-image: url(../img/main/n-bt.png);}
#main_visual .add .btns .prev{background-image: url(../img/main/p-bt.png);}
#main_visual .add .btns .control{background-image: url(../img/main/pause-bt.png);}
#main_visual .add .btns .control.play{background-image: url(../img/main/play-btn.png);}
.slider-progress {width:100px;height: 2px;background: #fff;margin: 0 14px;}
.slider-progress .progress{width:100%;height: 100%;background: #8fc500;}
#main_visual .status{color:#8fc500;font-weight: bold;}
#main_visual .total{color:#fff}
#main_visual .on_mobile{display:none}


/* mid */
#mid1 .link-line{display: flex;justify-content: center; max-width:1200px; width: 100%;height: 68px;display:flex;margin: 0 auto;margin-top: -35px;position: relative}
#mid1 .link-line li{/* width: 20%; */ width: calc(100% / 6); background: #8fc500;color:#fff;}
#mid1 .link-line li:nth-child(2){background: #05b6c2;}
#mid1 .link-line li:nth-child(3){background: #1caef0;}
#mid1 .link-line li:nth-child(4){background: #008ced;}
#mid1 .link-line li:nth-child(5){background: #0054d1;}
#mid1 .link-line li:nth-child(6){background: #0043A6;}
#mid1 .link-line li:nth-child(6) a {/* padding-left: 0; */ line-height: 29px;}
#mid1 .link-line a{line-height:68px;padding-left: 36px;; display:block; position: relative;font-size:1.188em;text-shadow: 2px 1px 3px rgb(0 0 0 / 30%);} /* background: url('../img/main/h.png') 95% center no-repeat*/
#mid1 .link-line a:after{position: absolute; right: 36px; top:50%; width:26px; height: 26px; background: url('../img/main/h.png') center center no-repeat; background-size: 100%; content: ''; transform:translateY(-50%)}

#mid1 .mid-side{margin-top:80px;display: flex;}
#mid1 .mid-side .mid-news{width: 63%;margin-right: 4%;height: 235px;}
#mid1 .mid-side .mid-news{position: relative;}
#mid1 .mid-side .mid-news .head-tit {position: relative;max-width: 260px;margin-bottom: 2%;}
#mid1 .mid-side .mid-news .head-tit .zone-tit{font-size: 32px;font-weight: bold;font-family: 'GmarketSansMedium';background: #fff;position: relative;z-index: 1;display: inline-block;padding-right: 25px;}
#mid1 .mid-side .mid-news .head-tit::after{position: absolute;right: 0;top:50%; width: 100%; height: 1px; background: #ccc; content: '' }
.mid-side .tab_cont .tit {display: block;width: 20%;position: absolute;top: 4%;font-size: 16px;color:#666}
.mid-side .tab_cont .tit::before{content:'';display:block;width:6px;height:6px;background:#ccc;border-radius: 100%;float: left;margin: 10px 14px}
.mid-side #tab1 .tit::before{content:none}
.mid-side #tab1 .tit{left:34%;color:#004ea1;content:none}
.mid-side #tab2 .tit{left:39%}
.mid-side #tab3 .tit{left:50%}
.mid-side #tab4 .tit{left:62.5%}
.mid-side #tab5 .tit{left:76.5%}
.mid-news .see-more{border-radius: 100%;width:33px;height:33px;background: #ddd url(main.css) center center no-repeat;background-image: url(../img/main/plus.png);margin-left: 20px;position: absolute;top: 2%;right: 0;}
.mid-side .one-line{width:100%;display: flex;}
.mid-side .one-line .cont:first-child{margin-right:6%}
.mid-side .cont{display:none;width:47%;position: relative;}
.mid-side .cont a{display: block}


#mid1 .mid-side .cont-info{width:100%;display: flex;}
#mid1 .mid-side .cont-info .cont-not{width: 45%;padding: 20px 0;}
#mid1 .mid-side .cont-info .cont-not:nth-child(1){margin-right:70px}
#mid1 .mid-side .cate-topic {width: 66px;text-align: center;}
#mid1 .mid-side .cate-topic p{margin: -10% 0 -20% 0;}
#mid1 .mid-side .date{font-size: 40px;font-weight: 500;width: 100%;font-family: 'GmarketSansMedium';}
#mid1 .mid-side .cate-not {background: #8fc500;padding:2px 5px;color: #fff;font-size: 10px;width: 100%;}
#mid1 .mid-side .cont-header{position: relative;}
#mid1 .mid-side .not-tit {font-size: 1.375em;font-weight: bold;line-height: 1.5;word-break: keep-all;position: absolute;left: 77px;bottom: 0;text-overflow: ellipsis;min-height: 3em;top:30px;overflow: hidden;}
#mid1 .mid-side .topic-text {font-size: 16px;margin-top: 25px;text-align: justify;max-height: 70px;overflow: hidden;}
#mid1 .mid-side .mid-news .p-mon {color: #888;}

#mid1 .mid-side .mid-zone{width:37%}
.m_banner box{position: relative;}
.zone-tit_w{position: relative;}
.zone-tit_w:after{position: absolute;right: 0;top:50%; width: 100%; height: 1px; background: #ccc; content: '' }
.zone-tit_w .zone-tit{background: #fff; padding-right:30px; position: relative; z-index: 1}
#mid1 .mid-side .zone-tit{font-size:32px;font-weight:bold;font-family: 'GmarketSansMedium';}
/* #mid1 .mid-side .mid-zone .zone-tit::after{content:'';display:block;width:250px;height:1px;background:#ccc;float:right;margin: 30px 20px} */
#mid1 .mid-side .mid-zone .add{display:flex}
#mid1 .mid-side .mid-zone .btns{display:flex}

/* popup zone */
.m_banner .add1 {position:relative;margin-bottom:20px;align-items:center;}
.m_banner .add1 .btns_w{position: absolute; right: 0; top:50%; transform:translateY(-50%); padding-left:30px; background: #fff; z-index: 1;}
.m_banner .add1 .btns_w > *{display: inline-block; vertical-align: middle}
.m_banner .num1 {font-size:16px}
.m_banner .add1 .btns1 button{width: 20px;height: 20px;background: url(common.css) center center no-repeat;float: left;font-size:0;margin-let:20px}
.m_banner .add1 .btns1 .next1{background-image: url(../img/main/pop-n.png);}
.m_banner .add1 .btns1 .prev1{background-image: url(../img/main/pop-p.png);}
.m_banner .add1 .btns1 .auto1{background-image: url(../img/main/pop-play.png);}
.m_banner .add1 .btns1 .auto1.stop1{background-image: url(../img/main/pop-pause.png);}

#mid1 .search-menu{border:5px solid #e7e7e7;margin: 50px 0;display:flex;align-items: center;position: relative;}
#mid1 .search-menu .icon-in{margin: -43px 0 0 20px;}
#mid1 .search-menu ul{display:flex;margin-left: 100px;}
#mid1 .search-menu ul li{margin: 0 27px;font-size: 18px;}
#mid1 .search-menu ul li:nth-child(1) a{background-image:url(../img/main/s1.png)}
#mid1 .search-menu ul li:nth-child(2) a{background-image:url(../img/main/s2.png)}
#mid1 .search-menu ul li:nth-child(3) a{background-image:url(../img/main/s3.png)}
#mid1 .search-menu ul li:nth-child(4) a{background-image:url(../img/main/s4.png)}
#mid1 .search-menu ul li:nth-child(5) a{background-image:url(../img/main/s5.png)}
#mid1 .search-menu ul li:nth-child(6) a{background-image:url(../img/main/s6.png)}
#mid1 .search-menu ul li a{display: block;background: left no-repeat;padding: 0px 0 0 25px;font-weight:500}
#mid1 .search-menu .menu-tit{font-size:27px;font-weight:bold}


/* mid2 */
#mid2{background: url(../img/main/edu-bg.jpg) right bottom no-repeat;width: 100%;position:relative; padding: 60px 0;background-size: cover;}
#mid2 .slide-tit{text-align: center;font-size: 40px;font-weight: bold;font-family: 'GmarketSansMedium';}
#mid2 .donw-slide{position: relative; padding: 30px 70px}

#mid2 .s_banner{width:100%;overflow:hidden}
#mid2 .slick-arrow{position: absolute;top: 50%;z-index: 9999;width: 72px;height: 72px;border: 1px solid #ccc;border-radius: 100%;background: #fff url(main.css) center center no-repeat; transform:translateY(-50%)}
#mid2 .list-prev{left: 0;background-image:url(../img/main/s-l.png);margin: 0 -3%;}
#mid2 .list-next{right: 0;background-image:url(../img/main/s-r.png);margin: 0 -3%;}

#mid2 .ban-cont .in{margin:0 20px 15px; display: block; background:#fff;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#mid2 .cont-top{position:relative;padding-bottom: 60%;overflow: hidden;}
#mid2 .cont-top img{max-width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;}
/* #mid2 .cate{position: absolute;bottom: 0;left: 0;background: #8fc500;padding: 5px 10px;color: #fff;} */
#mid2 .cont-bottom{padding:50px 20px 25px;position: relative;min-height: 200px;}
#mid2 .cont-bottom .cate{position: absolute;top: 0;left: 0;color: #fff;padding: 2% 5%;background: #8fc500;}
#mid2 .cate-tit{font-size: 18px;font-weight: bold;margin-bottom: 15px;max-height: 50px;overflow: hidden;word-break:keep-all;}
#mid2 .app-period{margin-bottom: 5px;} 
#mid2 .cont-bottom dd{margin-top:5px; color: #777}
#mid2 .cont-bottom dd > *{display: inline-block; vertical-align: top}
#mid2 .cont-bottom .t{position: relative; padding-right: 10px; margin-right: 5px;}
#mid2 .cont-bottom .t:after{position: absolute;right: 0;top:50%;width: 1px; height: 10px; margin-top: -5px; content: ''; background: #ddd}




@media screen and (max-width:1700px){
	#quickmenu{right:30px}
}

@media screen and (max-width:1450px){
	#mid2 .list-prev{margin: 0 -1%;}
	#mid2 .list-next{margin: 0 -1%;}
	#main_visual .w2000{width: 135%; margin-left: -67.5%}
}

@media screen and (max-width:1400px){
	#mid2 .list-prev{margin: 0 1%;}
	#mid2 .list-next{margin: 0 1%;}
	#mid1 .mid-side .mid-news .head-tit::after{display: none}
	/* #mid1 .search-menu ul li{margin: 0 10px} */
	#main_visual .add{left:3%;margin-left: 0}
	
	#mid1 .search-menu ul{margin-left: 0;}
	
	#mid1 .search-menu{padding: 30px}
}

@media screen and (max-width:1350px){
	#mid1 .search-menu .icon-in{margin: 0;}
}

@media screen and (max-width:1300px){
	#mid1 .search-menu .icon-in{margin-left: 0;}
	#mid1 .mid-side .not-tit {font-size: 1.125em;}
	
	.f_logo{display: none;}
}

@media screen and (max-width:1250px){
	#mid1 .search-menu .icon-in img{width: 130px}
	#mid1 .link-line a{padding-left: 20px;}
	#mid1 .link-line a:after{right: 20px;}
	#mid1 .search-menu{margin: 100px 0 50px}
	#mid1 .search-menu .icon-in{display: none;}
}

@media screen and (max-width:1200px){
	#mid1 .search-menu{display: block;}
	#mid1 .search-menu ul li{margin: 0; width: 20%;font-size: 1em;}
	#mid1 .mid-side .topic-text{font-size: 0.875em;}
/* 	#mid1 .search-menu .icon-in{display: none;} */
	#mid1 .search-menu .menu-tit{margin-bottom: 20px;}
	#mid1 .search-menu {margin: 50px 0;}
	.mid-side .tab_cont .tit::before{margin: 10px 6px;}
	.mid-side #tab1 .tit{left: 36%;}
	.mid-side #tab2 .tit{left: 42%;}
	.mid-side #tab3 .tit{left: 53%;}
	.mid-side #tab4 .tit{left: 64.5%;}
	.mid-side #tab5 .tit{left: 80%;}
	#mid1 .mid-side .mid-news .head-tit .zone-tit{z-index: 0}
	#mid1 .mid-side .topic-text{max-height: 65px}
	.mid-side .tab_cont .tit{font-size: 15px;}
	.mid-side .tab_cont .tit::before{width: 4px;height: 4px;}
	
}

@media screen and (max-width:1170px){
	
}

@media screen and (max-width:1160px){
	/* #mid1 .search-menu ul{margin-left: 20px;} */
	
}

@media screen and (max-width:1100px){
	#mid1 .mid-side .not-tit{line-height: 25px}

}

@media screen and (max-width:1024px){
	#mid1 .search-menu{margin: 0 0 50px;}
	#main_visual .w2000{width: 100%;left: 0;margin-left: 0;}
	#main_visual .on_mobile{display:block;}
	#main_visual .on_pc{display:none}
	#mid1 .link-line{padding:0;flex-wrap: wrap;}
	#mid1 .link-line li:nth-child(1){width:50%}
	#mid1 .link-line li:nth-child(2){width:50%}
	#mid1 .link-line li:nth-child(3){width:50%}
	#mid1 .link-line li:nth-child(4){width:50%}
	#mid1 .link-line li:nth-child(5){width:50%}
	#mid1 .link-line li:nth-child(6){width:50%}
	#mid1 .link-line{margin-top: 0;}
	#mid1 .mid-side{flex-wrap: wrap;}
	#mid1 .mid-side .mid-news{width: 100%;margin-top: 10%;}
	#mid1 .mid-side .mid-zone{width: 100%;margin: 150px 0 50px 0;;}
	.mid-side .one-line{flex-direction: column;}
	.mid-side .cont{width: 100%;margin-top: 5%;}
	.mid-side .one-line .cont:first-child{margin-right: 0}
	#mid1 .mid-side .cate-topic p{margin: -10% 0 -20%;}
	#mid1 .mid-side .not-tit{width: 87%;overflow-x: hidden;padding-right: 35px;white-space: nowrap;padding: 0;top: 0;}
	#mid1 .mid-side .topic-text{position: absolute;top: 30%;left: 82px;}
	#main_visual .add{left:4%;top: 28%;}
	#mid1 .search-menu .icon-in{display: none}
	/* #mid1 .search-menu{display: block;margin: 0 0 50px;} */
/* 	#mid1 .search-menu ul{margin-left: 0;flex-wrap: wrap;justify-content: center;margin: 0 0 10px 0;} */
	
	#mid2 .cate-tit{font-size: 16px}
	#mid2 .slick-arrow{display: none !important}
	#footer .inner{display: block;text-align: center;}
	#footer .inner .f-lt ul{justify-content: center;margin-top: 30px}
	#footer .inner .f-rt{margin: 20px auto;position: static;width: 300px;}
	#footer .inner .f-lt{margin-left: 0;}
	#footer .inner .f-rt select{width: 257px;}
	#mid1 .link-line a:after{right: 20px}
	#mid1 .link-line a{padding-left:20px}
	.mid-side .tab_cont .tit::before{margin: 10px 15px;}
	#mid2 .donw-slide{padding: 30px 0;}
	#mid2 .cont-bottom{min-height: 230px;}
	#mid2 .cont-bottom dd{margin-top: 8px; font-size: 14px;}
	#mid2 .cont-bottom dd > *{display: block;}
	#mid2 .cont-bottom .t{padding-right: 0; margin-right: 0}
	#mid2 .cont-bottom .t:after{background: none}
	#mid1 .mid-side .mid-news{margin-right: 0;}
	
	#mid1 .mid-side{margin-top: 110px;}
}

@media screen and (max-width:720px){
	#mid1 .mid-side .mid-news .head-tit::after{content: none}

	.mid-side .tab_cont .tit{top: 22%;}
	.mid-side #tab1 .tit{left:0%;}
	.mid-side #tab2 .tit{left:6%;}
	.mid-side #tab3 .tit{left:20%;}
	.mid-side #tab4 .tit{left:34.5%;}
	.mid-side #tab5 .tit{left:52.5%;}
	.mid-side .cont{border-top: 1px solid #ccc;margin-top: 30px;}
	.mid-side .cont:first-child{margin-top: 50px}
	#mid1 .mid-side .cate-topic{margin-top: 15px;}
	#mid1 .mid-side .topic-text{top:35%;}
	.mid-side .tab_cont .tit{width: 30%;}
	
/* 	.cont #mobile1 input[type=text]{width: 30% !important !important;}
	.cont #mobile2{width: 30% !important !important;} */
	
	#mid1 .search-menu ul li {width: 33%;font-size: 1em;margin: 5px 0;}	
	
	#mid1 .search-menu{padding: 1.5rem}
	
}

@media screen and (max-width:640px){
	.mid-side #tab2 .tit{left:37px;}
	.mid-side #tab3 .tit{left:115px;}
	.mid-side #tab4 .tit{left:207px;}
	.mid-side #tab5 .tit{left:62%;}
	.mid-side .tab_cont .tit::before{margin: 10px}
	#header .header__logo{width: auto;}	
}

@media screen and (max-width:480px){
	#mid1 .mid-side .not-tit {width: 84%;}
	
	#mid1 .search-menu ul li {width: 50%;}
	
	#mid1 .link-line li:nth-child(1){width:50%}
	#mid1 .link-line li:nth-child(2){width:50%}
	#mid1 .link-line li:nth-child(3){width:50%}
	#mid1 .link-line li:nth-child(4){width:50%}
	#mid1 .link-line li:nth-child(5){width:50%}
	#mid1 .link-line li:nth-child(6){width:50%}
	/* .mid-side #tab2 .tit{left:9.5%;}
	.mid-side #tab3 .tit{left:28.5%;} */
/* 	.mid-side #tab4 .tit{left:47%;} */
	.mid-side #tab5 .tit{left:72%;}
}

@media screen and (max-width:420px){
	#mid1 .mid-side .topic-text{width: 75%;}
	
	
	#mid1 .mid-side .mid-news{margin-top: 10%}
	#mid1 .mid-side .not-tit {width: 80%;}
	#mid1 .link-line a {padding-left: 15px;font-size: 1em;}
	#mid1 .link-line a:after {right: 15px;}
	#main_visual .add{top:20%}
	.mid-side .tab_cont .tit::before{display: none;}
	.mid-side #tab1 .tit{left:0%;}
	.mid-side #tab2 .tit{left:14.5%;}
	.mid-side #tab3 .tit{left:32.5%;}
	.mid-side #tab4 .tit{left:55%;}
	.mid-side #tab5 .tit{left:75%;}
	#mid1 .mid-side .zone-tit{font-size: 27px;}
	#mid1 .mid-side .mid-news .head-tit .zone-tit{font-size: 27px;}
	#mid2 .slide-tit{font-size: 32px;}
	
	#mid1 .search-menu ul {margin-left: 10px;}
	
	#mid1 .search-menu ul li {font-size: 0.813em;}
	
	#mid1 .search-menu .menu-tit {margin-bottom: 10px;}
}

@media screen and (max-width:360px){
	#main_visual .add{left: -12%;}
	#mid2 .donw-slide{padding: 20px 0;}
	#footer .inner .f-lt ul li:last-child::before{margin: 12px 2px;}
	#footer .inner .f-lt ul li{margin-right: 1px}
	#mid1 .mid-side .not-tit {width: 74%;}
	.mid-side .tab_cont .tit{font-size: 12px}
	.mid-side .tab_cont .tit:before{display: none}
	.slider-progress {width: 50px;}
	#main_visual .add {left: -85px;}
	#mid1 .link-line a:after{width: 20px;height: 20px;}
	#mid1 .link-line a:after{right: 8px;}
	#mid1 .link-line a{padding-left: 8px;}

}