.clearfix{zoom:1;}
.clearfix:after,.clearfix:before{content:"";display:table;}
.clearfix:after{clear:both;}
*{
	margin: 0;
	padding: 0;
}
button,ul,li,a,p{
	padding:0;margin:0;list-style: none;
}
.title{
	width: 100%;
}
.banners{
	width: 100%;
	height: 771px;
	background: url(../images/banner.jpg) no-repeat center center;
}
.mainn{
	width: 100%;
}
.wen{
	width: 1200px;
	height: 60px;
	margin: 0 auto;
	padding-top: 100px;
	position: relative;
}
.why{	
	margin: 0 auto;
	width: 1200px;
	height: 35px;	
	background:url(../images/1.png) no-repeat center center; 
}
.wen>p{
	text-align: center;
	position: absolute;
	left: 255px;
	top:70px;
	font-size: 60px;
	font-weight: bold;
	letter-spacing:2px;
}
.lz{
	margin: 0 auto;
	width: 1200px;
	margin-bottom: 40px;
}
.lz>p{
	padding-top: 40px;
	font-size: 27px;
	text-align: center;
}
.vs{
	margin: 0 auto;
	width: 1200px;
	height: 569px;
	background: url(../images/2.png) no-repeat center center;
}
.first{
	float: left;
	font-size: 30px;
	color: white;
	padding-left: 65px;
	
}
.first>li{
	margin: 0 auto;
	width: 330px;
	padding-top: 65px;
}
.secon{
	float: right;
	font-size: 30px;
	color: white;
	padding-left: 65px;
	position: relative;
	height: 570px;
	
}
.one{
	position: absolute;
	left: -400px;
	top: 60px;
	text-align: left;
}
.two{
position: absolute;
	left: -500px;
	top: 200px;
	text-align: left;

}

.three{
position: absolute;
	left: -550px;
	top: 350px;
	text-align: left;
}
.four{
position: absolute;
	left: -650px;
	top: 480px;
	text-align: left;
}
.table2{
	margin:0 auto;
	width: 100%;
	height: 828px;
	background: url(../images/3.png) no-repeat center center;
}
.wen2>p{
    padding-top: 210px;	
	text-align: center;
	font-size: 55px;
	font-weight: bold;
	letter-spacing:2px;
}
.lz2{
	padding-top: 50px;
	font-size: 27px;
	line-height: 50px;
	text-align: center;
}
.threediv{
	margin:0 auto;
	width: 1200px;
}

.threediv>div{
	padding-top: 265px;
	width: 320px;
	float: left;
	margin-right: 121px;
	text-align: center;	
}
.threediv>div>p{
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 35px;
}
.threediv>div>span{
	font-size: 21px;
}


/*3D特效*/
/*CSS Document*/
*{margin: 0;padding: 0;}
body{
    width: 100%;
    min-width: 1150px;
}
.main{
    width: 1150px;
    margin: 0 auto;
}
html {  overflow-y: scroll;}
:root {  overflow-y: auto;  overflow-x: hidden;}
:root body {  position: absolute;}
body {  width: 100vw;  overflow: hidden;}

/*header*/
.zg_wrap_header{
    height: 60px;
    background: #fff;
}
.zg_header{
    height: 47px;
    padding-top: 13px;
}
.zg_header .zg_logo{
    float: left;
    margin-left: 10px;
}
.zg_header .zg_nav_top{
    float: left;
    height: 15px;
    padding-top: 15px;
    margin-left: 53px;
}
.zg_header .zg_nav_top li{
    float: left;
    width: 57px;
    height: 15px;
    padding-right: 16px;
    margin-left: 17px;
    border-right: 2px solid #666;
}
.zg_header .zg_nav_top li:last-child{
    border-right: none;
}
.zg_header .zg_nav_top li a{
    display: block;
    font: 14px/1 "微软雅黑";
    color: #666;
}
.zg_header .zg_nav_top li a:hover{
    color: #ec404d;
}
.zg_header .zg_tel{
    float: right;
    height: 14px;
    padding-top: 15px;
    margin-right: 4px;
    font: 16px/1 "微软雅黑";
    color: #fff;
    text-align: right;
}
/*banner*/
.zg_wrap_banner{
    position: relative;
    z-index: 1;
    height: 536px;
    padding-top: 375px;
    background: url("../images/zg_wrap_banner.jpg") no-repeat center bottom;
    overflow: hidden;
}
.zg_banner{
    position: relative;


}
.zg_wrap_banner .zg_banner_title1{
    margin-left: 587px;
}
.zg_wrap_banner .zg_banner_title2{
    margin-left: 487px;
    margin-top: 15px;
}
.zg_wrap_banner .zg_kqqk{
    display: block;
    position: absolute;
    left: -75px;
    top: -225px;
}
.zg_wrap_banner .zg_cuboid{
    display: block;
    position: absolute;
    right: -505px;
    top: -150px;
    animation: cuboidRise 2s;
}
@keyframes cuboidRise {
    from{
        top: 385px;
    }
    to{
        top: -150px;
    }
}
/*一瞰*/
.zg_wrap_yikan{
    position: relative;
    z-index: 2;
    height: 1097px;
    background: url("../images/zg_wrap_yikan.jpg") no-repeat center center;
}
.zg_yikan{
    height: 760px;
    padding-top: 162px;
}
.zg_title_h2>p{
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin-top: 50px;
}
.zg_title_h2 img{
    display: inline-block;
}
.zg_title_h2 img.zg_cube{
    margin-left: 18px;
}
/*轮播css*/
.zg_simulate_slide{
    margin-left: 10px;}
