@charset "utf-8";

/* main container */
.container.main_container > div {width:100%; margin:0; padding:0;}

@media (min-width:1180px) {
	.container.main_container + .footer {margin-top:24px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.container.main_container + .footer {margin-top:20px;}
}
@media (max-width:767px) {
	.container.main_container {padding-bottom:48px;}
	.container.main_container + .footer {margin-top:16px;}
}

/* main layout */
.ml_row {position:relative;}
.ml_row::after {display:block; content:''; clear:both;}
.ml_row {width:1180px; margin:0 auto; padding:12px 0 110px;max-width:100%}
.ml_row .ml_board {padding-right:538px;}
.ml_row .ml_popupzone {position:absolute; right:0; top:0; padding:12px 0;}
.ml_row {padding:10px 24px;}
.ml_row .ml_50p {float:left; width:50%;}
.ml_row .ml_popupzone {position:absolute; right:0; top:0; padding:10px 24px;}

@media (min-width:1180px) {
	
	.ml_row .ml_50p {float:left; width:50%;}

}
@media (min-width:768px) and (max-width:1179px) {
	
}
@media (max-width:767px) {
	.ml_row {padding:8px 16px;width:100%}
}

/* m_visual */
.m_visual {width:1180px;margin:40px auto 50px;max-width:95%}
.m_visual:after {display:block;clear:both;content:''}
.m_visual .mv_slogan {float:left;color:#222;padding-top:48px;letter-spacing:-1px;width:36%}
.m_visual .mv_slogan span {font-size:21px;font-weight:500;border-bottom:1px solid #222}
.m_visual .mv_slogan p {font-size:42px;font-weight:400;margin-top:26px;line-height:1.25;letter-spacing:-2px;}
.m_visual .mv_slogan p strong {font-weight:700}
.m_visual .img {float:right;width:64%}
.m_visual .img img {max-width:100%}
@media(max-width:1110px){
	.m_visual .mv_slogan p {word-break:keep-all}
	.m_visual .mv_slogan p br {display:none}
}
@media(max-width:890px){
	.m_visual .mv_slogan {float:none;width:100%;text-align:center;padding-top:0}
	.m_visual .mv_slogan p br {display:block;}
	.m_visual .img {float:none;width:80%;margin:auto;display:block;}
}
@media(max-width:500px){
	.m_visual {margin:30px auto 25px}
	.m_visual .mv_slogan {float:none;width:100%;text-align:center}
	.m_visual .mv_slogan span {font-size:18px}
	.m_visual .mv_slogan p {font-size:30px}
}



/* main quick menu */
.m_quick_menu ul::after {display:block; content:''; clear:both;}
.m_quick_menu ul li {float:left;width:25%}
.m_quick_menu ul li div {position:relative;background:#efeef3}
.m_quick_menu ul li div:before {display:block;width:40px; height:40px;line-height:40px;text-align:center;color:#fff; background:#235698;border-radius:50%;font-family:'remixicon';content:'\ea6c';position:absolute;left:30px;bottom:25px;opacity:0;transition:opacity .2s;z-index:1}
.m_quick_menu ul li div a {display:block;padding:35px 30px;height:200px;position:relative}
.m_quick_menu ul li div a:before {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:calc(100% + 36px);height:calc(100% + 26px);background:#fff;opacity:0;box-shadow:0px 0px 15px rgba(0,0,0,.1);transition:.2s}
.m_quick_menu ul li div a:after {content:'';width:57px;height:56px;position:absolute;right:30px;bottom:25px;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:3;}
.m_quick_menu ul li div.on:before {opacity:1;z-index:4;}
.m_quick_menu ul li div.on a:before {opacity:1;z-index:3;}
.m_quick_menu ul li div.on .mqm_descript {text-decoration:underline;}
.m_quick_menu ul li:nth-child(2) div,.m_quick_menu ul li:nth-child(4) div,.m_quick_menu ul li:nth-child(5) div,.m_quick_menu ul li:nth-child(7) div {background:#f9f9f9}
.m_quick_menu ul li div p {position:relative;z-index:3;}

.m_quick_menu .mqm_title {display:block; font-size:22px; line-height:1.2;font-weight:700; letter-spacing:-0.048em; color:#222}
.m_quick_menu .mqm_title .mqm_window {position:relative; display:inline-block; width:14px; height:14px; vertical-align:top; margin-left:4px; margin-top:7px;}
.m_quick_menu .mqm_title .mqm_window::before, 
.m_quick_menu .mqm_title .mqm_window::after {display:block; content:''; position:absolute;}
.m_quick_menu .mqm_title .mqm_window::before {right:0; bottom:0; width:12px; height:12px; border:1px solid #666; border-top:0; border-left:0; opacity:0.48;}
.m_quick_menu .mqm_title .mqm_window::after {left:0; top:0; width:12px; height:12px; border:1px solid #666;}
.m_quick_menu .mqm_descript {display:block; font-size:16px;color:#767676;line-height:1.2;margin-top:10px}
.m_quick_menu .ico_window {display:none;}

.m_quick_menu ul li:nth-child(1) div a:after {background-image:url(../image/main/ico_01.png)}
.m_quick_menu ul li:nth-child(2) div a:after {background-image:url(../image/main/ico_02.png)}
.m_quick_menu ul li:nth-child(3) div a:after {background-image:url(../image/main/ico_03.png)}
.m_quick_menu ul li:nth-child(4) div a:after {background-image:url(../image/main/ico_04.png)}
.m_quick_menu ul li:nth-child(5) div a:after {background-image:url(../image/main/ico_05.png)}
.m_quick_menu ul li:nth-child(6) div a:after {background-image:url(../image/main/ico_06.png)}
.m_quick_menu ul li:nth-child(7) div a:after {background-image:url(../image/main/ico_07.png)}
.m_quick_menu ul li:nth-child(8) div a:after {background-image:url(../image/main/ico_08.png)}

.m_quick_menu {padding:0 0 55px; width:1180px;max-width:100%; margin:0 auto;}
/* @media (min-width:768px) and (max-width:1179px) {
	.m_quick_menu {padding:10px 24px;}
} */
@media (max-width:1030px) {
	.m_quick_menu ul li {width:50%;}
	.m_quick_menu ul li:nth-child(3) div,.m_quick_menu ul li:nth-child(6) div,.m_quick_menu ul li:nth-child(7) div {background:#f9f9f9}
	.m_quick_menu ul li:nth-child(4) div,.m_quick_menu ul li:nth-child(5) div {background:#efeef3}
}
@media(max-width:767px){
	.m_quick_menu {padding-bottom:0}
	.m_quick_menu ul li, .m_quick_menu {width:100%}
	.m_quick_menu ul li div {background:#efeef3 !important}
	.m_quick_menu ul li:nth-child(even) div {background:#f9f9f9 !important}
	.m_quick_menu ul li div a {word-break:keep-all;padding:30px 15px;height:auto}
	.m_quick_menu ul li div a:before {display:none}
	.m_quick_menu ul li div a:after {z-index:0;bottom:inherit;right:15px;top:50%;transform:translateY(-50%);}
}



/* main board */
.m_board {position:relative;/* font-size:0; line-height:0;*/}
.m_board .tab_box .tab_title {position:absolute; top:0; z-index:0;}
.m_board .tab_box.on .tab_title {z-index:5;}
.m_board .tab_box .tab_title a {display:inline-block; height:46px;padding:0 5px;text-align:center; font-size:18px; font-weight:500; color:#afafaf;}
.m_board .tab_box.on .tab_title a {color:#222;}
.m_board .tab_box .tab_title a:hover,.m_board .tab_box .tab_title a:focus {text-decoration:underline;}
.m_board .tab_box .tab_content ul li {position:relative;}
.m_board .tab_box .tab_content ul li + li {margin-top:8px}
.m_board .tab_box .tab_content ul li * {vertical-align:middle;}
.m_board .tab_box .tab_content ul li a {color:#666;padding:8px 0;position:relative;padding-right:8px;max-width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.m_board .tab_box .tab_content ul li a p {color:#222;}
.m_board .tab_box .tab_content.all ul li a {padding-left:60px}
.m_board .tab_box .tab_content ul li .category {display:inline-block;width:45px;height:28px;line-height:28px;text-align:center;margin-right:15px;color:#fff;background:#00317b;position:absolute;left:0;top:3px}
.m_board .tab_box .tab_content ul li .category.type2 {background:#c67505 }
.m_board .tab_box .tab_content ul li .category.type3 {background:#1c82cf}
.m_board .tab_box .tab_content ul li .ico_new {display:inline-block; width:18px; height:18px; background:url(../image/main/m_icon.png) no-repeat 0 -200px; text-indent:-10000px;}
.m_board .tab_box .tab_content ul li .mb_date {position:absolute; right:0; top:0; display:block; padding:8px 0;font-size:15px; line-height:21px; color:#767676;}
.m_board .tab_box .tab_content ul li a:hover,.m_board .tab_box .tab_content ul li a:focus {text-decoration:underline;}

.m_board .tab_box .btn_more {position:absolute;right:0;top:-5px;background:#f9f9f9;border-radius:30px;color:#afafaf;font-size:15px;padding:8px 12px 7px 15px;transition:.2s}
.m_board .tab_box .btn_more:hover,.m_board .tab_box .btn_more:focus {background:#4b55c7;color:#fff}
.m_board .tab_box .btn_more i {vertical-align:-2px;}
/* .m_board .tab_box .btn_more {background:url(../image/main/m_icon.png) no-repeat right -240px;} */


.m_board {padding-top:48px;margin-top:-43px}
.m_board .tab_box .tab_title a span {}
.m_board .tab_box:nth-child(1) .tab_title {right:323px;}
.m_board .tab_box:nth-child(2) .tab_title {right:246px;}
.m_board .tab_box:nth-child(3) .tab_title {right:169px;}	
.m_board .tab_box:nth-child(4) .tab_title {right:92px;}	
.m_board .tab_box .tab_content {padding:24px 0; min-height:244px;} 
.m_board .tab_box .tab_content ul li {padding-right:96px;}

.m_board .tab_box .tab_content ul li a p {display:inline-block; line-height:21px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m_board .mb_bar {border:0; margin:0; padding:0; display:block; width:100%; height:1px; position:absolute; left:0; top:47px; background:#ddd;}
@media (min-width:768px) and (max-width:1179px) {
	/* .m_board {padding-top:48px;}
	.m_board .tab_box .tab_title {width:96px;}
	.m_board .tab_box .tab_title a span {font-size:15px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:95px;}
	.m_board .tab_box:nth-child(3) .tab_title {left:190px;}	
	.m_board .tab_box .tab_content {padding:20px; min-height:195px;} 
	.m_board .tab_box .tab_content ul li {padding:6px 0; padding-left:8px;font-size:14px; line-height:19px;}
	.m_board .tab_box .tab_content ul li::before {top:50%; margin-top:-1px;}
	.m_board .tab_box .tab_content ul li a {display:inline-block; max-width:calc(100% - 26px); font-size:14px; line-height:19px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.m_board .tab_box .btn_more {position:absolute; right:0; top:0; width:27px; height:27px; margin-top:10px;} */
	.m_board .mb_bar {border:0; margin:0; padding:0; display:block; width:100%; height:1px; position:absolute; left:0; top:47px; background:#ddd;}
}
@media(max-width:1100px){
	.m_board .tab_box .btn_more {top:-2px}
	.ml_row .ml_board {padding-right:490px}
	.m_board .tab_box .tab_title {top:3px}
	.m_board .tab_box .tab_title a {height:44px}
	.m_board .tab_box .tab_content ul li a {max-width:calc(100% - 20px)}
}


.mp_title {margin-bottom:18px}
.mp_title span {display:block; font-size:26px; font-weight:700}

/* main popupzone */
.m_popupzone > div {position:relative;}
.m_popupzone .slide_btn {position:absolute;top:4px;font-size:20px;right:0}
/* .m_popupzone .slide_btn [class^="btn_"] {position:absolute; top:0; display:block; width:27px; height:27px; z-index:900; border:1px solid #ddd; background-image:url(../image/main/m_icon.png); background-repeat:no-repeat; z-index:0;}
.m_popupzone .slide_btn .btn_prev {right:52px; background-position:0 -280px;}
.m_popupzone .slide_btn .btn_pause {right:26px; background-position:0 -360px;}
.m_popupzone .slide_btn .btn_play {right:26px; background-position:0 -400px;}
.m_popupzone .slide_btn .btn_next {right:0; background-position:0 -320px;} */
.m_popupzone .slide_list {margin-top:6px; overflow:hidden;}
.m_popupzone .slide_list ul li a,
.m_popupzone .slide_list ul li a img {display:block;}

.m_popupzone .ico_window {display:none;}
.m_popupzone > div {width:460px;}
.m_popupzone .slide_list ul li a img {width:100%}
.ml_popupzone .lightSlider {padding-bottom:48.2609% !important}
.ml_popupzone .lightSlider img {max-width:100%;width:100%}
.ml_popupzone .lightSlider .lslide {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}

/* @media (min-width:768px) and (max-width:1179px) {
	.m_popupzone > div {width:280px;}
	.m_popupzone .slide_list ul li a img {width:280px; height:210px;}
} */
@media (max-width:767px) {
	.m_popupzone > div {margin-top:16px;}
	.m_popupzone .slide_list ul li a img {width:100% !important;}
}
@media(max-width:990px){
	.ml_row .ml_board {padding-right:0}
	.m_board {margin-top:0}
	.ml_row .ml_popupzone {position:static;right:inherit;top:inherit;padding:0}
	.m_quick_menu {margin-bottom:30px}
	.m_board .tab_box .tab_title {right:inherit !important}
	.m_board .tab_box:nth-child(1) .tab_title {left:0}
	.m_board .tab_box:nth-child(2) .tab_title {left:42px}
	.m_board .tab_box:nth-child(3) .tab_title {left:117px}
	.m_board .tab_box:nth-child(4) .tab_title {left:192px}
	.m_popupzone > div {width:100%}
}
@media (max-width:400px) {
	.m_board {padding-top:33px}
	.m_board .mb_bar {top:37px}
	.m_board .tab_box .tab_title a {font-size:15px;height:33px;padding:0}
	.m_board .tab_box .tab_content {padding:15px 0;min-height:222px}
	.m_board .tab_box:nth-child(2) .tab_title {left:32px}
	.m_board .tab_box:nth-child(3) .tab_title {left:91px}
	.m_board .tab_box:nth-child(4) .tab_title {left:155px}
}

/* main banner collection */
.m_banner > div {position:relative; height:56px; padding-right:96px; overflow:hidden;}
.m_banner .slide_btn [class^="btn_"] {position:absolute; top:50%; margin-top:-14px; display:block; width:27px; height:27px; z-index:900; border:1px solid #ddd; background-image:url(../image/main/m_icon.png); background-repeat:no-repeat; z-index:0;}
.m_banner .slide_btn .btn_prev {right:52px; background-position:0 -280px;}
.m_banner .slide_btn .btn_pause {right:26px; background-position:0 -360px;}
.m_banner .slide_btn .btn_play {right:26px; background-position:0 -400px;}
.m_banner .slide_btn .btn_next {right:0; background-position:0 -320px;}
.m_banner .slide_list ul li {padding:0 4px; height:56px;}
.m_banner .slide_list ul li a {display:block; height:inherit; border:1px solid #ebebeb; font-size:0; line-height:0; text-align:center;}
.m_banner .slide_list ul li a::before {display:inline-block; width:0; height:100%; content:''; vertical-align:middle;}
.m_banner .slide_list ul li a img {display:inline-block; max-width:72%; max-height:64%; vertical-align:middle; margin:-100% 0;}

.m_banner .ico_window {display:none;}

#quick_link {position:fixed;right:0;top:240px;z-index:10;}
#quick_link a {display:block;width:250px;padding:0 30px;height:65px;line-height:65px;color:#fff;font-weight:500;font-size:18px}
#quick_link a:after {display:block;clear:both;content:''}
#quick_link a span {float:left;}
#quick_link a i {float:right;vertical-align:-3px;transition:.2s}
#quick_link a:hover span,#quick_link a:focus span {text-decoration:underline}
#quick_link a:hover i,#quick_link a:focus i {transform:translateY(-3px)}
#quick_link a:first-of-type {background:#C67505}
#quick_link a:nth-of-type(2) {background:#BB2526}
#quick_link a:nth-of-type(3) {background:#587bbb}
#quick_link a:nth-of-type(4) {background:#546E85}
#quick_link a:nth-of-type(5) {background:#54855D}
#quick_link a:last-of-type {background:#9347c3}

@media(max-width:1500px){
	#quick_link a {width:188px;padding:0 15px;height:40px;line-height:40px;font-size:16px}	
}
@media(max-width:1180px){
	#quick_link {right:inherit;top:inherit;left:50%;transform:translate(-50%,0);bottom:0;width:100%;display:table;margin-top:50px}
	#quick_link a {display:table-cell;width:1%}
	#quick_link + .footer {margin:0;padding-bottom:40px}
}
@media(max-width:560px){
	#quick_link a {padding:0 6px;text-align:center;height:30px;line-height:30px;}
	#quick_link a span {float:none;}
	#quick_link a i {display:none}
}
@media(max-width:450px){
	#quick_link a {padding:0;font-size:12px}
	#quick_link a:last-of-type {background:#9347c3; letter-spacing:-2px;}
}