@charset "utf-8";

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

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

/*邮箱 btoe@btoe.cn*/

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

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

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

/*Generated by wjdhcms 3.0 */

::-webkit-scrollbar {

  width: 12px;

  height: 12px;

  background-color: #F5F5F5;

}

::-webkit-scrollbar-track {

  border-radius: 12px;

  background-color: #E2E2E2;

}

::-webkit-scrollbar-thumb {

  border-radius: 12px;

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

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

  background-color: #555;

}

::selection {

  background-color: #1c86f7;

  color: #fff;

}

::-moz-selection {

  background-color: #1c86f7;

  color: #fff;

}

::-webkit-selection {

  background-color: #1c86f7;

  color: #fff;

}

#wjdh-kefu .wjdh-kefu-qq p,

#wjdh-kefu .wjdh-kefu-qq a,

#wjdh-kefu .wjdh-kefu-tel p,

#wjdh-kefu .wjdh-kefu-tel img,

#wjdh-kefu .wjdh-kefu-erweima img {

  box-sizing: content-box;

}

* {

  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;

}

.webqq_ewm {

  box-sizing: content-box;

}

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;

}

.le {

  float: left;

}

.ri {

  float: right;

}

.clear {

  clear: both;

}

.center {

  width: 1280px;

  margin: 0 auto;

}

.ny_banner {

  z-index: -1;

}

.mbanner {

  z-index: -1;

}

.fd:hover,

.fd:focus {

  -webkit-animation: fd 1s;

  animation: fd 1s;

  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);

  -webkit-transform: translateY(-3px);

  transform: translateY(-3px);

}

@-webkit-keyframes fd {

  0% {

    box-shadow: 0 0 0 0 var(--hover);

  }

}

@keyframes fd {

  0% {

    box-shadow: 0 0 0 0 var(--hover);

  }

}

.ding {

  background: #fff;

}

.top {

  width: 100%;

  height: 139px;

  border-bottom: 1px solid #f2f2f2;

  box-sizing: border-box;

  overflow: hidden;

}

.top .center {

  position: relative;

}

.top .dhs {

  position: absolute;

  right: -320px;

  top: 30px;

  width: 592px;

  height: 73px;

  background: url("../images/26bt.png") no-repeat left center;

  padding-top: 12px;

  box-sizing: border-box;

}

.top .dhs .dhss {

  box-sizing: border-box;

  padding-left: 102px;

  background: url(../images/19bt.png) no-repeat 47px center;

  color: #fff;

}

.top .dhs .dhss p {

  font-family: Arial;

  font-size: 26px;

  line-height: 30px;

  color: #ffffff;

}

.top .logo {

  width: 485px;

  height: 119px;

  padding-top: 35px;

  box-sizing: border-box;

  float: left;

}

.top .logo h3 {

  font-size: 28px;

  font-weight: bold;

  color: #262626;

}

.top .logo .yi {

  font-family: Arial;

  font-size: 14px;

  line-height: 36px;

  color: #b3aaaa;

}

.top .box {

  margin-top: 40px;

  width: 350px;

  height: 50px;

  background: url(../images/18bt.png) no-repeat left center;

  float: left;

  box-sizing: border-box;

  padding-left: 67px;

  margin-left: 85px;

  font-size: 14px;

  position: relative;

  color: #ccc;

}

.top .box input {

  color: #ccc;

  height: 50px;

  line-height: 50px;

  float: left;

  width: 280px;

  background: transparent;

  border-bottom: solid 1px #e5e5e5;

}

.top .box .sss {

  position: absolute;

  right: 0;

  top: -1px;

  width: 40px;

  height: 48px;

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

  cursor: pointer;

}

.nav {

  z-index: 9999;

  width: 100%;

  height: 72px;

  position: relative;

}

.nav .center {

  position: relative;

}

.nav .center > ul > p:last-child {

  display: none;

}

.nav .center > ul > p {

  width: 1px;

  height: 26px;

  background-color: #e6e6e6;

  float: left;

  margin: 23px 41px;

}

.nav .center > ul > li {

  text-align: center;

  height: 72px;

  box-sizing: border-box;

}

.nav .center > ul > li > a {

  display: block;

  line-height: 72px;

  transition: 0.3s;

}

.nav .center > ul > .another > a {

  color: #1c86f7;

}

.nav .center > ul > .another > a em {

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

}

.nav .center > ul > li:hover > a {

  color: #1c86f7;

}

.nav .center > ul > li:hover > a em {

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

}

.nav li {

  transition: 0.3s;

  box-sizing: border-box;

  float: left;

  /* overflow: hidden; */

  position: relative;

}

.nav li a {

  font-size: 16px;

  color: #666;

  transition: 0.3s;

  position: relative;

}

