body, html, header, section, div, ul, li, div, a, p, h1 { padding: 0; margin: 0; font-family: "Microsoft YaHei", "Arial"; }
li { list-style: none; }
a { text-decoration: none; }
.section { overflow: hidden }
.main { width: 1100px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right }
/*main*/
.s1 { background: url(../images/bg1.jpg) center center no-repeat #080f3b; width:100%; }
.s1_ct1{ height:410px; width:624px; position:absolute; left:50%; top:50%; margin-top:-270px; margin-left:-312px;}
.s1_zx{ height:42px; width:240px; position:absolute; left:50%; bottom:0%;  margin-bottom:140px; margin-left:-115px; display:block; border:#FFF solid 2px; border-radius:50px; line-height:42px; text-align:center; font-size:18px; color:#FFF; -webkit-transition: 1.2s 0.8s; transition: 1.2s 0.8s; -webkit-transform: translateY(1000px); transform: translateY(1000px);}
.active .s1_zx { -webkit-transform: translateY(0); transform: translateY(0); }

.s2 { background: url(../images/bg2.jpg) center center no-repeat #080f3b; width:100%; }
.s2_ct1{ margin-left:auto; margin-right:auto; margin-top:6%; text-align:center; -webkit-transition: 1.2s 0.4s; transition: 1.2s 0.4s; -webkit-transform: translateY(1000px); transform: translateY(1000px);}
.s2_ct2{ margin-left:auto; margin-right:auto; margin-top:2%; text-align:center; -webkit-transition: 1.2s 0.8s; transition: 1.2s 0.8s;  -webkit-transform:translateY(1000px); transform: translateY(1000px);}
.s2_ct2 .s2_mshu1{margin-top:0.8%; line-height:38px; font-size:20px; color:#FFF;}
.s2_zx{ margin-top:1.2%; height:42px; width:240px; display:block; border:#FFF solid 2px; border-radius:50px; line-height:42px; text-align:center; font-size:18px; color:#FFF; margin-right:auto; margin-left:auto;}
.s2_ct3{ margin-left:auto; margin-right:auto; margin-top:3%; text-align:center;-webkit-transition: 1.2s 1.2s; transition: 1.2s 1.2s;  -webkit-transform:translateY(1000px); transform: translateY(1000px);}
.s2_ct3 .s2_title1{ text-align:center;}
.s2_ct3 .s2_tupian{ width:302px; font-size:22px; line-height:34px; color:#FFF; float:left; margin-top:1%; text-align:left;}
.active .s2_ct1,.active .s2_ct2,.active .s2_ct3{ -webkit-transform: translateY(0); transform: translateY(0); }

.s3 { background: url(../images/bg3.jpg) center center no-repeat #080f3b; width:100%; }
.s3_ct1{ height:394px; width:600px; position:absolute; left:50%; top:50%; margin-top:-265px; margin-left:-300px; opacity:0; -webkit-transition: 2.5s 0.4s; transition: 2.5s 0.4s;}
.active .s3_ct1,.active .s3_zx{ opacity:1;}
.s3_zx{ height:42px; width:240px; position:absolute; left:50%; bottom:0%;  margin-bottom:140px; margin-left:-115px; display:block; border:#FFF solid 2px; border-radius:50px; line-height:42px; text-align:center; font-size:18px; color:#FFF; opacity:0; -webkit-transition: 2.5s 0.8s; transition: 2.5s 0.8s;}

.s4 { background: url(../images/bg4.jpg) center center no-repeat #080f3b; width:100%; }
.s4_ct1{ width:548px; margin-top:4%; float:left; height:250px; -webkit-transition: 1.8s 0.2s; transition: 1.8s 0.2s; -webkit-transform:translateY(-1000px); transform: translateY(-1000px);}
.active .s4_ct1 { -webkit-transform: translateY(0); transform: translateY(0); }
.s4_title1{ text-align:center;}
.s4_ct1 .s4_mshu1{margin-top:0.8%; line-height:30px; font-size:18px; color:#FFF; padding-left:30px; padding-right:30px;}
.s4_ct2{ width:1px; margin-top:8%; float:left; background:#FFF; height:180px;}
.s4_ct3{ margin-top:2%; padding-left:30px; padding-right:30px; -webkit-transition: 1.8s 0.8s; transition: 1.8s 0.8s; -webkit-transform:translateY(1000px); transform: translateY(1000px);}
.active .s4_ct3 { -webkit-transform: translateY(0); transform: translateY(0); }
.s4_ct3 .s4_tupian{width:487px; font-size:20px; line-height:30px; color:#FFF; float:left; margin-top:2%; text-align:center;}
.s4_ct3 .s4_tupian1{font-size:14px; line-height:20px; color:#FFF; float:left; text-align:center; width:162px;}

.s5 { background: url(../images/bg5.jpg) center center no-repeat #080f3b; width:100%; }
.s5_ct1{ height:395px; width:669px; position:absolute; left:50%; top:50%; margin-top:-265px; margin-left:-334px; opacity:0; -webkit-transition: 2.5s 0.4s; transition: 2.5s 0.4s;}
.active .s5_ct1,.active .s5_zx{ opacity:1;}
.s5_zx{ height:42px; width:240px; position:absolute; left:50%; bottom:0%;  margin-bottom:140px; margin-left:-115px; display:block; border:#FFF solid 2px; border-radius:50px; line-height:42px; text-align:center; font-size:18px; color:#FFF; opacity:0; -webkit-transition: 2.5s 0.8s; transition: 2.5s 0.8s;}

.s6 { background: url(../images/bg6.jpg) center center no-repeat #080f3b; width:100%; }
.s6_ct1{ float:left; margin-top:6%; width:510px; margin-left:40px;}
.s6_title1{ margin-top:6%; text-align:center;}
.s6_mshu1{margin-top:2%; line-height:30px; font-size:18px; color:#FFF;}
.s6_ct1_1{-webkit-transform: translateY(100px); transform: translateY(100px); transition: all 2s 0.2s; opacity: 0; }
.s6_ct1_2{-webkit-transform: translateY(100px); transform: translateY(100px); transition: all 2s 0.6s; opacity: 0; }
.s6_ct1_3{-webkit-transform: translateY(100px); transform: translateY(100px); transition: all 2s 1s; opacity: 0; }
.s6_zx{ height:42px; width:240px; display:block; border:#FFF solid 2px; border-radius:50px; line-height:42px; text-align:center; font-size:18px; color:#FFF; margin-left:auto; margin-right:auto; margin-top:10%; -webkit-transform: translateY(100px); transform: translateY(100px); transition: all 2s 1.4s; opacity: 0;}
.active .s6_ct1_1,.active .s6_ct1_2,.active .s6_ct1_3,.active .s6_zx{-webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
.s6_ct2{ float:left; margin-top:6%; width:364px; margin-left:120px;}
.s6_title2{text-align:center; opacity:0; -webkit-transition: 2.5s 1s; transition: 2.5s 0.8s;}
.s6_tupian{ width:346px; margin-left:auto; margin-right:auto; margin-top:4%; text-align:left; color:#FFF; font-size:18px; line-height:24px; opacity:0; -webkit-transition: 2.5s 1s; transition: 2.5s 0.8s;}
.active .s6_title2,.active .s6_tupian{ opacity:1;}

.s7 { background: url(../images/bg7.jpg) center center no-repeat #080f3b; width:100%; }
.s7_ct1{ height:374px; width:804px; position:absolute; left:50%; top:50%; margin-top:-200px; margin-left:-402px; opacity:0; -webkit-transition: 2.5s 0.4s; transition: 2.5s 0.4s;}
.active .s7_ct1,.active .s7_zx{ opacity:1;}
.s7_zx{ height:42px; width:240px; position:absolute; left:50%; bottom:0%;  margin-bottom:120px; margin-left:-115px; display:block; border:#FFF solid 2px; border-radius:50px; line-height:42px; text-align:center; font-size:18px; color:#FFF; opacity:0; -webkit-transition: 2.5s 0.8s; transition: 2.5s 0.8s;}
/*头部导航*/
.hd { position: absolute; left: 0; top: 0; z-index: 1; color: white; width: 100%; height: 60px; }
.logo { float: left; text-decoration: none; margin: 5px 20px 0 0 }
.menu { float: right; }
.menu li { float: left; }
.menu li a { display: block; padding: 0 15px; line-height: 60px; cursor: pointer; color: #fff; font-size: 16px; }
/*arrow*/
.arrow { opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; position: absolute; bottom: 10px; left: 50%; margin-left: -30px; width: 100px; height: 48px; text-align: center; font-size: 20px; color: #fff; overflow: hidden; background: url(../images/mouse.png) no-repeat }