/*
*启德教育集团市场部技术开发
*前端开发组制作版权所有
*/
/***************************公共组件样式控制***************************/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,b,i,dl,dt,dd,ul,li{margin:0;padding:0;border:0;list-style:none;}
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;_font-smoothing:antialiased;font-smoothing:antialiased;}
#nav,#header,#menu,#section{display:block;}
#nav,#header,#menu{width:100%;}
.zt-wrap{font-size:16px;}
ul,li{list-style:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; outline:none}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
.elips { white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; -o-text-overflow: ellipsis}
/*清除浮动方法*/
.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;}
.tc { text-align:center}
.fix{zoom:1;}
.fix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
img{vertical-align:bottom}
/****************************页面样式控制*****************************/
/*---------------------------全局页面控制----------------------------*/
body{line-height:22px;font-size:12px;color:#2f2f2f; font-family:"微软雅黑","Microsoft YaHei",Helvetica,Arial; }
a{color:#000;}
a:hover{color:#e45711;}
.mw{width:1000px;margin:0 auto}
#looyuMid,#looyuLeft{z-index:110}
/*---------------------------全局导航模块---------------------------*/

#nav{height:105px;text-align:center;background-color:#FFF;}

/*头部Banner*/
#header{ width:100%;height:496px;background: url(imagesheader.png) top repeat-x;}
.head-txt{height:390px;background:url(imageshead_tex.png) no-repeat center bottom}
#header ul {margin-top:-40px;position:relative;z-index:2}
#header li{float:left;}
#header li.li1{margin-left:110px;margin-right:60px;}
#header li a {width:195px;font:16px/45px "微软雅黑";cursor:pointer;text-align:center;color:#fff;-webkit-border-radius:6px;border-radius:6px;background:#e7141a;z-index:4}
.link--blue {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 2px solid #e7141a;
  color: #fff;
  position: relative;
  background: transparent;
  overflow: hidden;
  display: inline-block; }
  .link--blue:before {
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    content: '';
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004aff+0,004aff+89,ffffff+89,ffffff+100 */
    background: #004aff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b6090e 0%, #b6090e 86%, #e7141a 86%, #e7141a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #b6090e 0%, #b6090e 86%, #e7141a 86%, #e7141a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #b6090e 0%, #b6090e 86%, #e7141a 86%, #e7141a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6090e', endColorstr='#e7141a',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    width: 150%;
    height: 100%;
    margin-left: -150%; }
  .link--blue:hover {
    color: #0b1129;border-color:#b6090e}
    .link--blue:hover:before {
      margin-left: 0px;}
	  
.link--interest {
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-style: normal !important;
  font-variant: normal; }

.link--interest {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  color: white;
  position: relative;
  background: transparent;
  overflow: hidden;
  display: inline-block; }
  .link--interest:before {
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    -o-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out;
    content: '';
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004aff+0,004aff+86,0b102a+86,0b102a+100 */
    background: #004aff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b6090e 0%, #b6090e 86%, #e7141a 86%, #e7141a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #b6090e 0%, #b6090e 86%, #e7141a 86%, #e7141a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #b6090e 0%, #b6090e 86%, #e7141a 86%, #e7141a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6090e', endColorstr='#e7141a',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    width: 150%;
    height: 100%;
    margin-left: -150%; }
  .link--interest:hover {
    color: white;
    border-color: #b6090e; }
    .link--interest:hover:before {
      margin-left: 0px; }
/*-------------------------全局菜单导航模块--------------------------*/
.tit{padding:60px 0 40px;text-align:center}

.btn-box{text-align:center;padding:60px 0 70px;}
.btn-box a{width:240px;display:inline-block;*display:inline;*zoom:1;text-align:center;font-size:18px;line-height:43px;color:#fff;margin:0 44px;border:2px solid #e7141a;-webkit-border-radius:6px;border-radius:6px;background:#e7141a;z-index:3}
.btn-box a:hover{}

.banner{background:url(imagesbanner.jpg) no-repeat center;height:340px}
.banner li{float:left;width:205px;margin-top:240px;margin-right:150px}
.banner li a{font-size:28px;color:#fff;text-align:center;line-height:48px;background:#e07422;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;display:block}

/*STAR SERVICE 项目简介*/
.part1{}
.part1 .tip{text-indent:2em;font-size:14px;color:#303030;}
.part1 .tip span{font-size:18px;color:#28b9c1;}
.xmjj1 li{float:left;width:301px;border:1px solid #e5e3e3;margin-right:45px;}
.xmjj1 li p{font-size:16px;color:#303030;text-align:center;background:url(imagesp1_img7.png) no-repeat center;height:80px;padding-top:30px;}
.xmjj2 li{float:left;width:150px;padding-top:95px;margin-right:20px}
.xmjj2 li.li1{background:url(imagesp1_line1.png) no-repeat center top;margin-top:50px;}
.xmjj2 li.li2{background:url(imagesp1_line2.png) no-repeat center top}
.xmjj2 li.li3{background:url(imagesp1_line3.png) no-repeat center top;margin-top:50px}
.xmjj2 li.li4{background:url(imagesp1_line4.png) no-repeat center top;margin-top:20px}
.xmjj2 li.li5{background:url(imagesp1_line5.png) no-repeat center top}
.xmjj2 li.li6{background:url(imagesp1_line6.png) no-repeat center top;margin-top:20px;margin-right:0}
.xmjj2 li h6{font-size:14px;color:#fff;text-align:center;height:50px;padding-top:74px;}
.xmjj2 li.li1 h6{background:url(imagesp1_img1.png) no-repeat center;}
.xmjj2 li.li2 h6{background:url(imagesp1_img2.png) no-repeat center;}
.xmjj2 li.li3 h6{background:url(imagesp1_img3.png) no-repeat center;}
.xmjj2 li.li4 h6{background:url(imagesp1_img4.png) no-repeat center;}
.xmjj2 li.li5 h6{background:url(imagesp1_img5.png) no-repeat center;}
.xmjj2 li.li6 h6{background:url(imagesp1_img6.png) no-repeat center;}
.xmjj2 li p{font-size:14px;color:#303030;text-align:center;margin-top:20px;}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.xmjj2 li.on h6{
	-webkit-animation: spinAround .5s forwards;
	-moz-animation: spinAround .5s forwards;
	animation: spinAround .5s forwards;
}
@-webkit-keyframes spinAround {
	from {-webkit-transform: rotateY(0deg)}
	to {-webkit-transform: rotateY(360deg)}
}
@-moz-keyframes spinAround {
	from {-moz-transform: rotateY(0deg)}
	to {-moz-transform: rotateY(360deg)}
}
@keyframes spinAround {
	from {transform: rotateY(0deg)}
	to {transform: rotateY(360deg)}
}

/*STAR SERVICE 超乎想象的星级服务流程*/
.part2{}
.xbjh1{background:#403d5c;padding-bottom:100px}
.xbjh1 ul{background:url(imagesp2_img1.jpg) no-repeat left bottom;height:450px;}
.xbjh1 li{float:left;width:120px;line-height:32px;background:url(imagesp2_img2.png) no-repeat;margin-right:56px;margin-bottom:240px;font-size:15px;color:#303030;text-align:center}
.xbjh1 li.last{background:url(imagesp2_img3.png) no-repeat;line-height:20px;height:42px;padding-top:3px;}
.xbjh1 li.sec{margin-bottom:0;}
.xbjh2{border:1px solid #fff;}
.xbjh2 li{float:left;width:333px;height:256px;background:#f1f1f3}
.xbjh2 li h5{font-size:18px;color:#303030;padding-top:20px;text-align:center;}
.xbjh2 li h5 b{display:block;width:55px;margin:8px auto 15px;border-bottom:3px solid #28b9c1}
.xbjh2 li h6{font-size:14px;font-weight:normal;color:#303030;padding:0 10px;}
.xbjh2 li p{font-size:14px;color:#303030;padding:0 10px;}
.xbjh2 li p span{color:#e7141b;padding-right:5px}
.xbjh3{position:relative}
.xbjh3-tab{position:absolute;right:7px;top:60px}
.xbjh3-tab li{font-size:16px;color:#303030;background:url(imagesp2_xbjh32.png) no-repeat center bottom;width:234px;line-height:56px;text-align:center;margin-bottom:15px;}
.xbjh3-tab li.on{background-position:center top;color:#fff}
.xbjh3-hid-box{background:url(imagesp2_xbjh31.png) no-repeat left top;width:680px;height:428px;padding-left:90px;padding-top:40px;}
.xbjh3-hid{display:none}
.xbjh3-hid h5{font-size:16px;color:#303030;margin-top:40px;padding-left:20px;}
.xbjh3-hid h6{font-size:16px;font-weight:normal;color:#303030;padding-left:20px;line-height:30px;}
.xbjh3-hid p{font-size:16px;color:#303030;background:url(imagesp2_xbjh33.png) no-repeat left center;padding-left:20px;line-height:30px;}
.xbjh4{background:url(imagesp2_xbjh41.png) no-repeat center top;height:217px;padding-top:170px;}
.xbjh4 li{float:left;width:195px;padding:0 20px;margin-right:20px;}
.xbjh4 li h6{font-size:18px;color:#303030;margin-bottom:5px}
.xbjh4 li p{font-size:14px;color:#303030}

/*STAR SERVICE 令人振奋的星级服务团队*/
.part3{}
.jldn{position:relative;padding-top:80px;}
.jldn-tab{position:absolute;right:45px;top:30px;z-index:10;background:url(imagesp5_tab_bg.png) repeat-x bottom;}
.jldn-tab li{float:left;width:111px;height:95px;}
.jldn-tab li.li1{background:#fff url(imagesp3_tab1.png) no-repeat center bottom}
.jldn-tab li.li2{background:#fff url(imagesp3_tab2.png) no-repeat center bottom}
.jldn-tab li.li3{background:#fff url(imagesp3_tab3.png) no-repeat center bottom}
.jldn-tab li.li4{background:#fff url(imagesp3_tab4.png) no-repeat center bottom}
.jldn-tab li.li5{background:#fff url(imagesp3_tab5.png) no-repeat center bottom}
.jldn-tab li.li6{background:#fff url(imagesp3_tab6.png) no-repeat center bottom}
.jldn-tab li.on{background-position:center top}
.jldn-hid{height:270px;display:none;padding-top:60px;border:4px solid #28b9c1;background:#fff;position:relative}
.jldn-hid .top-box{overflow:hidden;zoom:1;}
.jldn-hid .img-box{position:absolute;left:0;bottom:0;width:336px;}
.jldn-hid .img-box img{display:block;margin:0 auto}
.jldn-hid .info{float:right;width:600px;margin-right:40px;}
.jldn-hid .info h6{font-size:20px;color:#303030;margin-bottom:10px;}
.jldn-hid .info p{font-size:14px;color:#303030;line-height:30px;}

.dstd dl{float:left;width:239px;position:relative;margin-right:14px;margin-bottom:20px;}
.dstd dl dt{}
.dstd dl dt p{font-size:24px;color:#fff;text-align:center;line-height:69px;background:url(imagesp3_xjwa_bg1.png) repeat-x;margin-top:-69px;position:relative;z-index:3}
.dstd dl dd{position:absolute;top:0;left:0;padding:75px 0 0;height:225px;width:239px;background:url(imagesp3_xjwa_bg2.png) repeat;display:none}
.dstd dl dd img{position:absolute;top:0;left:0;}
.dstd dl dd .detail{height:180px;overflow-y:auto;padding:0 20px}
.dstd dl dd p{font-size:14px;line-height:18px;color:#fff;}
.dstd dl dd p span{color:#cab075;}
.dstd dl dd a{display:block;font-size:14px;color:#cab075;padding-left:20px}

/*部分星级“毕业生”分享*/
.part4{} 
.bysfx dl{float:left;width:474px;height:370px;}
.bysfx dl.dl1{border-right:1px dashed #c6c6c6;border-bottom:1px dashed #c6c6c6;padding-right:25px;}
.bysfx dl.dl2{border-bottom:1px dashed #c6c6c6;padding-left:25px;}
.bysfx dl.dl3{border-right:1px dashed #c6c6c6;padding-right:25px;padding-top:20px;}
.bysfx dl.dl4{padding-left:25px;padding-top:20px;}
.bysfx dl dt{font-size:16px;color:#28b9c1}
.bysfx dl dd p{font-size:14px;color:#303030}
.bysfx dl dd p span{color:#28b9c1}

/*为什么选择启德加拿大*/
.part5{background:#f3f2f2;padding-bottom:160px}
.qdjnd{text-align:center}