body{font-size:16px;background:#fff;overflow-x:hidden }

*{ margin:0; padding:0; font-family:"微软雅黑";}

img{ border:none;}

ul{ list-style:none;}

.clear{ clear:both}

.l{ float:left;}

li{list-style:none;}

.r{ float:right;}

a{ text-decoration:none; color:#333}

em, i {font-style: normal;}

.s_width{ width:1280px; margin:0 auto; position:relative;}







@keyframes rotation {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}

@-webkit-keyframes rotation {

  from {

    -webkit-transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

  }

}

@keyframes rotation-reverse {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(-360deg);

  }

}

@-webkit-keyframes rotation-reverse {

  from {

    -webkit-transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(-360deg);

  }

}

#flex-row {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

#flex-column {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.jk-container {

  width: 100vw;

  height: 100vh;

  background: url(../img/bg_02.jpg) 100% 100% no-repeat;

  position: absolute;

}

.jk-container .jk-option {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.jk-container .jk-option .jk-left {

  width: 300px;

  height: 100%;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  justify-content: flex-end;

}

.jk-container .jk-option .jk-left .jk-button {

  position: absolute;

  width: 174px;

  height: 160px;

  cursor: pointer;

  z-index: 999;

}

.jk-container .jk-option .jk-left .jk-button .jk-prev-btn {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: url('../img/prev_bg.png');

  z-index: 1000;

}

.jk-container .jk-option .jk-left .jk-button .jk-prev-btn.jk-hover {

  animation: rotation 3s linear infinite;

}

.jk-container .jk-option .jk-left .jk-button img {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0px;

}

.jk-container .jk-option .jk-center {

  width: 0;

  flex-grow: 1;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.jk-container .jk-option .jk-center .jk-center-container {

  position: relative;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-center-bg {

  position: relative;

  left: 0;

  top: 0;

  width: 100%;

  max-width: 1090px;

  max-height: 676px;

  min-width: 545px;

  min-height: 338px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 {

  position: absolute;

  top: 18%;

  left: 0%;

  width: 290px;

  height: 26px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  justify-content: flex-end;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-underline {

  position: relative;

  top: 13px;

  height: 25px;

  width: 0;

  margin-right: 3px;

  background-image: url(../img/line_bg_01.png);

  background-position: 100% 100%;

  background-repeat: no-repeat;

  background-size: 250px 25px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-underline .jk-page-summary-underline-end {

  position: absolute;

  left: -6px;

  top: 19px;

  background: url(../img/lf_circle.png) center center no-repeat;

  width: 11px;

  height: 11px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-underline .jk-page-summary-underline-end .jk-point {

  width: 5px;

  height: 5px;

  border-radius: 5px;

  background-color: #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-text {

  opacity: 0;

  position: absolute;

  width: 190px;

  height: 42px;

  background-image: url(../img/font_bg_01.png);

  background-size: 100% 100%;

  left: 25px;

  top: 42px;

  line-height: 42px;

  text-align: center;

  font-size: 16px;

  color: #09defa;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-text .jk-point {

  position: absolute;

  right: -10px;

  top: -10px;

  width: 6px;

  height: 6px;

  border-radius: 5px;

  border: 1px solid #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-text .jk-h-line {

  position: absolute;

  right: -2px;

  top: -7px;

  width: 10px;

  height: 1px;

  background-color: #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-text .jk-v-line {

  position: absolute;

  right: -2px;

  top: -7px;

  width: 10px;

  height: 1px;

  background-color: #08f0fb;

  right: -7px;

  top: -2px;

  width: 1px;

  height: 10px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-icon-group {

  position: relative;

  width: 26px;

  height: 26px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-icon-group .jk-page-summary-icon-1 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-icon-group .jk-page-summary-icon-2 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

  background-image: url("../img/icon_mid.png");

  animation: rotation-reverse 2.5s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-1 .jk-page-summary-icon-group .jk-page-summary-icon-3 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

  background-image: url("../img/icon_out.png");

  animation: rotation 2s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 {

  position: absolute;

  left: 0%;

  width: 290px;

  height: 26px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  justify-content: flex-end;

  top: 18%;

  left: 73%;

  justify-content: flex-start;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-underline {

  position: relative;

  top: 13px;

  height: 25px;

  width: 0;

  margin-right: 3px;

  background-image: url(../img/line_bg_01.png);

  background-position: 100% 100%;

  background-repeat: no-repeat;

  background-size: 250px 25px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-underline .jk-page-summary-underline-end {

  position: absolute;

  left: -6px;

  top: 19px;

  background: url(../img/lf_circle.png) center center no-repeat;

  width: 11px;

  height: 11px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-underline .jk-page-summary-underline-end .jk-point {

  width: 5px;

  height: 5px;

  border-radius: 5px;

  background-color: #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-text {

  opacity: 0;

  position: absolute;

  width: 190px;

  height: 42px;

  background-image: url(../img/font_bg_01.png);

  background-size: 100% 100%;

  left: 25px;

  top: 42px;

  line-height: 42px;

  text-align: center;

  font-size: 16px;

  color: #09defa;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-text .jk-point {

  position: absolute;

  right: -10px;

  top: -10px;

  width: 6px;

  height: 6px;

  border-radius: 5px;

  border: 1px solid #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-text .jk-h-line {

  position: absolute;

  right: -2px;

  top: -7px;

  width: 10px;

  height: 1px;

  background-color: #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-text .jk-v-line {

  position: absolute;

  right: -2px;

  top: -7px;

  width: 10px;

  height: 1px;

  background-color: #08f0fb;

  right: -7px;

  top: -2px;

  width: 1px;

  height: 10px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-icon-group {

  position: relative;

  width: 26px;

  height: 26px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-icon-group .jk-page-summary-icon-1 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-icon-group .jk-page-summary-icon-2 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

  background-image: url("../img/icon_mid.png");

  animation: rotation-reverse 2.5s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-icon-group .jk-page-summary-icon-3 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

  background-image: url("../img/icon_out.png");

  animation: rotation 2s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-underline {

  top: -11px;

  margin-right: auto;

  margin-left: 3px;

  background-image: url(../img/line_bg_02.png);

  background-position: 0 100%;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-underline .jk-page-summary-underline-end {

  background: url(../img/rt_circle.png) center center no-repeat;

  right: -6px;

  top: -5px;

  left: auto;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-2 .jk-page-summary-text {

  left: 70px;

  top: -15px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 {

  position: absolute;

  top: 18%;

  width: 290px;

  height: 26px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  top: 78%;

  left: 0%;

  justify-content: flex-end;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-underline {

  position: relative;

  top: 13px;

  height: 25px;

  width: 0;

  margin-right: 3px;

  background-image: url(../img/line_bg_01.png);

  background-position: 100% 100%;

  background-repeat: no-repeat;

  background-size: 250px 25px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-underline .jk-page-summary-underline-end {

  position: absolute;

  left: -6px;

  top: 19px;

  background: url(../img/lf_circle.png) center center no-repeat;

  width: 11px;

  height: 11px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-underline .jk-page-summary-underline-end .jk-point {

  width: 5px;

  height: 5px;

  border-radius: 5px;

  background-color: #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-text {

  opacity: 0;

  position: absolute;

  width: 190px;

  height: 42px;

  background-image: url(../img/font_bg_01.png);

  background-size: 100% 100%;

  left: 25px;

  top: 42px;

  line-height: 42px;

  text-align: center;

  font-size: 16px;

  color: #09defa;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-text .jk-point {

  position: absolute;

  right: -10px;

  top: -10px;

  width: 6px;

  height: 6px;

  border-radius: 5px;

  border: 1px solid #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-text .jk-h-line {

  position: absolute;

  right: -2px;

  top: -7px;

  width: 10px;

  height: 1px;

  background-color: #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-text .jk-v-line {

  position: absolute;

  right: -2px;

  top: -7px;

  width: 10px;

  height: 1px;

  background-color: #08f0fb;

  right: -7px;

  top: -2px;

  width: 1px;

  height: 10px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-icon-group {

  position: relative;

  width: 26px;

  height: 26px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-icon-group .jk-page-summary-icon-1 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-icon-group .jk-page-summary-icon-2 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

  background-image: url("../img/icon_mid.png");

  animation: rotation-reverse 2.5s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-3 .jk-page-summary-icon-group .jk-page-summary-icon-3 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

  background-image: url("../img/icon_out.png");

  animation: rotation 2s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 {

  position: absolute;

  left: 0%;

  width: 290px;

  height: 26px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  justify-content: flex-end;

  top: 18%;

  justify-content: flex-start;

  top: 78%;

  left: 73%;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-underline {

  position: relative;

  top: 13px;

  height: 25px;

  width: 0;

  margin-right: 3px;

  background-image: url(../img/line_bg_01.png);

  background-position: 100% 100%;

  background-repeat: no-repeat;

  background-size: 250px 25px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-underline .jk-page-summary-underline-end {

  position: absolute;

  left: -6px;

  top: 19px;

  background: url(../img/lf_circle.png) center center no-repeat;

  width: 11px;

  height: 11px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-underline .jk-page-summary-underline-end .jk-point {

  width: 5px;

  height: 5px;

  border-radius: 5px;

  background-color: #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-text {

  opacity: 0;

  position: absolute;

  width: 190px;

  height: 42px;

  background-image: url(../img/font_bg_01.png);

  background-size: 100% 100%;

  left: 25px;

  top: 42px;

  line-height: 42px;

  text-align: center;

  font-size: 16px;

  color: #09defa;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-text .jk-point {

  position: absolute;

  right: -10px;

  top: -10px;

  width: 6px;

  height: 6px;

  border-radius: 5px;

  border: 1px solid #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-text .jk-h-line {

  position: absolute;

  right: -2px;

  top: -7px;

  width: 10px;

  height: 1px;

  background-color: #08f0fb;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-text .jk-v-line {

  position: absolute;

  right: -2px;

  top: -7px;

  width: 10px;

  height: 1px;

  background-color: #08f0fb;

  right: -7px;

  top: -2px;

  width: 1px;

  height: 10px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-icon-group {

  position: relative;

  width: 26px;

  height: 26px;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-icon-group .jk-page-summary-icon-1 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-icon-group .jk-page-summary-icon-2 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

  background-image: url("../img/icon_mid.png");

  animation: rotation-reverse 2.5s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-icon-group .jk-page-summary-icon-3 {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../img/icon_inner.png");

  animation: rotation 3s linear infinite;

  background-image: url("../img/icon_out.png");

  animation: rotation 2s linear infinite;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-underline {

  top: -11px;

  margin-right: auto;

  margin-left: 3px;

  background-image: url(../img/line_bg_02.png);

  background-position: 0 100%;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-underline .jk-page-summary-underline-end {

  background: url(../img/rt_circle.png) center center no-repeat;

  right: -6px;

  top: -5px;

  left: auto;

}

.jk-container .jk-option .jk-center .jk-center-container .jk-page-summary-4 .jk-page-summary-text {

  left: 70px;

  top: -15px;

}

.jk-container .jk-option .jk-right {

  width: 300px;

  height: 100%;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  justify-content: flex-end;

  justify-content: flex-start;

}

.jk-container .jk-option .jk-right .jk-button {

  position: absolute;

  width: 174px;

  height: 160px;

  cursor: pointer;

  z-index: 999;

}

.jk-container .jk-option .jk-right .jk-button .jk-prev-btn {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: url('../img/prev_bg.png');

  z-index: 1000;

}

.jk-container .jk-option .jk-right .jk-button .jk-prev-btn.jk-hover {

  animation: rotation 3s linear infinite;

}

.jk-container .jk-option .jk-right .jk-button img {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0px;

}

.jk-container .jk-option .jk-right .jk-button {

  position: absolute;

  width: 174px;

  height: 160px;

  cursor: pointer;

  z-index: 999;

}

.jk-container .jk-option .jk-right .jk-button .jk-prev-btn {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: url('../img/prev_bg.png');

  z-index: 1000;

}

.jk-container .jk-option .jk-right .jk-button .jk-prev-btn.jk-hover {

  animation: rotation 3s linear infinite;

}

.jk-container .jk-option .jk-right .jk-button img {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0px;

}

.jk-container .jk-option .jk-right .jk-button .jk-next-btn {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: url('../img/prev_bg.png');

  z-index: 1000;

  background: url('../img/next_bg.png');

}

.jk-container .jk-option .jk-right .jk-button .jk-next-btn.jk-hover {

  animation: rotation 3s linear infinite;

}

.jk-container .jk-page-container {

  width: 100%;

  height: 100%;

}

.jk-container .jk-page-container .jk-page {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 100%;

  color: white;

  position: relative;

}

.jk-container .jk-page-container .jk-page .jk-page-whitepace {

  width: 300px;

  height: 100%;

}

.jk-container .jk-page-container .jk-page .jk-page-content {

  width: 0;

  flex-grow: 1;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: relative;

}

.jk-container .jk-page-container .jk-page .jk-page-content .jk-page-image {

  position: relative;

  top: 60px;

  width: 100%;

  max-width: 1090px;

  max-height: 676px;

  min-width: 545px;

  min-height: 338px;

}

.jk-container .jk-page-container .jk-page .jk-page-content .jk-page-title {

  font-size: 45px;

  color: #fff;

  position: relative;

  top: 44px;

}

.jk-container .jk-page-container .jk-page .jk-page-content .jk-page-title:before{ background:url(../img/icon01.png) no-repeat center top; width:18px; content:""; display: inline-block; height:23px; margin-right:10px;}

.jk-container .jk-page-container .jk-page .jk-page-content .jk-page-title:after{ background:url(../img/icon01.png) no-repeat center top; width:18px; content:"";display: inline-block; height:23px; margin-left:10px;}





.p_float{ position:fixed; bottom:20px; width:55px; right:10px; z-index:9999; opacity:0}

.p_float li{  line-height:21px; margin-bottom:10px; text-align:center}

.p_float li a{ color:#fff; font-size:13px; background:#00877a; padding:10px 7px; margin-bottom:10px; display:block}

.p_float li a:hover{ background:#000}









/*首页产品分类*/

.prolist{ width:100%; height:155px;}

.prolist li{width: calc(100%/8); float:left;}



.prolist .zong{ width:235px; height:155px; position:relative}

.prolist .pic{width:235px; height:155px; overflow:hidden; position:absolute; z-index:1;}

.prolist .pic img{ width:100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}

.prolist .pic:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}



.prolist .text{ width:100%; line-height:35px; text-align:center; position:absolute; z-index:2; opacity:0;}

.prolist li:hover .text{ position:absolute; border-bottom:0px; z-index:5;opacity:1;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }





.navbg2{ width:100%;  position:absolute; transition: height 0.2s linear; }





@media only screen and (min-width:1199px){ 

.logo_nav{ width:100%;height:80px; position:absolute; left:0; top:0; border-bottom:1px solid rgba(255,255,255,0.1); z-index:99}

.logo_nav .logo{ position:absolute; left:15px; top:25px; }

.logo_nav .logo img{  transition:height 0.2s linear; width:70%; }

.nav{ height:80px; width:48%; position:absolute; left:50%; margin-left:-24%; top:0px }

.nav ul{ height:80px;}

.nav li{line-height:80px; width:calc(100%/7); float: left;}

.nav li a{ line-height:80px;font-size:15px; color:#fffefe; text-align:center; display: block; text-decoration:none;}

.nav li a:hover{ color:#ec3f34}



.nav li .sign {	width: 19px;height: 9px;position: absolute;left: 50%;bottom: -7px;z-index: 8;margin-left: -10px;display: none;}

.subnav {width: 1200px; height:475px; position: absolute;top: 93px;z-index: 5; display: none; left:-200px;}

.subnav-bot {height: 16px;}

.header-main.fixed .subnav {top:46px;}

.header-main.fixed .nav li a {padding-bottom:0;}



.investor-subnav {width:1035px;padding: 23px 0 0 15px; background:rgba(28,52,126,0.7); z-index:999999; overflow:hidden;}

.investor-subnav .list {}

.investor-subnav .list li {width:235px; float:left;margin:0 15px 0 8px; cursor:pointer;}

.investor-subnav .list li a {display:block; color:#fff;   text-align:center; background:#0e88dd}

.investor-subnav .list li a:hover { background:#333}

.investor-subnav .list li .zong .pic img{ border:4px solid #fff;transition:0.1s;width: 210px;height: 137px; margin:0 auto; display:block}

.investor-subnav .list li .zong{

	width:100%;

	height:100%;

	position: relative;

	color:#000000;

}

.investor-subnav .list li:hover .zong .pic img{ border:4px solid #2a308a;}

.investor-subnav .list li .zong .text{text-align: center;font-size: 18px;color: #fff;  padding: 5px; line-height: 55px;}



.logo_nav .nav_video{ height:70px; width:300px;  position:absolute; right:1%; bottom:0; }

.logo_nav .nav_video .tel{ float:left;  margin-top:10px;}

.logo_nav .nav_video .tel img{ width:100%}

.logo_nav .nav_video .en{ float:right; color:#fff; background:url(../img/qiu.png) no-repeat left center; width:5rem; height:23px; margin-top:15px; }

.logo_nav .nav_video .en a{ color:#fff; padding-left:1.8rem;}

.logo_nav .nav_video .en img{ padding-right:10px;}



.banner{ width:100%; height:850px; position:relative;}



/*footer*/

.footer{ width:100%; height:350px; position:relative;}

.footer .footer_l{ width:30%; background:#1c347e; position:absolute; z-index:1; left:0; top:0;height:351px;}

.footer .footer_l img{ margin-top:18%; margin-left:15%}



.footer .footer_r{ width:70%; position:absolute; z-index:1; right:0; background:#ede8e8;}

.footer .footer_r .footer_r_a{ width:120px; padding:60px 0 50px 100px; float:left}

.footer .footer_r .footer_r_a h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_a h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_a ul{ margin-top:20px;}

.footer .footer_r .footer_r_a li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_b{ width:120px; padding:60px 0 50px 100px; float:left; border-left:1px solid #dfdbdb;border-right:1px solid #dfdbdb;}

.footer .footer_r .footer_r_b h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_b h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_b ul{ margin-top:20px;}

.footer .footer_r .footer_r_b li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_c{ width:120px; padding:60px 0 50px 100px; float:left;border-right:1px solid #dfdbdb;}

.footer .footer_r .footer_r_c h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_c h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_c ul{ margin-top:20px;}

.footer .footer_r .footer_r_c li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_d{ width:140px; padding:60px 0 50px 80px; float:left;}

.footer .footer_r .footer_r_d em{ display:block; line-height:50px; text-align:center;}

}





@media only screen and (min-width:1440px){ 

/*nav*/

.logo_nav{ width:100%;height:98px; position:absolute; left:0; top:0; border-bottom:1px solid rgba(255,255,255,0.1); z-index:99}

.logo_nav .logo{ position:absolute; left:15px; top:25px; }

.logo_nav .logo img{  transition:height 0.2s linear; width:80%; }

.nav{ height:98px; width:48%; position:absolute; left:50%; margin-left:-24%; top:0px }

.nav ul{ height:98px;}

.nav li{line-height:98px; width:calc(100%/7); float: left;}

.nav li a{ line-height:98px;font-size:15px; color:#fffefe; text-align:center; display: block; text-decoration:none;}

.nav li a:hover{ color:#ec3f34}



.nav li .sign {	width: 19px;height: 9px;position: absolute;left: 50%;bottom: -7px;z-index: 8;margin-left: -10px;display: none;}

.subnav {width: 1200px; height:475px; position: absolute;top: 93px;z-index: 5; display: none; left:-200px;}

.subnav-bot {height: 16px;}

.header-main.fixed .subnav {top:46px;}

.header-main.fixed .nav li a {padding-bottom:0;}



.investor-subnav {width:1035px;padding: 23px 0 0 15px; background:rgba(28,52,126,0.7); z-index:999999; overflow:hidden;}

.investor-subnav .list {}

.investor-subnav .list li {width:235px; float:left;margin:0 15px 0 8px; cursor:pointer;}

.investor-subnav .list li a {display:block; color:#fff;   text-align:center; background:#0e88dd}

.investor-subnav .list li a:hover { background:#333}

.investor-subnav .list li .zong .pic img{ border:4px solid #fff;transition:0.1s;width: 210px;height: 137px; margin:0 auto; display:block}

.investor-subnav .list li .zong{

	width:100%;

	height:100%;

	position: relative;

	color:#000000;

}

.investor-subnav .list li:hover .zong .pic img{ border:4px solid #2a308a;}

.investor-subnav .list li .zong .text{text-align: center;font-size: 18px;color: #fff;  padding: 5px; line-height: 55px;}



.logo_nav .nav_video{ height:70px; width:360px;  position:absolute; right:1%; bottom:0; }

.logo_nav .nav_video .tel{ float:left}

.logo_nav .nav_video .tel img{ width:90%}

.logo_nav .nav_video .en{ float:right; color:#fff; background:url(../img/qiu.png) no-repeat left center; width:5rem; height:23px; margin-top:10px; }

.logo_nav .nav_video .en a{ color:#fff; padding-left:1.8rem;}

.logo_nav .nav_video .en img{ padding-right:10px;}



.banner{ width:100%; height:850px; position:relative;}

/*footer*/

.footer{ width:100%; height:350px; position:relative;}

.footer .footer_l{ width:30%; background:#1c347e; position:absolute; z-index:1; left:0; top:0;height:351px;}

.footer .footer_l img{ margin-top:18%; margin-left:15%}



.footer .footer_r{ width:70%; position:absolute; z-index:1; right:0; background:#ede8e8;}

.footer .footer_r .footer_r_a{ width:160px; padding:60px 0 50px 100px; float:left}

.footer .footer_r .footer_r_a h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_a h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_a ul{ margin-top:20px;}

.footer .footer_r .footer_r_a li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_b{ width:160px; padding:60px 0 50px 100px; float:left; border-left:1px solid #dfdbdb;border-right:1px solid #dfdbdb;}

.footer .footer_r .footer_r_b h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_b h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_b ul{ margin-top:20px;}

.footer .footer_r .footer_r_b li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_c{ width:160px; padding:60px 0 50px 100px; float:left;border-right:1px solid #dfdbdb;}

.footer .footer_r .footer_r_c h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_c h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_c ul{ margin-top:20px;}

.footer .footer_r .footer_r_c li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_d{ width:140px; padding:60px 0 50px 80px; float:left;}

.footer .footer_r .footer_r_d em{ display:block; line-height:50px; text-align:center;}

}



@media only screen and (min-width:1710px){ 

/*nav*/

.logo_nav{ width:100%;height:98px; position:absolute; left:0; top:0; border-bottom:1px solid rgba(255,255,255,0.1); z-index:99}

.logo_nav .logo{ position:absolute; left:15px; top:20px; }

.logo_nav .logo img{  transition:height 0.2s linear; width:91% }

.nav{ height:98px; width:50%; position:absolute; left:50%; margin-left:-22%; top:0px }

.nav ul{ height:98px;}

.nav li{line-height:98px; width:calc(100%/7); float: left;}

.nav li a{ line-height:98px;font-size:16px; color:#fffefe; text-align:center; display: block; text-decoration:none;}

.nav li a:hover{ color:#ec3f34}



.nav li .sign {	width: 19px;height: 9px;position: absolute;left: 50%;bottom: -7px;z-index: 8;margin-left: -10px;display: none;}

.subnav {width: 1200px; height:475px; position: absolute;top: 93px;z-index: 5; display: none; left:-200px;}

.subnav-bot {height: 16px;}

.header-main.fixed .subnav {top:46px;}

.header-main.fixed .nav li a {padding-bottom:0;}



.investor-subnav {width:1035px;padding: 23px 0 0 15px; background:rgba(28,52,126,0.7); z-index:999999; overflow:hidden;}

.investor-subnav .list {}

.investor-subnav .list li {width:235px; float:left;margin:0 15px 0 8px; cursor:pointer;}

.investor-subnav .list li a {display:block; color:#fff;   text-align:center; background:#0e88dd}

.investor-subnav .list li a:hover { background:#333}

.investor-subnav .list li .zong .pic img{ border:4px solid #fff;transition:0.1s;width: 210px;height: 137px; margin:0 auto; display:block}

.investor-subnav .list li .zong{

	width:100%;

	height:100%;

	position: relative;

	color:#000000;

}

.investor-subnav .list li:hover .zong .pic img{ border:4px solid #2a308a;}

.investor-subnav .list li .zong .text{text-align: center;font-size: 18px;color: #fff;  padding: 5px; line-height: 55px;}



.logo_nav .nav_video{ height:70px; width:360px;  position:absolute; right:1%; bottom:0; }

.logo_nav .nav_video .tel{ float:left}

.logo_nav .nav_video .en{ float:right; color:#fff; background:url(../img/qiu.png) no-repeat left center; width:5rem; height:23px; margin-top:10px; }

.logo_nav .nav_video .en a{ color:#fff; padding-left:1.8rem;}

.logo_nav .nav_video .en img{ padding-right:10px;}



.banner{ width:100%; height:920px; position:relative;}

/*footer*/

.footer{ width:100%; height:350px; position:relative;}

.footer .footer_l{ width:30%; background:#1c347e; position:absolute; z-index:1; left:0; top:0;height:351px;}

.footer .footer_l img{ margin-top:18%; margin-left:28%}



.footer .footer_r{ width:70%; position:absolute; z-index:1; right:0; background:#ede8e8;}

.footer .footer_r .footer_r_a{ width:230px; padding:60px 0 50px 100px; float:left}

.footer .footer_r .footer_r_a h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_a h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_a ul{ margin-top:20px;}

.footer .footer_r .footer_r_a li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_b{ width:230px; padding:60px 0 50px 100px; float:left; border-left:1px solid #dfdbdb;border-right:1px solid #dfdbdb;}

.footer .footer_r .footer_r_b h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_b h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_b ul{ margin-top:20px;}

.footer .footer_r .footer_r_b li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_c{ width:230px; padding:60px 0 50px 100px; float:left;border-right:1px solid #dfdbdb;}

.footer .footer_r .footer_r_c h2{ font-weight:normal; font-size:20px;}

.footer .footer_r .footer_r_c h2:after{ content:""; width:20px; height:3px; background:#2a308a; display:block; margin-top:10px;}

.footer .footer_r .footer_r_c ul{ margin-top:20px;}

.footer .footer_r .footer_r_c li{ font-size:15px; line-height:26px; }



.footer .footer_r .footer_r_d{ width:140px; padding:60px 0 50px 80px; float:left;}

.footer .footer_r .footer_r_d em{ display:block; line-height:50px; text-align:center;}

}





/*内页头部*/

.navbg{ width:100%;	height:90px; background:rgba(255,255,255,1); z-index:9999999999999;position: fixed;top:0; transition: height 0.2s linear; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2);}

.ny_logo_nav{ width:100%;height:90px;}

.ny_logo_nav .ny_logo{ position:absolute; left:15px; top:20px; }

.ny_logo_nav .ny_logo img{  transition:height 0.2s linear; }

.ny_nav{ height:90px; width:50%; position:absolute; left:50%; margin-left:-20%; top:0 }

.ny_nav ul{ height:90px;}

.ny_nav li{line-height:90px; width:12%; float: left; position:relative}

.ny_nav li a{ line-height:19px;font-size:15px; color:#7a7a7a; text-align:center; display: block; text-decoration:none; padding:30px 0 0 0; height:90px; box-sizing:border-box;}

.ny_nav li a:hover{ color:#1673ca}



.ny_nav li div {display:none;width:158px;text-align:center;color:#4f4f4f;position:absolute; left:0px; background:#0e60ae; z-index:9999999 }

.ny_nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:49px; HEIGHT:49px;FONT-SIZE: 15px;font-weight:normal;border-bottom:1px solid rgba(0,0,0,0.05); margin-top:0; padding:0 0 0 0}

.ny_nav li div a:hover {color:#fff; border-bottom:1px solid #ef7b09; background:#ef7b09; border-top:0; border-right:0; border-left:0; }











.ny_logo_nav .langage{ position:absolute; right:114px; width:55px; height:55px; top:15px; z-index:102; border:1px solid rgba(0,0,0,0.2); border-radius:50%; text-align:center}

.ny_logo_nav .langage img{ margin:15px 0 0 0; }



.ny_logo_nav .langage_pic div{ display:none;width:156px;text-align:center;color:#4f4f4f;position:absolute;top:81px; left:0; background:#fff; height:0; }

.ny_logo_nav .langage_pic div a {display:block; width:120px; margin:0 auto;color: #333; line-height:39px; height:39px;font-size: 14px;font-weight:normal;border-bottom:1px solid rgba(0,0,0,0.1); margin-top:0;}

.ny_logo_nav .langage_pic div a:hover {color:#286cc9;  }



.ny_logo_nav .ny_nav_video{ background:#1c347e; height:90px; width:137px;  position:absolute; right:0; bottom:0; z-index:102;}



/*弹出*/

.navbarpage {

  position: absolute;

  right: -350px;

  top: 0;

  width: 350px;

  box-sizing: border-box;

  transition: all 1s ease;

  background-color: rgba(0, 0, 0, 0.8); z-index:99}

.navbar {

  position: absolute;

  top: 50%;

  width: 90px; left:50%; margin-left:-45px; margin-top:-13px;

  height: 26px;

  cursor: pointer;

  box-sizing: border-box;

  z-index: 9;

}



.navbar div { position:absolute;

  width: 28px;

  height: 2px;

  transition: all 0.5s ease; font-size:20px; color:#fff; font-weight:bold

}



.navbar .nav1{

  background:#fff; left:5px; top:0;

}

.navbar .nav2 {

  background:#fff; left:0px; top:12px;

}

.navbar .nav3 {

  background:#fff; left:5px; bottom:0;

}

.navbar .nav4 {

 right:0; bottom:0; width: 43px;

  height: 24px;

}

.navbarOn1 {

  transform-origin: center;

  transform: rotate(45deg) translate(9px, 8px);

}



.navbarOn2 {

  transform-origin: center;

  transform: rotate(-45deg) translate(9px, -8px);

}



.navbarOn3 {

  transform: rotateY(90deg);

}

.hudong{

  width: 1260px; margin:0 auto;

  height: 200px;

}

.hudong h2{ width:25px; font-size:24px; color:#fff; padding:15px; border:1px solid rgba(255,255,255,0.5); margin:0 140px 0 0}

.hudong p{ line-height:36px; padding:20px 130px 0 0; font-size:16px; color:#fff}

.navbarpage .navbarpage_da {

  height: 600px;

}

.navbarpage ul {

  width: 80%; height:160px; margin:140px auto

}

.navbarpage li:hover {

	animation: categoryanimaten 1s;

	-moz-animation: categoryanimaten 1s;

	-webkit-animation: categoryanimaten 1s;

	-o-animation: categoryanimaten 1s;

}

@keyframes categoryanimaten{

	from{transform: rotateY(0deg);}

	to{transform: rotateY(360deg);color:white;}

}

@-moz-keyframes categoryanimaten{

	from{transform: rotateY(0deg);}

	to{transform: rotateY(360deg);}

}

@-webkit-keyframes categoryanimaten{

	from{transform: rotateY(0deg);}

	to{transform: rotateY(360deg);}

}

@-o-keyframes categoryanimaten{

	from{transform: rotateY(0deg);}

	to{transform: rotateY(360deg);}

}

.navbarpage ul li { cursor:pointer;

  box-sizing: border-box; text-align:center; color:#fff; font-size:18px; line-height:55px;

}



.navbarpage ul li span{ display:block; width:100%; height:1px; background:rgba(255,255,255,0.1);}

.navbarpage ul li img{ display:block; width:56px; height:56px; margin:0 auto; }

.navbarpage li p {

  text-align: center;

}



.navbarpage li a {

  text-decoration: none;

  color: #000;

  display: block;

  width: 100%;

  height: 100%;

}



.active_navbar {

  right: 0 !important;

  transition: all 0.2s ease;

}



.navbarpage .navbarLi {

  position: relative;

  overflow: hidden;

  transition: background-color 0.6s linear;

}



.navbarLi a div {

  position: absolute;

}



.navbarpage .zuo1 {

  margin-top: 20px;

  width: 100%;

  text-align: center;

  transition: all 0.3s linear;

}



.navbarpage .zuo2 {

  margin-top: 20px;

  width: 100%;

  text-align: center;

  transform: translateX(-300px);

  transition: all 0.6s linear;

}



.navbarpage .you1 {

  top: 100px;

  width: 100%;

  transition: all 0.6s linear;

}



.navbarpage .you2 {

  /* display: none; */

  /* opacity: 0; */

  top: 100px;

  width: 100%;

  transform: translateX(300px);

  transition: all 0.6s linear;

}



.navbarpage .you2 p {

  color: #fff;

}



/*弹出*/









/*内页公司简介*/

.se_nav_da{ border-bottom:1px solid #efefef}

.se_nav{ width:1300px; margin:0 auto; height:100px;}

.se_nav .about_nav{ float:left; line-height:100px;}

.se_nav p{ float:right; text-align:right; line-height:100px; color:#777; padding:0 0 0 25px; background:url(../images/map1.png) no-repeat left center}

.se_nav p a{ color:#777}

.se_nav p a:hover{ color:#023f98}





.pro_nav{}

.pro_nav li{ padding:0 4%; float:left; text-align:center}



.pro_nav li a{ font-size:16px; color:#333; line-height:100px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block; position:relative; height:100px;}

.pro_nav li a:hover{ color:#00509d;  font-weight:bold;}

.pro_nav li a span{ display: block;background-image: url(../images/jia-iconbg.jpg); background-repeat:no-repeat; float:left; margin-right:20px;}

.pro_nav li a span i{ background-image: url(../images/jia-icon2.png);display: block; width: 60px; height: 60px; background-repeat: no-repeat;}

.pro_nav li a:hover span{ background-position: left bottom;}

.pro_nav li.honor_li a span{ background-position: left bottom;}

.pro_nav li a:hover p{color: #014099;}

.pro_nav li a:after {position: absolute;right: 10px;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top;

width: 1px;height: 14px;background: #ccc; }

.pro_nav li a:before {position: absolute;bottom: -1px;content: "";display: block;width: 0;height: 2px; background: #00509d;

transition-duration:.3s; left:50%; }

.pro_nav li a:hover:before{ width: 100px; left:50%; margin-left:-50px; }

.pro_nav li.on a:before { width: 100px; left:50%; margin-left:-50px; }

.pro_nav li.on a{ color:#00509d; font-weight:bold;}





/*erjiyemian*/



/*se_xinlai*/

.se_xinlai{  box-sizing:border-box; padding:55px 0 0 0}

.se_xinlai h2{ text-align:center; font-weight:normal;  padding:0 0 35px 0}

.se_xinlai h2 span{ display:block; background:url(../img/hxian.png) no-repeat center bottom; font-size:40px; color:#00509d; line-height:105px;}

.se_xinlai h2 p{ font-size:18px; color:#4c4c4c; font-weight:normal; line-height:45px;}

.se_xinlai_num{ width:1220px; margin:0 auto; padding:35px 0 0 0}





.xin_li{ width:1070px; margin:0 auto; padding:55px 0 50px 0;}

.xin_li li{ float:left; width:calc(100%/3); line-height:35px; color:#666565; font-size:16px; background:url(../images/jiao.jpg) no-repeat left center; padding:0 0 0 30px; box-sizing:border-box;}

.xin_line{ width:1330px; margin:0 auto; height:1px; background:#e9e9ea}

.xinlai_num{ width:1220px; margin:0 auto; padding:35px 0 }





.xinlai_num #wrap { overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.xinlai_num section {display: block;position: relative;width: 100%;}

.xinlai_num .jumbo {font-size: 60px; color: #e5433a; font-family:Impact; line-height:50px; display:inline-block;}

.xinlai_num #wrap .xinlai_num_li{ width:calc(100%/4); float:left; font-size:15px; color:#e5433a; background:url(../images/xiexian5.png) no-repeat right center; box-sizing:border-box; padding:40px 0 0 0 }



.xinlai_num #wrap .xinlai_numd{ background:none;}





.xinlai_num #wrap .xinlai_num_li span{ padding:0 0 0 10px; font-size:24px; color:#e5433a}

.xinlai_num #wrap .xinlai_num_li p{ font-size:16px; color:#626262; line-height:55px; text-align:center; }



.xinlai_numaa{ width:69px; margin:0 auto; min-width:auto;}

.xinlai_numbb{ width:188px; margin:0 auto; min-width:auto;}

.xinlai_numcc{ width:117px; margin:0 auto; min-width:auto;}

.xinlai_numdd{ width:160px; margin:0 auto; min-width:auto;}







.se_about_num{ width:30%;}

.se_about_num #wrap { overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin:30px 0 0 0}

.se_about_num section {display: block;position: relative;width: 100%;}

.se_about_num .jumbo {font-size: 40px; color: #ed0202; font-family:Impact; line-height:50px; display:inline-block;}

.se_about_num #wrap .se_about_num_li{ width:calc(100%/2); float:left; font-size:15px; color:#ed0202; height:115px; box-sizing:border-box; }

.se_about_num #wrap .se_about_num_li span{ padding:0 0 0 10px; font-size:24px; color:#ff0000}

.se_about_num #wrap .se_about_num_li p{ font-size:16px; color:#383838; line-height:40px; text-align:center; margin:5px 0 0 0; }

.se_about_num #wrap .se_about_numa{ border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}

.se_about_num #wrap .se_about_numb{ border-bottom:1px solid #e8e8e8 }

.se_about_num #wrap .se_about_numc{ border-right:1px solid #e8e8e8;  padding:20px 0 0 0}

.se_about_num #wrap .se_about_numd{ padding:20px 0 0 0}

.se_about_numaa{ width:80px; margin:0 auto; min-width:auto;}

.se_about_numbb{ width:100px; margin:0 auto; min-width:auto;}

.se_about_numcc{ width:135px; margin:0 auto; min-width:auto;}

.se_about_numdd{ width:156px; margin:0 auto; min-width:auto;}





/*se_about*/

.se_about{ position:relative; padding:25px 0 0 0; box-sizing:border-box;}

.se_about_pic{ width:1330px; margin:0 auto;}

.se_about_pic img{ display:none}

.se_about_bg{ height:225px; background-image:url(../images/jj.jpg); background-position: 50% 50%;  background-size: 100%; background-repeat:no-repeat}

.se_about_con{ width: 1330px;  margin:0 auto 55px auto; box-sizing: border-box; border:1px solid #e8e8e8; padding:90px 75px 0 75px}

.se_about_title{ height:81px; position:relative; margin-bottom:70px;}

.se_about_title div{ height:81px; width:3px; position:absolute; left:0; top:0; background:#00509d }

.se_about_title p{ line-height:45px; position:absolute; left:25px; top:0; font-weight:bold; color:#00509d; font-size:37px;}

.se_about_title i{ display:block; position:absolute; left:25px; bottom:0; color:#404040; font-size:19px; font-style:normal;}

.se_about_con h2{ color:#e50b0b; font-size:36px; line-height:75px;}

.se_about_con .se_about_text{ font-size:16px; color:#484848; line-height:33px; margin:0 0 50px 0}





/*现场实拍*/

.se_tuandui { width:1350px; margin:0 auto;  padding:30px 0 20px 0}

.se_tuandui ul{ width:1350px;}

.se_tuandui li{float:left; padding:0; width:400px; margin:0 55px 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}

.se_tuandui li .p-img{ width:400px; height:267px; margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden }

.se_tuandui li .p-name{ height:70px; line-height:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; border-top:1px solid #eee}

.se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_tuandui p{ font-size:16px; line-height:35px; color:#666;}

.se_tuandui p span{ font-size:17px;  color:#af1318;}

.se_tuandui li:nth-child(3n){ margin:0 0 25px 0;}





/*产品展示*/

.se_case{ width:1280px; margin:0 auto;padding:50px 0 0 0 }

.se_case ul{margin:0 auto; }



.se_case li{ width:384px; float:left; margin:0 20px 40px 20px;  cursor:pointer; overflow:hidden; border:1px solid #edebeb;}

.se_case_pic{ width:384px; margin:0 auto; overflow:hidden; height:288px;  background:#333;}

.se_case_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.se_case_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_case_text{ width:100%; margin:0 auto; padding:5px 20px 5px 20px; box-sizing:border-box;-webkit-box-sizing:border-box;}

.se_case_text h3{ font-size: 18px;line-height:45px;color: #333; font-weight:normal; text-align:center;}

.se_case_text h3:hover{ color:#c92d2f;}



.fenye{ width:1280px; margin:0 auto; margin-bottom:50px;}

.espcms_page_botton{ text-align:center;}

.espcms_page_botton{text-align: center;overflow: hidden;padding-top:10px;}

#pagelist,#espcms_bbs_pagelist{color:#818181; font-size:14px;}

.pagination {font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:14px;margin: 0px;}

/*按钮色彩样式*/

.pagination a {border: #c2e2e7 1px solid;color: #444;text-decoration: none;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}

.pagination a:visited {text-decoration: none;overflow: hidden;}

.pagination a:active {text-decoration: none;overflow: hidden;}

.pagination a:hover {color: #fff;background-color: #115f84;overflow: hidden;}

.pagination span.current {color: #fff;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}

.pagination span.disabled {background-color: #d60c00;}







/*se_news_bg*/

.se_news_bg{ background:#f8f8f8; padding:60px 0 90px 0;}

.se_xinwen{ width:1330px; margin:0 auto}

.se_xinwen_l{ width:1015px; background:#fff; padding:30px 58px; box-sizing:border-box}

.se_xinwen_l p{ font-size:16px; line-height:28px; color:#666;}

.se_xinwen_r{ width:290px; background:#fff; padding:30px 15px; box-sizing:border-box}



.se_fenxiang{ margin:0 0 35px 0}

.join_back{ background:#1c347e; line-height:55px; text-align:center;}

.join_back a{ color:#fff; font-size:17px;}

.join_back a:hover{ color:#fff;}





.se_date{ font-size:15px; color:#666; line-height:35px; text-align:center;}

.espcms_news_title{padding: 0 0 65px 0; color: #333; font-size:21px;}

.espcms_news_title h2{ font-weight:normal; margin-bottom:15px; text-align:center;}

.espcms_newslist_read{}

.espcms_newslist_read h3{ font-size:18px; font-weight:normal; line-height:40px;}

.espcms_newslist_read  li a{ font-size:16px; line-height:28px; color:#666;}



.se_fenxiang{ margin-top:20px;}

.se_fenxiang h2{ font-weight:normal; font-size:18px;}







.newsnei{ padding:130px 0 0 0}

.newsnei h2{ width:1260px; margin:0 auto;  font-weight:normal; margin-bottom:35px; padding:0 0 0 20px; text-align:center; }

.newsnei h2 span{ color:#fff; font-size:34px; display:block; line-height:59px;}

.newsnei h2 p{ color:#fff; font-size:15px; line-height:25px;}



.newsnei .s_width{ overflow:hidden; width:1260px; margin:0 auto;}



.newsnei_con .tupian_zl{ position:absolute; left:0; top:155px; width:33px; height:32px; background:url(../images/lleft.jpg); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:2}

.newsnei_con .tupian_zl:hover{ background:url(../images/lleft_h.jpg)}

.newsnei_con .tupian_zr{ position:absolute; right:0; top:155px; width:33px; height:32px; background:url(../images/rright.jpg); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:2}

.newsnei_con .tupian_zr:hover{ background:url(../images/rright_h.jpg)}







.newsnei_con li{float:left; padding:0; width:412px; height:380px; position:relative; overflow:hidden; background:#fff; margin:0 21px 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer}



.newsnei_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.newsnei_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.newsnei_con_l{ width:412px; height:250px; position:absolute; overflow:hidden; left:0; top:0}

.newsnei_con_l a{ width:412px; height:250px; z-index:3; display:block}

.newsnei_con_l a span{ display:block; color:#ffffff; line-height:40px;  width:390px; position:absolute; bottom:0; z-index:99; font-size:15px; text-align:center;}

.newsnei_con_l a:hover span{ color:#ffd800}

.newsnei_con_b{ width:412px; position:absolute; bottom:0;left:0; height:114px; background:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;

}

.newsnei_con_b i{ font-style:normal; color:#555; display:block; line-height:55px; background:url(../images_nei/jiantou.png) no-repeat right center; z-index:2; position:relative; font-size:18px; color:#174791; margin:0 25px;}

.newsnei_con_b p{ margin:0 25px; line-height:24px; font-size:14px; color:#555; height:0; overflow:hidden;}

.newsnei_con_b .newsnei_con_date{ margin:0 25px; line-height:30px; font-size:14px; color:#777}

.newsnei_con li:hover .newsnei_con_b{ height:170px;}



/*liuyan*/

.main { width:1330px; margin:0 auto}



/*se_news*/

.se_news_con{ padding:20px 0 20px 0}

.se_news_con ul{ }

.se_news_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer; margin:0 0 35px 0; position:relative; top:0; border-bottom: 1px solid #ddd;padding: 0 0 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}



.se_news_l{ width:290px; position:relative; overflow:hidden; }

.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.se_news_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



.se_news_m{ width:55px; padding:15px; position:relative; overflow:hidden; border:2px solid #0e60ae; margin:0 0 0 60px; font-size:19px; color:#444; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.se_news_m span{ display:block; font-size:16px; color:#777; width:37px; position:relative; overflow:hidden; height:24px;}





.se_news_r{ width: 760px; position: relative; z-index: 1000; margin:0 20px 0 0}

.se_news_r h2{  font-size:14px; color:#888; font-weight:normal; padding:0 0 15px 0}

.se_news_r h2 a{ font-size:24px; color:#333; text-transform:uppercase; display:block; }

.se_news_r h2 a:hover{ color:#00489d;}

.se_news_r p{ line-height:28px; color:#666; padding:10px 0 10px 0}

.se_news_r .se_news_more{ width:90px; border-bottom:1px solid #1476c2; line-height:40px; text-align:center; padding:15px 0 0 0}

.se_news_r .se_news_more a{ color:#1476c2; font-size:14px;}



.se_news_con li:hover .se_news_m{ background:#0e60ae; color:#fff}

.se_news_con li:hover .se_news_m span{ color:#fff}

.se_news_con li:hover .se_news_r h2 a{color:#00489d;}





.newsnei{ padding:130px 0 0 0}

.newsnei h2{ width:1260px; margin:0 auto;  font-weight:normal; margin-bottom:35px; padding:0 0 0 20px; text-align:center; }

.newsnei h2 span{ color:#fff; font-size:34px; display:block; line-height:59px;}

.newsnei h2 p{ color:#fff; font-size:15px; line-height:25px;}



.newsnei .s_width{ overflow:hidden; width:1260px; margin:0 auto;}



.newsnei_con .tupian_zl{ position:absolute; left:0; top:155px; width:33px; height:32px; background:url(../images/lleft.jpg); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:2}

.newsnei_con .tupian_zl:hover{ background:url(../images/lleft_h.jpg)}

.newsnei_con .tupian_zr{ position:absolute; right:0; top:155px; width:33px; height:32px; background:url(../images/rright.jpg); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:2}

.newsnei_con .tupian_zr:hover{ background:url(../images/rright_h.jpg)}







.newsnei_con li{float:left; padding:0; width:412px; height:380px; position:relative; overflow:hidden; background:#fff; margin:0 21px 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer}



.newsnei_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.newsnei_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.newsnei_con_l{ width:412px; height:250px; position:absolute; overflow:hidden; left:0; top:0}

.newsnei_con_l a{ width:412px; height:250px; z-index:3; display:block}

.newsnei_con_l a span{ display:block; color:#ffffff; line-height:40px;  width:390px; position:absolute; bottom:0; z-index:99; font-size:15px; text-align:center;}

.newsnei_con_l a:hover span{ color:#ffd800}

.newsnei_con_b{ width:412px; position:absolute; bottom:0;left:0; height:114px; background:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;

}

.newsnei_con_b i{ font-style:normal; color:#555; display:block; line-height:55px; background:url(../images_nei/jiantou.png) no-repeat right center; z-index:2; position:relative; font-size:18px; color:#174791; margin:0 25px;}

.newsnei_con_b p{ margin:0 25px; line-height:24px; font-size:14px; color:#555; height:0; overflow:hidden;}

.newsnei_con_b .newsnei_con_date{ margin:0 25px; line-height:30px; font-size:14px; color:#777}

.newsnei_con li:hover .newsnei_con_b{ height:170px;}







/*in_pro_listbg*/

.in_pro_listbg{ background:#111 url(../images/pro_center_bg.jpg) no-repeat center top; height:480px;}

.in_pro_listbg h2{ width:1350px; margin:0 auto; position:relative; padding:45px 0 0 0; }

.in_pro_listbg h2 span{ display:block; background:url(../erimg/h2-bg.png) no-repeat left bottom; height:90px; line-height:90px; color:#fff; font-size:48px;}

.in_pro_listbg h2 p{ line-height:65px; color:#fff; font-size:15px; font-weight:normal;}

.in_pro_listbg h1{ width:1350px; margin:0 auto; position:relative; padding:55px 0 0 0;  line-height:50px; color:#fff; font-size:33px;}

.in_pro_listbg .zuozhe{ width:1350px; margin:0 auto; line-height:65px; color:#fff; font-size:15px;}

.in_pro_listbg .zuozhe a{ color:#fff}





.espcms_page_location{ color:#fff;}

.espcms_page_location a{color:#fff;}



/*se_pindao*/

.se_pindao{  background:#fff; padding:60px 0 }

.se_pindao ul{ width:1350px; margin:0 auto; }



.se_pindao li{ width:415px; float:left; margin:0 40px 0px 0;  cursor:pointer; border:1px solid #eee}
.se_pindao li:hover{ border:5px solid #0e254f;}

.se_pindao li:nth-child(3n){ margin:0 0 40px 0;}

.se_pindao_pic{ width:100%; margin:0 auto; overflow:hidden; }

.se_pindao_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.se_pindao_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_pindao_text{ padding:15px 20px 25px 20px; box-sizing:border-box;-webkit-box-sizing:border-box; background:#fff url(../images/xianxian.jpg) no-repeat center bottom; }

.se_pindao_text h3{ font-size:24px; line-height:34px; margin:0 0 10px 0; color:#333; text-align:center}

.se_canshu{ line-height:33px;  color:#555; font-size:15px;}

.se_canshu p{ display:block; font-weight:normal; font-size:16px; line-height:28px; margin-top:15px;}





.se_bg{ height:795px; background:url(../images/banner-cpinner.jpg) no-repeat center top;box-sizing:border-box;-webkit-box-sizing:border-box;}

.se_bg .zibg_weizhi{ font-size:16px; color:#fff;}

.se_bg .zibg_weizhi a{ color:#fff;}

.se_bg_con{ width:1280px;; position:relative; height:450px; margin:0 auto;}

.se_bg_text{ width:600px; position:absolute; left:0; top:20px; height:500px;}

.se_bg_pic{ width:600px; height:450px; position:absolute; right:0; top:0;}

.se_bg_text h3{ font-size:33px; line-height:125px; color:#fff}

.se_bg_text .se_canshu{ font-size:22px; color:#fff; line-height:43px;}

.se_bg_tel{ position:absolute; bottom:0; left:0; height:55px; line-height:55px; width:60%; background:#dd2f24; text-align:center; font-size:24px; color:#fff; border-radius:5px;}





.guding{ background:#f5f5f5; height:120px; position:absolute; width:100%;z-index:110000}

.prod_nav{width:880px; position: absolute ; left:50%; margin-left:-440px; bottom:0; }

.prod_nav li{ width:calc(100%/4);text-align:center;  line-height:120px; float:left; display: block; color:#444;}

.prod_nav li.cu_active{ color:#186dbf;}

.prod_nav li a{ color:#444; font-size:20px; display:block}

.prod_nav li a:hover{ color:#21286e; }

.prod_nav li.cu_active a{ color:#21286e; font-weight:bold}



.nypro_nav{}

.nypro_nav ul{ width:1300px; margin:0 auto}

.nypro_nav li{ float:left; padding:40px 0;}

.nypro_nav li a{ font-size:18px; color:#777; line-height:60px; padding:0 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-right:1px solid #f2f2f2; display:block}

.nypro_nav li a:hover{ color:#186dbf}

.nypro_nav li.honor_li{ border-bottom:2px solid #186dbf}

.nypro_nav li.honor_li a{ color:#186dbf}





.se_xiangqing{ width:1300px; margin:0 auto}

.se_xiangqing_l{ width:77%;}

.se_xiangqing_r{ width:20%; background:#f7f7f7; margin:30px 0 0 0; padding:0 0 30px 0}

.se_xiangqing_r h3{ font-size:24px; color:#333; text-align:center; line-height:75px;}

.se_xiangqing_r li{ width:85%; margin:0 auto 10px auto}

.se_xiangqing_r .se_xiangguan_pic{}

.se_xiangqing_r .se_xiangguan_pic img{ width:100%;}

.se_xiangqing_r h4{ font-size:15px; color:#444; text-align:center; line-height:45px; background:#fff; font-weight:normal; overflow: hidden;white-space: nowrap;text-overflow:ellipsis}



.guding_title{ font-size:30px; color:#111; margin-bottom:20px;}



.guding_canshu{ padding:0 0 30px 0}





table {

	border-spacing:0;

	border-collapse:collapse; line-height:28px; border-color: #888;

}



td{ padding:0 0 0 0; font-size:15px;}





.second_img{ font-size:16px; line-height:33px; color:#666}

.second_img img{ width:100%; max-width:1155px;}







.p_float{ position:fixed; width:80px; bottom:0;  right:0; z-index:9999; opacity:0}

.p_float li{ height:78px; width:78px; border:1px solid #c92d2f;text-align:center; background:#c92d2f; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.p_float p{ line-height:78px; color:#fff; font-size:16px;}



.se_xiangguan{ background:#df362b; width:260px; padding:10px 0; margin:30px 0;}

.se_xiangguan h2{ font-size:20px; font-weight:normal; line-height:75px;}



.se_xiangguan h3{ font-size:24px; color:#fff; text-align:center; line-height:75px;}

.se_xiangguan li{ width:85%; margin:0 auto 10px auto}

.se_xiangguan .se_xiangguan_pic{ overflow:hidden;}

.se_xiangguan .se_xiangguan_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.se_xiangguan .se_xiangguan_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



.se_xiangguan h4{ font-size:15px; color:#444; text-align:center; line-height:45px; background:#fff; font-weight:normal; overflow: hidden;white-space: nowrap;text-overflow:ellipsis}







/*liuyan*/

.liu_r h2{ font-size:24px; color:#2c2e67; line-height:35px; text-transform:uppercase;}

.liu_r .liu_zi{ line-height:55px; font-size:16px; color:#888; margin:0 0 30px 0}

.main .title{ display:none;}





.se_liuyan{ position:relative; width:100%; height:645px;}

.se_liuyan_pic{ width:217px; position:absolute; left:0;top:0; z-index:2}

.se_liuyan_con{ width:90%; position:absolute; right:35px;top:41px; padding:35px 0 0 250px; box-sizing:border-box; height:566px; border:1px solid #dddddd ; box-shadow: 0px 1px 4px rgba(250, 233, 221, 0.3), 0px 0px 20px rgba(223, 54, 42, 0.1) inset; z-index:1}







/*联系我们*/

.contact{ width:1280px; margin:100px auto;}

.contact h2{ font-size:40px; font-weight:normal; color:#c92d2f; }

.contact h2 em{ display:block; font-size:15px; color:#666; line-height:29x; padding-top:15px;}



.ny_contact{ background:#f2f2f2; padding:100px 0;}

.ny_contact .s_width{ width:1280px; margin:0 auto; background:#fff;}



.ny_contact_l{ width:100%;  padding:50px 0 50px 50px; height:390px;}

.ny_contact_l h2 {font-family: arial;font-size: 60px;color: #666666;margin-bottom: 16px;line-height: 45px;text-transform: uppercase;}

.ny_contact_l h3 {line-height: 36px;font-size: 29px;}

.ny_contact_l .pub_title_link {width: 60px;height: 2px;background-color: #e60012;margin: 23px auto 32px;    margin-left: 0;}

.ny_contact_l p {line-height: 40px;font-size: 16px;}

.ny_contact_l p i{ padding-right:15px; font-size:18px;}



.ny_contact_l_a{ width:27%; float:left; font-size:16px; line-height:31px;}

.ny_contact_l_b{width:33%; float:left; font-size:16px; line-height:31px; border-left:1px solid #eae5e5; border-right:1px solid #eae5e5; padding-left:50px;}

.ny_contact_l_c{width:30%; float:left; font-size:16px; line-height:31px; padding-left:50px;}





.ny_contact_r{ padding:0px 0px 50px 0; width:90%; margin:85px auto 0 auto;}

.ny_contact_r h2{font-size: 24px;line-height: 30px; font-weight:normal;}