/* 公共样式 */
body {  color:#603a3a; font-family:Microsoft YaHei, SimSun, sans-serif; font-size:14px; background:#fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden;}
body,div,ul,li,ol,dt,dd,dl,p,h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
ul,li { list-style:none;}
img { border:none; display:block; margin-left:0px;}
a { text-decoration:none;  color:#2a3139; cursor:pointer;}
a:hover { text-decoration:none;}
.clear { height:0px; clear:both; overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;visibility:hidden;height:0}
.lf { float:left;}
.rt { float:right;}


html {
	box-sizing: border-box;
}
*,*:before,*:after { box-sizing: inherit;}

/* 体部样式 */
.wrapper { width:1200px; margin:0 auto; text-align:left; font-size:0; max-width: 100%;}
#top { width:100%; height:59px; background:#FFF;}
#top .xd-logo { width:138px; float:left; margin-top:8px; display:block;}
#top dl { width:181px; float:right; margin-top:10px;}
#top dl dt { width:40px; float:left;}
#top dl dd { float:left; color:#484848; margin-left:6px; font-size:14px;}
#top dl dd span { color:#df1a18; font-size:18px; font-weight:bold;}
.banner-content { width:100%; height:635px; background:url(../images/banner_bg.jpg) no-repeat center top;}
.banner-1 { height:158px; background:url(../images/banner1.jpg) no-repeat center top;}
.banner-2 { height:158px; background:url(../images/banner2.jpg) no-repeat center top;}
.banner-3 { height:158px; background:url(../images/banner3.jpg) no-repeat center top;}
.banner-4 { height:161px; background:url(../images/banner4.jpg) no-repeat center top;}
.section-title-wrap { text-align: center; width: 100%; display: table;}
h2 { text-align:center; padding:35px 0 15px 0; font-size:40px;}
span.divider { height: 3px; width: 80px; margin: 0 0 15px; background: #fcc90e; position: relative; display: inline-block; overflow: hidden; text-align:center;}	
span.divider:before {
	position: absolute;
	content: '';
	width: 50px;
	height: 3px;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	animation: animationborder 2s linear infinite;
	z-index: 99;
	border-color: #f7f9f8;
}
@-webkit-keyframes animationborder {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
}
@keyframes animationborder {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
}
.group-one { width:362px; float:left; margin-top:20px;}
.mar-50 { margin-right:57px;}
.group-one p { font-size:18px; height:76px; line-height:76px; color:#333; background:#ececec; text-align:center;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.button {
	min-width:280px;
	max-width: 330px;
	display: block;
	color: inherit;
	text-align:center;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	font-size:24px;
	margin:40px 0 40px 460px;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
.button--moema {
	height:56px;
	line-height:56px;
	border-radius: 50px;
	background: #fcc90e;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--moema::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #fff;
	background-color: #fcb200;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.huise-bg-content { width:100%; background:#ebebeb; padding:1px 0;}
.xue-bg { height:469px; position:relative; background:url(../images/ydd.gif) no-repeat center 380px;}
.xiaoxue { width:248px; height:347px; position:absolute; top:122px; left:23px;}
.chuzhong { width:248px; height:386px; position:absolute; top:83px; left:325px;}
.gaoer { width:248px; height:427px; position:absolute; top:42px; left:625px;}
.gaosan { width:248px; height:469px; position:absolute; left:926px;}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.zbk-bg-content { width:100%; background:url(../images/zbk_bg.jpg) no-repeat center top; padding-bottom:3px;}
.Choices_content{ width:1200px; height:457px; float:left; margin-left:3px;}
.Choicesnext{ width:38px; height:37px; float:left; margin-left:1150px; cursor:pointer;}
.Choices_banner{ width:1200px; height:325px; float:left; margin-top:25px; overflow: hidden;}
.Choices_banner ul{ width: 12000px;  overflow: hidden;}
.Choices_banner ul li{ width:1200px; height:325px; float:left;}
.Choices_left{ width:601px; height:325px; float:left;}
.Choices_right{ width:599px; height:325px; float:left; background-color: rgba(255,255,255,0.93)}
.Choices_right h3{ width:590px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:75px; color:#333;}
.Choices_right p{ width:450px; height:70px; float:left; margin-left:70px; font-size:18px; color:#606060; margin-top:35px; line-height:32px;}
.Choicesbut{ width:197px; height:49px; float:left; border:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7); line-height:49px; color:#606060; font-size:22px; margin-left:195px; margin-top:57px;}
.Choicestel{ width:1200px; height:38px; text-align:center; line-height:38px; font-size:36px; float:left; font-family:"Arial"; overflow:hidden; color:#FFF; margin-top:25px;
-webkit-user-select:none;/*谷歌 /Chrome*/
-moz-user-select:none; /*火狐/Firefox*/
-ms-user-select:none;    /*IE 10+*/
user-select:none;}
.Choicestel ul{ width:12000px; overflow:hidden;}
.Choicestel ul li{ width:1200px; height:38px; float:left;}
.bzt-cont { position:relative; height:500px; margin-top:30px;}
.bzt-left { position:absolute; z-index:1; top:43px;}
.bzt-right { position:absolute; right:0;}
.teacher-content { width:100%; height:248px; background:url(../images/tea.jpg) no-repeat center top; position:relative;}
.te-ny {position:absolute; margin:15px 0 0 80px;}
.te-ny li { width:193px; height:193px; background:url(../images/yuanx.png) no-repeat; float:left; font-size:26px; color:#FFF; text-align:center; line-height:44px; padding-top:50px;}
.right-sz { margin-right:100px;}
.xdjz { position:relative; margin-top:30px;}
.ls-content { width:100%; height:735px; background:url(../images/index_46.gif) no-repeat center top;}
.left-text-jz { width:539px; height:499px; position:absolute; background:#FFF; border-radius:20px; left:180px;}
.women { position:absolute; right:180px;}
.left-text-jz dl { width:250px; float:left; text-align:center; margin-top:40px;}
.left-text-jz dl dt { font-size:40px; color:#df1a18;}
.left-text-jz dl dd { font-size:24px; color:#333;}
.tell-d { width:374px; height:56px; line-height:56px; color:#FFF; font-size:24px; background:#fcc90e; border-radius:50px; text-align:center; margin:30px 0 0 84px;}@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Footer */
.footer{ width:100%; border-bottom:3px #000 solid; padding:22px 0; background:#333; font-size:12px;}
.footer .content{ width:940px; margin:0 auto; text-align:center; color:#f0f0f0; line-height:28px;}
.footer .content span{ padding:0 6px; color:#a6a6a6}
.footer .content .txt_bottom p{ line-height:30px;}
.snow-canvas{display: block;width: 100%;height: 100%;top: 0;left: 0;position: fixed; pointer-events: none;}