@charset "utf-8";



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



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



/*邮箱 btoe@btoe.cn*/



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



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



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



/*Generated by wjdhcms 3.0 */



::-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, 0.3);



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



  background-color: #555;



}



::selection {



  background-color: #0065b2;



  color: #fff;



}



::-moz-selection {



  background-color: #0065b2;



  color: #fff;



}



::-webkit-selection {



  background-color: #0065b2;



  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;



}







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;



}



.container {



  width: 1200px;



  margin: 0 auto;



  min-width: 1200px;



}



.yc {



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.gd {



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.top_t {



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



  transform: translateY(-5px);



}



.right_t {



  -webkit-transform: translateX(5px);



  transform: translateX(5px);



}



.dx {



  text-transform: uppercase;



}



.bs {



  box-sizing: border-box;



}



.f_l {



  float: left;



}



.f_r {



  float: right !important;



}



.clear {



  clear: both;



}



.over {



  overflow: hidden;



}



.display {



  display: inline-block;



}



.header {



  height: 105px;



  background: #fff;



}



.header .h_main {



  width: 1716px;



  margin: 0 auto;



}



.header .h_main .logo {



  display: block;



  float: left;



  padding-top: 22px;



  width: 248px;



  height: 72px;



}



.header .h_main .logo img {



  width:330px;



  display: block;



  height: 72px;



}



.header .h_main .nav_bg {



  height: 105px;



  width: 990px;



  margin-left: 120px;



  float: left;



}



.header .h_main .nav_bg .menu {



  height: 105px;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.header .h_main .nav_bg .menu .nav {



  height: 105px;



  text-align: left;



  font-size: 0;



}



.header .h_main .nav_bg .menu .nav > li {



  display: inline-block;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  text-align: center;



}



.header .h_main .nav_bg .menu .nav > li > a {



  display: block;



  height: 105px;



  line-height: 105px;



  position: relative;



  font-size: 16px;



  padding: 0 29px;



  z-index: 2;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.header .h_main .nav_bg .menu .nav > li > a:before {



  content: "";



  display: block;



  width: 100%;



  height: 0;



  overflow: hidden;



  position: absolute;



  left: 0;



  top: 0;



  z-index: -1;



  transition: ease-in 0.5s;



  background: #0065b2;



}



.header .h_main .nav_bg .menu .nav > li:hover > a,



.header .h_main .nav_bg .menu .nav > li.another > a,



.header .h_main .nav_bg .menu .nav > li.on > a {



  color: #fff;



  background: #0065b2;



}



.header .h_main .nav_bg .menu .nav > li:hover > a:before,



.header .h_main .nav_bg .menu .nav > li.another > a:before,



.header .h_main .nav_bg .menu .nav > li.on > a:before {



  height: 100%;



}



.header .h_main .nav_bg .menu .nav > li:hover .sec {



  height: auto;



}



.header .h_main .nav_bg .menu .nav > li:hover .secs {



  height: auto;



}



.header .h_main .nav_bg .menu .nav > li.no {



  background: none !important;



}



.header .h_main .nav_bg .menu .nav .sec {



  width: 100%;



  overflow: hidden;



  z-index: 9999;



  position: absolute;



  top: 105px;



  left: 0;



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



  display: none;



  text-align: center;



}



.header .h_main .nav_bg .menu .nav .sec a {



  height: 40px;



  line-height: 40px;



  display: block;



  font-size: 14px;



  background: #fff;



  overflow: hidden;



  position: relative;



  left: 0;



  padding: 0 10px;



  border-top: 1px #eee solid;



  background-repeat: no-repeat;



  background-image: -webkit-linear-gradient(left, #0065b2, #0065b2);



  background-image: linear-gradient(to right, #0065b2, #0065b2);



  -webkit-transition: all 0.5s;



  transition: all 0.5s;



  background-size: 0% 100%;



}



.header .h_main .nav_bg .menu .nav .sec a:hover {



  background-size: 100% 100%;



  padding-left: 20px;



  color: rgba(255, 255, 255, 0.9999);



}



.header .h_main .nav_bg .menu .nav .secs {



  background: #fff;



  width: 1180px;



  overflow: hidden;



  z-index: 9999;



  position: absolute;



  top: 105px;



  left: -600px;



  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.1);



  padding: 0 10px 20px;



  display: none;



}



.header .h_main .nav_bg .menu .nav .secs:after {



  content: "";



  display: block;



  clear: both;



  overflow: hidden;



  visibility: hidden;



}



.header .h_main .nav_bg .menu .nav .secs li.nlayer1 {



  float: left;



  width: 275px;



  padding: 10px 10px 0;



  background: none;



  margin: 12px 0 0;



}



.header .h_main .nav_bg .menu .nav .secs li.nlayer1 img {



  width: 275px;



  height: 150px;



}



.header .h_main .nav_bg .menu .nav .secs li.nlayer1:nth-child(4) {



  border-right: none;



}



.header .h_main .nav_bg .menu .nav .secs li.nlayer1 > a {



  display: block;



  text-align: center;



  line-height: 34px;



  height: 34px;



  background: #f2f2f2;



  color: #333;



  padding: 0 5px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.header .h_main .nav_bg .menu .nav .secs li.nlayer1 > a.a {



  background: #d9d9d9;



  margin-top: 10px;



  font-size: 14px;



  background-repeat: no-repeat;



  background-image: -webkit-linear-gradient(left, #0065b2, #0065b2);



  background-image: linear-gradient(to right, #0065b2, #0065b2);



  -webkit-transition: all 0.5s;



  transition: all 0.5s;



  background-size: 0% 100%;



}



.header .h_main .nav_bg .menu .nav .secs li.nlayer1 > a.a:hover {



  background-size: 100% 100%;



  color: rgba(255, 255, 255, 0.9999);



}



.header .h_main .nav_bg .menu .nav .secs .nlayer2 a {



  margin-top: 4px;



  text-align: center;



  width: 265px;



  display: block;



  line-height: 30px;



  height: 30px;



  background: #f2f2f2;



  color: #333;



  padding: 0 5px;



  font-size: 14px;



  overflow: hidden;



  background-repeat: no-repeat;



  background-image: -webkit-linear-gradient(left, #0065b2, #0065b2);



  background-image: linear-gradient(to right, #0065b2, #0065b2);



  -webkit-transition: all 0.5s;



  transition: all 0.5s;



  background-size: 0% 100%;



}



.header .h_main .nav_bg .menu .nav .secs .nlayer2 a:after {



  content: "";



}



.header .h_main .nav_bg .menu .nav .secs .nlayer2 a:hover {



  background-size: 100% 100%;



  color: rgba(255, 255, 255, 0.9999);



}



.header .h_main .nav_bg.fixedNav {



  width: 100%;



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



}



.header .h_main .nav_bg.fixedNav .menu {



  width: 1200px;



  margin: 0 auto;



}



@keyframes zy {



  10% {



    transform: rotate(15deg);



  }



  20% {



    transform: rotate(-10deg);



  }



  30% {



    transform: rotate(5deg);



  }



  40% {



    transform: rotate(-5deg);



  }



  50%,



  100% {



    transform: rotate(0deg);



  }



}



.header .h_main .h_right {



  float: right !important;



  width: 286px;



  height: 105px;



}



.header .h_main .h_right .tel_as {



  margin-top: 33px;



  float: left;



  color: #333333;



  font-size: 14px;



  font-family: MicrosoftYaHei;



  line-height: 33px;



  height: 33px;



}



.header .h_main .h_right .tel_as img {



  display: inline-block;



  vertical-align: middle;



  margin-right: 10px;



  animation: zy 2.5s 0.15s linear infinite;



  -moz-animation: zy 2.5s 0.15s linear infinite;



  -webkit-animation: zy 2.5s 0.15s linear infinite;



  -o-animation: zy 2.5s 0.15s linear infinite;



  width: 33px;



  height: 33px;



}



.header .h_main .h_right .tel_as > i {



  display: inline-block;



  font-family: ArialMT;



  font-size: 24px;



  font-weight: bold;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #333333;



  line-height: 33px;



  vertical-align: middle;



}



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



  .header {



    height: 105px;



  }



  .header .h_main {



    width: 1200px;



    margin: 0 auto;



  }



  .header .h_main .logo {



    display: block;



    float: left;



    padding-left: 0px;



    padding-top: 22px;



    background: #fff;



    width: 180px;



    box-sizing: border-box;



    height: 105px;



  }



  .header .h_main .logo img {



    width: 100%;



    height: auto;



  }



  .header .h_main .nav_bg {



    height: 105px;



    width: 846px;



    margin-left: 20px;



    float: left;



  }



  .header .h_main .nav_bg .menu {



    height: 105px;



    position: relative;



    -webkit-transition: 0.5s;



    transition: 0.5s;



  }



  .header .h_main .nav_bg .menu .nav {



    height: 105px;



    text-align: left;



    font-size: 0;



  }



  .header .h_main .nav_bg .menu .nav > li {



    display: inline-block;



    position: relative;



    -webkit-transition: 0.5s;



    transition: 0.5s;



    text-align: center;



  }



  .header .h_main .nav_bg .menu .nav > li > a {



    display: block;



    height: 105px;



    line-height: 105px;



    font-size: 18px;



    position: relative;



    color: #333333;



    padding: 0 16px;



    z-index: 2;



    -webkit-transition: 0.5s;



    transition: 0.5s;



  }



  .header .h_main .nav_bg .menu .nav > li > a:before {



    content: "";



    display: block;



    width: 100%;



    height: 0;



    overflow: hidden;



    position: absolute;



    left: 0;



    top: 0;



    z-index: -1;



    transition: ease-in 0.5s;



    -webkit-transition: 0.5s;



    transition: 0.5s;



    background: #0065b2;



  }



  .header .h_main .nav_bg .menu .nav > li:hover > a,



  .header .h_main .nav_bg .menu .nav > li.another > a,



  .header .h_main .nav_bg .menu .nav > li.on > a {



    color: #fff;



    background: #0065b2;



  }



  .header .h_main .nav_bg .menu .nav > li:hover > a:before,



  .header .h_main .nav_bg .menu .nav > li.another > a:before,



  .header .h_main .nav_bg .menu .nav > li.on > a:before {



    height: 100%;



  }



  .header .h_main .nav_bg .menu .nav > li:hover .sec {



    height: auto;



  }



  .header .h_main .nav_bg .menu .nav > li:hover .secs {



    height: auto;



  }



  .header .h_main .nav_bg .menu .nav > li.no {



    background: none !important;



  }



  .header .h_main .nav_bg .menu .nav .sec {



    width: 100%;



    overflow: hidden;



    z-index: 9999;



    position: absolute;



    top: 105px;



    left: 0;



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



    display: none;



    text-align: center;



  }



  .header .h_main .nav_bg .menu .nav .sec a {



    height: 40px;



    line-height: 40px;



    display: block;



    font-size: 14px;



    background: #fff;



    overflow: hidden;



    position: relative;



    left: 0;



    padding: 0 10px;



    border-top: 1px #eee solid;



    background-repeat: no-repeat;



    background-image: -webkit-linear-gradient(left, #0065b2, #0065b2);



    background-image: linear-gradient(to right, #0065b2, #0065b2);



    -webkit-transition: all 0.5s;



    transition: all 0.5s;



    background-size: 0% 100%;



  }



  .header .h_main .nav_bg .menu .nav .sec a:hover {



    background-size: 100% 100%;



    padding-left: 20px;



    color: rgba(255, 255, 255, 0.9999);



  }



  .header .h_main .nav_bg .menu .nav .secs {



    background: #fff;



    width: 1180px;



    overflow: hidden;



    z-index: 9999;



    position: absolute;



    top: 105px;



    left: -600px;



    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.1);



    padding: 0 10px 20px;



    display: none;



  }



  .header .h_main .nav_bg .menu .nav .secs:after {



    content: "";



    display: block;



    clear: both;



    overflow: hidden;



    visibility: hidden;



  }



  .header .h_main .nav_bg .menu .nav .secs li.nlayer1 {



    float: left;



    width: 275px;



    padding: 10px 10px 0;



    background: none;



    margin: 12px 0 0;



  }



  .header .h_main .nav_bg .menu .nav .secs li.nlayer1 img {



    width: 275px;



    height: 150px;



  }



  .header .h_main .nav_bg .menu .nav .secs li.nlayer1:nth-child(4) {



    border-right: none;



  }



  .header .h_main .nav_bg .menu .nav .secs li.nlayer1 > a {



    display: block;



    text-align: center;



    line-height: 34px;



    height: 34px;



    background: #f2f2f2;



    color: #333;



    padding: 0 5px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



  }



  .header .h_main .nav_bg .menu .nav .secs li.nlayer1 > a.a {



    background: #d9d9d9;



    margin-top: 10px;



    font-size: 14px;



    background-repeat: no-repeat;



    background-image: -webkit-linear-gradient(left, #0065b2, #0065b2);



    background-image: linear-gradient(to right, #0065b2, #0065b2);



    -webkit-transition: all 0.5s;



    transition: all 0.5s;



    background-size: 0% 100%;



  }



  .header .h_main .nav_bg .menu .nav .secs li.nlayer1 > a.a:hover {



    background-size: 100% 100%;



    color: rgba(255, 255, 255, 0.9999);



  }



  .header .h_main .nav_bg .menu .nav .secs .nlayer2 a {



    margin-top: 4px;



    text-align: center;



    width: 265px;



    display: block;



    line-height: 30px;



    height: 30px;



    background: #f2f2f2;



    color: #333;



    padding: 0 5px;



    font-size: 14px;



    overflow: hidden;



    background-repeat: no-repeat;



    background-image: -webkit-linear-gradient(left, #0065b2, #0065b2);



    background-image: linear-gradient(to right, #0065b2, #0065b2);



    -webkit-transition: all 0.5s;



    transition: all 0.5s;



    background-size: 0% 100%;



  }



  .header .h_main .nav_bg .menu .nav .secs .nlayer2 a:after {



    content: "";



  }



  .header .h_main .nav_bg .menu .nav .secs .nlayer2 a:hover {



    background-size: 100% 100%;



    color: rgba(255, 255, 255, 0.9999);



  }



  .header .h_main .nav_bg.fixedNav {



    width: 100%;



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



  }



  .header .h_main .nav_bg.fixedNav .menu {



    width: 1200px;



    margin: 0 auto;



  }



  .header .h_main .nav_bg.fixedNav .menu .nav > li > a {



    padding: 0 31px;



  }



  .header .h_main .h_right {



    float: right !important;



    width: 152px;



    height: 105px;



    padding-right: 0px;



  }



  .header .h_main .h_right .tel_as {



    margin-top: 15px;



    float: left;



    color: #333333;



    font-size: 14px;



    font-family: MicrosoftYaHei;



    line-height: 33px;



    height: 33px;



  }



  .header .h_main .h_right .tel_as img {



    display: inline-block;



    vertical-align: middle;



    margin-right: 5px;



    animation: zy 2.5s 0.15s linear infinite;



    -moz-animation: zy 2.5s 0.15s linear infinite;



    -webkit-animation: zy 2.5s 0.15s linear infinite;



    -o-animation: zy 2.5s 0.15s linear infinite;



    width: 24px;



    height: 24px;



  }



  .header .h_main .h_right .tel_as > i {



    display: inline-block;



    font-family: ArialMT;



    font-size: 24px;



    font-weight: bold;



    font-stretch: normal;



    letter-spacing: 0px;



    color: #333333;



    line-height: 33px;



    vertical-align: middle;



  }



}



.footer {



  background: #333333;



  width: 100%;



}



.footer .f_main {



  width: 1200px;



  margin: 0 auto;



  min-width: 1200px; position:relative;



}



.footer .f_main .f_mid {



  height: 428px;



}



.footer .f_main .f_mid .foot_cont {



  width: 435px;



  height: 458px;



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



  float: left;



  overflow: hidden;



  transform: translateY(-78px);



  background: #5e5e5e;



  box-sizing: border-box;



  padding: 39px 0 0 39px; margin-top:78px;



}



.footer .f_main .f_mid .foot_cont .f_logo {



  display: block;



  width: 244px;



  height: 70px;



  margin-bottom: 33px;



}



.footer .f_main .f_mid .foot_cont .f_logo img {



  display: block;



  width: 244px;



  height: 70px;



}



.footer .f_main .f_mid .foot_cont > span {



  display: block;



  height: 20px;



  font-family: MicrosoftYaHei;



  font-size: 20px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 20px;



  letter-spacing: 0px;



  color: #e0e0e0;



  padding-bottom: 20px;



}



.footer .f_main .f_mid .foot_cont p {



  font-family: MicrosoftYaHei;



  font-size: 16px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 40px;



  letter-spacing: 0px;



  color: #b2b2b2; width:330px;



}



.footer .f_main .f_mid .foot_cont p i {



  font-family: MicrosoftYaHei;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #b2b2b2;



  display: inline-block;



  vertical-align: middle;



}



.footer .f_main .f_mid .foot_cont p img {



  width: auto ;



  margin-right: 6px;



  display: inline-block;



  vertical-align: middle;



}



.footer .f_main .f_mid .f_link {



  overflow: hidden;



  padding-top: 87px;



  float: right !important;



  width: 681px;



  background: url("../images/f_nav.png") no-repeat right 87px;



}



.footer .f_main .f_mid .foot-tet {



  float: left;



  width: 150px;



  padding-left: 20px;



  overflow: hidden;



}



.footer .f_main .f_mid .foot-tet .f_tit {



  font-size: 20px;



  color: #ffffff;



  line-height: 20px;



  padding-bottom: 24px;



  position: relative;



  display: block;



}



.footer .f_main .f_mid .foot-tet p,



.footer .f_main .f_mid .foot-tet .f_nav li a {



  transition: ease 0.5s;



  font-size: 16px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 16px;



  letter-spacing: 0px;



  color: #8f8f90;



  padding-bottom: 22px;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.footer .f_main .f_mid .foot-tet .f_nav li a:hover {



  -webkit-transform: translateX(5px);



  transform: translateX(5px);



}



.footer .f_main .f_mid .f_b {



  clear: both;



  padding-top: 29px;



}



.footer .f_main .f_mid .f_b .code_img {



  float: right !important;



  width: 75px;



  height: 75px;



}



.footer .f_main .f_mid .f_b .code_img img {



  width: 75px;



  height: 75px;



  display: block;



}



.footer .f_main .f_mid .f_b .friend_link {



  display: block;



  float: right !important;



  margin-top: 12px;



  text-align: right;



}



.footer .f_main .f_mid .f_b .friend_link a {



  display: inline-block;



  width: 56px;



  height: 56px;



  margin-right: 35px;



}



.footer .copy {



  width: 1200px;



  margin: 0 auto;



  min-width: 1200px;



  overflow: hidden;



  clear: both;



  border-top: 1px solid #454545;



  height: 103px;



}



.footer .copy .f_c {



  width: 1200px;



  margin: 0 auto;



  min-width: 1200px;



}



.footer .copy .f_c p {



  text-align: center;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 103px;



  letter-spacing: 0px;



  color: #b2b2b2;



  display: block;



}



.footer .copy .f_c p a {



  display: inline-block;



  font-size: 14px;



  color: #b2b2b2;



  vertical-align: middle;



}



.footer .copy .f_c p.p1 {



  float: left;



}



.footer .copy .f_c p.p2 {



  float: right !important;



}



.ft_yyzz{ position:absolute; width:250px; height:180px; border:3px solid #fff; top:300px; left:540px;}

.ft_yyzz img{ width:250px; height:180px; }