/*
*启德教育集团市场部技术开发
*前端开发组制作版权所有
*/
/***************************公共组件样式控制***************************/

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,b,i,dl,dt,dd,ul,ol,li{margin:0;padding:0;border:0;outline:0;list-style:none;vertical-align:baseline;font-size:100%;}
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-font-smoothing:antialiased;font-smoothing:antialiased;}
#nav,#header,#menu,#section{display:block;}
#nav,#menu{width:100%;}
#section{width:1000px;margin:auto;}
ul,li{list-style:none;}
img{vertical-align:bottom}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; color:#000; outline:none; cursor:pointer;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
.oh{overflow:hidden;}
.midd{text-align:center;}
.mt1{margin-top:10px;}.mt2{margin-top:20px;}.mt3{margin-top:15px;}.mtb1{margin:10px 0;}.mtb2{margin:20px 0;}.mlr1{margin:0 10px;}.mlr2{margin:0 20px;}.mb{margin-bottom:0;}.mtb1{margin:10px 0;}
.ti{text-indent:25px;}
table{border-collapse: collapse;}
/*清除浮动方法*/
.clear{clear:both;overflow:hidden;font-size:0;line-height:0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.fix{zoom:1;}
.fix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
#looyuMid,#looyuLeft{z-index:10}
/****************************页面样式控制*****************************/

/*---------------------------全局页面控制----------------------------*/
body{line-height:24px;font-size:14px;color:#231714;font-family:"Microsoft YaHei",Helvetica,Arial;}
.mw{width:1000px;margin:auto;}
/*---------------------------全局导航模块---------------------------*/
/*#nav{height:105px;text-align:center;background-color:#FFF;}
*/
.banner{height:578px; background:url(../images/header.jpg) no-repeat center top;}

.top-nav{background:#5f5f5f;height:68px;text-align:center;font-size:0;width:100%;position:relative;z-index:1; margin-top:-68px;}
.top-nav.totop-fix{position:fixed;top:0; left:0; z-index:10;display:block;margin-top:0}
.top-nav li{display:inline-block;*display:inline;*zoom:1;}
.top-nav li a{font-size:20px;color:#fff;line-height:68px; padding:0 26px;display:block;cursor:pointer}
.top-nav li a:hover{}
.top-nav li.on a{color:#f5a52d;}

.left-nav {width:170px; height:550px; position: fixed; top:0; left:10px; z-index: 9999; background:url(../images/left-nav.png) no-repeat; padding-top:116px;}
/*.left-nav .close-nav{ width: 16px; height:16px; margin:8px 0 63px 101px; display:block;}*/
.left-nav li{margin-bottom:15px;}
.left-nav li a{display:block; width: 100%; height:41px; line-height: 41px; font-size:16px; color:#fff; text-align: center;}
.left-nav li.on a{font-size:20px; font-weight:bold; background-color: #5fb077;}
.left-nav li.last a{margin-top:2px; height: 51px; line-height: 51px; font-size:20px; color:#5fb077;}


.tit{padding:68px 0; text-align: center;}
.tit h3{height: 113px; margin:0 auto; background:url(../images/tit_bg.png) no-repeat center center; font-size:44px; color:#303049; line-height: 113px;}
.tit h5{font-size:28px; font-weight:normal; line-height: 44px; color:#303049;}


.btn-box{font-size:0;text-align:center;padding:56px 0 100px;}
.btn-box a{display:inline-block; height: 45px; line-height:45px; font-size:18px; border-radius:40px; cursor:pointer; width:234px; border:3px solid #f5a52d; margin:0 34px;}
.btn-box a.btn1{color:#f5a52d;}
.btn-box a.btn2{background:#f5a52d; color:#fff;}

/*导语*/
.dy{ background-color: #fef0de; margin-top:70px;}
.dy p{font-size:20px; line-height: 35px; color:#313141; border:3px solid #373769; padding:28px 48px;}

/*展会亮点*/
.zhld li{ width: 174px; margin-right:32px; float:left;}
.zhld li:last-child{margin-right:0;}
.zhld li dt{font-size:31px; line-height: 31px; margin-bottom:10px; color:#313141; font-weight:bold; text-align: center;}
.zhld li dd{font-size:16px; line-height: 24px; color:#313141; height: 155px;}

/*面向人群*/
#page2{ background-color: #fcf8f3;}
.mxrq{margin-left:46px;}
.mxrq li{position: relative; width: 228px; height: 260px; float:left; margin-bottom:48px; padding:30px 28px; box-shadow:0 0 50px #fae2c0; border-radius:6px; background-color: #fff;}
.mxrq li img{display: block; margin:0 auto;}
/*.mxrq li .mxrq-hover {
    background:#fff;
    width: 224px;
    position: absolute;
    height: 265px;
    top: 0;
    left: 0;
    border-radius:6px;
    visibility: hidden;
    padding:35px 30px 20px;
    -webkit-transform: perspective(800px) rotateY(90deg);
    -moz-transform: perspective(800px) rotateY(90deg);
    -ms-transform: perspective(800px) rotateY(90deg);
    -o-transform: perspective(800px) rotateY(90deg);
    transform: perspective(600px) rotateY(90deg);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.mxrq li:hover .mxrq-hover {
    visibility: visible;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg)
}
.mxrq li .mxrq-hover h6 { line-height: 50px; font-size:22px; color:#373769; font-weight:bold;}
.mxrq li .mxrq-hover p{ font-size: 15px; line-height: 24px; color:#373769; padding-top:16px; background:url(../images/mxrq_hover.png) no-repeat top center;}*/
.mxrq li .mxrq-hover a { position: absolute;bottom: 20px;right: 20px;width: 100px;height: 30px;line-height: 30px; background: #f5a52d; text-align: center; font-size: 16px; color: #fff; margin-top:5px;}

.mxrq li.mg{margin:0 30px;}
.mxrq li dt{font-size:28px; font-weight:bolder; color:#373769; line-height: 72px; text-align: center;}
.mxrq li dd{font-size:15px; color:#373769; line-height: 22px;}



/*名校展团*/
.mxzt{position: relative;}
.mxzt-tab{ height: 146px; background-color: #f5a52d;}
.mxzt-tab li{ width: 166px; height: 146px; float:left; font-size:18px; line-height: 28px; color:#fff; text-align: center; cursor: pointer;}
.mxzt-tab li img{display:block; margin:27px auto 10px;}
.mxzt-tab li.on{ background-color: #dc8a0f;}

.mxzt-hid {display:none; margin-bottom:25px;}
.mxzt-hid pre {font:18px/24px "Microsoft YaHei"; color:#303049; white-space: normal; text-align: center; margin:38px 0;}
.mxzt-hid pre b { display:inline-block; color:#5fb077;}
.mxzt-hid ul li{width: 215px; float:left; margin-right:46px; text-align: center;}
.mxzt-hid ul li:nth-child(4n){margin-right:0;}
.mxzt-hid ul li a {display: block;width: 100%;height: 100%;}
/*.mxzt-hid ul li img{display:block;}*/
.mxzt-hid ul li p{font-size:18px; color:#231714; line-height:24px; margin:12px 0 24px;}

/*预约特权*/
/*#page3 .form-wrap{width: 1257px; margin-left:-160px; height: 554px;}*/

/*巡展行程*/
#page4{ background-color: #fcf8f3;}
.tab_box {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.tab_box table {
	width: 49%;
}
.tab_box table tr {
	line-height: 50px;
}
.tab_box table tr th {
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
.tab_box table tr td {
	font-size: 14px;
	color: #333;
}
/*老师*/
.teacher_box {
	margin-top: 30px;
	height: 334px;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    background: url(../images/box8_2_30.png) no-repeat;
}
 .box8_2_left {
 	float: left;
  width: 622px;
  height: 324px;
  padding-left: 10px;
  padding-top: 35px;
}

.box8_2_left li {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 35px;
  float: left;
  margin-right: 7px;
  margin-bottom: 25px;
  background: #f2f2f3;
}

.box8_2_left .side {
  background: url(../images/box8_07.png) no-repeat;
}

.box8_2_left li img {
  width: 100px;
  margin-left: -15px;
}

.box8_2_right {
	float: left;
  width: 368px;
  height: 334px;
}

.box8_2_right dl {
  display: none;
}

.box8_2_right dt {
  width: 314px;
  height: 163px;
  overflow: hidden;
  border-bottom: 2px #ffa302 solid;
  margin: 0 auto;
}

.box8_2_right dt img {
  width: 165px;
  margin-left: -20px;
  float: left;
}

.box8_2_right dt span {
  display: block;
  font-size: 30px;
  color: #fff;
  line-height: 36px;
  padding-top: 70px;
  float: left;
}

.box8_2_right dt strong {
  display: block;
  font-size: 16px;
  font-weight: normal;
}

.box8_2_right dd {
  padding-top: 20px;
  width: 314px;
  margin: 0 auto;
}

.box8_2_right dd p {
  font-size: 14px;
  line-height: 22px;
  color: #FFF;
  height: 80px;
}

.box8_2_right dd .anniu a {
  display: block;
  width: 126px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  border-radius: 3px;
  margin-right: 10px;
  background: #ff5241;
  color: #FFF;
  float: left;
}

.box8_2_right dd .anniu .liv {
  background: #fff100;
  color: #333;
}

.box8_2_right dd .anniu a:hover {
  background: #f02f1c;
}

.box8_2_right dd .anniu .liv:hover {
  background: #fff100;
  opacity: 0.9;
}

/*案例分享*/
.alfx_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.alfx_list {
	margin: 0 50px;
}
.alfx_list li {
	margin: 0 20px;	
	margin-bottom: 20px;
}
.alfx_list li:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.alfx_list li a {
	display: block;
}
.alfx_wrap .next {
	width: 33px;
    height: 64px;
    position: absolute;
    right: 0;
    top: 160px;
    cursor: pointer;
}
.alfx_wrap .prev {
	width: 33px;
    height: 64px;
    position: absolute;
    left: 0;
    top: 160px;
    cursor: pointer;
}
.alfx_wrap {
	margin: 0 auto;
}

/*启德优选产品*/
.tab{padding-bottom:2px; border-bottom:3px solid #f5a52d; margin-bottom:46px;}
.tab li{ width: 20%; float:left; height: 56px; line-height: 56px; font-size:22px; color:#f5a52d; font-weight:bolder; text-align: center; position: relative; cursor: pointer;}
.tab li.on{ background-color: #f5a52d; color:#fff;}
.tab li.on:after{content: ""; width: 20px; height: 10px; background:url(../images/tab_tri1.jpg) no-repeat; position: absolute; left:50%; margin-left:-10px; bottom:-12px;}
.yxcp-hid {
	display: none;
	width: 850px;
	margin: 0 auto;
	
}
.yxcp-hid li {
	display: flex;
	justify-content: space-around;
	width: 850px;
}
.yxcp-hid li a {
	display: block;
	width: 400px;
}
.yxcp-hid li a img {
	display: block;
	width: 400px;
}
/*往届回顾*/
#page10{ background-color:#fcf8f3;}
.skhg-slider{position: relative;}
.skhg .bd{ width: 969px; overflow:hidden; margin: 0 auto;}
.skhg .bd li{ width:100%; float:left;}
.skhg .bd li img{display: block; height: 353px;}
.skhg .hd .prev{ width: 33px; height: 64px; position: absolute; left:0; top:130px; cursor: pointer;}
.skhg .hd .next{ width: 33px; height: 64px; position: absolute; right:0; top:130px; cursor: pointer;}

/*底部弹出层样式*/
.lx-btm-box { width:100%; height:135px; position:fixed; bottom:0; left:0; z-index:999; display:none}
.lx-btm-bg { width:100%; height:100px; position:absolute; bottom:0; left:0; background:#323131; filter:alpha(opacity=90); opacity:0.9;-moz-opacity:0.9;}
.lx-btm-con,.lx-btm-form { width:1200px;  position:absolute; top:0; left:50%; margin-left:-600px; }
.lx-btm-img { width:470px; float:left; margin-right:30px;}
.lx-btm-tit { width:470px; float:left; padding-top:52px;}
.lx-btm-tit h5 { font:700 30px/34px "Microsoft YaHei"; color:#fff; margin-bottom:10px}
.lx-btm-tit p { font:16px/24px "Microsoft YaHei"; color:#fff;}
.lx-btm-btn { width:96px; float:left; padding-top:53px;}
.lx-btm-btn a { width:96px; height:28px; display:block; font:16px/28px "Microsoft YaHei"; color:#fff; text-align:center; margin-bottom:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.lx-btm-btn a.lx-btm-yy { background:#e93f3f}
.lx-btm-btn a.lx-btm-zx { background:#f27c3c}
.lx-btm-close { width:30px; height:30px; display:block;position:absolute; top:40px; left:50%; margin-left:480px; background:url(../images/btm_close.png) no-repeat; text-indent:-9999px}
.lx-btm-form { padding-top:50px}
.lx-btm-form h5 { font:700 22px/22px "Microsoft YaHei"; color:#fff; margin-bottom:7px; text-align:center}
.lx-btm-form p { font:16px/18px "Microsoft YaHei"; color:#fff; text-align:center; margin-bottom:8px;}
.lx-btm-form .zput { width:138px; height:30px; border:1px solid #333; font:16px/30px "Microsoft YaHei"; padding-left:10px}
.lx-btm-form select { width:138px; height:32px; border:1px solid #333; font:16px/32px "Microsoft YaHei"; padding-left:10px}
.lx-btm-form label { width:125px; display:inline-block; color:#fff; font:16px/32px "Microsoft YaHei"; text-align:right}
.lx-btm-form label.w90 { width:90px; }
.lx-btm-form #btn_submit { width:140px; height:32px; display:inline-block; background:#e93f3f; color:#fff; text-align:center; border:0; margin-left:20px;}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

/*底部弹出层动画*/
.lx-btm-box.fadeInUp {animation-delay:0s; -webkitanimation-delay:0s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;}
.lx-btm-box.fadeOutDown {animation-delay:0s; -webkitanimation-delay:0s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;}