.GaoDuandz{height: 100vh;display: flex;align-items: center;}
.GaoDuandz{background: -webkit-linear-gradient(left, #1d95ed, #24a7ec, #3ce0ea);background: -o-linear-gradient(right, #1d95ed, #24a7ec, #3ce0ea);background: -moz-linear-gradient(right, #1d95ed, #24a7ec, #3ce0ea);background: linear-gradient(to right, #1d95ed, #24a7ec, #3ce0ea);}
.GaoDuan-cont .cont-l{width: 31%;}
.GaoDuan-cont .cont-r{width: 69%;display: flex;align-items: center;justify-content: center;}
.GaoDuan-cont .cont-l .line{width: 100%;height: 1px;background-color: #fff;}
.GaoDuan-cont .cont-l .list a{padding: 0px 17px;height: 40px;border-radius: 20px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;margin-right: 15px;margin-bottom: 10px;}
.GaoDuan-cont .cont-l .btn a{border: 1px solid #fff;height: 55px;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.GaoDuan-cont .cont-l .btn a:nth-child(1){width: 200px;margin-right: 15px;}

.GaoDuandz-img{position: relative;}
.GaoDuandz-img .mg1 {position: absolute;left: 0;top: 0;width: 100%;}
.GaoDuandz-img .mg-lights {width: 7.456%;left: 34.98%;}
.GaoDuandz-img .mg-ball1s {width: 7%;left: 13.377%;top: 18.266%;}
.GaoDuandz-img .mg-ball2s {width: 5%;left: 52%;top: 0;}
.GaoDuandz-img .mg-lights {animation: flash 1s ease 0s infinite;}
.GaoDuandz-img .mg-ball1s {animation: ball linear 5s infinite;}
.GaoDuandz-img .mg-ball2s {animation: ball linear 7s infinite;}
@keyframes ball  {0%{transform: translate(0px);}50%{transform: translate(30px);}100%{transform: translate(0px);}}

@keyframes tel_line {
    0% { opacity: 0; }
	25% { opacity: 1; }
	50% { opacity: 1; }
	75% { opacity: 1; }
	100% { opacity: 0; }
}

/* wifi */
@keyframes wifi {
	0% { transform: translate(0, 0); }
	20% { transform: translate(-3px, 10px); }
	40% { transform: translate(3px, -5px); }
	60% { transform: translate(-3px, 10px); }
	80% { transform: translate(3px, -5px); }
	100% { transform: translate(0, 0); }
}


/*响应式网站*/
.GaoDuanxy{height: 100vh;display: flex;align-items: center;}
.GaoDuanxy{background: -webkit-linear-gradient(left, #f57239, #f68d40, #f9d556);background: -o-linear-gradient(right, #f57239, #f68d40, #f9d556);background: -moz-linear-gradient(right, #f57239,#f68d40, #f9d556);background: linear-gradient(to right, #f57239, #f68d40, #f9d556);}
.GaoDuanxy-img{position: relative;animation:zoomIn 1.5s ease 0.5s both}
.GaoDuanxy-img .mg1{position: absolute;left: 0;top: 0;width: 100%;}
.GaoDuanxy-img .mg-cumputer{width: 40.24%;left: 22.7%;}
.GaoDuanxy-img .mg-message{width: 22.37%;top: 3%;}
.GaoDuanxy-img .mg-cloud{width: 13.267%;top: 7.25%;left: 67.43%;}
.GaoDuanxy-img .i-wifi {
    position: absolute;
    width: 9.32%;
    left: 51.53%;
    top: 5.75%;
    animation: wifi linear 4s infinite;
}
.GaoDuanxy-img .i-wifi span {
    -webkit-animation: fadeInUp 2s ease 2.5s both;
    -moz-animation: fadeInUp 2s ease 2.5s both;
    animation: fadeInUp 2s ease 2.5s both;
}
.GaoDuanxy-img .i-wifi img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.GaoDuanxy-img .i-wifi .mg-wifi1 {
    animation: tel_line ease-out 2s 0.2s infinite;
}
.GaoDuanxy-img .i-wifi .mg-wifi2 {
	animation: tel_line ease-out 2s 0.4s infinite;
}

.GaoDuanxy-img .i-wifi .mg-wifi3 {
	animation: tel_line ease-out 2s 0.6s infinite;
}

/*营销型网站*/
.GaoDuanyx{height: 100vh;display: flex;align-items: center;}
.GaoDuanyx{background: -webkit-linear-gradient(left, #29bd90, #4bc581, #9ed95b);background: -o-linear-gradient(right, #29bd90, #4bc581, #9ed95b);background: -moz-linear-gradient(right, #29bd90,#4bc581, #9ed95b);background: linear-gradient(to right, #29bd90, #4bc581, #9ed95b);}
.GaoDuanyx-img{position: relative;animation:zoomIn 1.5s ease 0.5s both}
.GaoDuanyx-img .mg1{position: absolute;left: 0;top: 0;width: 100%;}
.GaoDuanyx .mg-light2 {
    width: 37%;
    left: 57.5%;
    animation: flash 1s ease 0s infinite;
}

/*电商*/
.GaoDuands{height: 100vh;display: flex;align-items: center;}
.GaoDuands{background: -webkit-linear-gradient(left, #5c35dc, #7a4ae4, #cf86fa);background: -o-linear-gradient(right, #5c35dc, #7a4ae4, #cf86fa);background: -moz-linear-gradient(right, #5c35dc,#7a4ae4, #cf86fa);background: linear-gradient(to right,#5c35dc, #7a4ae4, #cf86fa);}
.GaoDuands-img{position: relative;animation:zoomIn 1.5s ease 0.5s both}
.GaoDuands-img .mg1{position: absolute;left: 0;top: 0;width: 100%;}
.GaoDuands-img .mg-fk1 {
	width: 3.728%;
	left: 30.48%;
	top: 14.05%;
}

.GaoDuands-img .mg-fk2 {
	width: 5.92%;
	left: 10.964%;
	top: 26.61%;
}

.GaoDuands-img .mg-fk3 {
	width: 7.895%;
	left: 44.188%;
	top: 64.132%;
}

.GaoDuands-img .mg-dz {
	width: 11.732%;
	left: 54%;
	top: 67.438%;
}

.GaoDuands-img .mg-fk1 {
	animation: wifi 4s linear 0s infinite;
}

.GaoDuands-img .mg-fk2 {
	animation: wifi 5s linear 0s infinite;
}

.GaoDuands-img .mg-fk3 {
	animation: wifi 3s linear 0s infinite;
}

.GaoDuands-img .mg-dz {
	animation: wifi 7s linear 0s infinite;
}


/*移动*/
.GaoDuanyd{height: 100vh;display: flex;align-items: center;}
.GaoDuanyd{background: -webkit-linear-gradient(left, #ed4c4c, #ee505d,#f25e98);background: -o-linear-gradient(right,#ed4c4c, #ee505d, #f25e98);background: -moz-linear-gradient(right, #ed4c4c,#ee505d, #f25e98);background: linear-gradient(to right,#ed4c4c, #ee505d, #f25e98);}
.GaoDuanyd-img{position: relative;animation:zoomIn 1.5s ease 0.5s both}
.GaoDuanyd-img .mg1{position: absolute;left: 0;top: 0;width: 100%;}
.GaoDuanyd-img .i-message {
	position: absolute;
	left: 66.45%;
	top: 10.9%;
	width: 9%;
}

.GaoDuanyd-img .i-message img {
	position: absolute;
	left: 0;
	top: 0;
}

.GaoDuanyd-img .i-message .mg-mesd1 {
	animation: tel_line ease-out 2s 0.4s infinite;
}

.GaoDuanyd-img .i-message .mg-mesd2 {
	animation: tel_line ease-out 2s 0.8s infinite;
}

.GaoDuanyd-img .i-message .mg-mesd3 {
	animation: tel_line ease-out 2s 1.2s infinite;
}

.GaoDuanyd-img .i-message {
	animation: wifi 10s linear 0s infinite;
}



@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .Container{padding-top:60px;}
    .GaoDuan-cont .cont-l{width:100%;}
    .GaoDuan-cont .cont-r{width:100%;}
}