#focus_Box{position:relative;margin:0 auto;margin-top: 100px;}
#focus_Box ul{position:relative;/*width:632px;height:430px*/}
#focus_Box li{z-index:0;position:absolute; width:300px ;height:515px;border-radius: 20px; top:49px;cursor:pointer;left:382px;background: none;overflow: hidden;}
#focus_Box li img{width:413px;height:515px;margin: 0 auto;}
#focus_Box li>.teacher_bg{
    width: 100%;
    height: 170px;
    background: #423BAB;
    position: absolute;
    bottom: 0px;
    opacity: 0.5;
}
#focus_Box li>.word{
    width: 100%;
    height: 170px;
    position: absolute;
    bottom: 0px;
    color: #fff;
}
#focus_Box li>.word>h1{
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
}
#focus_Box li>.word>.object{
    font-size: 18px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 10px;
}
#focus_Box li>.word>.teacher_dir{
    height: 50px;
    font-size: 18px;
    overflow: hidden;
    margin: 0 30px;
}


#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:27px;height:40px;top:158px;}
/*#focus_Box .prev{ background:url(../images/zg_arrow_left.png) no-repeat;left:30px;opacity: .7;}
#focus_Box .next{ background:url(../images/zg_arrow_right.png) no-repeat; right:27px;opacity: .7;}*/
#focus_Box .prev:hover{opacity:1;}
#focus_Box .next:hover{opacity:1;}
.zg_simulate_slide .cont{position: relative;}
.zg_simulate_slide .cont .bg{
    width: 200px;
    height: 321px;
    background: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity: 0.5;
    position: absolute;
    color: #fff;
    z-index: 3;
}
.zg_simulate_slide .cont .bg1{
    left: 0;
    top: 48px;
}
.zg_simulate_slide .cont .bg2{
    left: 420px;
    top: 48px;
}
/*二瞰*/
.zg_wrap_erkan{
    height: 1494px;
    background: url("../images/zg_wrap_erkan.jpg") no-repeat center bottom;
}
.zg_erkan{
    position: relative;
    height: 1205px;
    padding-top: 280px;
}
/*3D*/
/* zg_universe*/
.zg_kursaal{
    width:930px;
    height:542px;
    margin-left: 175px;
    margin-top: 120px;
}
#carousel{
    width:930px;
    height:542px;
    /*background: url('../images/zg_kursaal.png') no-repeat  center center;*/
}
#carousel{list-style:none;padding:0px;}
#carousel li{float:left;}
#carousel .tooltip, #carousel .bigImage, #carousel .title, #carousel .description{position:absolute;left:-9999px;
}
/*星星*/
@-webkit-keyframes stars{0%{-webkit-transform:rotateZ(0deg);opacity:1;}50%{-webkit-transform:rotateZ(180deg);opacity:0;}100%{-webkit-transform:rotateZ(360deg);opacity:1;}}
@keyframes stars{0%{transform:rotateZ(0deg);opacity:1;}50%{transform:rotateZ(180deg);opacity:0;}100%{transform:rotateZ(360deg);opacity:1;}}
@-webkit-keyframes stars_1{0%{-webkit-transform:rotateZ(0deg);opacity:0;}50%{-webkit-transform:rotateZ(180deg);opacity:1;}100%{-webkit-transform:rotateZ(360deg);opacity:0;}}
@keyframes stars_1{0%{transform:rotateZ(0deg);opacity:0;}50%{transform:rotateZ(180deg);opacity:1;}100%{transform:rotateZ(360deg);opacity:0;}}

