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

.header{

    height:167px;

    display:flex;

    align-items: center;

    justify-content: space-between;
    background-image: url(../img/header_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.topinner{     display:flex;    align-items: center;

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

.inner{

    width:1200px;

    margin:auto;

}

.logo{

      width: 574px;
    height: 87px;


    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;

}

.dl{

    background-color: #0fa1d8;

    color:white;

    margin-right:20px;

    

}

.zc{

    color: #0fa1d8;



}

.nav{

    background-color: #0462ba;

    width:100%;

    height:65px;
    background-image: url(../img/navbg.png);

}

.topUl{

    list-style: none;

    display:flex;

    font-size:14px;

    color:white;

    height:100%;

    box-sizing: border-box;

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



}

.topUl li{

    width:88px;

    text-align: center;

    height:100%;

    box-sizing: border-box;


    background-repeat: no-repeat;

    background-position: center 9px;
    font-size: 16px;

    

    

}

.topUl li a{ display: block;     padding-top:36px; 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;*/



padding-top:40px;

box-sizing: border-box;

/*margin-top:40px;*/

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


}

.footer{

    display:flex;

justify-content: space-between;

    margin-top: 76px;

/* margin-top:20px; */

}

.fleft{



}

.n{

font-size:14px;

font-family:PingFangSC-Medium,PingFang SC;

font-weight:500;

color:white;

line-height:28px;

}

/*.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:20px;

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;



}

.er{

    margin-right:10px;

}

.pc{

  

font-size:12px;

font-family:PingFangSC-Regular,PingFang SC;

font-weight:400;

color:#fff;

line-height:30px;

text-align: center;



}

.n{

    list-style: none;

}

.nl{

    background-color: #febf4b;

}




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

.clearfix:after {
  clear: both; }