body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
/* head */
.head{ background:url(../images/headbj.png) center top no-repeat; width:100%; position:absolute; left:0; top:0; height:104px; z-index:9999;}
.head_inner{ width:1510px; margin:0 auto;}
.head_inner h1{ float:left;}
.nav{ float:left; margin:0 18px 0 52px;}
.nav li{ float:left; width:108px;}
.nav li a{ display:block; width:108px; padding-top:26px;}
.nav li a span{ display:block; height:33px; line-height:33px; text-align:center; font-size:16px; color:#fff;transition:all 0.5s ease 0s;}
.nav li a em{ height:27px; line-height:27px; text-align:center; display:block; font-size:12px; font-family:Arial; color:#a3a3a3; text-transform:uppercase;transition:all 0.5s ease 0s;}
.nav li a:hover span,.nav li a:hover em{color:#f6ae3d; transition:all 0.5s ease 0s;} 
.language{ padding-top:26px; float:left;height:33px; line-height:33px;color:#9c9c9c;}
.language a{ font-size:14px; color:#9c9c9c;transition:all 0.5s ease 0s;}
.language a:hover{ color:#f6ae3d; transition:all 0.5s ease 0s;}


/* foot */
.foot{ background:#301e02; padding:50px 0 33px 0;}
.box{ width:1200px; margin:0 auto;}
.foot_left{ width:640px; float:left; padding-top:24px;}
.foot_nav{ height:14px; line-height:14px; margin-bottom:10px;}
.foot_nav a{ display:block; padding:0 5px; background:url(../images/foot_nav.png) right center no-repeat; float:left; color:#ffffff;transition:all 0.5s ease 0s; }
.foot_nav a.on{ background:none;}
.foot_nav a.up{ padding-left:0;}
.foot_left p{ height:30px; line-height:30px; overflow:hidden; color:#fff;}
.foot_left p a{ color:#fff; margin-left:8px;transition:all 0.5s ease 0s; }
.foot_left a:hover{color:#f6ae3d!important;transition:all 0.5s ease 0s;  }
.foot_right{ float:right; width:414px;}
.foot_right em{ display:block; width:50%; text-align:center; float:left;}
.foot_right em img{ width:101px; height:101px; overflow:hidden;}
.foot_right em span{ display:block; height:44px; line-height:44px; overflow:hidden; color:#fff;}

/* about */
.catalog{ width:280px; float:left;}
.catalog h3{ height:118px; line-height:118px; overflow:hidden;}
.catalog h3 img{ width:auto; height:auto; max-width:100%;}
.cata_ul a{ display:block; height:75px; line-height:75px; background:#f7f5f7; border-bottom:1px solid #e5e2e6; text-align:center; font-size:18px; color:#cd943b; transition:all 0.5s ease 0s;}
.cata_ul a:hover,.cata_ul a.for{ color:#fff; background:#cd9745; transition:all 0.5s ease 0s;}

.details{ width:850px; float:right;}
.current{ padding-top:47px; border-bottom:1px solid #c8a063;font-size:14px; color:#666666; height:70px; line-height:70px; text-align:right;}
.current a{ display:inline-block; font-size:14px; color:#666666;}

.current a:hover,.current .yellow{color:#f6ae3d;transition:all 0.5s ease 0s;}
.current a.house{ background:url(../images/house.jpg) left center no-repeat; padding-left:24px;}
.about{ padding:40px 0 50px 0;}

/* team */
.team_dl{ margin-top:40px;}
.team_dl dt{ float:left; width:165px; height:185px; overflow:hidden;}
.team_dl dt img{width:165px; height:185px; overflow:hidden; opacity:.8;transition:all 0.5s ease 0s;}
.team_dl dt:hover img{opacity:1;transition:all 0.5s ease 0s;}
.team_dl dd{ float:left; width:661px; box-sizing:border-box; padding:15px 28px 0; background:#f3f3f3; height:185px; overflow:hidden;}
.team_dl dd .team_tit{ height:54px; line-height:54px; overflow:hidden; display:block; font-size:24px; color:#cd9745; transition:all 0.5s ease 0s;}
.team_dl dd .team_tit:hover{ transform:translateX(15px);transition:all 0.5s ease 0s;}
.team_dl dd .team_zi{ height:48px; line-height:24px; color:#666666; font-size:14px; margin-bottom:16px; overflow:hidden;}
.team_dl dd .team_see{ width:90px; height:24px; line-height:24px; display:block; text-align:center; border-radius:20px; border:1px dashed #cd9745; color:#cd9745; text-transform:uppercase;transition:all 0.5s ease 0s;}
.team_dl dd .team_see:hover{ background:#cd9745; color:#fff; transition:all 0.5s ease 0s;}
.team{ padding-bottom:50px;}
.team_info{ padding:50px 0 80px 0; overflow:hidden;}
.return { float:right; padding:30px 0; color:#cd9745; font-size:14px;transition:all 1s ease 0.1s;}
.return:hover{ transition:all 1s ease 0.1s; transform:scale(1.2,1.2)}
/* course */
.course{ margin-left:-40px; padding-bottom:60px;}
.course li{ float:left; margin:45px 0 0 40px; width:252px;transition:all 0.5s ease 0s;}
.course li:hover{ -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	box-shadow: 2px 2px 10px  #cd9745;transition:all 0.5s ease 0s;}
.course li span{ width:252px; height:195px; overflow:hidden;}
.course li span img{ width:252px; height:195px; overflow:hidden;}
.course li em{ height:52px; line-height:52px; background:#e5e5e5; text-align:center; overflow:hidden; display:block; color:#666666; font-size:16px;transition:all 0.5s ease 0s;}
.course li:hover em{ background:#cd9745; color:#fff; transition:all 0.5s ease 0s;}
.course_info{ overflow:hidden;}
.course_dl{ margin:40px 0;}
.course_dl dt{ float:left; margin-right:36px;width:252px; height:195px; overflow:hidden;}
.course_dl dt img{width:252px; height:195px; overflow:hidden;}
.course_dl dd{ float:left; width:525px;height:195px; overflow:hidden;}

/* yard */

.top_dl{ padding:40px 0 60px 0; border-bottom:1px solid #d5e0ea;}
.top_dl dt{ float:left; margin-right:28px; width:430px; height:290px; overflow:hidden;}
.top_dl dt img{width:430px; height:290px; overflow:hidden; opacity:.8;transition:all 0.5s ease 0s;}
.top_dl dt img:hover{ opacity:1; transition:all 0.5s ease 0s;}
.top_dl dd{ width:388px; float:left; padding-top:15px;}
.top_dl dd a{ display:block; line-height:50px; font-size:30px; color:#cd9745; height:98px; overflow:hidden; margin-bottom:25px;transition:all 0.5s ease 0s;}
.top_dl dd a:hover{ -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	transition:all 0.5s ease 0s;}
.top_dl dd .yard_zi{ line-height:24px; color:#666666; font-size:14px; height:72px; overflow:hidden; margin-bottom:20px;}
.top_dl dd em{ display:block; overflow:hidden; height:56px; line-height:56px; color:#cd9745; font-size:18px;}

.bottom_dl{ margin-top:54px;}
.bottom_dl dt{ float:left; width:200px; height:127px; overflow:hidden; position:relative;}
.bottom_dl dt img{width:200px; height:127px; overflow:hidden; transition:all 2s ease 0s; }
.bottom_dl dt img:hover{ transition:all 2s ease 0s; transform:scale(1.4,1.4)}
.bottom_dl dt span{ position:absolute; top:0; right:0; background:url(../images/hot.png) left top no-repeat; width:35px; height:35px; display:block;}
.bottom_dl dd{ float:right; width:616px;}
.yard_tit{ height:40px; line-height:40px; overflow:hidden;}
.yard_tit a{ display:block; float:left; width:470px; height:40px; overflow:hidden; font-size:16px; font-weight:bold; color:#cd9745; transition:all 0.3s ease 0s;}
.yard_tit a:hover{ transform:translateX(10px); transition:all 0.3s ease 0s;}
.yard_tit em{ display:block; float:right; color:#d2d2d2; }
.bottom_dl dd .yard_div{ line-height:24px; font-size:14px; color:#666666; overflow:hidden; height:48px; margin-bottom:7px;}
.bottom_dl dd .yard_see{ display:block; width:105px; height:30px; line-height:30px; border:1px solid #cd9745; text-align:center; font-size:14px; font-weight:bold; color:#cd9745;transition:all 0.5s ease 0s;}
.bottom_dl dd .yard_see:hover{ background:#cd9745; color:#fff; transition:all 0.5s ease 0s;}
.yard{ padding-bottom:60px;}

.release{ padding:63px 0 23px 0; border-bottom:1px solid #ececec; margin-bottom:30px;}
.release h3{ height:63px; line-height:63px; font-size:30px; text-align:center; color:#cd9745; overflow:hidden;}
.release span{ display:block; height:46px; line-height:46px; text-align:center; color:#666666;}

.gee_ul{ margin:13px 0 80px -47px;}
.gee_ul li{ margin:43px 0 0 47px; float:left; width:252px; height:287px; overflow:hidden; position:relative;}
.gee_ul li img{ width:252px; height:287px; overflow:hidden; transition:all 2s ease 0s;}
.gee_ul li:hover img{ transition:all 2s ease 0s; transform:scale(1.5,1.5)}
.gee_ul li .gee_div{ background:url(../images/geebj1.jpg) left top no-repeat; width:252px; height:71px; position:absolute; left:0; bottom:38px; transition:all 0.5s ease 0s;}
.gee_ul li:hover .gee_div{bottom:0px; transition:all 0.5s ease 0s;}
.gee_ul li .gee_div1{background:url(../images/geebj2.jpg) left top no-repeat; }
.gee_ul li .gee_div2{background:url(../images/geebj3.jpg) left top no-repeat; }
.gee_div span{ display:block; font-size:18px; font-weight:bold; color:#fff; height:28px; line-height:28px; overflow:hidden; padding:10px 18px 0;}
.gee_div em{ display:block; height:24px; line-height:24px; overflow:hidden; color:#fff; font-size:14px; padding:0 18px;}

/* index */
.flex-direction-nav {display:none;}
.flexslider {position: relative;width: 100%;height:auto; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}

.banner{ background:url(../images/index.png) center top no-repeat; width:100%; height:250px; position:absolute; left:0; bottom:0; z-index:9999;}

.index_tit{ text-align:center;}
.group{ padding:60px 0 0 0;}
.groud_inner{ background:url(../images/indexbj.jpg) center top no-repeat; height:727px; margin-top:53px;}

.groud_box{ width:1127px; margin:0 auto; position:relative;height:727px;}
.groud_box .ground1{ position:absolute; bottom:161px; left:0; width:560px; height:560px; overflow:hidden;}
.groud_box .ground3{ position:absolute; bottom:20px; left:285px; width:275px; height:275px; overflow:hidden;}
.groud_box .ground7{ position:absolute; bottom:162px; left:427px; width:275px; height:275px; overflow:hidden;}
.groud_box .ground4{ position:absolute; bottom:20px; left:568px; width:275px; height:275px; overflow:hidden;}
.groud_box .ground2{ position:absolute; top:149px; left:570px; width:275px; height:275px; overflow:hidden;}
.groud_box .ground6{ position:absolute; top:149px; right:3px; width:275px; height:275px; overflow:hidden;}
.groud_box .ground5{ position:absolute; top:292px; left:710px; width:275px; height:275px; overflow:hidden;}
.groud_box a img{-webkit-transition: all 1s ease-in-out;
  -o-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  -ms-transition: all 0.8s linear;
  transition: all 0.8s linear;}
.groud_box a img:hover {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
} 

.introduce{ padding:60px 0 0 0;}
.int_div{ margin-top:60px; background:url(../images/intr.jpg) center top no-repeat; height:553px; }
.int_inner{ position:relative; height:553px; margin:0px 20px 0; }
.int_scroll{ position:absolute; left:0; top:76px; overflow:hidden; height:400px; width:1162px;}
.int_scroll .gee_ul{ margin:0; width:10000px;}
.int_scroll .gee_ul li{ width:350px; height:400px; margin:0 55px 0 0;}
.int_scroll .gee_ul li img{width:350px; height:400px; overflow:hidden;}
.int_scroll .gee_ul li .gee_div{ width:100%; background-size:cover; height:100px;}
.int_scroll .gee_div span{ padding:22px 40px 0;}
.int_scroll .gee_div em{ padding-left:40px;}
.index_left{ background:url(../images/left.png) left top no-repeat; width:42px; height:42px; display:block; position:absolute; left:-84px; top:50%; margin-top:-21px;}

.index_right{ background:url(../images/right.png) left top no-repeat; width:42px; height:42px; display:block; position:absolute; right:-84px; top:50%; margin-top:-21px;}

.curricula{ padding-top:60px;}

.level{ background:#cd8c28; height:362px; margin-top:80px;}
.level_inner{ position:relative;}
.level_ul{ padding-top:30px;}
.level_ul li{ float:left; background:url(../images/levebj.png) left top no-repeat; width:181px; height:297px; overflow:hidden; margin-right:46px;transition:all 0.5s ease 0s;}
.level_ul li a{ display:block; width:100%; height:100%;}
.level_ul li:hover{ -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #c0811f;transition:all 0.5s ease 0s; border-radius:5px;}
.level_ul li span{ display:block; text-align:center; padding:30px 0 0 0; width:100%; height:92px; line-height:92px;}
.level_ul li span img{ width:92px; height:92px; border-radius:92px;}
.level_ul li i{ height:48px; line-height:48px; display:block; text-align:center; font-size:20px; color:#fff; overflow:h;}
.level_ul li .leve_zi{ padding:0 22px; line-height:18px; color:#fff; height:70px; overflow:hidden;}

.level_pic{ position:absolute; right:-100px; top:-160px;}

.map{ margin:30px auto;}
.map_left{ float:left; width:804px; height:506px; overflow:hidden;}
.map_left img{ width:auto; height:auto; max-width:100%;}
.map_right{ float:right; margin-right:22px; width:350px;}
.map_h3{ text-align:center; height:70px; line-height:70px; color:#cd8c28; font-size:24px; overflow:hidden;}
.map_txt{ width:340px; height:38px; line-height:38px; border:1px solid #cccccc; padding-left:8px; margin-bottom:18px; color:#000000; font-size:14px}
.map select{width:348px; height:38px; line-height:38px; border:1px solid #cccccc;  margin-bottom:18px; color:#000000; font-size:14px}
.map_sub{ font-size:20px; color:#fff; background:#cd8c28; width:348px; height:50px; border:1px solid #cd8c28; line-height:50px; border-radius:5px; margin:15px 0 22px 0;transition:all 0.5s ease 0s;}
.map_sub:hover{ background:none; color:#cd8c28; transition:all 0.5s ease 0s;}
.map_call p{ text-align:center; color:#000000; height:45px; line-height:45px;}
.map_call em{ height:36px; line-height:36px; color:#cd8c28; font-size:24px; padding-left:98px; background:url(../images/call.jpg) 49px center no-repeat; display:block;}

.style{ padding-top:45px;}

.style_div{ margin-top:35px; position:relative; height:530px;}
.sytle_pic{ position:absolute; width:290px; height:255px; overflow:hidden; cursor:pointer;}
.sytle_pic img{ width:100%; height:auto; transition:all 1s ease 0s;}
.sytle_pic:hover img{ transition:all 1s ease 0s; transform:scale(1.1,1.1)}
.sytle_pic span{ display:none;}
.pic1{ left:0; top:0;}
.pic2{ right:0; top:0;}
.pic3{ left:0; top:275px;}
.pic4{ right:0; top:275px;}
.style_tu{ width:581px; height:530px; overflow:hidden; position:relative; margin:0 auto;}
.style_tu img{width:581px; height:530px; overflow:hidden;transition:all 1s ease 0s;}
.style_tu:hover img{transition:all 1s ease 0s; transform:scale(1.1,1.1)}
.style_tu span{ position:absolute; left:0; bottom:0; height:46px; line-height:46px; background:url(../images/spanbj.png); display:block; width:100%; font-size:14px; color:#fff; z-index:99999; padding-left:20px; overflow:hidden;}


.banner-mouse {
    position: absolute;
    left: 50%;
    bottom: 10PX;
    width: 20px;
    height: 26px;
    margin-left: -13px;
    border-radius: 15px;
    border: 1px solid #bcbcbc;
    z-index: 999999999999;
}

.banner-mouse .mouse-bar {
    width: 2PX;
    height: 8PX;
    background: #bcbcbc;
    margin: 5PX 9PX;
    border-radius: 2PX;
    animation: mouseMove .5s infinite alternate;
    -webkit-animation: mouseMove .5s infinite alternate;
}

@keyframes mouseMove {
	from {
		margin-top: .3125rem
	}

	to {
		margin-top: .8625rem
	}
}

@-webkit-keyframes mouseMove {
	from {
		margin-top: .3125rem
	}

	to {
		margin-top: .8625rem
	}
}



.navBtn,.nav_inner,.phone_logo,.phone_banner{ display:none;}
.all .head_inner{ width: 100%; }
.all .nav li{ width: 95px; }
.all .nav{ margin-left: 12px; }
.all .level_pic{ right: -74px; }
.all .level_pic img{ width: 640px; height:auto; }




.banner_tu{ width:527px; height:527px; position:absolute; left:50%; top:50%; margin:-263.5px 0 0 -263.5px;  border-radius:50%;}
.banner_tu{ text-align:center; line-height:527px;}
.img1{width:527px; height:527px; position:absolute;border-radius:50%;border:1px dotted #fff; left:0; top:0;      }
.banner_round{ background:url(../images/yuan1.png) left top no-repeat; width:68px; height:68px; position:absolute; display:block; border-radius:50%; right:15px; top:78px;}
.banner_round1{ left:31px; top:209px;background:url(../images/yuan_j.png) left top no-repeat;}
.banner_round2{ left:248px; top:387px;background:url(../images/yuan_a.png) left top no-repeat;}
.banner_em{ background:url(../images/yuan.png) left top no-repeat; width:29px; height:29px; display:block; position:absolute}
.img1 .banner_em{ left:190px; bottom:-8px;}
.img2{ width:402px; height:402px; border-radius:50%;border:1px dotted #fff;position:absolute; left:50%; top:50%; margin:-201px 0 0 -201px;}
.img2 .banner_em{ top:20px; left:73px;}

.img3{ width:320px; height:320px; border-radius:50%;border:1px dotted #c0995f;position:absolute; left:50%; top:50%; margin:-160px 0 0 -160px; background:url(../images/yuan2.png) left top; text-align:center; line-height:320px;}
.img3 .banner_em{ top:46px; right:18px;}

.img1{animation: spinAround 12s infinite;    -webkit-animation: spinAround 12s infinite;}
.img2{animation: spinAround 8s infinite;    -webkit-animation: spinAround 8s infinite;}
.img3{animation: spinAround 4s infinite;    -webkit-animation: spinAround 4s infinite;}
.flex-active-slide .banner_round{animation: shang 2s; }
.banner_em{animation: da 2s  infinite; }


@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg);
		
		
	}
	to {
		-webkit-transform: rotate(360deg);
		
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}


@-webkit-keyframes shang {
	0% { transform:translateY(30px); opacity:0
	
	}
	100% {
		transform:translateY(0px); opacity:1
	}
}

@-webkit-keyframes da {
	0% { transform:scale(1.01,1.01)
	
	}
	100% {
		transform:scale(1.1,1.1)
	}
}