﻿@charset "utf-8";
/* CSS Document */
body {
	background: transparent url(../images/bg.png) top left repeat;
	font-size:18px;
	font-family:"Arial";
, Verdana, Arial;
	line-height:150%;
	margin:5px 0 0 0;
	padding:0;
	color:#404040;
}

div {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
	margin:0;
	padding:0;
	border:none;
	list-style-type:none;
}

ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}

a {
	text-decoration: none;
}

.header {
	height:86px;
	position:absolute;
	max-width:960px;
	margin-left:161px;
	margin-right:auto;
}

.box {
	max-width:960px;
	margin:0 auto;
	box-shadow:1px 0 0 13px rgba(147, 183, 52, 0.9);
	background:rgba(255, 255, 255, 0.4);
}

#gaolunlogo {
	position: absolute;
	top: -45px;
	left:50px;
	z-index:10;
	background: url("../img/logo.png") no-repeat;
	width: 17%;/*后面的是兼容IE6png透明*/
	_background:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src="../img/logo.png");
}

#gaolunlogo:hover {
	-webkit-animation:pulselogo 0.3s ease-in-out 0 1 alternate;
	-moz-animation:pulselogo 0.3s ease-in-out 0 1 alternate;
	-ms-animation:pulselogo 0.3s ease-in-out 0 1 alternate;
	-o-animation:pulselogo 0.3s ease-in-out 0 1 alternate;
	animation:pulselogo 0.3s ease-in-out 0 1 alternate
}

#gaolunlogo a {
	height: 182px;
	width: 100%;
	display: block;
}

.navdd {
	float: right;
	z-index: 100;
	position: relative;
}

.navdd ul {
	padding:10px 0 5px 10px;
	background:rgba(255, 255, 255, 0.5);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	display:block;
	float:left;
	margin-top:24px;
	behavior:url(css/ie-css3.htc);/*兼容IE圆角，绝对路径*/
}

.navdd ul li {
	display:inline;
	font-family:'BebasNeueRegular';
	font-size:1.0em;
	color:#707070;
	padding:14px 25px 10px 10px;
	width:auto;
	background:url("../img/star.png") no-repeat right center;
}

.navdd ul li.last {
	background:none;
	padding-right:20px
} /*去掉最后一个星星*/

.navdd ul a:hover {
	color:#da1b62;
	-webkit-transition:color 0.25s ease;
	-moz-transition:color 0.25s ease;
	-ms-transition:color 0.25s ease;
	-o-transition:color 0.25s ease;
	transition:color 0.25s ease
}

a {
	text-decoration:none;
}

.acolor{
	color:#707070;
}

#main {
	background:url("../img/bg_pattern.gif");
	height:640px;
	color:#da1b62;
	z-index:-2;
}

#orgin {
	height:520px;
	background: url("../img/bg_orange.png") no-repeat top center;
	position:relative;
	top:-40px;
	width:100%;
	z-index:1;
}

#slidercontainer {
	verflow: hidden;
}

#slider {
	width:100%;
}

#container_home {
	width:100%;
	height:445px;
}

#content_home {
	position: relative;
	height:445px;
	width:100%;
	margin:0 auto;
}

#content_home #photoss {
	width:45.41667%;
	float:left;
	margin-top:0px;
	background:url("../img/bg_indexphotos.png") no-repeat;
	height:446px;
	background-size:100%
}

#content_home #photos {
	width:45.41667%;
	float:left;
	margin-top:0px;
	height:446px;
	background-size:100%
}

#content_home #photos img {
	margin-left: -197px;
}

#content_home #photoscontainer {
	width:78.21101%;
	margin-top:9.26457%;
	margin-left:14.90826%;
	height:341px;
	position:relative
}

#content_home #phptoscontainer img {
	position: absolute;
	top: -34px;
	width: 396;
	height: 380;
	left: -1px;
}

#hometext {
	float:left;
	width:36%;
	margin-left:6%;
	margin-top:12%;
}

#hometext img {
	width:100%;
}

.teacher {
	float:left;
	width:10%;
	margin-top:12%;
}

.teacher div {
	margin-top:5%;
}

.teacher img {
	width:100%;
}

