/*-----------------------------------------------------------*/


/*copyright by 动力无限  www.btoe.cn*/


/*邮箱 btoe@btoe.cn*/


/*合作电话 400-0599-360*/


/*版权所有违者必究*/


/*-----------------------------------------------------------*/








/*Generated by wjdhcms 3.0 */


@charset "utf-8";





::-webkit-scrollbar {


  width: 8px;


  height: 8px;


  background-color: #F5F5F5;


}





::-webkit-scrollbar-track {


  border-radius: 10px;


  background-color: #E2E2E2;


}





::-webkit-scrollbar-thumb {


  border-radius: 10px;


  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);


  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);


  background-color: #555;


}





::selection {


  background-color: #234340;


  color: #fff;


}





::-moz-selection {


  background-color: #234340;


  color: #fff;


}





::-webkit-selection {


  background-color: #234340;


  color: #fff;


}


* {


  padding: 0;


  margin: 0;


  font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;


}





body {


  font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;


  color: #333;


  margin: 0;


  line-height: 1.5;


}


*:before,
*:after {


  box-sizing: content-box;


}


:focus {


  outline: 1;


}





article,


aside,


canvas,


details,


figcaption,


figure,


footer,


header,


hgroup,


menu,


nav,


section,


summary {


  display: block;


}





a {


  color: #333;


  text-decoration: none;


}





a:link,


a:hover,


a:active,


a:visited {


  text-decoration: none;


}





ins {


  background-color: #ff9;


  color: #000;


  text-decoration: none;


}





mark {


  background-color: #ff9;


  color: #000;


  font-style: italic;


  font-weight: bold;


}





del {


  text-decoration: line-through;


}





table {


  border-collapse: collapse;


  border-spacing: 0;


}





hr {


  display: block;


  height: 1px;


  border: 0;


  border-top: 1px solid #cccccc;


  margin: 1em 0;


  padding: 0;


}





input,


select {


  vertical-align: middle;


}





li,


ul {


  list-style-type: none;


}





img {


  border: none;


}


input,
textarea {


  outline: 0;


  border: 0;


  resize: none;


}











h1,


h2,


h3,


h4,


h5,


h6,


dl,


dd,


dt,


i,


em {


  font-weight: normal;


  font-style: normal;


}


.fixedNav {


  position: fixed;


  top: 0px;


  left: 0px;


  width: 100%;


  z-index: 100000;


  _position: absolute;


  _top: expression(eval(document.documentElement.scrollTop));


  box-shadow: 0px 10px 12px rgba(0, 0, 0, .1);


}











html {


  cursor: url(../images/cur.png),


    default;


}





a {


  cursor: url(../images/Acur.png),


    default;


}





textarea {


  animation: animated 1s infinite;


  -moz-animation: animated 1s infinite;


  -webkit-animation: animated 1s infinite;


  -o-animation: animated 1s infinite;





}





input[type="text"] {


  animation: animated 1s infinite;


  -moz-animation: animated 1s infinite;


  -webkit-animation: animated 1s infinite;


  -o-animation: animated 1s infinite;


}


input[type="button"] {


  cursor: url(../images/Acur.png),


    default !important;


}





input,
button {


  outline: none;


}





@keyframes animated {


  0% {


    cursor: url('../images/Pcuro1.png'),


      auto;


  }





  8.8% {


    cursor: url('../images/Pcuro2.png'),


      auto;


  }





  17.6% {


    cursor: url('../images/Pcuro3.png'),


      auto;


  }





  26.4% {


    cursor: url('../images/Pcuro4.png'),


      auto;


  }





  35.2% {


    cursor: url('../images/Pcuro5.png'),


      auto;


  }





  44% {


    cursor: url('../images/Pcuro6.png'),


      auto;


  }





  52.8% {


    cursor: url('../images/Pcuro7.png'),


      auto;


  }





  61.6% {


    cursor: url('../images/Pcuro8.png'),


      auto;


  }





  70.4% {


    cursor: url('../images/Pcuro9.png'),


      auto;


  }





  79.2% {


    cursor: url('../images/Pcuro10.png'),


      auto;


  }





  88% {


    cursor: url('../images/Pcuro11.png'),


      auto;


  }





  100% {


    cursor: url('../images/Pcuro12.png'),


      auto;


  }








}











