body { margin: 0 auto; overflow-x: hidden; font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"; position: relative; }

.index-tit h1 { font-size: 42px; color: #333; font-weight: normal; }

.index-tit span { display: block; width: 80px; height: 2px; background: #e31220; margin-top: 10px; }

.index-tit p { font-size: 20px; color: #333; margin-top: 10px; }

@media screen and (max-width: 1440px) { .index-tit h1 { font-size: 22px; }
  .index-tit span { width: 50px; }
  .index-tit p { font-size: 14px; } }

.index-header { position: fixed; top: 0; left: 0; width: 100%; height: 110px; z-index: 8; }

.header { width: 100%; height: 110px; }

.header.black { background: #fff; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.header.black .container .logo a {  -moz-background-size: 100%; background-size: 100%; }

.header.black .container .header-list .nav ul li a.f span { color: #333; }

.header.black .container .header-list .nav .ds-link a { color: #333; }

.header .container { padding: 0 70px 0 90px; }

.header .container .logo { float: left; margin-top: 20px; }

.header .container .logo a { display: block; width: 250px; height: 80px; background: url("../image/logo-white.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.header .container .menuCon { display: none; }

.header .container .header-list { float: right; }

.header .container .header-list .nav ul { float: left; margin-top: 43px; }

.header .container .header-list .nav ul li { 
  display: inline-block; 
  margin-right: 50px; 
  background: rgba(0,0,0,0);
  filter:alpha(opacity=0);
}
.header .container .header-list .nav ul li:hover .chlidMenu{
  /*display: block;*/
}

.header .container .header-list .nav ul li.on a.f span { color: #e31220; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.header .container .header-list .nav ul li:hover a.f span { color: #e31220; }

.header .container .header-list .nav ul li a.f { display: block; }

.header .container .header-list .nav ul li a.f span { display: inline-block; font-size: 18px; color: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.header .container .header-list .nav .ds-link { float: right; margin-top: 32px; }

.header .container .header-list .nav .ds-link:hover { background: #fff; }

.header .container .header-list .nav .ds-link:hover a { color: #e31220; }

.header .container .header-list .nav .ds-link a { display: inline-block; font-size: 18px; color: #fff; padding: 12px 25px; text-align: center; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

@media screen and (max-width: 1440px) { 
  .header { height: 80px; }
  .header .container .logo { margin-top: 22px; }
  .header .container .logo a { width: 116px; height: 38px; }
  .header .container .header-list .nav ul { margin-top: 26px; }
  .header .container .header-list .nav ul li { margin-right: 32px; }
  .header .container .header-list .nav ul li a.f span { font-size: 14px; }
  .header .container .header-list .nav .ds-link { margin-top: 20px; }
  .header .container .header-list .nav .ds-link a { font-size: 14px; padding: 8px 18px; } 
  .header #changeLanguage { font-size: 14px; margin-top: 20px; }
  .header #changeLanguage a {padding: 8px 0; font-size: 14px;}
}
@media screen and (max-width: 1080px){
  .header .container{
    padding: 0 0px 0 20px;
  }
  .header .container .header-list .nav ul li{
    margin-right: 5px;
  }
}

.footer { width: 100%; }

.footer .container { padding: 0 160px; }

.footer .footer-top { 
  width: 100%; 
  height: 20vh; 
  padding-top: 10vh; 
  background:#e9e9e9 url("../image/footer-top-bg.jpg") no-repeat bottom; 
  -moz-background-size: 1920px; 
  background-size: 1920px; 
}

.footer .footer-top ul { width: 100%; padding-top: 1vh; }

.footer .footer-top ul li { float: left; width: 25%; text-align: center; }

.footer .footer-top ul li a { 
  display: inline-block; 
  font-size: 16px; 
  background: #fff;
  color: #333; 
  width: 75%; 
  height: 80px; 
  line-height: 80px; 
  /*border: 1px solid #333; */
}

.footer .footer-top ul li a:hover { 
  color: #fff; 
  /*border: 1px solid #e5303d; */
  background: #e5303d; 
}

.footer .footer-top ul li a:hover i.f-ic01 { background: url("../image/footer-icon01-on.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer .footer-top ul li a:hover i.f-ic02 { background: url("../image/footer-icon02-on.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer .footer-top ul li a:hover i.f-ic03 { background: url("../image/footer-icon03-on.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer .footer-top ul li a:hover i.f-ic04 { background: url("../image/footer-icon04-on.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer .footer-top ul li a i { display: inline-block; width: 40px; height: 40px; position: relative; top: 16px; margin-right: 10px; }

.footer .footer-top ul li a i.f-ic01 { background: url("../image/footer-icon01.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer .footer-top ul li a i.f-ic02 { background: url("../image/footer-icon02.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer .footer-top ul li a i.f-ic03 { background: url("../image/footer-icon03.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer .footer-top ul li a i.f-ic04 { background: url("../image/footer-icon04.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer .footer-link { 
  /*height: 63vh; */
  background: #fff url("../image/footer-bg.png") no-repeat right bottom; 
  -moz-background-size: 26%; background-size: 26%; 
}

.footer .footer-link ul { 
  padding-top: 6vh; 
  /*position: relative;*/
}

.footer .footer-link ul li { float: left; }

.footer .footer-link ul li:nth-child(1) { 
  width: 18%; 
}

.footer .footer-link ul li:nth-child(2) { 
  /*width: 20%;*/ 
  width:28%;
  margin-right: 4%;
      float: left;
    display: flex;
    justify-content: space-between;
}
.footer .footer-link ul li:nth-child(2) dl{
    width: 50%;
}
.footer .footer-link ul li:nth-child(2) dl dd { 
  /*display: inline-block; */
  float: left;
  /*margin-right: 40px; */
  /*width:365px;*/
  width: 100%;
}

.footer .footer-link ul li:nth-child(3) { width: 50%; }

.footer .footer-link ul li:nth-child(3) dl dd{
  float: left;
  width: 48%;
  padding: 0 0 5px;
}
.footer .footer-link ul li:nth-child(3) dl dd:nth-child(odd){
  margin-right: 4%;
}

.footer .footer-link ul li:nth-child(3) dl dd a { font-size: 14px; color: #333; }
.footer .footer-link ul li:nth-child(3) dl dd a i{
  display: block;
  height: 38px;
}

.footer .footer-link ul li:nth-child(3) dl dd a:hover { color: #333; }

.footer .footer-link ul li:nth-child(4) { 
  float: left;
  width: 14%; 
  margin-top: -260px;
}
.footer .footer-link ul li:nth-child(4) dl dt{
  display: none;
}
.footer .footer-link ul li:nth-child(4) dl span{
  display: none;
}

.footer .footer-link ul li dl dt { font-size: 16px; color: #333; }

.footer .footer-link ul li dl span { 
  display: block; 
  width: 50px; 
  height: 2px; 
  background: #e5303d; 
  margin-top: 10px; 
  margin-bottom: 20px; 
}
.footer .footer-link ul li dl span.rotate{
  transform: rotate(90deg);
}
.footer .footer-link ul li dl dd { 
  display: block; 
  padding: 8px 0; 
}

.footer .footer-link ul li dl dd a { display: inline-block; font-size: 14px; color: #333; }

.footer .footer-link ul li dl dd a i { font-size: 14px; font-style: inherit; color: #333; }

.footer .footer-link ul li dl dd a:hover { color: #e5303d; }
.footer .footer-link ul li .shareIcon{
  margin-top: 20px;
}

.footer .footer-link ul li .shareIcon .shareIcon-t a { display: inline-block; width: 48px; height: 48px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; margin-right: 20px; }

.footer .footer-link ul li .shareIcon .shareIcon-t a.wechat { background: #eaeaea url("../image/footer-share01.png") no-repeat center; }

.footer .footer-link ul li .shareIcon .shareIcon-t a.wechat:hover { background: #e5303d url("../image/footer-share01_on.png") no-repeat center; }

.footer .footer-link ul li .shareIcon .shareIcon-t a.weibo { background: #eaeaea url("../image/footer-share02.png") no-repeat center; }

.footer .footer-link ul li .shareIcon .shareIcon-t a.weibo:hover { background: #e5303d url("../image/footer-share02_on.png") no-repeat center; }

.footer .footer-link ul li .shareIcon .shareIcon-b { margin-top: 10px; }

.footer .footer-link ul li .shareIcon .shareIcon-b span { 
  display: none; 
  font-size: 12px; 
  width: 104px; 
  height: auto;
  padding: 10px; 
  background: #eaeaea; 
  text-align: center; 
}

.footer .footer-link ul li .shareIcon .shareIcon-b span img { display: block; width: 104px; margin-bottom: 10px; }

.footer .footer-link ul li .shareIcon .shareIcon-b span.on { display: block; }

.footer .footer-link ul li .shareIcon .Code-txt { margin-top: 30px; }

.footer .footer-link ul li .shareIcon .Code-txt p { display: inline-block; font-size: 14px; padding-left: 15px; background: url("../image/footer-sj.png") no-repeat left center; }

.footer .footer-link .footer-logo { width: 100%; margin-top: 30px; text-align: right;display: none; }

.footer .footer-link .footer-logo a { display: inline-block; width: 160px; height: 53px; background: url("../image/logo-black.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

@media screen and (max-width: 1440px) { 
  .footer .container { padding: 0 80px; }
  .footer .footer-top { 
    height: 16vh; 
  }
  .footer .footer-top ul { padding-top: 5vh; }
  .footer .footer-top ul li a { font-size: 14px; height: 48px; line-height: 48px; }
  .footer .footer-top ul li a i { float: left; width: 32px; top: 4px; left: 18%; }
  .footer .footer-link ul li:nth-child(3) dl dd a { font-size: 16px; }
  .footer .footer-link ul li dl span { margin-bottom: 10px; }
  .footer .footer-link ul li dl dt { font-size: 18px; }
  .footer .footer-link ul li dl dd { padding: 6px 0; }
  .footer .footer-link ul li dl dd a { font-size: 14px; }
  .footer .footer-link ul li dl dd a i { 
    font-size: 12px; 
    height: 34px !important;
  }
  .footer .footer-link ul{
    padding-top: 4vh;
  }
  .footer .footer-link ul li .shareIcon .Code-txt p { font-size: 16px; }
  .footer .footer-link ul li .shareIcon .shareIcon-t a { width: 36px; height: 36px; } 
  .footer .footer-link ul li .shareIcon{
    margin-top: inherit;
  }
  .footer-copy{
    margin-top: 10px !important;
    padding: 10px 0 !important;
  }
  .footer .footer-link ul li:nth-child(4){
    margin-top: -230px;
  }
  .footer .footer-link ul li .shareIcon .shareIcon-b{
    margin-top: 0;
  }
  .footer .footer-link ul li .shareIcon .Code-txt{
    margin-top: 10px;
  }
  #scroll_child{
    height: 310px;
    overflow-y: scroll;
  }

  /*滚动条样式*/
  #scroll_child::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  /*正常情况下滑块的样式--滑块颜色*/
  #scroll_child::-webkit-scrollbar-thumb {
      background-color: rgba(119, 119, 119, 0.30);
      border-radius: 1px;
      -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  }
  /*放在滑块上的颜色*/
  #scroll_child::-webkit-scrollbar-thumb:hover {
      background-color: rgba(119, 119, 119, 0.84);
      -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  }
  /*正常时候的主干部分 //滚动条初始化颜色*/
  #scroll_child::-webkit-scrollbar-track {
      border-radius: 1px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
      background-color: rgba(239, 239, 239, 0.89);
  }
  /*鼠标悬浮在滚动条上的主干部分*/
  #scroll_child::-webkit-scrollbar-track:hover {
      background-color: rgba(119, 119, 119, 0.15);
  }
}

@media screen and (max-width: 1280px) { .footer .footer-top { height: 18vh; }
  .footer .footer-top ul { padding-top: 5vh; }
  .footer .footer-top ul li a { font-size: 14px; height: 48px; line-height: 48px; }
  .footer .footer-top ul li a i { float: left; width: 32px; top: 4px; left: 18%; }
  .footer .footer-link { height: 70vh; -moz-background-size: 30%; background-size: 30%; }
  .footer .footer-link ul li:nth-child(2) dl dd { margin-right: 16px; }
  .footer .footer-link ul li .shareIcon .Code-txt { margin-top: 10px; }
  .footer .footer-link .footer-logo { margin-top: 25px; }
  .footer .footer-link .footer-logo a { width: 116px; } }


  .footer-copy{
    padding: 20px 0;
    text-align: center;
    margin-top: 40px;
    border-top: 1px solid #d1d1d1;
  }
  .p1{
    font-size: 16px;
    color: #333;
    margin: 8px 0;
    text-align: center;
  }
  .p1 a{
    display: inline-block;
    color: #999;
    margin: 0 10px;
  }
  .p1 a:first-child{
    float: left;
  }
  .p1 a:last-child{
    float: right;
  }
  .p1 a:hover{
        color: #e5303d;
  }
  .p2{
    font-size: 16px;
    color: #333;
  }
  .p2:hover a{
        color: #e5303d;
  }



@media screen and (min-width:2000px){
  .footer .footer-top{
    background-size:cover;
  }
}