.asstes {
	width: 100%;
	margin-top:-4.7%;
	margin-bottom:2%;
}

.asstes ul {
	text-align: center;
	width:75%;
	margin:0 auto;
}

.asstes ul li {
	float:left;
	width:10.2%;
	margin-right: 1%;
}

.asstes ul .ones {
	margin-top:2.8%;
}

.asstes ul .one {
	margin-top:2.3%;
}

.asstes ul .two {
	margin-top:3.6%;
}

.asstes ul .twos {
	margin-top:3.2%;
}

.asstes ul .three {
	margin-top:3.9%;
}
.asstes ul .four{
	margin-top:4.2%;
}
.asstes ul .seven{
	margin-top:3.8%;
}
.asstes ul .eight{
	margin-top:4.4%;
}
/*.asstes .firstgl{background:url(../img/bg_iconfirst.png) no-repeat;center top;}
.asstes li.secondgl{background:url(../img/bg_icon2.png) no-repeat;center top;}
.asstes li.threegl{background:url(../img/bg_icon3.png) no-repeat;center top;}
.asstes li.fourthgl{background:url(../img/bg_icon4.png) no-repeat;center top;}
.asstes li.fivegl{background:url(../img/bg_icon5.png) no-repeat;center top;}
.asstes li.sixgl{background:url(../img/bg_icon6.png) no-repeat;center top;}*/
/*.asstes li a{/*background: url("../img/icons_assets.png") no-repeat;padding-top: 155px;display: block;margin-top: 30px; color: #156768;text-shadow: 1px 2px #fff; line-height:26px;}*/

.on {
	text-decoration:none;
	color:#0b5e80;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

.on img {
	width:100%;
}

.on:hover{
	color:green;
}

.change_nav {
	width:100%;
	margin:0 auto;
	position:relative;
	top:-5px;
}

.change_nav img {
	width:100%;
}

.nav_bg {
	width:100%;
	position:absolute;
	z-index:1;
}

.nav_bg img {
	width:100%;
}

.nav_logo {
	position: relative;
	z-index: 2;
	float: left;
	width: 15%;
	margin: 0 auto;
	margin-left: 10%;
	margin-top: -6%;
}

.nav_logo img {
	width:100%;
}

.nav_right {
	width:75%;
	float:right;
	position:relative;
	z-index:2;
}

.nav_r_left {
	float: left;
	width: 42%;
	margin: 0 auto;
	margin-top: 5%;
	margin-left: 37%;
}

.nav_r_right {
	float: right;
	margin-top: 2%;
	width: 16%;
	margin-right: 5%;
}

.nav_r_left img, .nav_r_right img {
	width:100%;
}

.containervideo {
	background:url("../img/bg_pattern.gif");
}

.containerborder {
	width:100%;
	margin:0 auto;
}

.cont_bg {
	width:100%;
	margin-top:5%;
}

.cont_bg img {
	width:100%;
}

.containerfooter {
	height:auto;
	width:93%;
	margin:0 auto;
	margin-top: 2%;
}

.containerewm {
	position:absolute;
	width:226px;
	height:229px;
	left:90px;
	margin-top:30px;
}

.containeraddress {
	max-width:990px;
	margin:0 auto;
	color: #0176ba;/*ED3F64*/
	font-size: 14px;
	margin-top:2%;
	margin-bottom:1%;
	border-top:1px solid;text-align:center; 
	line-height:26px;
	padding-top:20px;
}
.containeraddress span {
font-size: 18px;
color:#ED3F64;
}



.foot{
	width:990px;
	margin:0 auto;
	color: #0176ba;/*ED3F64*/
	font-weight: bold;	
	font-size:16px;
	line-height:20px;

}

.teach_book{
	float: left;
	width: 50%;
	margin-top: 13%;
	font-weight: bold;
}


.containerxinwen {
	width:50%;
	margin:0 auto;
	margin-top: 3%;
	margin-bottom: 9%;
}

.containerxinwen img {
	width:99%;
}

#mediaplayer {
	background-color:#fff;
	/*position: absolute;
	margin-top:-37.5%;
	margin-left:4.2%;*/
}

