* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

@font-face {
  font-family: 'MyHanziXi';   /*字体名称*/
  src: url('myhanzixi2500.ttf');       /*字体源文件*/
}

body,
html {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #666;
	font: 14px/1.8 "Microsoft Yahei", verdana;
	-webkit-font-smoothing: antialiased;
}
body{
	overflow-x: hidden;	
}

a,
img {
	border: 0;
	text-decoration: none;
	outline: none;
}
a{
	color:#666;
}
p {
	margin-top: 0
}

button {
	padding: 0;
	border: 1px solid #A9B1B3;
	background-color: transparent;
}

button:focus {
	outline: 0
}

a,
i,
img,
p,
span,
ul,
li,
input,
button {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	/* Firefox 4 */
	-webkit-transition: all 0.3s;
	/* Safari 鍜� Chrome */
	-o-transition: all 0.3s;
	/* Opera */
}

.noTs {
	transition: all 0s;
	-moz-transition: all 0s;
	/* Firefox 4 */
	-webkit-transition: all 0s;
	/* Safari 鍜� Chrome */
	-o-transition: all 0s;
	/* Opera */
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/* 鍙充晶瀵艰埅 */
.noTs#fullPage-nav {
	font-size: 12px;
	opacity: 1;
	transition: opacity 1s;
}

.noTs#fullPage-nav li {
	width: 90px;
	height: 21px;
	margin: 10px 0 0;
	vertical-align: middle;
}

.noTs#fullPage-nav li a {
	float: right;
	width: 21px!important;
	height: 21px!important;
	color: #8F9DA4;
	text-align: right;
	background: url(../images/dot.png) no-repeat 5px 5px;
}

.noTs#fullPage-nav li .active {
	background-position: 0 bottom;
}

.noTs#fullPage-nav span {
	display: none;
}
.noTs#fullPage-nav .fullPage-tooltip {
	float: left;
	top: 0;
	margin-right: 5px;
	font: 12px "Microsoft Yahei";
	color: #8F9DA4;
	line-height: 21px;
}
.noTs#fullPage-nav.top_main_blue .fullPage-tooltip {
	color:rgba(255,255,255,0.8);
}

div.menu{
	display: none;
}

.top_main {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 60px;
	/* background: rgba(255,2555,255,0.2); */
	transition: all 0.8s 0.3s;
    -moz-transition: all 0.8s 0.3s;
    -webkit-transition: all 0.8s 0.3s;
    -o-transition: all 0.8s 0.3s;
}

.top_main span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px 0;
}

.top_main .logo_left {
	/* width: 130px; */
	width: 100px;
	height: 40px;
	left: 50px;
	/* background: url(../images/eslinkLogoLeft.png) no-repeat 0 0/cover; */
    background: url(../images/eslinkLogoLeft.svg) no-repeat center/contain;
}

.top_main .logo_center {
	width: 1px;
	height: 40px;
	left: 170px;
	background: url(../images/eslinkLogoCenter.png) no-repeat 0 0/contain;
	opacity: 1;
}

.top_main .logo_right {
	width: 300px;
	height: 30px;
	left: 190px;
	top: 10px;
	background: url(../images/eslinkLogoText.png) no-repeat 0 0/contain;
	transition-duration: 1s;
}

