body{
	margin: 0;
	padding: 0;
}

body{
	background-color: white; 
	font-family:"Microsoft YaHei";
}


.phone_nav{
	display: none;
}

.pcopy{
	display: none;
}

.pad{
	display: none;
}


.nav{
	width: 100%;
	height: 100px;
	border-bottom: 3px solid #196BA9;
}

.nav_content{
	width: 90%;
	height: 100px;
	margin: 0 auto;
}

.nav_left{
	width: 15%;
	height: 85px;
	float: left;
	padding-top: 15px;
}

.nav_left a{
	text-decoration: none;
}

.nav_mid{
	width: 50%;
	float: left;
	height: 80px;
	padding-top: 20px;
	text-align: center;
}

.nav_mid {
    text-align:center;
}
.nav_mid ul {
    display:inline-block;
}
.nav_mid li {
    float:left;
}
.nav_mid li + li {
    margin-left:20px;
}



.nav_mid li{
	float: left;
	list-style-type: none;
	width: 100px;
	text-align: center;
	line-height: 30px;
}

.nav_mid li a{
	color: #000000;
}

.nav_mid a:link{
	font-size: 1.2em;
	text-decoration: none;
	font-family: "microsoft yahei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
}

.nav_mid a:visited{
	background-color: #196BA9;
}

.nav_mid a:hover, .nav_mid a:active{
	font-size: 1.2em;
	background-color: #196BA9;
	text-decoration: none;
	font-family: "微软雅黑";
	color: white; 
	border-radius:15px;
	display: block;
}


.show_1{
	font-size: 1.2em;
	background-color: #196BA9;
	text-decoration: none;
	font-family: "微软雅黑";
	color: white; 
	border-radius:15px;
	display: block;
}




.nav_right{
	//width: 25%;
	float: right;
	height: 100px;
	text-align: center;
}



.teacher{
	width: 100px;
    height: 30px;
    background: #E6433E;
    border: 2px solid #E6433E;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
    vertical-align: middle;
    outline:none;
    margin-top: 38px;
    //margin-left: 60px;
    border-radius: 16px;
}

input[class="teacher"]:hover {
    background: #dc143c;
    border: 2px solid #DC143C;
}

.student{
	width: 100px;
    height: 30px;
    background: #2790CA;
    border: 2px solid #2790CA;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
    vertical-align: middle;
    outline:none;
    margin-top: 38px;
    margin-left: 10px;
    border-radius: 16px;
}

input[class="student"]:hover {
    background: #00497d;
    border: 2px solid #00497d;
}

.pagein{
	width: 100px;
    height: 30px;
    background: #8ab735;
    border: 2px solid #8ab735;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
    vertical-align: middle;
    outline:none;
    margin-top: 38px;
    margin-left: 10px;
    border-radius: 16px;
}

input[class="pagein"]:hover {
    background: #649606;
    border: 2px solid #649606;
}



/*nav end*/

/*banner开始*/
.banner{ width:100%; overflow:hidden; position:relative;}
.b-img{  position:inherit; clear: both;}
.b-img a{ width: 100%; float:left; margin: 0;padding: 0;}
.b-img a img{display:block;width: 100%;margin: 0;padding: 0;}
.b-list{position:absolute; bottom: 20px; left: 50%;margin-left: -60px;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; background-color: #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #00529C; background-color: #00529C;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:50%; margin-top: -25px;}
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:50%; margin-top: -25px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../image/arrow.png) 0px 0px no-repeat; margin:0 auto;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../image/arrow.png) -50px 0px no-repeat; margin:0 auto; }
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*banner end*/

.title{
	margin-top: 80px;
	height: 70px;
	width: 100%;
	background-color: white;
	text-align: center;
	font-family: "微软雅黑";
	color: gray;
}

.info{
	width: 100%;
	height: 550px;
	display: flex;
}

.info p{
	font-family: "微软雅黑";
	font-size: 1.2em;
	color: gray;
}

.info_left{
	width: 205px;
	height: 550px;
}

.info_mid_1{
	width: 620px;
	height: 550px;
}


.top_h{
	padding-top: 60px;
}


#info_title{
	font-family: "微软雅黑";
	font-size: 30px;
	color: #666666;
}

.left_top{
	width: 620px;
	height: 275px;
	display: flex;
}




.left_down{
	width: 620px;
	height: 275px;
	display: flex;
}

.info_mid_2{
	width: calc(100% - 1645px);
	height: 550px;
}

.info_mid_3{
	width: 620px;
	height: 550px;
}



.right_top{
	width: 620px;
	height: 275px;
	display: flex;
}



.right_down{
	width: 620px;
	height: 275px;
	display: flex;
}


.info_right{
	width: 200px;
	height: 550px;
}


.img_1{
	width: 100%;
}
.img_2{
	width: 90%;
	margin: 0 auto;
}

.school{
	height: 600px;
	width: 100%;
}

.text{
	width: 80%;
	height: 150px;
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
	font-family: "微软雅黑";
	color: #786F66;
}

.text p{
	font-size: 1.2em;
}

.roll{
	width: 80%;
	height: 350px;
	margin: 0 auto;
}




.copyrights{
	height: 200px;
	width: 100%;
	background-color: #666666;
}

.copy_content{
	width: 80%;
	height: 200px;
	margin: 0 auto;
}

.copy_left{
	float: left;
	color: white;
	line-height: 15px;
	margin: 0 auto;
	height: 170px;
	width: 90%;
	padding-top: 30px;
}

.copy_right{
	float: right;
	width: 10%;
	height: 200px;
}

.link{
	font-family: "微软雅黑";
	font-size: 1.2em;
}

.link a:link, .link a:visited {
    color: white;
    text-decoration:none;
}    

.link a:hover, .link a:active {
    color:#000000;
    text-decoration:none;
}

a:focus{outline:none;}

.copy{
	font-family: "微软雅黑";
	font-size: 1.2em;
}

.copy a{
	text-decoration: none;
	color: white;
}


.phone_nav{
	display: none;
}

.pcopy{
	display: none;
}