body{ padding: 0px; margin:0px; }

.header{
width:100%;
position: fixed;
top:0;
left:0;
z-index:999;
    height:50px;
box-sizing: border-box;
padding-left:10px;
padding-right:10px;
    display:flex;

    align-items: center;

    justify-content: space-between;
    background-image:none;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding-left:10px;
    padding-right:10px;

}
section{
margin-top:50px!important;
}
.topinner{     
    display:flex;    
    align-items: center;

 justify-content: space-between;  
   background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.inner{

    width:100%;

    margin:auto;

}

.logo{

    width: 238px;
    height: 32px;
    background-image: url(../img/logo.png);

    background-repeat: no-repeat;

    background-size: contain;

}

.right{

    display: flex;

    justify-content: space-between;

    align-items: center;

   

}

.dl,.zc{

     width:72px;

    height:25px;

    border:solid 2px #0fa1d8;

    font-size:16px;

    text-align:center ;

    border-radius: 5px;
    line-height: 25px;

}

.dl{

    background-color: #0fa1d8;

    color:white;

    margin-right:20px;

    

}
section{
    margin-top:50px;
}

.zc{

    color: #0fa1d8;



}

.xs{
    left:0!important;
}
.yidong{
width:28px;
height:28px;
background-image: url(../img/cai.png);
background-repeat: no-repeat;
background-size:contain;
}
.glc{
    background-image: url(../img/cha.png);
}
.nav{
   /* display:none; */
    background-color: #0462ba;

    width:100%;
position:fixed;
top:50px;
left:100%;
    height:auto;
    /* background-image: url(../img/navbg.png); */
    background-image:none;
    z-index:99;
    /* transition: all 1s linear; */
}

.topUl{

    list-style: none;

    display:block;

    font-size:14px;

    color:white;

    height:100vh;

    box-sizing: border-box;

    justify-content: space-around;
    padding: 0px;



}

.topUl li{

    width:100%;

    text-align: center;

    height:77px;

    box-sizing: border-box;


    background-repeat: no-repeat;

    background-position: 34% center;
    font-size: 16px;

    line-height:77px;

    /* display:none; */

}

.topUl li a{ display: block;     padding-top:0px; width: 100%;
}

.topUl li:first-of-type{

    background-image: url(../img/index.png);

}

.topUl li:nth-of-type(2){

    background-image: url(../img/integral-2.png);

}
.topUl li:nth-of-type(3){

    background-image: url(../img/product.png);

}

.topUl li:nth-of-type(4){

    background-image: url(../img/feed-logo.png);

}

.topUl li:nth-of-type(5){

    background-image: url(../img/phone-2.png);

}

.topUl li:nth-of-type(6){

    background-image: url(../img/image-text.png);

}

.topUl li:nth-of-type(7){

    background-image: url(../img/search-2.png);

}

.topUl li:nth-of-type(8){

    background-image: url(../img/Newuserzone.png);

}

footer{

    width:100%;

/* height:245px; */

background:rgba(250,250,250,1);

/* margin-top:-178px; */

box-sizing: border-box;

/*margin-top:40px;*/

background-image: url(../img/footerbg.jpg);
background-position: center 0;
background-size: cover;

}

.footer{

   display:block;
   margin-top:216px;

}
.fright{
    justify-content: center;
    margin-top:30px;
}
.fleft ul{

margin:0;
width:100%;
box-sizing: border-box;

}

.n{

font-size:20px;

font-family:PingFangSC-Medium,PingFang SC;

font-weight:500;

color:rgba(51,51,51,1);

line-height:28px;
padding-left:10px;

}

.n li:nth-of-type(2){

font-size:14px;

font-family:PingFangSC-Regular,PingFang SC;

font-weight:400;

color:#fff;

line-height:26px;

    

}

.n li:nth-of-type(1){

font-size:18px;

font-family:PingFangSC-Medium,PingFang SC;

font-weight:500;

color:#fff;

/* line-height:47px; */

}

.n li:nth-of-type(3){

font-size:12px;

font-family:PingFangSC-Regular,PingFang SC;

font-weight:400;

color:rgba(102,102,102,1);

line-height:17px;

}

/* *{

    padding:0;

    margin:0;

} */

.imgg{

    width:100px;

    height:100px; 

    background-image: url(../img/4.png);

    background-repeat: no-repeat;

    background-size: contain;
    background-position: center;
    margin: 0 auto;

}

.fright{

    display:flex;



}
.zlt a{
    width:100%!important;
}
.er{

    margin-right:10px;

}

.pc{

  

font-size:12px;

font-family:PingFangSC-Regular,PingFang SC;

font-weight:400;

color:#fff;

line-height:20px;
height:20px;
overflow: hidden;

text-align: center;



}

.n{

    list-style: none;

}

.nl{

    background-color: #febf4b;

}



.item:hover{
     background-color: #febf4b;

}
.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }