h1,h2,h3,h4,h5{margin:0}
body{margin:0;padding:0;background:#0f1538}
p,ul{margin:0;padding:0;list-style:none}
img{border:none}
a,a:hover{text-decoration:none}
.bigbox{width:100%;position:relative}
.bg1{width:500px;height:auto;position:absolute;top:0;z-index:-1;left:0}
.bg2{width:600px;height:auto;position:absolute;top:100px;z-index:-1;right:0;opacity:.7}
.content{width:100%}
.header{width:100%;padding-top:100px}
.header .logo{width:106px;height:106px;margin:0 auto;display:block}
.header .btn{width:750px;margin:0 auto;overflow:hidden;margin-top:40px}
.header .btn a{float:left}
.header .btn a:hover{opacity:.8}
.header .btn a img{width:230px;height:64px;margin:0 10px}
.header .tu1{width:100%;height:auto;margin-top:130px}
.twoBox{width:100%;margin-top:180px;height:940px}
.twoBoxbg{width:1200px;height:290px;margin:0 auto;background:rgba(255,255,255,.07);border-radius:20px;border:1px solid rgba(108,217,226,.5);margin-top:250px}
.twoBoxbg .twoLeft{float:left;margin-top:70px;margin-left:70px}
.twoLeft h4{font-size:20px;line-height:30px;color:#fff}
.twoLeft p{font-size:16px;line-height:30px;margin-top:16px;color:#fff;width:500px;opacity:.8;text-align:left}
.twoLeft p span{color:#fff523;font-weight:600}
.twoLeft img{width:295px;height:48px;margin-top:20px}
.tu2{width:320px;height:auto;float:right;margin-top:-140px;margin-right:140px}
.threeBox{width:100%;background:rgba(0,0,0,.2);overflow:hidden}
.threeSmall{width:1200px;margin:180px auto}
.tit{font-size:46px;text-align:center;color:#fff;line-height:80px}
.tit span{color:#6cd9e2;margin-left:20px}
.twoTit{font-size:20px;line-height:40px;color:#999;opacity:.6;text-align:center;font-weight:200}
.threeSmall ul{overflow:hidden;margin-top:30px}
.threeSmall ul li{background:url(../images/bg3.png) no-repeat top left;background-size:cover;display:inline-block;width:29%;margin:20px 1%;padding:40px 0}
.threeSmall ul li:hover{opacity:.8}
.threeSmall ul li img{width:80px;height:80px;display:block;margin:0 auto}
.threeSmall ul li p{font-size:20px;line-height:30px;color:#fff;text-align:center;margin-top:10px}
.fourBox{width:100%}
.fourSmall{width:1200px;margin:180px auto;overflow:hidden}
.fourLeft{float:left;width:560px;margin-top:150px}
.fourLeft h4{font-size:46px;line-height:60px;color:#fff}
.fourLeft h4 span{color:#6cd9e2;margin-left:20px}
.fourLeft p{font-size:20px;line-height:34px;color:#fff;opacity:.6;text-align:left;font-weight:200;margin-top:20px;margin-bottom:60px}
.downBtn{overflow:hidden}
.downBtn a{float:left;margin-right:20px}
.downBtn img{width:164px;height:48px}
.fourImg{width:450px;height:auto;float:right}
.bottom{width:100%;background-color:rgba(0,0,0,.3);overflow:hidden}
.bottomTitle{width:1200px;margin:50px auto;overflow:hidden}
.bottLeft{float:left}
.bottomBox{width:65%;float:left;margin-left:5%}
.bottomT{float:left;width:33%}
.bottomT p{font-size:14px;line-height:28px;color:#fff;opacity:.8}
.uubottom a{font-size:14px;color:#fff;opacity:.5;line-height:36px;display:block}
.uubottom i{font-size:14px!important;color:#fff;opacity:.9;line-height:36px;display:block;font-style:initial;font-weight:200}
.uubottom a:hover{opacity:1}
.botlogo{width:180px;height:auto}
.iconLink{height:60px;overflow:hidden}
.iconLink a{line-height:60px;float:left;margin:0 10px;margin-top:30px}
.iconLink a img{width:20px;height:20px;line-height:60px;display:block;color:#fff;opacity:.5}
.copy{font-size:12px;line-height:30px;color:#fff;opacity:.5;margin-top:10px}
.bottomT p{font-size:16px;line-height:26px;color:#fff}
.bottomT p:first-child{margin-bottom:20px;margin-top:10px;font-weight:700}
.bottomT p span{margin-right:270px}
.content2{width:1200px;margin:0 auto;overflow:hidden;margin-top:180px}
.aboutLeft{width:410px;height:500px;background:rgba(255,255,255,.1);float:left;padding:40px;border-radius:20px}
.aboutHea{overflow:hidden;margin:0 auto;margin-top:0;margin-bottom:40px}
.aboutHea h3{font-size:46px;color:#fff;float:left;line-height:60px;margin-top:10px}
.aboutHea img{width:70px;height:70px;float:right}
.aboutLeft h4{font-size:20px;color:#fff;line-height:34px;font-weight:400}
.aboutLeft p{font-size:16px;color:#fff;line-height:29px;opacity:.5;margin-bottom:40px}
.aboutRight{float:right;width:500px;height:auto;margin-top:60px;transform:rotate(-10deg)}
.foot{position:fixed;bottom:0;left:0}
.con100{width:100%;height:100%;overflow:hidden}
.assistBox{width:1200px;margin:0 auto;padding-bottom:100px}
.assistBox h2{font-size:40px;line-height:70px;color:#fff;margin-top:60px;margin-bottom:30px}
.assistBox p{font-size:16px;line-height:28px;color:#fff;opacity:.7;font-weight:300;margin-top:12px;text-align:justify}
.assistBox h3{font-size:24px;line-height:60px;color:#fff;margin-top:10px}
.js-scroll{opacity:0;transition:opacity .5s}
.js-scroll.scrolled{opacity:1!important}
.scrolled .fade-in{animation:fade-in 1.5s ease-in-out both}
.scrolled .fade-in-bottom{animation:fade-in-bottom 1.5s ease-in-out both}
.scrolled .slide-left{animation:slide-in-left 1.5s ease-in-out both}
.scrolled .slide-right{animation:slide-in-right 1.5s ease-in-out both}
@keyframes slide-in-left{0%{transform:translateX(-100px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@keyframes slide-in-right{0%{transform:translateX(100px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@keyframes fade-in-bottom{0%{transform:translateY(50px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@keyframes fade-in{0%{opacity:0}
100%{opacity:1}
}