.wjdh-ico1,
.wjdh-ico2 {
  vertical-align: middle;
}








.main {


  width: 1200px;


  margin: 0 auto;


}


.myclearfix:after {


  content: "";


  display: block;


  clear: both;


}


.left {


  float: left;


}


.right {


  float: right;


}


/* nav S */


.nav {


  position: relative;


  height: 1px;


  margin-top: 1px;


  z-index: 1;


}


.nav_box {


  position: absolute;


  width: 100%;


  height: 115px;


  top: 0;


  left: 50%;


  top: 0;


  background: rgba(255, 255, 255, .6);


  transform: translate(-50%);


}

.nav_main {
  width: 1360px;
}

.logo {


  width: 435px;


  height: 66px;


  margin-top: 24px;


}


.logo>h1 img {


  width: 435px;


  height: 66px;


}


.nav_con {


  width: 860px;


  height: 115px;


}


/*--------------*/


a {
  color: #222;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}





.nav_xiala_xx {
  width: 100%;
  height: 115px;
}





.nav_xiala {
  width: 100%;
  height: 115px;
  margin: 0 auto;
}


.nav_xiala>ul {
  position: relative;
  height: 115px;
}


.nav_xiala ul li {
  float: left;
  width: 122px;
  height: 115px;
  line-height: 115px;
  text-align: center;
  font-size: 14px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}


.nav_xiala ul li>a {
  display: block;
  color: #333333;
  height: 115px;
  line-height: 115px;
  overflow: hidden;
  font-size: 16px;
}


.nav_xiala ul li:hover {
  background: #234340;
  color: #ffffff;
}


.nav_xiala ul li:hover a {
  color: #ffffff;
}


.nav_xiala .erji_xiala {
  z-index: 20;
  height: 0px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;


  position: absolute;
  top: 115px;
  left: 0;
  width: 100%;
  background: #234340;
}

/*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置; */





.nav_xiala ul li:hover .erji_xiala {
  height: auto;
  visibility: visible;
  opacity: 1;
  border-radius: 0px 0px 15px 15px;
}





.nav_xiala .erji_xiala .daohang_xiala {
  float: left;
  width: 156px;
  padding: 10px 20px 10px 20px;
  opacity: 0;
}


.nav_xiala .erji_xiala .daohang_xiala i {
  font-size: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  display: block;
  font-weight: bold;
}


.nav_xiala .erji_xiala .daohang_xiala span {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  display: block;
  text-align: left;
}


.nav_xiala .erji_xiala .daohang_xiala a {
  height: 35px;
  line-height: 35px;
  display: block;
  color: #FFF;
  font-size: 14px;
  overflow: hidden;
  text-indent: 10px;
}


.nav_xiala .erji_xiala .daohang_xiala i a {
  font-size: 15px;
  text-align: left;
  background: url(../images/liqsub_ss.png) 0px no-repeat;
  padding-left: 13px;
  overflow: hidden;
}


.nav_xiala .erji_xiala .daohang_xiala i a:hover {
  background: url(../images/liqsub_ss.png) 10px no-repeat;
  padding-left: 23px;
}


.nav_xiala .erji_xiala a:hover {
  color: #FFF;
  padding-left: 15px;
}


.nav_xiala .erji_xiala .daohang_xiala span a {
  color: rgba(255, 255, 255, 0.85);
  background: -webkit-linear-gradient(left, #6aacec, #6aacec) no-repeat;


  background: linear-gradient(to right, #6aacec, #6aacec) no-repeat;


  background-size: 0% 100%;
}


.nav_xiala .erji_xiala .daohang_xiala span a:hover {
  color: rgba(255, 255, 255, 0.85);
  background: -webkit-linear-gradient(left, #6aacec, #6aacec) no-repeat;


  background: linear-gradient(to right, #6aacec, #6aacec) no-repeat;


  background-size: 100% 100%;
}





.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(1) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.2s;
}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(2) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.25s;
}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(3) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(4) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.35s;
}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(5) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.4s;
}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(6) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.45s;
}





