@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,option { margin:0; padding:0; }
body { background:#fff;font-family: '微软雅黑 Light' }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var ,i{ font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
/*针对适配*/
/*@media screen and (max-width:320px){*/
    /*!*html,body{font-size:12px }*!*/
/*}*/
/*屏幕最大为640px*/
@media screen and (min-width:640px){
    .beijingforeign_box {
        width: 640px;
    }
}
/*640px绔厤缃?*/
.clearfix:after {content: ""; display: block; clear:both;}

.beijingforeign_box {
    width: 100%;
    background-color:#fff;
    height: auto;
    text-align:center;
}

.sign_img {
	width: 100%;
}

.colorRed {
    color:#d81e0b;
}

.box_size {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*文章主要css*/
header {
    background:url("img/banner.jpg") no-repeat 0px 0px;
    background-size:100% 100%;
    padding:5% 0 27% 0;
}

.school_logo {
    display:inline-block;
    width: 6rem;
    height: 2rem;
    margin-bottom:0.3rem;
}

.school_way {
    width: 90%;
    margin:0 auto;
    color:#222a5c;
    padding:0.3rem 0;
}

.introduce_way {
	font: 900 1.2rem "微软雅黑";
	border-bottom: 1px solid #222a5c;
	margin-bottom: 0.5em;
}

.risk_school {
    margin-top:0.3rem;
}

.risk img {
    vertical-align: top;
}

.risk{
    width: 1.3rem;
    height: 1.3rem;
    background-color:#ebdddc;
    border-radius:4px;
    float:left;
    margin-right:0.2rem;
    padding:1.6%;
}

.risk_introduce {
    width: 86.9%;
    border-radius:4px;
    height: 1.3rem;
    padding:0 0.5rem;
    float:left;
    background-color:#ebdddc;
    color:#222a5c;
    font:700 0.7em/1.3rem "微软雅黑";
    text-align:left;
}

.student_select {
    width: 90%;
    margin:0 auto;
    padding:1rem 0;
}

.select_go {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    width: 30%;
    margin-left:5%;
    float:left;
    height: 1.7rem;
    background-color:#222a5c;
    color:#fff;
    border-radius:7px;
    font:400 0.7em/1.7rem "微软雅黑";
}
.select_go a {
	color: #FFF;
}


.select_go:after {
    content:">>"
}

.select_go:first-child {
    margin-left:0;
}


/*重要通知*/
.school_inform {
	width: 100%;
	background-color: #FFFFFF;
	padding: 5% 0;
}

.importance_inform {
	font: bold 1.15em "微软雅黑";
}
.importance_inform2 {
	font-family: "微软雅黑";
	font-size: 1.0em;
	font-weight: bold;
}

.inform_time {
	width: 55%;
	margin: 0 auto;
	color: #fff;
	padding-top: 5%;
}

.time_year {
	width: 33%;
	height: 2.8rem;
	background-color: #3981d6;
	border-radius: 10px;
	float: left;
	margin-right: 2%;
	margin-left: 5%;
}
.time_left {
	float: left;
	width: 4%;
	color: #999;
	font-weight: 400;
	padding-top: 1.5em;
	margin-right: 2%;
}



.form_time {
    padding:0.3rem 0;
}
.times-go {
	width: 70%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-left: auto;
	font-size: 150%;
	text-align: center;
	font-family: "微软雅黑";
}
.times-go b {
	color: #999999;
}
.times-go .zb {
	margin-right: 0.2em;
	margin-left: 0.1em;
}

.times-go span {
	color: #3981d6;
	font-weight: bold;
}

.Num{
	font: 400 2rem "微软雅黑";
}

.Font {
    width: 100%;
    background-color:#f1f0f0;
    color:#3981d6;
    font:400 0.8em "微软雅黑";
}

/*学历虽不代表能力 但没有却处处受限*/

.education {
    margin:0 auto;
    width: 95%;
    padding:4% 0;
}

.Show_good {
    width: 100%;
    height: 6.5rem;
    margin-top:3%;
}

.Show_education {
    width: 23.5%;
    height: 3rem;
    margin-left: 2%;
    background-color: rgba(0,0,0,0.5);
    float: left;
    margin-bottom: 0.5rem;
    color: #fff;
    font: 400 0.7em/3rem "微软雅黑";
}
.Show_education a {
	color: #FFF;
}


.Show_education:nth-of-type(1) {
    background:url("img/restrict/restrict_01.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.Show_education:nth-of-type(2) {
    background:url("img/restrict/restrict_02.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.Show_education:nth-of-type(3) {
    background:url("img/restrict/restrict_03.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.Show_education:nth-of-type(4) {
    background:url("img/restrict/restrict_04.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.Show_education:nth-of-type(5) {
    background:url("img/restrict/restrict_05.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.Show_education:nth-of-type(6) {
    background:url("img/restrict/restrict_06.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.Show_education:nth-of-type(7) {
    background:url("img/restrict/restrict_07.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.Show_education:nth-of-type(8) {
    background:url("img/restrict/restrict_08.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.Show_education:first-child,.Show_education:nth-of-type(5) {
    margin-left:0;
}

/*报考信息概览*/
.Exam_information {
    width: 100%;
    background-color:#f1f0f0;
    padding:3% 0;
}

.information_inner {
    width: 95%;
    margin:5% auto 0;
}

.information_Show img{
    width: 1.5rem;
    height: 1.5rem;
    display:inline-block;
}

.information_Show {
    float:left;
    width: 24%;
    height: 4rem;
    margin-left:0.2em;
    margin-bottom:0.2em;
    background-color:#fff;
    border-radius:4px;
    font: 400 0.7em "微软雅黑";
    padding-top:4%;
}

.information_Show:first-child,.information_Show:nth-of-type(5) {
    margin-left:0;
}

/*热门专业推荐*/
.hot_major {
    padding:5% 0;
}

.hot_recommend {
    width: 95%;
    margin:3% auto;
    background:#3980d5;
    color:#fff;
}

.consult {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	margin-left: auto;
	height: 1.5rem;
	background-color: #f7ac03;
	color: #fff;
	border-radius: 12px;
	font: 400 0.9em/1.5rem "微软雅黑";
	margin-right: auto;
}
.blan {
	height: 1em;
}
.hot_major table tr .white {
	color: #FFF;
}


.consult a {
	color: #FFF;
}
.hot_major table tr td {
	padding: 0.5em;
}


.recommend {
    width: 70%;
    padding:5% 30% 5% 0;
    background:url("img/recommend.png") no-repeat 13.5em -0.1em;
    background-size:26%;
}

.English {
    font:700 2em "微软雅黑";
}

.introduce_learn {
    font:400 0.8em "微软雅黑";
    margin-top:1%;
    display:block;
}

.learn_button {
    width: 28%;
    margin-left:2%;
    padding:2%;
    background-color:#ffffff;
    color:#000;
    border-radius:4px;
    display:inline-block;
}

.learn_button:first-child {
    margin-left:0;
}

.recommend_project_box {
    width: 100%;
}

.recommend_project {
    width: 50%;
    height: 8rem;
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top:5%
}

.project_name {
	font: 700 1em "微软雅黑";
	padding-top: 9%;
}
.project_name2 {
	font: 700 1em "微软雅黑";
	padding-top: 0px;
	text-align: left;
	padding-left: 10%;
	float: left;
	width: 50%;
}

.recommend_project:nth-of-type(1) {
    background-color:#1cb3cb;
}

.recommend_project:nth-of-type(2) {
    background-color:#3ea0d7;
}

.recommend_project:nth-of-type(3) {
    background-color:#2280b5;
}

.recommend_project:nth-of-type(4) {
    background-color:#1cb3cb;
}

.recommend_project:nth-of-type(5) {
    background-color:#3ea0d7;
}

.recommend_project:nth-of-type(6) {
    background-color:#2280b5;
}

.recommend_project:nth-of-type(7) {
	padding-top: 7%;
    width: 100%;
    height: 4rem;
    background-color:#0f9b9c;
}

.recommend_project:nth-of-type(7) .project_name {
    width: 60%;
    height:100%;
    float:left;
}

.recommend_project:nth-of-type(7) .recommend_button {
    width: 20%;
    height: 0.6rem;
    float:left;
    border-radius:5px;
    font:400 0.9em/0.6rem "微软雅黑";
    color:#000;
    margin:2% 0 0 0;
    padding:2%;
    background-color:#f9f0d8;
}

.recommend_project:nth-of-type(7) .recommend_button:nth-of-type(2) {
    margin-top: -5%;
}

.recommend_button {
	width: 40%;
	border-radius: 5px;
	font: 400 0.9em "微软雅黑";
	color: #000;
	padding: 2%;
	background-color: #f9f0d8;
	margin-top: 10%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.recommend_button2 {
	width: 20%;
	border-radius: 5px;
	font: 400 0.9em "微软雅黑";
	color: #000;
	padding: 2%;
	background-color: #f9f0d8;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
}


/*学历提升绿色通道*/
.education_promote {
    width: 100%;
    padding:5% 0 9% 0;
    background:url("img/aisle.jpg") no-repeat 0 0;
    background-size:100% 100%;
}

.education_position {
    width: 90%;
    height: 4.5rem;
    margin:10% auto 0;
}

.position_up {
    width: 31%;
    height: 100%;
    float:left;
    color:#fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:4px;
    padding:2% 0;
    position:relative;
    margin-left:2%;
}
.position_up a {
	color: #FFF;
}


.position_up:nth-of-type(1) {
    background-color:#1cb3cb;
    margin-left:0;
}

.position_up:nth-of-type(1) .position_sign {
    border-top:0.3em solid #1cb3cb;
}

.position_up:nth-of-type(2) {
    background-color:#3ea0d7;
    margin-top:-3%;
}

.position_up:nth-of-type(2) .position_sign {
    border-top:0.3em solid #3ea0d7;
}

.position_up:nth-of-type(3) {
    background-color:#0f9b9c;
    margin-top:-7%;
}

.position_up:nth-of-type(3) .position_sign {
    border-top:0.3em solid #0f9b9c;
}

.position_name {
    font:700 1em "微软雅黑";
    padding-bottom:0.2em;
    border-bottom:1px dashed rgba(77, 77, 77, 0.5);
}

.education_max {
     padding:0.2em 0;
     font:400 0.5em "微软雅黑";
 }

.education_max:nth-of-type(2) {
    padding:0.2em 0 0 0;
}

.position_sign {
    border:0.2em solid transparent;
    position:absolute;
    bottom:-11%;
    left:50%;
    -webkit-transform: translateX(-50%);
}

/*学费查询*/
.tuition{
	margin-bottom: 1rem;
	height: 400px;
	padding-top: 2%;
	padding-right: 0;
	padding-bottom: 2%;
	padding-left: 0;
}

.student_information {
    width: 95%;
    margin:0.3rem auto 0;
}

#student_massage {
    font:400 0.9em "微软雅黑";
    margin:0.5rem 0;
    color:#bbbbbb;
}

.student_name,.student_input {
    float:left;
    height:1.5rem;
}

.student_name {
    width: 30%;
    text-align:right;
    padding-right:0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight:400;
}

.student_input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 70%;
    border:1px solid #adadad;
    border-radius:2px;
    text-align:left;
    padding:0 0 0 0.3em;
    height: 1.5rem;
    line-height:1.5rem;
    font-size:0.6em ;
}

.student_massage {
    width: 100%;
    border:none;
    outline:none;
}

 select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(img/select.png) no-repeat scroll 95% center transparent;
    padding-right: 0;
    background-size: 1rem;
    font:700 1.2em "微软雅黑";
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.student_massage option:hover{
    background:red;
}

.student_choice {
    width: 34%;
}

.student_choice:nth-of-type(3) {
    margin-left:2%;
}

/*.student_choice select {*/
    /*width: 100%;*/
    /*outline: none;*/
    /*border:none;*/
    /*vertical-align: top;*/
    /*-moz-appearance: none;*/
    /*-webkit-appearance: none;*/
    /*background: url(img/select.png) no-repeat scroll 90% center transparent;*/
    /*padding-right: 0;*/
    /*background-size: 1em;*/
/*}*/

.student_give {
    width: 6rem;
    color:#fff;
    background-color:#F6AB03;
    border:none;
    box-shadow:1px 1px 4px #bca875;
    display:inline-block;
    padding:0.5rem;
    margin:0.5rem 0 0 1em;
}

/*国家承认学历*/
.acknowledge {
    width: 100%;
    background:url("img/acknowledgeBorder.png"),#f1f0f0;
    background-size:100% 100%;
    padding:5% 0;
}


.acknowledge_information {
	width: 90%;
	margin: 2% auto;
}

.acknowledge_img {
	width: 45%;
	height: 6rem;
	float: left;
	margin-left: 1em;
}
.acknowledge_img2 {
	width: 47%;
	height: 12rem;
	float: left;
	margin-left: 1em;
}

.acknowledge_img3 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4%;
}
.acknowledge_img3 img {
	width: 50%;
}


.acknowledge_img:first-child {
    margin-left:0;
}
.why {
	background-color: #f1f0f0;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.why ul {
	margin-top: 3%;
}
.why ul li {
	background-color: #e3e0e0;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	overflow: hidden;
}
.why ul li p {
	font-size: 1.9em;
	font-weight: bold;
	color: #3981d6;
	float: left;
	width: 15%;
	text-align: center;
}
.why ul li img {
	float: right;
	width: 34%;
	margin-right: 3%;
}

.why ul li h1 {
	float: left;
	width: 42%;
	font-size: 0.7em;
	font-weight: normal;
	margin-left: 3%;
	line-height: 1.5em;
	text-align: left;
}
.why ul .bg {
	background-color: #f2f0f1;
}
.no_educational {
	padding-top: 5%;
	padding-bottom: 5%;
}
.no_educational img {
	width: 100%;
	margin-top: 5%;
	margin-bottom: 2%;
}








/*热门专业推荐*/
.hot_specialty {
    width: 95%;
    margin:0 auto;
    padding:5% 0;
}

.specialty_show {
    width: 32%;
    height: 6rem;
    float:left;
    margin-left:2%;
    font:700 0.7em "微软雅黑";
}

.specialty_show img {
    width: 3.8rem;
    height: 4.4rem;
    margin:0 auto;
    display:inline-block;
    background-color:#000;
}

.specialty_show:nth-of-type(1),.specialty_show:nth-of-type(4) {
    margin-left:0;
}

/*pc端&app端，随时随地，想学就学*/
.PC_page {
    padding:5% 0;
    background-color:#f1f0f0;
}

/*北外网院，想努力的人致敬*/
.website {
    padding:5% 0;
    background:url("img/website.jpg") no-repeat 0 0;
    background-size:100% 100%;
    color:#fff;
}

.website_box {
    width: 90%;
    margin: 0 auto;
}

.website_title {
    margin:3% 0;
    font:700 1em "微软雅黑";
}

.website_massage {
    text-align:left;
    font:400 0.8em "微软雅黑";
    padding:0.5em 0;
}

.website_massage:nth-of-type(2) {
    border-bottom:1px dashed rgba(255,255,255,0.5);
}

/*底部官网学院最新消息*/
footer {
	width: 100%;
	background-color: #f1f0f0;
	padding-top: 5%;
	padding-right: 0;
	padding-bottom: 20%;
	padding-left: 0;
}

.footer_massage {
    margin:2% 0;
    font:400 0.7em "微软雅黑";
}
/*底部*/
.bottom-fixed{
	bottom: 0px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10000;
	background-color: #2b3783;
	overflow: hidden;
	padding-top: 3%;
	padding-bottom: 3%;
}
.tel{
	float: left;
	width: 33.3333%;
	background-image: url(img/index_01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 2em;
	line-height: 2em;
}
.map {
	background-image: none;
}

.tel a {
	color: #FFF;
}
.ys {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.ysco {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	color: #666;
}
.ysco ul {
	overflow: hidden;
}
.ysco ul li img {
	width: 50%;
}


.ysco ul li {
	float: left;
	width: 33%;
	text-align: center;
}
.ysco ul li h1 {
	margin-top: 10px;
	font-size: 0.9rem;
}
.ysco p {
	font-size: 0.7rem;
	text-align: center;
	width: 90%;
	margin-top: 1rem;
	padding-right: 5%;
	padding-left: 5%;
}
.recommend {
	width: 70%;
	padding: 5% 30% 5% 0;
	background-size: 26%;
	background-color: #3980d5;
	background-image: url(img/recommend.png);
	background-repeat: no-repeat;
	background-position: 13.5em -0.1em;
	color: #FFF;
}

.English {
    font:700 2em "微软雅黑";
}

.introduce_learn {
    font:400 0.8em "微软雅黑";
    margin-top:1%;
    display:block;
}

.learn_button {
    width: 28%;
    margin-left:2%;
    padding:2%;
    background-color:#ffffff;
    color:#000;
    border-radius:4px;
    display:inline-block;
}

.learn_button:first-child {
    margin-left:0;
}
.main2 {
	background-color: #F0F0F0;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
