/**
 * Theme Name:diptop
 * Description:Mltedu wordpress theme
 * Author:venusjin
 */
html{
	height:100%;
}
body{ 
	height:100%;
	margin:0; padding:0; position:relative; 
	font-family:"Microsoft YaHei",微软雅黑,SimHei,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
	color:#60a7d5;
	font-size:12px;
	width:100%;
	background:url(../img/bodybg.jpg) no-repeat left top;
	background-size:100% auto;
}
a:hover{
	color:#60a7d5;
}
.fontEn{
	font-family:Arial, Helvetica, sans-serif;
}
.fontSize90{
	font-size:90px;
}
.fontSize60{
	font-size:60px;	
}
.fontSize48{
	font-size:48px;	
}
.fontSize40{
	font-size:40px;	
}
.fontSize38{
	font-size:38px;	
}
.fontSize36{
	font-size:36px;	
}
.fontSize30{
	font-size:30px;
}
.fontSize28{
	font-size:28px;
}
.fontSize24{
	font-size:24px;
}
.fontSize22{
	font-size:22px;
}
.fontSize20{
	font-size:20px;
}
.fontSize18{
	font-size:18px;
}
.fontSize16{
	font-size:16px;
}
.fontSize15{
	font-size:15px;
}
.fontSize14{
	font-size:14px;
}
.fb{
	font-weight:bold;
}
.fItalic{
	font-style:italic;	
}
.center{
	text-align:center;
}
.uppercase{
	text-transform:uppercase;
}
div{
	margin:0;
	padding:0;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.clearFloat{
	clear:both;
}
ul{
	margin:0;
	padding:0;
}
li{
	margin:0;
	padding:0;
	list-style:none;
}
a{color:#4c4948;text-decoration:none;}
a.current{
	color:#0b3775;	
}
.marginTop10{
	margin-top:10px;	
}
.marginTop20{
	margin-top:20px;	
}
.marginTop30{
	margin-top:30px;	
}
.marginTop40{
	margin-top:40px;	
}
.marginTop50{
	margin-top:50px;	
}
.marginTop60{
	margin-top:60px;	
}
.marginTop70{
	margin-top:70px;	
}
.marginTop80{
	margin-top:80px;	
}
.marginTop90{
	margin-top:90px;	
}
.marginTop160{
	margin-top:160px;	
}
.paddingLeft46{
	padding-left:46px;
}
.paddingTop30{
	padding-top:30px;	
}
.paddingTop60{
	padding-top:60px;	
}
.paddingTop90{
	padding-top:90px;	
}
.fontBlue{
	color:#0b3775;	
}
.fontBlack{
	color:#000;
}
.fontWhite{
	color:#fff;
}
.fontRed{
	color:#d74244;
}
.fontPurple{
	color:#3b4ca9;
}
.h200{
	height:200px;
}
.h150{
	height:150px;
}
.h100{
	height:100px;
}
.bkWhite{
	background-color:white;
}
.fitContent{
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
}
.boxDiv{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.transition-flash{
	-webkit-transition:all 100ms cubic-bezier(.08,.65,0,.98) 0s !important;
	-moz-transition:all 100ms cubic-bezier(.08,.65,0,.98) 0s !important;
	-ms-transition:all 100ms cubic-bezier(.08,.65,0,.98) 0s !important;
	-o-transition:all 100ms cubic-bezier(.08,.65,0,.98) 0s !important;
	transition:all 100ms cubic-bezier(.08,.65,0,.98) 0s !important;
}
.transition-default{
	-webkit-transition:all 700ms cubic-bezier(.08,.65,0,.98) 0s !important;
	-moz-transition:all 700ms cubic-bezier(.08,.65,0,.98) 0s !important;
	-ms-transition:all 700ms cubic-bezier(.08,.65,0,.98) 0s !important;
	-o-transition:all 700ms cubic-bezier(.08,.65,0,.98) 0s !important;
	transition:all 700ms cubic-bezier(.08,.65,0,.98) 0s !important;
}
.transition-long-ease-in-out{
	-webkit-transition:all 800ms ease-in-out 0s;
	-moz-transition:all 800ms ease-in-out 0s;
	-ms-transition:all 800ms ease-in-out 0s;
	-o-transition:all 800ms ease-in-out 0s;
	transition:all 800ms ease-in-out 0s;
}
.showForSmall{
	display:none;
}
.leftComeIn{
	transform:translateX(-300px);
	opacity:0;
	-webkit-transition:all 800ms ease-in-out 0s;
	-moz-transition:all 800ms ease-in-out 0s;
	-ms-transition:all 800ms ease-in-out 0s;
	-o-transition:all 800ms ease-in-out 0s;
	transition:all 800ms ease-in-out 0s;
}
.rightComeIn{
	transform:translateX(100px);
	opacity:0;
	-webkit-transition:all 1200ms ease-in-out 0s;
	-moz-transition:all 1200ms ease-in-out 0s;
	-ms-transition:all 1200ms ease-in-out 0s;
	-o-transition:all 1200ms ease-in-out 0s;
	transition:all 1200ms ease-in-out 0s;
}
.topComeIn{
	transform:translateY(-100px);
	opacity:0;
	-webkit-transition:all 800ms ease-in-out 0s;
	-moz-transition:all 800ms ease-in-out 0s;
	-ms-transition:all 800ms ease-in-out 0s;
	-o-transition:all 800ms ease-in-out 0s;
	transition:all 800ms ease-in-out 0s;
}
.bottomComeIn{
	transform:translateY(300px);
	opacity:0;
	-webkit-transition:all 800ms ease-in-out 0s;
	-moz-transition:all 800ms ease-in-out 0s;
	-ms-transition:all 800ms ease-in-out 0s;
	-o-transition:all 800ms ease-in-out 0s;
	transition:all 800ms ease-in-out 0s;
}
.leftComeIn.backAni{
	transform:translateX(0);
	opacity:1;
}
.rightComeIn.backAni{
	transform:translateX(0);
	opacity:1;
}
.topComeIn.backAni{
	transform:translateY(0);
	opacity:1;
}
.bottomComeIn.backAni{
	transform:translateY(0);
	opacity:1;
}
.fontBigToNormal{
	transform:translate(-40px,-40px) scale(2);
	opacity:0;
	-webkit-transition:all 1000ms ease-in-out 0s;
	-moz-transition:all 1000ms ease-in-out 0s;
	-ms-transition:all 1000ms ease-in-out 0s;
	-o-transition:all 1000ms ease-in-out 0s;
	transition:all 1000ms ease-in-out 0s;
}
.fontBigToNormal.backAni {
	transform:translate(0) scale(1);
	opacity:1;
}
.eagle1SmallToNormal{
	transform:translate(-100%,-100%) scale(0.4);
	opacity:0;
	-webkit-transition:all 1800ms ease-in-out 0s;
	-moz-transition:all 1800ms ease-in-out 0s;
	-ms-transition:all 1800ms ease-in-out 0s;
	-o-transition:all 1800ms ease-in-out 0s;
	transition:all 1800ms ease-in-out 0s;
}
.eagle1SmallToNormal.backAni {
	transform:translateZ(0) scale(1);
	opacity:1;
}
.eagle2SmallToNormal{
	transform:translate(100%,-100%) scale(0.4);
	opacity:0;
	-webkit-transition:all 1800ms ease-in-out 0s;
	-moz-transition:all 1800ms ease-in-out 0s;
	-ms-transition:all 1800ms ease-in-out 0s;
	-o-transition:all 1800ms ease-in-out 0s;
	transition:all 1800ms ease-in-out 0s;
}
.eagle2SmallToNormal.backAni {
	transform:translateZ(0) scale(1);
	opacity:1;
}

/*preload*/
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }

  to {
    -o-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

#preloader {
  width: calc(100% - 160px);
  height: 100%;
  position: fixed;
  top: 79px;
  left: 80px;
  background-color: #e8e8f2;
  opacity: 1;
  z-index: 999;
  -webkit-transition: -webkit-opacity 1s ease ;
  -moz-transition: opacity 1s ease ;
  -ms-transition: opacity 1s ease ;
  -o-transition: opacity 1s ease ;
  transition: opacity 1s ease ;
  display: table;
}
#preloader.full {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#preloader .preDiv {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#preloader .preDiv .animation {
  position: relative;
  display: inline-block;
  top: -80px;
  min-height: 150px;
  width: 203px;
}
#preloader .preDiv .animation .p1a {
  -ms-transform: rotate(0);
  /* IE 9 */
  -ms-transform-origin: 35px 40px;
  /* IE 9 */
  -webkit-transform: rotate(0);
  /* Chrome, Safari, Opera */
  -webkit-transform-origin: 35px 40px;
  /* Chrome, Safari, Opera */
  transform: rotate(0);
  transform-origin: 35px 40px;
  -webkit-transition: -webkit-transform 1s linear 0;
  -moz-transition: transform 1s linear 0;
  -ms-transition: transform 1s linear 0;
  -o-transition: transform 1s linear 0;
  transition: transform 1s linear 0;
  position: absolute;
  top: 4px;
  left: 60px;
  height: 120px;
}