.nav_xiala .erji_xiala1 {
  position: absolute;
  top: 115px;
  z-index: 20;
  width: 122px;
  /*和一级栏目一样宽度*/


  height: 0px;
  visibility: hidden;
}





.nav_xiala ul li:hover .erji_xiala1 {
  height: auto;
  visibility: visible;
}





.nav_xiala .erji_xiala1 .daohang_xiala {}


.nav_xiala .erji_xiala1 .daohang_xiala i {
  font-size: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  display: block;
  background: #234340;
  opacity: 0;
}


.nav_xiala .erji_xiala1 .daohang_xiala a {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  display: block;
  color: #FFF;
  overflow: hidden;
}


.nav_xiala .erji_xiala1 a:hover {
  color: #FFF;
  padding-left: 15px;
}





.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(1) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.2s;
}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(2) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.24s;
}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(3) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.28s;
}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(4) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.32s;
}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(5) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.36s;
}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(6) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.4s;
}





.nav_xiala .erji_xiala1 .daohang_xiala a {
  color: rgba(255, 255, 255, 0.85);
  background: -webkit-linear-gradient(left, #6aacec, #6aacec) no-repeat;


  background: linear-gradient(to right, #6aacec, #6aacec) no-repeat;


  background-size: 0% 100%;
}


.nav_xiala .erji_xiala1 .daohang_xiala a:hover {
  color: rgba(255, 255, 255, 0.85);
  background: -webkit-linear-gradient(left, #6aacec, #6aacec) no-repeat;


  background: linear-gradient(to right, #6aacec, #6aacec) no-repeat;


  background-size: 100% 100%;
}





.nav_xiala>ul>li.another {
  background: #234340;
  color: #333;
}


.nav_xiala>ul>li.another>a {
  color: #ffffff;
}





.fixedNav {


  position: fixed;


  top: 0px;


  left: 0px;


  z-index: 99999;


  _position: absolute;


  _top: expression(eval(document.documentElement.scrollTop));
  box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);


}


.fixedNav .nav_box {


  background: #fff;


}








@keyframes menu1 {


  0% {


    opacity: 0;


    transform: translateX(8px);


  }


  100% {


    opacity: 1;


    transform: translateX(0);


  }


}








/* foo S */


.foo {


  cursor: default !important;


}


.foo .foo_top {


  width: 100%;


  height: 620px;


  padding-top: 85px;


  box-sizing: border-box;


  background: #272a31;


}


.foo .foo_top .foo_main .links {

  width: 100%;

  height: 28px;

  line-height: 28px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

}


.foo .foo_top .foo_main .links>span {


  float: left;


  font-size: 28px;


  color: #e3e3e3;


  margin-right: 40px;


}


.foo .foo_top .foo_main .links em{
  flex: 1;
}

.foo .foo_top .foo_main .links em a {


  float: left;


  color: #818182;


  font-size: 14px;


  padding: 0 25px;


}


.foo .foo_top .foo_main .links>a:hover {


  color: #fff;


  transform: translateY(-5px);


}


.foo .foo_top .foo_main .foo_add {


  width: 100%;


  height: 158px;


  border-top: 1px solid #373c42;


  border-bottom: 1px solid #373c42;


  margin-top: 55px;


}


.foo .foo_top .foo_main .foo_add .add_list>li {


  float: left;


  width: 25%;


  height: 58px;


  margin-top: 50px;


}


.foo .foo_top .foo_main .foo_add .add_list>li .add_ico {


  width: 55px;


  height: 100%;


  border-right: 1px solid #d8dde1;


}


.foo .foo_top .foo_main .foo_add .add_list>li .add_ico>img {


  display: block;


  margin: 10px auto;


}


.foo .foo_top .foo_main .foo_add .add_list>li .add_txt {


  margin-left: 22px;


}


.foo .foo_top .foo_main .foo_add .add_list>li .add_txt>p {


  font-size: 16px;


  line-height: 16px;


  color: #ffffff;


  margin-bottom: 10px;


  margin-top: 10px;


}


.foo .foo_top .foo_main .foo_add .add_list>li .add_txt>h4 {


  font-size: 16px;


  line-height: 16px;


  color: #999999;
  width: 222px;

}


.foo .foo_top .foo_main .foo_botom {


  margin-top: 74px;


}


.foo .foo_top .foo_main .foo_botom .foo_nav>dl {


  float: left;


  width: 90px;


  margin-right: 80px;


}


.foo .foo_top .foo_main .foo_botom .foo_nav>dl>dt {


  width: 100%;


  font-size: 18px;


  height: 18px;


  line-height: 18px;


  color: #fefefe;


  overflow: hidden;


  white-space: nowrap;


  text-overflow: ellipsis;


  margin-bottom: 40px;


}


.foo .foo_top .foo_main .foo_botom .foo_nav>dl>dd {


  width: 100%;


  font-size: 14px;


  height: 16px;


  line-height: 16px;


  color: #adadad;


  margin-bottom: 20px;


}


.foo .foo_top .foo_main .foo_botom .foo_nav>dl>dd>a {


  display: block;


  color: #adadad;


  height: 100%;


  width: 100%;


  overflow: hidden;


  white-space: nowrap;


  text-overflow: ellipsis;


}


.foo .foo_top .foo_main .foo_botom .foo_nav>dl>dd>a:hover {


  color: #fff;


  transform: translate(5px);


}


.foo .foo_top .foo_main .foo_botom .foo_nav>dl:nth-last-child(1) {


  margin-right: 0;


}


.foo .foo_top .foo_main .foo_botom .foo_ewm .foo_qq {


  float: left;


  width: 71px;


  height: 71px;


  border: solid 1px #77797c;


  border-radius: 50%;


  background: url(../images/foo_qq.png) center no-repeat;


}


.foo .foo_top .foo_main .foo_botom .foo_ewm .foo_ewm_box {


  position: relative;


  float: left;


  width: 71px;


  height: 71px;


  border: solid 1px #77797c;


  border-radius: 50%;


  margin-left: 25px;


  cursor: pointer;


  background: url(../images/foo_wx.png) center no-repeat;


}


.foo .foo_top .foo_main .foo_botom .foo_ewm .foo_ewm_box:hover>img {


  height: 139px;
  max-width: 139px;

}


.foo .foo_top .foo_main .foo_botom .foo_ewm .foo_ewm_box>img {


  position: absolute;


  left: -292px;


  top: -34px;


  width: 139px;


  height: 0;


  transition: all 0.5s ease-in-out;


}


.foo .foo_top .foo_main .foo_botom .foo_ewm .foo_wb {


  float: left;


  width: 71px;


  height: 71px;


  border: solid 1px #77797c;


  border-radius: 50%;


  margin-left: 25px;


  background: url(../images/foo_wb.png) center no-repeat;


}


.foo .bq {


  width: 100%;


  height: 66px;


  line-height: 66px;


  background: #1f242a;


}


.foo .bq .bq_main>p {


  font-size: 14px;


  color: #bcbcbd;


}


.foo .bq .bq_main .jishu {


  font-size: 14px;


  color: #bcbcbd;


}


.foo .bq .bq_main a {


  font-size: 14px;


  color: #bcbcbd;


}


.foo .bq .bq_main a:hover {


  color: #fff;


}