.show_pic {
	width: 93%;
	margin: 0 auto;
	margin-top: 5%;
}

.show_pic img {
	width:99%;
	margin:0 auto;
}

.mtop {
	margin-top: 6%;
}

.new_pic {
	float:left;
	width:100%;
	margin-bottom:5%;
}

.active{
	color:red;
}

.new_pic_4{
	position: absolute;
	margin-top: -25%;
	margin-left: 8.1%;
}

.new_img_4{
	width:90%;
}

.left{
	width: 41%;
	margin: 0 auto;
	margin-left: 11%;
	float: left;
	margin-top: 7%;
	margin-bottom: 2%;
}

.show_word{
	width:48%;
	margin:0 auto;
	text-align:center;
	line-height:30px;
	float:left;
	margin-top:8%;
	margin-bottom: 2%;	
	font-size:22px;
	color:#0b5e80;
	font-weight:bold;
}

.show_word_title:nth-child(1){
	margin-top:3%;
}

.show_word_title{
	margin-top:5%;
}

.show_word a{
	color:#0b5e80;
	font-weight:bold;
	text-decoration:underline;	
}

.show_word a:hover{
	color:red;
}

.show_word_content{
	margin-top:5%;
	margin-bottom:5%;
}

.showbigpicfirst{
	position:absolute;
	overflow:hidden; 
	display:none;
	width: 954px;
	height:638px;
	margin-top: -51.5%%; 
	margin-left:-27%;
}

.showpicimg{
	position:absolute;
	width:950px; 
	border:2px solid #fff; 
	border-radius:5px;
	background:#c1d785
}

.img3{
	width:1174px;
}

.img0{
	width:954px;
}

.showbigpicthree{
	position:absolute;
	overflow:hidden; 
	display:none;
	width: 1180px;
	height:411px;
	margin-top: -32.5%; 
	margin-left:-11%;
}

.showbigpicfour{
	position:absolute;
	overflow:hidden; 
	display:none;
	width: 954px;
	height:638px;
	margin-top: -240.5%; 
	margin-left: -63%;
}

.showbigpiczero{
	position:absolute;
	overflow:hidden; 
	display:none;
	width: 1100px;
	height:695px;
	margin-top: -47.5%; 
	margin-left: -24.5%;
}

.showbigpicfive{
	position:absolute;
	overflow:hidden; 
	display:none;
	width: 960px;
	height:595px;
	margin-top: -46.5%;
	margin-left: -2.4%;
}

.button{
	text-align: center;
	background: #0176ba ;
	width: 20%;
	margin: 0 auto;
	margin-top: 0%;
	margin-bottom:8%;
	border-radius:5px;
	color:#fff;	
}

.button a{
	color:#fff;
}

.buttons{
	text-align: center;
	background: #0176ba ;
	width: 20%;
	margin: 0 auto;
	margin-top: -4%;
	border-radius:5px;
	color:#fff;	
	margin-right:22%;
}

.buttons a{
	color:#fff;
}

.show_pic2_left{
	float:left;
	width:35%;
}

.show_pic2_right{
	float:left;
	width:65%;
}

.show_pics{
	width: 32%;
	position: absolute;
	margin-top: 9%;
	margin-left: 28%;
}

.show_pic5_left{
	float:left;
	width:60%;
}

.show_pic5_right{
	float:left;
	width:40%;
}

.new_img{
	width:100%;
	margin:0 auto;
}

.titles{
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	margin-top: 9%;
	margin-bottom: 3%;
}

.detailed{
	text-align: center;
	background: #0176ba;
	width: 11%;
	margin: 0 auto;
	margin-top: -7%;
	margin-bottom: 6%;
	border-radius: 5px;
	color: #fff;
	position: absolute;
	margin-left: 29.5%;
}

.detailed a{
	color:#fff;
}

.c {
    padding: 10px 40px;
}
.c h1 {
    font-family: "Arial";
    font-size: 22px;
    padding-bottom: 10px;
    padding-top: 20px;
}
.c p {
    font-family: "Arial";
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
    text-indent: 2em;
}

.c p span {
    font-size: 22px;
    font-weight: bold;
}
.color {
    color: red;
}

