html{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-shadow: none;
    font-size: 0.12rem;
    /*overflow: hidden;*/
    overflow-x: hidden;
    overflow-y: scroll;
    /*font-family: PingFangSC-Regular !important;*/
}
body{
    padding: 0;
    width: 100%;
    height: 100%;
    text-shadow: none;
    margin: 0;
    /*overflow: hidden;*/
}
a{
    text-decoration: none;
}
.app{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    /*overflow: hidden;*/
}
.content{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    /*opacity: 1;*/
}
.header{
    width: 100%;
    height: 1.38rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    /*background-color: #0A96C1;*/
    position: fixed;
    z-index: 5;
    top: 0;
    background: rgba(122, 122, 122, 1);
}
.header-ba{
    background: rgba(122, 122, 122, 0.5);
}
.header-logo{
    margin: 0 0 0 1.37rem;
    display: flex;
}
.header-logo img{
    height: 0.8rem;
    display: block;
    margin: auto 0;
}
.nav{
    margin: auto 10% auto 10%;
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    position: relative;
}
.nav a{
    width: 2.0rem;
    display: block;
    text-align: center;
    color:white;
    font-size: 0.2rem;
    margin: auto 0.1rem;
    height: 0.6rem;
    line-height: 0.6rem;
    /*background-color: #3c763d;*/
}
.nav a:hover{
    font-weight: 600;
    /*border-bottom: #ffffff 0.05rem solid;*/
    /*color: #3c763d;*/
}
.nav a:active{
    font-weight: 600;
}
.nav-active{
    font-weight: 600 !important;
    /*border-bottom: #ffffff 0.05rem solid;*/
}
.nav-title {
    width: 100%;
    color:white;
    font-size: 0.2rem;
}
.nav-box {
    width:2.0rem;
    min-height: 0.5rem;
    position: absolute;
    top: 0.6rem;
    display: none;
    /*background-color: #0A96C1;*/
}
.nav-box-product{
    left: 2.3rem;
}
.nav-box-solution{
    left: 4.5rem;
}
.nav-box-support{
    left: 6.7rem;
}
#product:hover > .nav-box-product{
    display: block;
}
#solution:hover > .nav-box-solution{
    display: block;
}
#support:hover > .nav-box-support{
    display: block;
}
/*#product:hover + .nav-box-product{*/
/*    display: block;*/
/*}*/
.nav-box-kong{
    width: 100%;
    height: 0.1rem;
}
.nav-box-xinxi{
    width: 100%;
    /*background: rgba(122, 122, 122, 0.39);*/
    padding-top: 0.1rem;
    background-color: #0A96C1;
}
.nav-box-xinxi p {
    margin: 0;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    color: white;
    font-size: 0.2rem;
    font-weight: 500;
    cursor: pointer;
}
.nav-box-xinxi p:hover{
    font-weight: 600;
}
.foot{
    width: 100%;
    /*height: 3.3rem;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    background-color: #333333;
}
.foot-left{}
.foot-left h1{
    font-size: 0.6rem;
    color: white;
    font-weight: 600;
    margin: 0.36rem 0 0 0.78rem;
}
.foot-right{
    margin: 0.49rem 0 0 0;
}
.foot-right p{
    font-size: 0.2rem;
    color: white;
    opacity: 0.8;
    margin: 0.2rem 0 0 0;
}
.foot-bottom{
    width: 100%;
    display: flex;
    text-align: center;
    padding: 0.2rem 0;
}
.foot-bottom-box{
    margin: 0 auto;
    display: flex;
}
.foot-bottom-box p{
    margin: 0 0.3rem 0 0;
    font-size: 0.2rem;
    color: white;
}
.foot-bottom-box a{
    font-size: 0.24rem;
    color: white;
    /*color: #4cae4c;*/
}
.jiange{
    width: 86%;
    margin: 0 7%;
    height: 0.05rem;
    background: linear-gradient(90deg, rgba(24, 127, 196, 0) 0%, rgba(0, 131, 199, 0.05) 4%, rgba(0, 139, 209, 0.13) 11%, rgba(0, 152, 223, 0.23) 19%, rgba(0, 160, 233, 0.3) 25%, rgba(0, 160, 233, 0.9) 56%, rgba(0, 160, 233, 0.3) 82%, rgba(0, 153, 225, 0.24) 85%, rgba(0, 140, 210, 0.13) 92%, rgba(0, 131, 200, 0.05) 97%, rgba(24, 127, 196, 0) 100%);
}
.title{
    width: 86%;
    margin: 1.6rem 7% 0.2rem 7%;
    height: 1.0rem;
    line-height: 1.0rem;
    font-size: 0.4rem;
    letter-spacing: 0.1rem;
    color: white;
    text-align: center;
    background: linear-gradient(90deg, rgba(24, 127, 196, 0) 0%, rgba(0, 131, 199, 0.05) 4%, rgba(0, 139, 209, 0.13) 11%, rgba(0, 152, 223, 0.23) 19%, rgba(0, 160, 233, 0.3) 25%, rgba(0, 160, 233, 0.9) 56%, rgba(0, 160, 233, 0.3) 82%, rgba(0, 153, 225, 0.24) 85%, rgba(0, 140, 210, 0.13) 92%, rgba(0, 131, 200, 0.05) 97%, rgba(24, 127, 196, 0) 100%);
}
/*提示*/
.tishi{
     position: fixed;
     z-index: 20;
     top: 50%;
     width: 100%;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content:space-around;
 }
.tishiText{
    font-size:0.28rem;
    background-color: black;
    opacity: 0.6;
    color: white;
    padding: 0.2rem 0.2rem;
    border-radius: 0.2rem 0.2rem;
}
/*@media screen and (min-width:1200px){*/
/*    .html{font-size:62px}*/
/*}*/
/*@media screen and (min-width:1000px){*/
/*    .html{font-size:50px}*/
/*}*/
/*@media screen and (min-width:800px){*/
/*    .html{font-size:40px}*/
/*}*/
/*@media screen and (min-width:600px){*/
/*    .html{font-size:30px}*/
/*}*/
/*@media screen and (min-width:400px){*/
/*    .html{font-size:20px}*/
/*}*/