.nav li a em {

  transition: 0.3s;

  display: block;

  width: 2px;

  height: 24px;

  background: url(../images/22bt.png) no-repeat center -30px;

  position: absolute;

  left: 50%;

  top: -16px;

}

.nav li .kua {

  width: 0;

  position: absolute;

  left: -43px;

  top: 100px;

  z-index: -2;

  opacity: 0;

  transition: 0.5s;

}

.nav li .kua li {

  width: 100%;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: rgba(0, 0, 0, 0.5);

  border-bottom: 1px solid #aaa;

  position: relative;

  cursor: pointer;

  transition: 0.5s;

}

.nav li .kua li a {

  color: #fff;

  font-size: 15px;

  transition: 0.3s;

}

.nav li .kua li:hover {

  background: #1c86f7;

}

.nav ul > li:hover {

  overflow: visible;

}

.nav ul > li:hover .kua {

  opacity: 1;

  top: 72px;

  z-index: 9;

  transition: 0.5s;

  width: 150px;

}

.nav ul > li:hover .links {

  top: 72px;

  opacity: 1;

  transition: 0.5s;

  overflow: auto;

  z-index: 9;

  left: 80px;

}

.nav ul .link {

  position: inherit;

}

.nav .links {

  position: absolute;

  top: 200px;

  left: 600px;

  z-index: -2;

  border-radius: 10px ;

  opacity: 0;

  transition: 0.5s;

}

.nav .links li {

  line-height: normal;

}

.nav ul > li:hover .content {

  width: 1025px;

  padding: 2.2em 3em;

  border: 1px solid #eee;

}

.nav .content {

  transition: 0.5s;

  width: 0;

  overflow: hidden;

  padding: 0;

  box-shadow: 0 0 3px 1px #e6e6e6;

  text-align: left;

  max-height: 600px;

  border-radius: 10px ;

  background: #fff url(../images/y3.png) no-repeat -5px -5px;

}

.nav .content .biao {

  width: 90%;

  float: right;

  border-bottom: 1px solid #e5e5e5;

  position: relative;

}

.nav .content .biao h3 {

  width: 100%;

  height: 55px;

  margin-left: -110px;

  font-size: 24px;

  font-weight: bold;

  color: #262626;

  float: left;

}

.nav .content .biao .zx:hover {

  text-indent: 36px;

}

.nav .content .biao .zx {

  width: 163px;

  height: 40px;

  background-color: #1c86f7;

  border-radius: 15px;

  transition: 0.5s;

  line-height: 40px;

  position: absolute;

  right: -80px;

  top: -5px;

  text-indent: 32px;

}

.nav .content .biao .zx a {

  font-size: 14px;

  color: #fffefe;

  text-indent: 20px;

}

.nav .content .ti {

  width: 100%;

  height: 60px;

  margin-top: 20px;

}

