.myvideo{
	text-align:center;
	padding-top: 61px;
	background-color: #01041D;
}
.introduce{
	padding: 50px 0px;
	background-color: #01041D;
	text-align: center;
	color: #FFFFFF;
}
.introduce-title{
	font-size: 2.4rem;
	padding-bottom: 30px;
}
.honor{
	padding: 50px 0px 70px 0px;
	background-color: #FFFFFF;
}
.honor-title{
	padding-bottom: 50px;
	font-size: 2.4rem;
	text-align: center;
}
.honor-img-pic img{
	margin: 0 auto;
	width: 80%;
}

.honor-img-two{
	padding-top: 50px;
}

/* 发展历程 */
.experience{
	position: relative;
}
.experience-title{
	position: absolute;
	top: 30px;
	left: 48%;
	color: #FFFFFF;
	font-size: 2.4rem;
}
.experience-img img{
	margin: 0 auto;
}

/* 合作伙伴 */
.partner{
	padding: 50px 0px;
}
.partner-img img{
	margin: 0 auto;
}

/* svg */

.course{
	position: absolute;
	top: 200px;
}

@media screen and (min-width:1920px) {
	.course{
		position: absolute;
		top: 162px;
		left:26%;
	}
}

.course .animate-circle1{
animation:animate-circle 0.2s;
-moz-animation:animate-circle 0.2s; /* Firefox */
-webkit-animation:animate-circle 0.2s; /* Safari and Chrome */
-o-animation:animate-circle 0.5s; /* Opera */
opacity: 0;
 animation-fill-mode: forwards;
}
.course .animate-text1{
animation:animate-circle 0.2s forwards;
-moz-animation:animate-circle 0.3s; /* Firefox */
-webkit-animation:animate-circle 0.5s; /* Safari and Chrome */
-o-animation:animate-circle 0.5s; /* Opera */
opacity: 0;
 animation-fill-mode: forwards;
 text-shadow: rgba(0,0,0,0.5) 1px 2px 1px;
 font-size: 14px
}
.course .animate-line1{
  stroke-dasharray: 118;
  stroke-dashoffset: 118;
  animation: dash 0.5s linear forwards;
  animation-iteration-count:1;
-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
animation-delay:0.5s;
-webkit-animation-delay:0.5s; /* Safari 和 Chrome */
}
@keyframes animate-circle
{
from {opacity: 0;}
to {opacity: 1;}
}

@-moz-keyframes animate-circle /* Firefox */
{
from {opacity: 0;}
to {opacity: 1;}
}

@-webkit-keyframes animate-circle /* Safari and Chrome */
{
from {opacity: 0;}
to {opacity: 1;}
}

@-o-keyframes animate-circle /* Opera */
{
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

/* 小于1366 */

@media screen and (max-width: 1366px) {
    .experience-1920 {
        display: none;
    }
}


/* 大于1366 */

@media screen and (min-width:1367px) {
    .experience-1920 {
        display: block;
    }
    .experience-1366 {
        display: none;
    }
}