.top_main a.downLoad,.top_main a.login {
	display: block;
	position: absolute;
	top: 10px;
	right: 50px;
	box-sizing: content-box;
	border-radius: 30px;
	border: 1px solid #2292ff;
	padding: 0 24px;
	margin: 5px 8px;
	background-color: transparent;
	color: #666;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}
.ltie10 .top_main a.downLoad,.ltie10 .top_main a.login {
    filter: none!important;
}

.top_main a.downLoad {
	right: 200px;
	transition-duration: 1s;
	color: #fff;
	background: #2292ff;
    background: -moz-linear-gradient(left, #2292ff 0%, #20bdfe 100%);
    background: -webkit-gradient(linear, left center, right center, from(#2292ff), to(#20bdfe));
    background: -webkit-linear-gradient(left, #2292ff 0%,#20bdfe 100%);
    background: -o-linear-gradient(left, #2292ff 0%,#20bdfe 100%);
    background: -ms-linear-gradient(left, #2292ff 0%,#20bdfe 100%);
    background: linear-gradient(to right, #2292ff 0%,#20bdfe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2292ff', endColorstr='#20bdfe',GradientType=1 );
}

.top_main a.downLoad:hover,.top_main a.login:hover {
	border: 1px solid #20bdfe!important;
	color: #fff!important;
	background: #20bdfe!important;
    background: -moz-linear-gradient(left, #20bdfe 0%, #20bdfe 100%)!important;
    background: -webkit-gradient(linear, left center, right center, from(#20bdfe), to(#20bdfe))!important;
    background: -webkit-linear-gradient(left, #20bdfe 0%,#20bdfe 100%)!important;
    background: -o-linear-gradient(left, #20bdfe 0%,#20bdfe 100%)!important;
    background: -ms-linear-gradient(left, #20bdfe 0%,#20bdfe 100%)!important;
    background: linear-gradient(to right, #20bdfe 0%,#20bdfe 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bdfe', endColorstr='#20bdfe',GradientType=1 )!important;
}
.ltie10 .top_main a.downLoad:hover,.ltie10 .top_main a.login:hover {
    filter: none!important;
}

.top_main p {
	position: absolute;
    top: -60px;
    line-height: 30px;
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    color: #333;
    opacity: 0;
    transition-duration: 0.5s;
    transition-delay: 0s;
}

.top_main ul {
	position: absolute;
	left: 50%;
	top: -60px;
    width: 450px;
	margin: 0 0 0 -222px;
	opacity: 0;
	transition-duration: 0.5s;
	transition-delay: 0s;
}
.top_main ul li{
	float: left;
	display: block;
	margin: 0 4px;
	width: 142px;
}

.top_main ul>li a{
	display: block;
	box-sizing: border-box;
	color: #333;
	background-color: #f2fcfd;
	font-size: 15px;
	text-align: center;
	line-height: 44px;
	transition: all 0.3s;
	border-bottom: 2px solid #2292ff;
	transition: all 0s;
}

.top_main ul>li a:hover{
	color: #2292ff;
	background-color: rgba(34, 146, 255, 0.08);
	border: 1px solid #2292ff;
}

.top_main .section_center {
	position: relative;
	opacity: 0;
	transition: all 0.8s 0.3s;
	-moz-transition: all 0.8s 0.3s;
	/* Firefox 4 */
	-webkit-transition: all 0.8s 0.3s;
	/* Safari 鍜� Chrome */
	-o-transition: all 0.8s 0.3s;
	/* Opera */
}

.top_main.top_main_blue{
	background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left center, right center, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
}
.ltie10 .top_main.top_main_blue{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88000000', endColorstr='#00000000',GradientType=1 );
}

/* .top_main.top_main_blue .logo_left{
	background: url(../images/eslinkLogoLeft.png) no-repeat 0 bottom/cover;
} */
.top_main.top_main_blue .login{
	color: #fff;
}

.section2 strong,.section3 strong,.section4 strong {
	display: block;
	font-size: 24px;
	font-weight: 500;
	color: #2292ff;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.section2 h3,.section3 h3,.section4 h3{
	transition: all 1s;
	font-family: "MyHanziXi";
	opacity: 1;
	font-size: 40px;
    font-weight: normal;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
}


.section {
	position: relative;
	overflow: hidden;
}
.section .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.section1{
	background: url(../images/bgGrid.png) repeat;
}
.section1 .img_all {
	position: absolute;
	z-index: 0;
	left: 0;
	width: 100%;
	height: 60%;
	transition: all 1s;
	bottom: -40%;
	opacity: 0;
	background: url(../images/imgAll.png) no-repeat 50% bottom/contain;
}
.section1 .img_word{
	position: relative;
	left: 0;
	width: 100%;
	height: 240px;
	transition: all 1s;
	top: -20%;
	opacity: 0;
}
.section1 .img_word>div{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: url(../images/imgWord1.png) no-repeat left bottom/contain;
}
.section1 .img_word>div:last-child{
	left: auto;
    right: 0;
	background: url(../images/imgWord2.png) no-repeat right bottom/contain;
}

.section2{
	background: url(../images/bgPipes.png) repeat;
}
.section2 .header{
	width: 540px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.section2 .content{
	position: absolute;
	box-sizing: border-box;
	width: 1200px;
    top: 50%;
    left: 50%;
	margin-left: -600px;
    margin-top: -356px;
}

.section2 .content ul li {
	display: block;
	float: left;
	z-index: 1;
	box-sizing: border-box;
	margin-bottom: 2%;
	padding: 0 30px;
	width: 25%;
	text-align: center;
	opacity: 0;
	margin-top: 100px;
	transition: all 1s;
}
.section2 .content ul li h4{
	margin-top: 10px;
	font-size: 18px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
}
.section2 .content ul li p{
	overflow: hidden;
	margin-top: 10px;
	height: 72px;
    line-height: 24px;
    text-align: center;
	font-size: 14px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.section2 .content ul li i{
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.section3 .bg{
	background: #ffffff;
	background-size: 100% 100%;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
    background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#ffffff), to(#f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#fff6f6f6',GradientType=0 );
}


.section3 .intercom_top {
	position: absolute;
	top: -454px;
	width: 100%;
	height: 545px;
	background: url(../images/intercomTop.png) no-repeat 50% 0/contain;
	transition: all 1s;
}
.section3 .intercom_left {
	position: relative;
	float: left;
	width: 560px;
	height: 460px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transition: all 1s;
	opacity: 0;
	margin-left:-300px;
}
.section3 .intercom_left>div {
	position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -200px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transition: all 1s;
    opacity: 0;
}
.section3 .intercom_right {
	float: right;
	width: 600px;
	margin: 4% 0;
	transition: all 1s;
}
.section3 .intercom_right .txt{
	font-size: 16px;
}

.section3 .intercom_right .txt p {
	margin-bottom: 14px;
	color: #666;
	opacity: 0;
	margin-top: 80px;
	transition: all 1s;
}

.section3 .header{
	width: 540px;
	margin-bottom: 40px;
}
.section3 .content {
	position: absolute;
	box-sizing: border-box;
	width: 1200px;
    top: 50%;
    left: 50%;
	margin-left: -600px;
    margin-top: -230px;
}

.section4 .bg.bg0{
	background: #00b3d7;
	background-size: 100% 100%;
	background: -webkit-radial-gradient(#00b3d7 0%, #0089a9 100%); /* Safari 5.1 - 6.0 */
	background: -o-radial-gradient(#00b3d7 0%, #0089a9 100%); /* Opera 11.6 - 12.0 */
	background: -moz-radial-gradient(#00b3d7 0%, #0089a9 100%); /* Firefox 3.6 - 15 */
	background: radial-gradient(#00b3d7 0%, #0089a9 100%); /* 鏍囧噯鐨勮娉� */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00b3d7', endColorstr='#ff0089a9',GradientType=1 );
}

.section4 .bg.grid{
	background: transparent url(../images/bgGrid.png) repeat repeat;
}
.section4 .header{
	width: 650px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.section4 strong,.section4 h3 {
	color: #fff;
}
.section4 .content{
	position: absolute;
	box-sizing: border-box;
	width: 1200px;
    top: 50%;
    left: 50%;
	margin-left: -600px;
    margin-top: -297px;
}

.section4 .terminal_left {
	float: left;
	font-size: 14px;
	color: #fff;
	width: 33%;
	opacity: 0;
	transition: all 1s;
	box-sizing: border-box;
    padding: 0 20px;
}
.section4 .terminal_left p{
	position: relative;
}

.section4 .terminal_left{
	margin: 0 0 0 -570px;
	background-position: center center;
	background-size: center center;
}
.section4 .terminal_left i{
	display:block;
	width:100%;
	height:350px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}



.copyright {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.copyright a,
.copyright span {
	margin: 0 7px;
	font-size: 12px;
	color: #fff;
}





/* CSS3杩囧害鍙婂姩鐢� */
#fullPage-nav.active {
	opacity: 0;
}
.top_main.active{
	height: 100%;
}
.top_main.active .logo_right {
	left: 50%;
	top: 25%;
	width: 516px;
	height: 52px;
	margin: 0 0 0 -258px;
	background-position: 0 0;
	background-size: contain;
}

.top_main.active .logo_center{
	opacity: 0;
}

.top_main.active p,
.top_main.active ul {
	opacity: 1;
	transition-delay: 0.5s;
}
.top_main.active p{top: 40%;}
.top_main.active ul{top: 80%;}
.top_main.active ul li{cursor: pointer;}

.top_main.active .downLoad {
	right: 50%;
	top: 60%;
	padding: 0;
	margin: 0 -160px 0 0;
	width: 320px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	font-weight: bold;
}
.top_main.active .login {
	color: #fff;
	background: #2292ff;
    background: -moz-linear-gradient(left, #2292ff 0%, #20bdfe 100%);
    background: -webkit-gradient(linear, left center, right center, from(#2292ff), to(#20bdfe));
    background: -webkit-linear-gradient(left, #2292ff 0%,#20bdfe 100%);
    background: -o-linear-gradient(left, #2292ff 0%,#20bdfe 100%);
    background: -ms-linear-gradient(left, #2292ff 0%,#20bdfe 100%);
    background: linear-gradient(to right, #2292ff 0%,#20bdfe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2292ff', endColorstr='#ff20bdfe',GradientType=1 );
}

/*棣栭〉鍒濆鍔ㄦ晥*/
.top_main .section_center.initialAnimation {
	height: 0;
	margin-top: 0;
	opacity: 1;
}
.top_main.active .section_center.initialAnimation {
	height: 60%;
}
.section1.active .img_all.initialAnimation{
	bottom: 0;
	opacity: 1;
	transition-delay: 0.8s;
}
.section1.active .img_word.initialAnimation{
	top: 30%;
	opacity: 1;
	transition-delay: 1.2s;
}
/*棣栭〉鍒濆鍔ㄦ晥缁撴潫*/
/*2,3,4*/
.section2.active strong, .section2.active h3,
.section3.active strong, .section3.active h3,
.section4.active strong, .section4.active h3 {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
/*section2*/
.section2.active .content ul li{
	opacity: 1;
	margin-top: 0;
	transition-delay: 0.7s;
}
/*section3*/
.section3.active .intercom_left {
	opacity: 1;
	margin-left:0;
	transition-delay: 0.7s;
}
.section3.active .intercom_left>div {
	opacity: 1;
    top: 0px;
    transition-delay: 1.7s;
}
.section3.active .intercom_top {
	top: 0;
	transition-delay: 0.7s;
}
.section3.active .content p {
	opacity: 1;
	margin-top: 0;
	transition-delay: 0.7s;
}
/*section4*/
.section4.active .terminal_left {
	margin: 0;
	opacity: 1;
	transition-delay: 0.7s;
}