#preloader .preDiv .animation .p1a.rotate {
  -webkit-transition: -webkit-transform 0 linear 0;
  -moz-transition: transform 0 linear 0;
  -ms-transition: transform 0 linear 0;
  -o-transition: transform 0 linear 0;
  transition: transform 0 linear 0;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
#preloader .preDiv .animation .p1 {
  position: absolute;
  top: 4px;
  left: 60px;
  height: 120px;
}

.container{
	position:relative;
	height:100%;
	min-height:568px;
	margin:0 auto;
}
.section{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#section1{
	background:url(../img/index1BK.jpg) left top no-repeat;
	background-size:100% 100%;
}
#section2{
	background:url(../img/index2BK.jpg) left top no-repeat;
	background-size:100% 100%;
}
#section3{
	background:url(../img/index3BK.jpg) left top no-repeat;
	background-size:100% 100%;
}
.logo{
	position:absolute;
	left:8%;
	top:4%;
	width:240px;
}
.logo img{
	width:100%;
}
.menu{
	position:absolute;
	right:12%;
	top:7%;
	cursor:pointer;
}
.fCompanys{
	display:block;
	float:left;
}
.pCompanys{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:5px;
}
.rotate90{
	transform:rotate(90deg);	
}
.companyList{
	position:absolute;
	right: calc(12% - 16px);
	top: calc(7% + 20px);
	display:none;
}
.companyList li{
	padding:2px 0;	
}
.bottomNav{
	position:absolute;
	bottom:140px;
	left:0;
	width:100%;
	height:26px;
	background-color:#06F;
	opacity:0.6;
}
.bottomNavFont{
	position:absolute;
	bottom:140px;
	left:0;
	width:100%;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	text-align:center;
}
.bottomNavFont ul{
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	margin:0 auto;
}
.bottomNavFont ul li{
	font-size:14px;
	float:left;
	margin:0 30px;
}
.bottomNavFont ul li a{
	display:block;
	color:white;
}
.bottomNavFont ul li:hover a{
	animation: flash 0.01s ease-in-out 0s 30 normal;
	-moz-animation: flash 0.01s ease-in-out 0s 30 normal;
	-webkit-animation: flash 0.01s ease-in-out 0s 30 normal;
	-o-animation: flash 0.01s ease-in-out 0s 30 normal;
}
/*
.bottomNavFont ul li a.flash{
	animation: flash 0.01s ease-in-out 0s 30 normal;
	-moz-animation: flash 0.01s ease-in-out 0s 30 normal;
	-webkit-animation: flash 0.01s ease-in-out 0s 30 normal;
	-o-animation: flash 0.01s ease-in-out 0s 30 normal;
}
*/
.copyRight{
	position:absolute;
	font-size:14px;
	bottom:60px;
	left:0;
	width:100%;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	text-align:center;
	color:white;	
}
@keyframes flash
{
0%   {transform:translateY(-15px); opacity:0.2;}
100%  {transform:translateY(15px);opacity:0.2;}
}