.nav .content .ti li {

  float: left;

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

  padding-left: 20px;

  margin: 15px 0;

  width: 18%;

  transition: 0.4s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.nav .content .ti li:hover {

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

}

.nav .content .ti li:hover a {

  color: #000;

}

.nav .content .ti li a {

  color: #808080;

  font-size: 16px;

  transition: 0.4s;

}

.nav .content .tuw {

  width: 100%;

  /* height: 330px; */

  margin-top: 20px;

}

.nav .content .tuw .da {

  font-size: 20px;

  color: #333;

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

  padding-left: 25px;

  margin-left: 2px;

}

.nav .content .tuw li {

  width: 19%;

  height: 130px;

  float: left;

  margin-top: 20px;

  margin-right: 1%;

}

.nav .content .tuw li .tu {

  width: 100%;

  height: 130px;

  overflow: hidden;

  border-radius: 10px;

  position: relative;

  background: rgba(0, 0, 0, 0);

}

.nav .content .tuw li .tu img {

  width: 100%;

  height: 130px;

  display: block;

  border-radius: 10px;

}

.nav .content .tuw li .tu:hover .ku {

  opacity: 1;

  width: 165px;

  height: 108px;

  margin: 0;

}

.nav .content .tuw li .tu .ku {

  position: absolute;

  left: 18px;

  top: 10px;

  margin: -10px -15px;

  width: 100%;

  height: 130px;

  background: rgba(0, 0, 0, 0.4);

  border-radius: 10px;

  opacity: 0;

  transition: 0.5s;

}

.nav .content .tuw li .tu .ku a {

  width: 100%;

  text-align: center;

  display: block;

  padding: 32px 20px;

  box-sizing: border-box;

  font-size: 14px;

  color: #fff;

  height: 80px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.nav .center .main-nav > ul > li:hover .kua {

  opacity: 1;

  top: 60px;

  z-index: 99999999999999999;

}

 .fixedNav {

     position: fixed;

     top: 0px; 

     left: 0px;

     width: 100%;

     z-index: 100000;

     _position: absolute;

     background: #fff;

     /* _top: expression(eval(document.documentElement.scrollTop)) */

     box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);

   }

.footer {

  width: 100%;

  height: 523px;

  background: url(../images/14bt.png) no-repeat center top;

  padding-top: 50px;

  box-sizing: border-box;

}

.footer .fole {

  width: 900px;

}

.footer .fole .kuai {

  width: 100%;

  height: 50px;

}

.footer .fole .kuai .ti {

  width: 370px;

  height: 18px;

  line-height: 18px;

  font-size: 18px;

  color: #fff;

  background: url("../images/21bt.png") no-repeat right center;

  margin-bottom: 12px;

}

.footer .fole .kuai .yi {

  color: #ffffff;

  opacity: 0.18;

  font-size: 14px;

  float: left;

}

.footer .fole .kuai p {

  float: left;

  margin-left: 30px;

  font-size: 14px;

  color: #fff;

}

.footer .fole .kuai p a {

  color: #fff;

}

.footer .fole .fle {

  width: 835px;

  height: 170px;

  margin-top: 67px;

}

.footer .fole .fle ul:last-child {

  width: 152px;

}

.footer .fole .fle ul {

  width: 220px;

  height: 170px;

  padding-top: 10px;

  box-sizing: border-box;

  padding-left: 70px;

  float: left;

  background: url(../images/11bt.png) no-repeat left top;

}

.footer .fole .fle ul .ti {

  font-size: 16px;

  line-height: 15px;

  color: #ffffff;

  margin-bottom: 30px;

}

.footer .fole .fle ul li:hover {

  text-indent: 5px;

}

.footer .fole .fle ul li {

  font-size: 14px;

  line-height: 30px;

  transition: 0.3s;

}

.footer .fole .fle ul li a {

  color: #ffffff;

}

.footer .fole .lian {

  width: 100%;

  height: 55px;

  margin-top: 75px;

}

.footer .fole .lian p:nth-child(2) {

  background: url("../images/4bt.png") no-repeat left center;

}

.footer .fole .lian p {

  float: left;

  line-height: 28px;

  min-width: 415px;

  box-sizing: border-box;

  padding-left: 58px;

  background: url("../images/1bt.png") no-repeat left center;

  color: #fff;

}

.footer .fole .lian p span {

  font-family: Arial;

  font-size: 22px;

  color: #ffffff;

}

.footer .fole .lian p i {

  font-size: 16px;

}

.footer .ly {

  margin-top: -78px;

  background-color: #fafafa;

  width: 370px;

  height: 458px;

  border-radius: 10px;

}

.footer .ly .ti {

  width: 370px;

  height: 90px;

  background: #1381f5 url(../images/ly.png) no-repeat center 63px;

  border-radius: 9px;

  text-align: center;

  color: #fff;

  overflow: hidden;

}

.footer .ly .ti h3 {

  font-size: 22px;

  font-weight: bold;

  margin: 15px 0 4px;

}

.footer .ly .lys {

  width: 100%;

  box-sizing: border-box;

  padding: 0 16px;

}

.footer .ly .lys .tis {

  text-align: center;

  font-size: 17px;

  color: #444;

  line-height: 55px;

}

.footer .ly .lys .liu {

  position: relative;

}

.footer .ly .lys .liu p {

  position: absolute;

  left: 0;

  top: 0;

  width: 95px;

  text-align: center;

  line-height: 38px;

  float: left;

  color: #999999;

}

.footer .ly .lys input {

  box-sizing: border-box;

  padding: 0 10px 0 110px;

  width: 100%;

  height: 38px;

  background: #f1f1f1 url(../images/24bt.png) no-repeat 95px center;

  display: block;

  transition: 0.7s;

  font-size: 14px;

  font-weight: normal;

  line-height: 38px;

  letter-spacing: 0px;

  color: #999999;

  border-radius: 6px;

  margin-bottom: 17px;

}

.footer .ly .lys #codeText {

  border-radius: 7px;

  font-size: 14px;

  line-height: 38px;

  padding: 0 10px 0 110px;

  width: 100%;

  height: 38px;

  background: #f1f1f1 url(../images/24bt.png) no-repeat 95px center;

  color: #999999;

}

.footer .ly .lys .yzm {

  position: relative;

  font-weight: normal;

}

.footer .ly .lys #imgCode {

  position: absolute;

  display: block;

  width: 99px;

  height: 35px;

  bottom: 1px;

  right: 0;

  border-radius: 7px;

  color: #999999;

}

