@charset "UTF-8";

body.main_bg{background:#e7ebf3 url(../images/sub_bg.png) repeat-y 0 0;}
.content.main{background:#e7ebf3;}
.main_area{width: 1000px;min-width: 800px;max-width:1200px;height:800px;margin-left: 50px;box-sizing: border-box;/* margin:0 auto; */}
.main_area .main_title{width:100%; height:90px; text-align: center; box-sizing: border-box; padding: 20px 0; font-size:34px; color:#45536b; font-weight: 600; letter-spacing: -0.04em;}
.main_area .main_list_wrap{width:100%; height:800px;}
.main_area .main_list_wrap:after{content: ''; display: block; clear: both;}
.main_area .main_list_wrap>li{width: calc(33.33% - 6.66px);height: 310px;float: left;display: block;margin-right: 10px;margin-bottom: 10px;box-sizing: border-box;}
.main_area .main_list_wrap>li:nth-child(3){margin-right:0;}
.main_area .main_list_wrap>li:nth-child(4){width:100%; height:400px;}
.main_area .main_list_wrap .portlet{border:solid 1px #b3bdd1; background: #fff; width: 100%; height: 100%; box-sizing: border-box;}
.main_area .main_list_wrap .pr_top{width:100%;height: 42px;border-bottom:solid 1px #b3bdd1;background:#f2f4f8;position: relative;
	padding: 8px 0 0 12px;box-sizing: border-box;
	background: #eceff5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f4f8 0%, #eceff5 50%, #e7ebf3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f2f4f8 0%,#eceff5 50%,#e7ebf3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f2f4f8 0%,#eceff5 50%,#e7ebf3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4f8', endColorstr='#e7ebf3',GradientType=0 ); /* IE6-9 */
}
.main_area .main_list_wrap .pr_top .title{font-size:16px; color:#45536b;}
.main_area .main_list_wrap .pr_top .right{position: absolute;right:20px;top:9px;font-size: 15px;}
.main_area .main_list_wrap .pr_top .right.btn{top: 8px;}
.main_area .main_list_wrap .pr_top .btn_more{position:absolute; right:15px; top:7px; width: 25px; height: 25px; display: block; cursor: pointer; text-indent:-9999px; background: url(../images/ic_more.png) no-repeat center center; }

.main_area .main_list_wrap .pr_body{text-align: center;}
.main_area .main_list_wrap .btn_sms{display:inline-block;border:solid 1px #45536b;background: #45536b;border-radius: 30px;padding: 8px 40px;text-align: center;font-size: 15px;color:#fff !important;margin-top: 20px;}
.main_area .main_list_wrap .btn_date{display:inline-block; border:solid 1px #7586a4; background: #ebeef5; border-radius: 30px; padding:3px 20px; text-align: center; color:#707a8a !important;}
.main_area .main_list_wrap .btn_date.on{background: #45536b; border:solid 1px #45536b; color:#fff !important;}
.main_area .main_list_wrap .pr_body.edu .cnt{color:#45536b;font-size: 37px;border: solid 5px #45536b;border-radius:70px;width: 82px;height: 82px;box-sizing: border-box;line-height: 1.9em;margin: 30px auto 20px auto;font-weight: 600;}
.main_area .main_list_wrap .pr_body.edu .txt{font-size: 15px;color:#222222;line-height: 1.6em;/* padding:10px 0; */}

.main_area .main_list_wrap .main_notice{width:100%;padding: 18px 20px 0 15px;box-sizing: border-box;display: block;}
.main_area .main_list_wrap .main_notice>li{padding:8px 0;font-size: 15px;color: #222222;text-align: left;letter-spacing: -0.04em;}
.main_area .main_list_wrap .main_notice>li .txt{float:left;color: #222;display: block;width: 210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/* letter-spacing: -0.06em; */}
.main_area .main_list_wrap .main_notice>li .date{float:right;color: #888888;font-size: 14px;}
.main_area .main_list_wrap .main_notice>li:after{display: block; content: ''; clear: both;}


body.main_bg header,
body.main_bg .container{min-width: 1300px;}


/* update_20201121 */
.homepage_main { position: relative; padding-left: 0; max-width: 1400px;}
.homepage_main .content { overflow: hidden; margin-top: 20px;}
.homepage_main .left,
.homepage_main .center,
.homepage_main .right { float: left; height: 460px; }
.homepage_main .left { width: 414px;  margin-left: 26px; }
.homepage_main .left .banner_wrap { position: relative; overflow: hidden; }
.homepage_main .left .banner_wrap img { width: 100%; }
.homepage_main .left .banner_wrap .txt_wrap { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; color: #000;}
.homepage_main .left .banner_wrap .txt_wrap .main_txt {font-size : 23px;}
.homepage_main .left .banner_wrap .txt_wrap .main_txt b { font-weight: 600; }
.homepage_main .left .banner_wrap.banner01 { height: 146px; }
.homepage_main .left .banner_wrap.banner01 .txt_wrap { padding: 21px; line-height: 1.2;}
.homepage_main .left .banner_wrap.banner01 .txt_wrap .main_txt { margin-bottom: 11px; font-size: 26px; }
.homepage_main .left .banner_wrap.banner01 .txt_wrap .txt { font-size: 14px; line-height: 1.3; }
.homepage_main .left .banner_wrap.banner02 { height: 307px; margin-top: 6px; }
.homepage_main .left .banner_wrap.banner02 .txt_wrap { padding: 30px 21px; font-size: 23px; line-height: 1.2; color: #fff; font-weight: 600;}
.homepage_main .left .banner_wrap.banner02 .txt_wrap .main_txt { margin-bottom: 15px; color : #003764; opacity : 0.8; line-height : 1.304; letter-spacing : -0.9px; }
.homepage_main .left .banner_wrap.banner02 .txt_wrap .txt { font-size: 15px; color : #003764; opacity : 0.8; line-height : 1.304; letter-spacing : -0.9px; }

.homepage_main .center { width: 330px;  margin-left: 16px; }
.homepage_main .center_all { overflow: hidden; }
.homepage_main .center_all_item { position: relative; margin-bottom: 10px; border: 1px solid #585858; height: 144px; background: #f3f3f3; }
.homepage_main .center_all_item:last-child { margin-bottom: 0; }
.homepage_main .center_all_item:after { content:''; display: block; position: absolute; top: 0; left: 0; z-index: 1;  width: 159px; height: 141px; background: url('../images/hm_menu_bg.png') 0 0 no-repeat; }
.homepage_main .center_all_item .title,
.homepage_main .center_all_item .menu_list { float: left; }
.homepage_main .center_all_item .title { width: 159px; height: 100%; padding-top: 90px; font-size: 15px; font-weight: bold; text-align: center; line-height: 1; box-sizing: border-box;}
.homepage_main .center_all_item:nth-child(1) .title { background: url('../images/hm_menu01.png') top 37px center no-repeat; }
.homepage_main .center_all_item:nth-child(2) .title { background: url('../images/hm_menu02.png') top 37px center no-repeat; }
.homepage_main .center_all_item:nth-child(3) .title { background: url('../images/hm_menu03.png') top 37px center no-repeat; }
.homepage_main .center_all_item .menu_list { width: calc(100% - 200px); margin: 21px 0 0 26px; font-size: 14px; font-weight: bold;} 
.homepage_main .center_all_item .menu_list .menu_item { line-height: 1.75; }

.homepage_main .center_menu { height: calc(100% - 2px); padding: 0 20px; border: 1px solid #585858; background: #f3f3f3; }
.homepage_main .center_menu .center_menu_title { height: 87px; padding-left: 108px; font-size: 26px; font-weight: bold; line-height: 3.2;}
.homepage_main .center_menu.menu01 .center_menu_title { background: url('../images/hm_menu01.png') left 70px center no-repeat; background-size: 29px auto; }
.homepage_main .center_menu.menu02 .center_menu_title { background: url('../images/hm_menu02.png') left 70px center no-repeat; }
.homepage_main .center_menu.menu03 .center_menu_title { background: url('../images/hm_menu03.png') left 70px center no-repeat; }
.homepage_main .center_menu .menu_item { width: calc(100% - 2px); height: 75px; margin-bottom: 12px; padding: 0 19px; border: 1px solid #a7a7a7; background: #fff; box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.1); box-sizing: border-box;}
.homepage_main .center_menu .menu_item:last-child { margin-bottom: 0; }
.homepage_main .center_menu .menu_item .title { font-size: 20px; margin-top: 18px; line-height: 1; font-weight: bold; }
.homepage_main .center_menu .menu_item .cont { margin-top: 4px;  font-size: 13px; color: #939393; letter-spacing: -0.06em; word-spacing: -0.06em; }

.homepage_main .right { width: 345px; margin-left: 27px; }
.homepage_main .right .notice_wrap { margin-bottom: 29px; }
.homepage_main .right .notice_wrap .notice_header { overflow:hidden; border-bottom: 1px solid #000; padding: 4px 0;}
.homepage_main .right .notice_wrap .notice_header h3 { float: left; font-size: 16px; font-weight: bold;}
.homepage_main .right .notice_wrap .notice_header .btn_more { float: right; }
.homepage_main .right .notice_wrap .notice_item { margin-top: 4px; font-size: 14px; color: #666666; }
.homepage_main .right .notice_wrap .notice_item a { display: block; width: 100%; overflow: hidden;}
.homepage_main .right .notice_wrap .notice_item .title { float: left; width: calc(100% - 100px); height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.homepage_main .right .notice_wrap .notice_item .date { float: right; }

.homepage_main .right .request_wrap,
.homepage_main .right .request_wrap * { box-sizing: border-box; }
.homepage_main .right .request_wrap { height: 142px; padding: 20px 0; border: 1px solid #cbcbcb; overflow: hidden; }
.homepage_main .right .request_item { float: left; width: 50%; height: 100%; padding-left: 20px; border-right: 1px solid #cbcbcb; color: #000;}
.homepage_main .right .request_item:last-child { border-right: 0 none; padding-left: 32px;}
.homepage_main .right .request_item .name { font-size: 14px; }
.homepage_main .right .request_item .num { font-size: 16px; margin: 4px 0 10px 0; font-weight: bold; }
.homepage_main .right .request_item .info { font-size: 14px; }

.homepage_main .footer_banner_list { float: left; width: 100%; padding: 20px 0;  overflow: hidden; box-sizing: border-box; padding-left: 25px;}
.homepage_main .footer_banner_item { float: left; margin-right: 11px; border: 1px solid #f0f0f2; }
.homepage_main .footer_banner_item:last-child { margin-right: 0; }