.body {

  max-width: 1360px;

  margin: 0 auto;

}

body {

  font-family: 'dincond-mediumregular', 'Myriad Pro', 'Microsoft YaHei',

    'PingFang-SC-Regular', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',

    'Lucida Sans Unicode', Verdana, sans-serif;

  color: #000;

  font-size: 12px;

  line-height: 24px;

}

div,

body,

ul,

li,

p,

input,

a {

  margin: 0;

  padding: 0;

}

ul,

li {

  list-style: none;

}

.clearfix:after {

    content: "";

    display: block;

    visibility: hidden;

    height: 0;

    clear: both;

}

.clearfix {

    zoom: 1;

}

.left {

  float: left;

}

.right {

  float: right;

}

/* header style start----------*/

.header {

  overflow: hidden;

  color: #000;

  background-color: #fff;

  position: relative;

  height: 60px;

  padding:0 90px 0 190px;

  max-width: 1200px;

  margin: 0 auto;

}

.header .header-logo{

  position: absolute;

  left: 10px;

  top: 0;

  z-index: 100;

}

.header .header-logo a{

  display: block;

}

.header .header-logo .logo{

  width: auto;

  height: 40px;

  padding-top: 8px;

}





.header .header-langue{

  position: absolute;

  right: 120px;

  top: 0;

  z-index: 100;

  line-height: 60px;

  font-size: 12px;

}

.header .header-langue .lang-item{

  padding: 0 8px;

  cursor: pointer;

}

.header .header-logo-right{

  position: absolute;

  right: 10px;

  top: 0;

  z-index: 100;

}

.header .header-logo-right .logo{

  /*width: 180px;*/

  height: 30px;

  padding-top: 13px;

}







@media screen and (max-width: 500px) {

  /*.header .header-langue{right: 10px}*/

  /*.header .header-logo-right{display: none}*/

  .header .header-langue{

    right: 80px;

  }

  .header .header-logo-right .logo{

    /*width: 180px;*/

    height: 22px;

    padding-top: 18px;

  }

}



@media screen and (max-width: 374px) {

  .header .header-langue{right: 10px}

  .header .header-logo-right{display: none}

}



.header .header-langue .lang-item.selected{

  color:#de615e;

  cursor: auto;

}



.header .header-navbar{

  margin-left: 24%;

}



.header-navbar .nav-item{

  float: left;

  line-height: 60px;

  /*margin-right: 10px;*/

  padding: 0 20px;

  position: relative;

}

.header-navbar .nav-item a{

  color: #666;

}



.header-navbar .nav-item.selected a{

  color: #ff9b1e;

}



.header-navbar .nav-item.selected::after{

  display: block;

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  border-top: 2px solid #ff9b1e;

  z-index: 20;

  width: 100%;

  height: 2px;

}

.image-list{

  max-width: 1360px;

  margin: 0 auto;

}

.list-title{

  font-size: 20px;

  margin: 40px 0;

  text-align: center;

  color: #000;

}

/***********  底部 *******/

.footer {

  display: flex;

  display: -webkit-flex;

  padding-bottom: 10px;

  max-width: 1200px;

  margin: 0 auto;

}

.item1 {

  flex: 1;

  margin: 0 15px;

}

.item2 {

  flex: 3;

  position: relative;

}

.item2 .logos {

  bottom: 0;

  right: 10%;

  position: absolute;

}

.item2 .logo {

  margin-left: 30%;

}

.item2 .copyright {

  color: #c9c9c9;

  font-size: 14px;

  white-space: nowrap;

}

.code {

  display: flex;

  display: -webkit-flex;

  background-color:#7d7067;

  position: absolute;

  top: -130px;

  width: 200px;

  height: 120px;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

  z-index: 1;

  text-align: center;

  left: -40px;

  border-radius: 10px;

  padding: 10px;

}

.code:before {

  content: '';

  display: block;

  width: 10px;

  height: 10px;

  position: absolute;

  right: 100px;

  top: 116px;

  background-color:#7d7067;

  transform: rotate(45deg);

}

.code_img {

  flex: 1;

  font-size: 14px;

  text-align: center;

}

.code_img h4 {

  padding-top: 5px;

  color: #ffffff;

}

/*xiao于720px*/

@media (min-width: 720px) {

  .list-title{

    font-size: 36px;

    margin: 40px 0;

    text-align: center;

    color: #000;

  }

}

.logofl {

  display: flex;

  display: -webkit-flex;

  justify-content: center;

}

.logofl .logo {

  background-image: url(https://tp.nty.tv189.com/image/tmpl/2019/11/05/7008352475.png);

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  height: 40px;

  width: 50vw

}