.footer .ly .lys .tijiao {

  width: 100%;

  box-sizing: border-box;

  padding: 0 18px;

  margin-top: 28px;

  height: 35px;

  background: url(../images/xiaoxi.png) no-repeat 18px center;

}

.footer .ly .lys #btn {

  float: right;

  width: 261px;

  height: 35px;

  background-color: #ffb82e;

  color: #fff;

  border-radius: 17px;

  outline: none;

  cursor: pointer;

  line-height: 35px;

  font-size: 17px;

  text-align: center;

}

.footer .ly .lys #contant::placeholder {

  color: #ccc;

}

.footer .ly .lys #contant {

  box-sizing: border-box;

  display: block;

  transition: 0.7s;

  color: #999;

  border-radius: 7px;

  font-size: 14px;

  line-height: 38px;

  padding: 0 10px 0 120px;

  width: 100%;

  height: 38px;

  background: #f1f1f1 url(../images/24bt.png) no-repeat 95px center;

  margin-top: 17px;

}

.ban {

  width: 100%;

  height: 70px;

  background: #1c86f7;

  padding-top: 23px;

  box-sizing: border-box;

}

.ban p {

  width: 855px;

  float: left;

  color: #e5e7ff;

}

.ban p a {

  color: #e5e7ff;

}

.ban .tu {

  width: 425px;

  line-height: 20px;

  color: #e5e7ff;

  float: right;

}

.ban .tu p {

  float: left;

  width: 160px;

}

.ban .tu a {

  color: #e5e7ff;

}

.ban .tu a:last-child img {

  margin-right: 0px;

}



.xcConfirm .xc_layer {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 0%;

  background-color: #666666;

  opacity: 0.5;

  transition: 0.3s;

  z-index: 2147000000;

}

.xcConfirm .popBox {

  position: fixed;

  left: 50%;

  top: 50%;

  background-color: #ffffff;

  z-index: 2147000001;

  width: 10px;

  height: 0px;

  margin-left: -285px;

  margin-top: -150px;

  border-radius: 5px;

  font-weight: bold;

  color: #535e66;

  transition: 0.3s;

  overflow: hidden;

}

.xcConfirm .popBox .ttBox {

  height: 30px;

  line-height: 30px;

  padding: 14px 30px;

  border-bottom: solid 1px #eef0f1;

}

.xcConfirm .popBox .ttBox .tt {

  font-size: 18px;

  display: block;

  float: left;

  height: 30px;

  position: relative;

}

.xcConfirm .popBox .txtBox {

  margin: 40px 100px;

  height: 100px;

  overflow: hidden;

}

.xcConfirm .popBox .txtBox p {

  height: 84px;

  margin-top: 16px;

  line-height: 26px;

  overflow-x: hidden;

  overflow-y: auto;

}

.xcConfirm .popBox .txtBox p input {

  width: 364px;

  height: 30px;

  border: solid 1px #eef0f1;

  font-size: 18px;

  margin-top: 6px;

}

.xcConfirm .popBox .btnArea {

  border-top: solid 1px #eef0f1;

}

.xcConfirm .popBox .btnGroup {

  float: right;

}

.xcConfirm .popBox .btnGroup .sgBtn {

  margin-top: 14px;

  margin-right: 10px;

}

.xcConfirm .popBox .sgBtn {

  display: block;

  cursor: pointer;

  float: left;

  width: 95px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  color: #FFFFFF;

  border-radius: 5px;

}

.xcConfirm .popBox .sgBtn.ok {

  color: #FFFFFF;

  position: relative;

  z-index: 1;

  display: block;

  text-align: center;

  overflow: hidden;

  -webkit-transition: background-color 0.6s, color 0.3s;

  transition: background-color 0.6s, color 0.3s;

  box-sizing: border-box;

  border: none;

  background-color: #1c86f7;

  cursor: pointer;

}

.xcConfirm .popBox .sgBtn.ok::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 2px solid #1c86f7;

  z-index: -1;

  border-radius: inherit;

  opacity: 0;

  -webkit-transform: scale3d(0.6, 0.6, 1);

  transform: scale3d(0.6, 0.6, 1);

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

  box-sizing: border-box;

}

.xcConfirm .popBox .sgBtn.ok:hover {

  color: #1c86f7;

  background-color: #fff;

}

.xcConfirm .popBox .sgBtn.ok:hover::before {

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  opacity: 1;

}

.xcConfirm .popBox .sgBtn.cancel {

  background-color: #546a79;

  color: #FFFFFF;

}

.xcConfirm {

  transition: 0.7s;

}

.xcConfirm .openh {

  height: 100%;

}

.xcConfirm .openw1 {

  width: 570px;

}

.xcConfirm .openw {

  height: 300px;

}