@Charset "utf-8";
@import url("common.css");


#navi {max-width:1400px; margin:0 auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.05em;}
#navi .navi {position:relative; height:58px; line-height:58px;}
#navi .navi .home {float:left; width:60px; height:58px; border-left:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden;}
#navi .navi .home a {display:table-cell; width:60px; height:58px; vertical-align:middle; text-align:center;}
#navi .navi .home a img {display:inline;}
#navi .navi .n1 {position:relative; float:left; padding:0 35px 0 20px; border-right:1px solid #ddd; background:url("/hcm/design/layout2/a/res/img/link_on.png") no-repeat 88% 26px;}
#navi .navi .n1 .a1 {display:block; min-width:113px; font-size:15px; font-weight:500; color:#5c5c5c; padding-right:70px;}
#navi .navi .n2 {position:absolute; min-width:100%; top:58px; left:-1px; background:#fff;text-align:left; white-space:nowrap; overflow:hidden; z-index:5;}
#navi .navi .n2 .a2 {display:block; font-size:14px; line-height:0; color:#313131; padding:0 20px 0 20px; transition:0.3s;}
#navi .navi .n2 .a2:HOVER {background:#12447c; color:#fff;}
#navi .navi .n2 .link .bg {display:none; margin:0 -10px 2px 5px; transition:0.3s;}
#navi .navi .on1 .n2 {border:1px solid #ddd;}
#navi .navi .on1 .n2 .a2 {line-height:58px;}
#navi .navi .on1 .n2 .link img {display:inline;}

#navi .navi .print {position:absolute; top:0; right:0; border-right:1px solid #ddd;}
#navi .navi .print {display:table-cell; width:59px; font-size:14px; color:#4e4e4e; height:58px; line-height:58px; border-left:1px solid #ddd; text-align:center; vertical-align:middle; cursor:pointer;}


#navi .m_navi {position:relative; height:58px; line-height:58px; display:none;}
#navi .m_navi .home {float:left; width:49px; height:58px;  border-right:1px solid #ddd; overflow:hidden;}
#navi .m_navi .home a {display:table-cell; width:49px; height:58px; vertical-align:middle; text-align:center;}
#navi .m_navi .home a img {display:inline;}
#navi .m_navi .navilist {float:left; width:calc(100% - 58px);}
#navi .m_navi .n1 {position:relative; float:left; padding:0 35px 0 20px; border-right:1px solid #ddd; background:url("/hcm/design/layout2/a/res/img/link_on.png") no-repeat 94% 26px; cursor:pointer;}
#navi .m_navi .n1 .a1 {display:block; min-width:90px; font-size:15px; font-weight:500; color:#5c5c5c; white-space:nowrap;}
#navi .m_navi .n2 {position:absolute; width:100%; top:58px; left:0; background:#f0f0f0; text-align:left; white-space:nowrap; overflow:hidden; z-index:5;}
#navi .m_navi .n2 .a2 {display:block; font-size:14px; line-height:0; color:#313131; padding:0 20px; text-align:center; transition:0.3s;}
#navi .m_navi .n2 .a2:HOVER {background:#12447c; color:#fff;}
#navi .m_navi .n2 .link .bg {display:none; margin-left:5px; transition:0.3s;}
#navi .m_navi .on1 .a2 {line-height:58px;}
#navi .m_navi .on1 .link .bg {display:inline;}


