*{padding:0; margin:0;}
html{font-size:625%; background:#000033;}
@media only screen and (min-width:1920px){html{font-size:625%;}}
@media only screen and (max-width:1600px){html{font-size:620%;}}
@media only screen and (max-width:1366px){html{font-size:615%;}}
@media only screen and (max-width:1280px){html{font-size:610%;}}
@media only screen and (max-width:1024px){html{font-size:500%;}}
@media only screen and (max-width:800px){html{font-size:360%;}}
body{color:#333; font-family:'微软雅黑'; font-size:0.14rem;}
ul,li{list-style:none;}
a{text-decoration:none; color:#fff;}
input{outline:none;}

.btnsBox{text-align:center; padding:0.2rem;}
.btn-01{display:inline-block; text-align:center; color:#fff; font-size:0.14rem; padding:0.1rem 0.3rem; cursor:pointer; border-radius:0.1rem; background:linear-gradient(to right, #083196, #0053fb);}
.btn-02{display:inline-block; text-align:center; color:#4d4d4d; font-size:0.14rem; padding:0.1rem 0.3rem; cursor:pointer; border-radius:0.1rem; background:#ddd;}

.elastic-between {
    display:-webkit-flex; -webkit-justify-content:space-between; -webkit-align-items:center;
    display:-ms-flex; -ms-justify-content:space-between; -ms-align-items:center;
    display:-moz-flex; -moz-justify-content:space-between; -moz-align-items:center;
    display:-o-flex; -o-justify-content:space-between; -o-align-items:center;
    display:flex; justify-content:space-between; align-items:center;
}
.elastic-around{
    display:-webkit-flex; -webkit-justify-content:space-around; -webkit-align-items:center;
    display:-ms-flex; -ms-justify-content:space-around; -ms-align-items:center;
    display:-moz-flex; -moz-justify-content:space-around; -moz-align-items:center;
    display:-o-flex; -o-justify-content:space-around; -o-align-items:center;
    display:flex; justify-content:space-around; align-items:center;
}
.elastic-center{
  display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:center;
  display:-ms-flex; -ms-justify-content:center; -ms-align-items:center;
  display:-moz-flex; -moz-justify-content:center; -moz-align-items:center;
  display:-o-flex; -o-justify-content:center; -o-align-items:center;
  display:flex; justify-content:center; align-items:center;
}
.flex1{-webkit-flex:1; -ms-flex:1; -moz-flex:1; -o-flex:1; flex:1;}
.blur{-webkit-filter:blur(2px); -ms-filter:blur(2px); -moz-filter:blur(2px); -o-filter:blur(2px); filter:blur(2px);}

.closeBtn{display:inline-block; width:0.14rem; height:0.14rem; position:relative; transform:rotate(45deg);}
.closeBtn:before,.closeBtn:after{content:""; display:block; background:#999; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.closeBtn:before{ width:80%; height:1px;}
.closeBtn:after{ width:1px; height:80%;}

.box1{ border-radius:0.1rem; box-shadow:0 0 10px rgba(10,47,241,0.1); background:#fff;}

.webBox{box-sizing:border-box; width:10.24rem; height:100%; padding:0 20px; margin:0 auto; position:relative;}

header{padding:0.2rem 0; background:#000033; position:fixed; top:0; left:0; right:0; z-index:996;}
header .logo{width:0.9rem}
header .logo img{width:100%;}
header nav{min-width:3.05rem;}
header nav a{color:#fff; font-size:0.14rem; padding-bottom:0.06rem; margin:0.12rem; position:relative;}
header nav a.on:after{content:""; display:block; width:50%; height:3px; background:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

#footer{opacity:0;}
footer{padding:0.4rem 0; background:#eaeef9}
footer .logo{width:1.8rem;}
footer .logo img{width:70%;}
footer .info{}
footer .info .tBox{margin-bottom:0.3rem;}
footer .info .tBox .boxs{ font-size:0.14rem;}
footer .info .tBox .boxs + .boxs{margin-left:0.7rem;}
footer .info .tBox .boxs h4{color:#0d0335; margin-bottom:0.3rem;}
footer .info .tBox .boxs p{color:#9697a8;}
footer .info .tBox .boxs p + p{margin-top:0.1rem;}
footer .info .bBox{color:#0d0335;}
footer .info .bBox a{color:#0d0335;}


#fp-nav ul li:last-child {display:none;}

.loading{display:none;}
.loading .loadInfo{background:rgba(0,0,0,0.3); position:fixed; top:0; bottom:0; left:0; right:0; z-index:1001;}
.popupBox{display:none;}
.popupBox .popupBg{background:rgba(0,0,0,0.3); position:fixed; top:0; bottom:0; left:0; right:0; z-index:998;}
.popupBox .popupInfo{width:8rem; border-radius:0.06rem; background:#fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:999;}
.popupBox .popupInfo .titBox{padding:0.2rem;}
.popupBox .popupInfo .titBox p{color:#333; font-weight:bold; font-size:0.16rem; padding-left:0.1rem; position:relative;}
.popupBox .popupInfo .titBox p:before{content:""; display:block; width:4px; height:80%; border-radius:1rem; background:#1613e8; position:absolute; top:50%; left:0; transform:translateY(-45%);}
.popupBox .popupInfo .infoBox{padding:0.2rem;}
.popupBox .popupInfo .infoBox .uploadBox{padding:0.5rem; margin-bottom:0.2rem;}
.popupBox .popupInfo .infoBox .uploadBox dt{text-align:center; margin-bottom:0.1rem;}
.popupBox .popupInfo .infoBox .uploadBox dt img{width:0.5rem;}
.popupBox .popupInfo .infoBox .uploadBox dd{text-align:center;}
.popupBox .popupInfo .infoBox .uploadBox dd h5{color:#4d4d4d; font-weight:normal; font-size:0.14rem; margin-bottom:0.05rem;}
.popupBox .popupInfo .infoBox .uploadBox dd h5 span{color:#0a2ff1; cursor:pointer;}
.popupBox .popupInfo .infoBox .uploadBox dd #fileImage{display:none;}
.popupBox .popupInfo .infoBox .uploadBox dd p{color:#9e9fa0; font-size:0.12rem;}
.popupBox .popupInfo .infoBox .inpBox{padding:0.1rem 0;}
.popupBox .popupInfo .infoBox .inpBox p{color:#4d4d4d; font-size:0.14rem; padding:0.1rem;}
.popupBox .popupInfo .infoBox .inpBox p span{width:0.6rem; font-weight:bold;}
.popupBox .popupInfo .infoBox .inpBox p input{border:0 none;}
.popupBox .popupInfo .infoBox .videoList{max-height:calc(102px + 0.2rem); overflow:auto;}
.popupBox .popupInfo .infoBox .bBox{margin-top:0.4rem;}
.popupBox .popupInfo .infoBox .bBox .lBox{color:#4d4d4d; font-size:0.12rem;}
.popupBox .popupInfo .infoBox .bBox .btnsBox{padding:0;}
.popupBox .popupInfo .infoBox .bBox .btnsBox span + span{margin-left:0.2rem;}
.popupBox .popupInfo .infoBox .uploadFinish{}
.popupBox .popupInfo .infoBox .uploadFinish dt{text-align:center; margin-bottom:0.1rem;}
.popupBox .popupInfo .infoBox .uploadFinish dt img{width:2.4rem;}
.popupBox .popupInfo .infoBox .uploadFinish dd{text-align:center;}
.popupBox .popupInfo .infoBox .uploadFinish dd h5{color:#4d4d4d; font-size:0.16rem; margin-bottom:0.05rem;}
.popupBox .popupInfo .infoBox .uploadFinish dd h5 span{color:#0a2ff1;}
.popupBox .popupInfo .infoBox .uploadFinish dd p{color:#9e9fa0; font-size:0.12rem;}
.popupBox .popupInfo .infoBox .uploadFinish .btnsBox span{width:1.7rem;}


.idxImgBg {
    width:100%;
    height:100%;
    background:no-repeat center;
    background-image:url('../images/idxBg.jpg');
    background-size:cover;
    position:absolute;
}
.idxWord{
    position:absolute;
    top:40%;
    left:20px;
    transform:translateY(-50%);
}
.idxWord .logo{
    width:0.84rem;
    margin-bottom:0.3rem;
}
.idxWord .logo img{
    width:0.84rem;
}
.idxWord h1{
    color:#fff;
    font-weight:normal;
    font-size:0.4rem;
}
.busSection1{
    padding-top:0.8rem;
}
.busVideo5G {
    box-sizing:border-box;
    width:120%;
    height:calc(100% - 0.8rem);
    padding-left:calc(10% + 0.3rem);
    margin-left:-10%;
}
.busVideo5G .videoBox{
    box-sizing:border-box;
/*    width:4.6rem;
    height:6.86rem;
    padding:0.7rem 1.01rem 0.67rem 1.06rem;*/
    width:4rem;
    height:5.97rem;
    padding:0.61rem 0.88rem 0.58rem 0.92rem;
    background:no-repeat center;
    background-image:url('../images/videoBg.png');
    background-size:cover;
    position:relative;
}
.busVideo5G .videoBox .video{
    width:100%;
    height:100%;
    border-radius:0.2rem;
    background:#000;
}
.busVideo5G .videoBox .videoMask{

    background:no-repeat center;
    background-image:url(../images/videoMask.png);
    background-size:100% 100%;
    position:absolute;
    top:0.61rem;
    right:0.88rem;
    bottom:0.58rem;
    left:0.92rem;
    z-index:3;
}
.busVideo5G .videoBox .bang{
/*    width:1.47rem;
    top:0.7rem;
    left:1.59rem;*/
    width:1.28rem;
    position:absolute;
    top:0.61rem;
    left:1.38rem;
    z-index:3;
}
.busVideo5G .words{
    text-align:right;
}
.busVideo5G .words .box{
    display:inline-block;
    width:90%;
}
.busVideo5G .words img{
    width:100%;
    margin-bottom:0.22rem;
}
.busVideo5G .words .text{
    text-align:left;
    color:#fff;
}
.busVideo5G .words .text h4{
    font-weight:normal;
    font-size:0.2rem;
    margin-bottom:0.16rem;
}
.busVideo5G .words .text p{
    color:rgba(255,255,255,0.5);
    font-size:0.14rem;
    margin-bottom:0.2rem;
}
.busVideo5G .words .qrcode{
    width:1.7rem;
}

.busSection2{
    padding:0.3rem 0;
    background:#eaf1fa;
}
.busSection2 .lBox{
    width:60%;
    text-align:center;
}
.busSection2 .lBox .titImg{
    width:80%;
    margin-bottom:0.2rem;
}
.busSection2 .lBox p{
    color:#000033;
    margin-bottom:0.22rem;
}
.busSection2 .lBox .btnsBox{
    margin-bottom:0.24rem;
}
.busSection2 .lBox .listImg{
    width:80%;
}
.busSection2 .rBox{
    width:43%;
    padding-top:1rem;
}
.busSection2 .rBox img{
    width:100%;
}

.busSection3{

}
.busSection3 .fp-tableCell{
    position:relative;
}
.busSection3 .mapBg {
    width:100%;
    height:100%;
    background:no-repeat center;
    background-image:url('../images/mapBg.jpg');
    background-size:cover;
    position:absolute;
}
.busSection3 .map{
    width:60%;
    position:absolute;
    top:50%;
    left:0.2rem;
    z-index:2;
    transform:translateY(-50%);
}
.busSection3 .words{
    width:40%;
    position:absolute;
    top:50%;
    right:0.2rem;
    z-index:2;
    transform:translateY(-50%);
}
.busSection3 .words img{
    display:block;
    width:90%;
}
.busSection3 .words p{
    color:#fff;
    font-size:0.14rem;
}


.aboutUs {
    padding-top:0.8rem;
}
.aboutUs .section1{
    box-sizing:border-box;
    width:100%;
    max-height:calc(100% - 0.8rem);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.aboutUs .section1 .tBox{
    margin-bottom:0.2rem;
}
.aboutUs .section1 .tBox img{
    width:80%;
}
.aboutUs .section1 .tBox .lBox{
    width:45%;
}
.aboutUs .section1 .tBox .rBox{
    margin-left:5%;
}
.aboutUs .section1 .tBox .rBox p{
    line-height:0.3rem;
    color:#fff;
    font-size:0.14rem;
    margin-top:0.1rem;
}
.aboutUs .section1 .bBox{

}
.aboutUs .section1 .bBox img{
    width:100%;
}

.contactUs {
    padding-top:0.8rem;
}

.contactUs .section1 {
    box-sizing:border-box;
    max-height:calc(100% - 0.8rem);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.contactUs .section1 .lBox{
    width:45%;
}
.contactUs .section1 .lBox img{
    width:90%;
}
.contactUs .section1 .rBox{
    box-sizing:border-box;
    padding:0.4rem 0.5rem;
    border:solid 2px #021142;
    border-radius:0.04rem;
}
.contactUs .section1 .rBox li + li{
    margin-top:0.2rem;
}
.contactUs .section1 .rBox h2 {
    background:linear-gradient(45deg, #33e7f6, #219dff, #219dff, #219dff);
    -webkit-background-clip:text;
    color:transparent;
    margin-bottom:0.1rem;
}
.contactUs .section1 .rBox p{
    color:#fff;
    font-size:0.16rem;
}