@-moz-keyframes flash /* Firefox */
{
0%   {transform:translateY(-15px); opacity:0.2;}
100%  {transform:translateY(15px);opacity:0.2;}
}

@-webkit-keyframes flash /* Safari 和 Chrome */
{
0%   {transform:translateY(-15px); opacity:0.2;}
100%  {transform:translateY(15px);opacity:0.2;}
}

@-o-keyframes flash /* Opera */
{
0%   {transform:translateY(-15px); opacity:0.2;}
100%  {transform:translateY(15px);opacity:0.2;}
}

@keyframes topDown
{
0%   {transform:translateY(0px); }	
50%   {transform:translateY(-15%); }
100%  {transform:translateY(15%);}
}

@-moz-keyframes topDown /* Firefox */
{
0%   {transform:translateY(0px); }	
50%   {transform:translateY(-15%); }
100%  {transform:translateY(15%);}
}

@-webkit-keyframes topDown /* Safari 和 Chrome */
{
0%   {transform:translateY(0px); }	
50%   {transform:translateY(-15%); }
100%  {transform:translateY(15%);}
}

@-o-keyframes topDown /* Opera */
{
0%   {transform:translateY(0px); }	
50%   {transform:translateY(-15%); }
100%  {transform:translateY(15%);}
}

.topDown.start{
	animation: topDown 2s ease-in-out 0s infinite alternate;
	-moz-animation: topDown 2s ease-in-out 0s infinite alternate;
	-webkit-animation: topDown 2s ease-in-out 0s infinite alternate;
	-o-animation: topDown 2s ease-in-out 0s infinite alternate;	
}
.myImg{
	position:absolute;
}
.eagle1{
	left:30%;
	top:32%;	
}
.index1Title{
	left:45%;
	top:12.5%;
}
.eagle2{
	left:57%;
	top:41%;	
}
.eagle3{
	left:47.3%;
	top:1%;	
}
.index3Title{
	left:21.4%;
	top:27.6%;	
}
.index3p1{
	left:54%;
	top:17%;	
}
.index2Title{
	left:33%;
	top:21%;
}
.index2p2{
	left:58%;
	top:19%;
}
.slideDown img{
	position:relative;
}
.index2f1{
	position:absolute;
	left:11.6%;
	top:27.6%;
}
.index2t1{
	left:13.8%;
	top:31%;
}
.index2f2{
	position:absolute;
	left:36%;
	top:34%;
}
.index2t2{
	left:38%;
	top:36.5%;
}
.index2f3{
	position:absolute;
	left:38.1%;
	top:41.5%;
}
.index2t3{
	left:41.5%;
	top:45.5%;
}
.index2f4{
	position:absolute;
	left:65%;
	top:31%;
}
.index2t4{
	left:67.5%;
	top:34%;
}
.index2f5{
	position:absolute;
	left:79.4%;
	top:35%;
}
.index2t5{
	left:82.5%;
	top:38%;
}
.index2Line{
	position:absolute;
	left:0;
	top:35%;
}
.slideDown{
	display:none;
}
.slideRight{
	display:none;
}