.sub_title {display:flex; align-items:center; justify-content:center; height:120px; padding-top:150px;}
.sub_title div {font-size:30px; color:#12447c;}



#sub {position:relative; max-width:1400px; margin:0 auto;}
#sub .sub {padding:70px 3% 150px}

#sub .tab {overflow:hidden;}
#sub .dep3 {max-width:1400px; margin:0 auto 30px; border-bottom:1px solid #ddd; border-collapse:collapse; overflow:hidden;}
#sub .dep3 a {display:table-cell; width:200px; padding:0 20px; height:60px; font-size:18px; color:#000; text-align:center; line-height:20px; vertical-align:middle; border:1px solid #ddd; border-bottom:none;}
#sub .dep3 .on {color:#fff; font-weight:500; border:1px solid #12447c; border-bottom:none; background:#12447c;}

@media only screen and (max-width:800px) {
	#sub .dep3 a {font-size:15px; padding:0 10px; word-break:break-all;}
.sub_title {padding-top:0px;}
}



.t22 {font-size:22px; color:#313131; line-height:30px;}
.t20 {font-size:20px; color:#313131; line-height:30px;}
.t18 {font-size:18px; line-height:30px;}
.t16 {font-size:16px; line-height:26px;}


.c1 {color:#12447c;}





.w2 {display:flex;}
.w2 .item {width:48%;}
.w2 .item:nth-child(2n+2) {margin-left:4%;}
.w2 .text_img:nth-child(2n+2) {margin-left:4%;}

@media only screen and (max-width:1000px) {
	.w2 {display:block;}
	.w2 .item {width:auto !important;}
	.w2 .item:nth-child(2n+2) {margin-left:0; margin-top:30px;}
	.w2 .text_img {width:auto !important;}
	.w2 .text_img:nth-child(2n+2) {margin-left:0; margin-top:30px;}
	
}

.w3 {overflow:hidden;}
.w3 .item {display:inline-block; width:30%; margin:0 1% 20px; text-align:center; border:1px solid #dddddd; border-radius:10px; vertical-align:top; overflow:hidden;}
.w3 .item .title {font-size:18px; padding:15px 10px; line-height:30px; color:#fff; background:#00aefd;}
.w3 .item .text {display:table-cell; width:1000px; min-height:60px; font-size:17px; padding:20px 10px; line-height:30px; color:#313131; text-align:center; vertical-align:middle;}
.w3 .item .btn {display:inline-block; width:94%; max-width:290px; font-weight:bold; padding:15px 2%; color:#00aefd; line-height:24px; border:3px solid #00aefd; overflow:hidden;}


.w4 {display:flex; flex-wrap:wrap;}
.w4 .item {width:22.75%; margin-right:3%; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box;}
.w4 .item:nth-child(4n+4) {margin-right:0;}
.w4 .item .t18 {padding:15px 5px; font-weight:500; color:#fff; text-align:center; background:#12447c;}
.w4 .item .t16 {padding:15px 20px; font-weight:300;}

@media only screen and (max-width:1000px) {
	.w4 .item {width:48%; margin-right:4%;}
	.w4 .item:nth-child(2n+2) {margin-right:0;}
	
}
@media only screen and (max-width:800px) {
	.w4 {display:block;}
	.w4 .item {width:auto; margin-right:0;}
	.w3 .item {display:block; width:auto; margin:0 2% 20px;}
	
}


.btn {overflow:hidden;}
.btn a {display:inline-block; margin:0 5px; padding:5px 20px; min-width:160px; line-height:26px; font-size:18px; color:#fff; text-align:center; vertical-align:middle; border:none; background:#12447c; box-sizing:border-box; overflow:hidden;}



.admission_box {display:flex; flex-wrap:wrap;}
.admission_box .box {position:relative; display:flex; align-items:center; justify-content:center; width:calc(33.3% - 30px); min-height:120px; margin-right:40px; padding:10px; margin-bottom:10px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}
.admission_box .box {font-size:18px; color:#313131; text-align:center; line-height:24px;}
.admission_box .box:before {content:''; position:absolute; top:50%; right:-30px; transform:translate(0, -50%);  width:15px; height:23px; background:url("/site/irt/res/img/icon_bg.png") no-repeat 0 0;} 
.admission_box .box:nth-child(1) {color:#0080e3;}
.admission_box .box:nth-child(6) {color:#0080e3;}
.admission_box .box:nth-last-child(1) {color:#fff; background:#0080e3;}
.admission_box .box:nth-child(3n+3) {margin-right:0;}
.admission_box .box:nth-child(3n+3):before {display:none;}

@media only screen and (max-width:800px) {
	.admission_box .box {width:calc(50% - 30px); word-break:break-all;}
	.admission_box .box:nth-child(3n+3) {margin-right:40px;}
	.admission_box .box:nth-child(2n+2) {margin-right:0;}
	.admission_box .box:nth-child(3n+3):before {display:block;}
	.admission_box .box:nth-child(2n+2):before {display:none;}
	
}


.university {overflow:hidden;}
.university .box {padding:30px 4% 25px; margin-bottom:30px; border:1px solid #e5e5e5; background:#f5f5f5; overflow:hidden;}
.university .box .tb20 {color:#232323; margin-bottom:30px;}
.university .box select {width:270px; height:55px; line-height:55px; padding-left:20px; margin:0 10px 10px 0; font-size:14px; cursor:pointer; border:1px solid #b0b0b0; border-radius:10px; background:#fff url("/site/global3/res/img/select_bg.png") no-repeat 95% 22px;}
.university .box select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.university .box select::-ms-expand {display: none;}


.table_grades {width:100%; margin-top:10px; border-collapse:collapse;}
.table_grades th {width:200px; font-size:18px; color:#fff; border:1px solid #dddddd; background:#0080e3;}
.table_grades td {padding:7px 15px;}
.table_grades .bg td {font-size:16px; padding:25px 15px; border:1px solid #dddddd; line-height:30px;}





.table01 {width:100%; border-top:2px solid #12447c; border-collapse:collapse;}
.table01 th {padding:10px 15px; height:40px; font-size:18px; line-height:30px; color:#313131; border:1px solid #ddd; background:#f1f1f1;}
.table01 td {padding:10px 15px; height:40px; font-size:18px; font-weight:300; line-height:28px; color:#313131; border:1px solid #ddd;}
.table01 th:nth-child(1) {border-left:none;}
.table01 th:nth-last-child(1) {border-right:none;}
.table01 td:nth-child(1) {border-left:none;}
.table01 td:nth-last-child(1) {border-right:none;}

.table01a {width:100%; border-top:2px solid #12447c; border-collapse:collapse;}
.table01a th {padding:10px 15px; height:40px; font-size:18px; line-height:30px; color:#313131; border-bottom:1px solid #ddd; background:#f1f1f1;}
.table01a td {padding:10px 15px; height:40px; font-size:18px; font-weight:300; line-height:28px; color:#313131; border-bottom:1px solid #ddd;}



.p15 td {padding:10px 15px;}
.p20 td {padding:10px 20px;}




.ti10 {text-indent:-10px; padding-left:10px;} 
.ti10l li {text-indent:-10px; padding-left:12px;} 
.ti15 {text-indent:-15px; padding-left:15px;} 
.ti15l li {text-indent:-15px; padding-left:17px;} 
.ti20 {text-indent:-20px; padding-left:20px;} 
.ti20l li {text-indent:-20px; padding-left:22px;} 



@media only screen and (max-width:1000px) {
	#navi .navi {display:none;}
	#navi .m_navi {display:block;}
}
@media only screen and (max-width:800px) {
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:360px) {
}


