@import url(body.css); 

/*--- 首页样式定义 ---*/
.index_h2{ width:100%; height:45px; margin-top:40px; font-size:20px; margin-bottom:20px;}
.index_h2 strong{ background:#9E9DA2 url(h2_bg.jpg) no-repeat right; color:#fff; padding:3px 20px 5px 20px;}

#Index{ width:100%; min-height:650px; background: url(raw_1470759307.jpeg) no-repeat; background-size: 100% auto; padding-top:20%; position:relative}
#Index h2{ width:100%; text-align:center; font-size:60px; color:#fff; animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards; position: relative;}
@keyframes animatop {
  0% {
    opacity: 0;
    bottom: -500px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}

#Index h3{ width:100%; text-align:center; font-size:15px; color:#fff; padding-top:10px;}
#Index ul{ width:910px; margin:130px auto 0; text-align:center;}
#Index ul li{}
#Index ul li a{ border:1px #fff solid; color:#fff; float:left; margin:auto 20px; padding:10px 30px; font-size:20px; border-radius:5px;}
#Index ol{ width:100%; text-align:center; padding-top:120px;}
.index_l{ position:absolute; bottom:0px; left:0px; 
width:100%;
filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
-moz-opacity:0.8; /*Firefox私有，透明度50%*/
opacity:0.8;/*其他，透明度50%*/
}
.parallax > use {
  animation: move-forever 12s linear infinite;
  transform-origin: 50% 50%;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
}
.parallax > use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 3s;
}

@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
.editorial {
  display: block;
  width: 100%;
  height: 15em;
  margin: 0;
}

@media (max-width: 50em) {
  .editorial {
    height: 15vw;
  }
}

/*--- 导航LOGO ---*/
#Index_01{ height:80px; background:#F3F3F3; width:1200px; margin:0 auto; line-height:80px; padding:0 40px}
#Index_01 h2{ margin-right:80px}
#Index_01 h2.logo{ font-size:30px; color:#8C8C8C}
#Index_01 ul{ }
#Index_01 ul li{ float:left}
#Index_01 ul li a{ float:left; font-size:22px; font-weight:bold; color:#8C8C8C; padding:0 30px;}

/*--- 最新文章 ---*/
#Index_02{height:300px; background:#FFF; width:100%; margin-top:40px;}
#Index_02 .news{ width:360px; margin-right:20px; height:300px;}
#Index_02 .news h2{ width:100%; height:40px; line-height:40px; font-size:14px;}
#Index_02 .news h2 strong{ float:left}
#Index_02 .news h2 a{ float:right; padding-right:10px; font-weight:400;}
#Index_02 .news ul{}
#Index_02 .news ul li{ width:100%; float:left; padding:5px 0}
#Index_02 .news ul li span{ float:left; padding-right:10px;}
#Index_02 .news ul li a{ color:#333; float:left; font-size:14px;}

#Index_02 .slide{ width:820px; background:#990; height:300px;}

#playBox{ width:820px; height:300px; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(pic/l.png) no-repeat; position:absolute; top:120px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(pic/r.png) no-repeat; position:absolute; top:120px; right:10px; z-index:10;}
#playBox .smalltitle {width:820px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:8px; height:8px; margin:0 5px; border-radius:10px; background:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}



#Index_02 .message{width:280px; background:#B53032; height:300px;}

/*--- 最热移民项目 ---*/
#Index_03{ width:100%; background:#F90; height:560px;}
#Index_03 #I_03_1{ width:100%; height:320px; background: url(index_1.jpg) no-repeat; position:relative}
#Index_03 #I_03_1 h2{ width:100%; font-size:16px; margin-top:22px; float:left;}

#Index_03 #I_03_1 h3{ width:25px; height:50px; position:absolute; left:-15px; top:15px; }

#Index_03 #I_03_1 h2 strong{background:#1A0975; color:#fff; padding:7px 25px 6px 25px;}
#Index_03 #I_03_1 ul{ font-size:14px; padding:70px 40px 40px 40px;}
#Index_03 #I_03_1 ul a{ color:#333}

#Index_03 #I_03_2{width:100%; height:240px; position:relative}
#Index_03 #I_03_2 .z{ width:410px; background:#B6C4FA; height:200px; padding:20px;}
#Index_03 #I_03_2 .z h2{ width:100%; height:40px; line-height:40px; font-size:14px;}
#Index_03 #I_03_2 .z h2 strong{ float:left}
#Index_03 #I_03_2 .z h2 a{ float:right; padding-right:10px; font-weight:400;}
#Index_03 #I_03_2 .z ul{}
#Index_03 #I_03_2 .z ul li{ width:100%; float:left; padding:5px 0}
#Index_03 #I_03_2 .z ul li span{ float:left; padding-right:10px;}
#Index_03 #I_03_2 .z ul li a{ color:#333; float:left}


#Index_03 #I_03_2 .y{ width:710px; background:#F0F2FA; height:200px; padding:20px;}
#Index_03 #I_03_2 .y h3{ width:25px; height:50px; position:absolute; right:-3px; top:163px; }

#Index_03 #I_03_2 .y h2{width:100%; height:40px; line-height:40px; font-size:20px;}
#Index_03 #I_03_2 .y dl{ width:100%; padding-top:20px;}
#Index_03 #I_03_2 .y dl dt{ font-weight:bold}
#Index_03 #I_03_2 .y dl dd{}
#Index_03 #I_03_2 .y dl dd p{ padding-top:5px;}
#Index_03 #I_03_2 .y ol{ width:100%;}
#Index_03 #I_03_2 .y ol a{background:#1A0975; color:#fff; padding:9px 0px 9px 31px; float:right; font-weight:bold}

/*---  最新留学动向  ---*/
#Index_04{ width:100%; height:300px;}
#Index_04 .i_04_list{ width:384px; height:300px;}
#Index_04 .i_04_list h2{ width:100%; height:40px; line-height:40px; font-size:14px; border-bottom:1px #e3e3e3 solid; padding-bottom:5px;}
#Index_04 .i_04_list h2 strong{ float:left; color:#3F6ACB; font-size:20px;}
#Index_04 .i_04_list h2 a{ float:right; padding-right:10px; font-weight:400;}
#Index_04 .i_04_list ul{ padding-top:10px; width:100%}
#Index_04 .i_04_list ul li{ width:100%; float:left; padding:5px 0}
#Index_04 .i_04_list ul li span{ float:left; padding-right:10px;}
#Index_04 .i_04_list ul li a{ color:#333; float:left}

#Index_04 .i_04_list dl{}
#Index_04 .i_04_list dl dd{ width:100%; height:90px; background:#990; margin-bottom:10px;}

/*--- 一站式留学移民服务 ---*/
#Index_05{width:100%; height:330px;}
#Index_05 ul{ padding:20px 0 10px 0}
#Index_05 ul li{ float:left; width:20%; height:150px; text-align:center}
#Index_05 ul li p{}
#Index_05 ul li p img{ width:110px;}
#Index_05 ul li p a{ color:#666; font-size:14px;}

#Index_06{width:100%; margin-bottom:40px;}
#Index_06 ul{ font-size:14px; padding:20px 0 20px 0;}