.stars{position: absolute;z-index: 1;top: 385px;left: 838px;top:50%;left:50%;}
.start img{width:100%;height:100%;}
.stars_01{width:32px;height:32px;-webkit-animation:stars 5s linear 0s infinite;animation:stars 5s linear 0s infinite;}
.stars_02{width:20px;height:20px;-webkit-animation:stars 4s linear 0s infinite;animation:stars 4s linear 0s infinite;}
.stars_03{width:14px;height:14px;-webkit-animation:stars_1 5s linear 0s infinite;animation:stars_1 5s linear 0s infinite;}
.stars_04{width:10px;height:10px;-webkit-animation:stars_1 3s linear 0s infinite;animation:stars_1 3s linear 0s infinite;}




.table4{
	margin: 0 auto;
	width: 100%;
	height: 438px;
	background: url(../images/4-1.png) no-repeat center center;
}
.table4 .wen3>p{
	padding-top: 100px;
	font-size: 55px;
	font-weight: bold;
	letter-spacing:2px;
}
.lz3{
	text-align: center;
	padding-top: 45px;
	font-size: 27px;
}
.xxk{
	margin: 0 auto;
	width: 1200px;
	height: 108px;
}

.xxk>div{
	margin-top: 75px;
	width: 600px;
	height: 108px;
	text-align: center;
	color: white;
	font-size: 46px;
	float: left;
	line-height: 100px;

}
.quan{
	cursor:pointer;
	background-color: #606efe;
	border-radius:25px 0 0 0;
}
.shu{
	cursor:pointer;
	background-color: #f84979;
	border-radius:0 25px 0 0;
}
.bj{
	/* height: 1311px; */
	/* background:url(../images/4-3.png) no-repeat center center; */
	background: #F0F7FF;
}
.tables{
	height: 1311px;
	background: url(../images/4-3.png) no-repeat center center;
	display: none;

}
.pink_table{
	background-color: #fff;
}
.pink_table tr{
	height:150px;
}
.pink_table tr td{
	border: 1px solid #f3f3f3;
}
.tables .sj{
	width:1200px;
	padding-top: 15px;
	margin: 0 auto;
	text-align: center;
}
.tables>table{
	width: 100%;
}
.jx{
	margin-top: 10px;
}
.firsttr{
	background-color: #f84979;
	font-size: 26px;
	color: white;
	/* border: 0; */
	height: 70px;
	line-height: 70px;
}
.firsttr>table>tbody>tr>td{
	font-size:20px;
}
.tab{
	padding-top: 15px;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.tab>table{
	width: 100%;
	background-color: white;
}
.pp{
	font-weight: bold;
}

.trr2 .firsstr2{
	background-color: #606efe;
	font-size: 20px;
	color: white;
	height:35px;


}
.firsstr2 td{
	border:1px solid #fff;
}

.bj p{
	width: 472px;
	line-height: 1.5;
	margin: 0 auto;
	padding: 10px;
}

.tab>table>tbody>tr>td{
	border: 1px solid #f3f3f3;
}
.foots{
	width: 100%;
}
.foot102{
	width: 1200px;
	background: url(../images/foot102.png) no-repeat center center;
	margin: 0 auto;
	font-size: 65px;
	font-weight: bold;
	text-align: center;
	padding-top: 125px;
}
.footlast{
	width: 100%;
	background:url(../images/foot103.png) no-repeat center center;
	height: 950px;
}
.footspan{
	margin: 0 auto;
	width: 1200px;
	text-align: center;
	font-weight: bold;
	margin-top: 48px;
	font-size: 30px;
}
.footlat{
	width: 1200px;
	margin: 0 auto;
}
.spana{
	float: left;
	width: 452px;
	height: 220px;
	padding-left: 230px;
	padding-top: 170px;
	font-size: 25px;
	color: white;
}
.spana>p{
	margin-top: 25px;
}
input{
	width:474px;
	height:80px;
	line-height:42px;
	background:rgba(0, 0, 0, 0);
	border: 1px solid #000;
	margin-bottom: 40px;
	font-size:34px;
	text-indent: 20px;
}
.sub{
	background-color: #606efe;
	color:white;
}
.forms{
	float: left;
	margin-left: 695px;
	margin-top: -240px;

}