@charset "utf-8";
/* CSS Document */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
table {
  max-width: 100%;
}
.logo {
  display: block;
}
.lgImg {
  display: block;
  width: 100%;
}
.pic,
.pic2 {
  display: block;
  overflow: hidden;
  position: relative;
}
.pic > img {
  display: block;
  width: 100%;
  transition: 600ms;
  -webkit-transition: 600ms;
}
.pic2 > img {
  display: block;
  width: 100%;
}
.tx {
  text-align: justify;
  overflow: hidden;
  line-height: 24px !important;
}
.freeTx {
  text-align: justify;
}
.aboBox img,
.abfoBox img,
.proBox img {
  max-width: 100%;
  height: auto !important;
}
.nowti {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.1;
}
.now {
  white-space: nowrap;
  overflow: hidden;
}
.ti,
.name,
.ch {
  line-height: 1.4;
}
.en {
  line-height: 1.1;
}
.ico {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 300ms;
  -webkit-transition: 300ms;
  -ms-transition: 300ms;
}
.cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: 300ms;
  -webkit-transition: 300ms;
  -ms-transition: 300ms;
}
.line {
  display: block;
}
.fixbg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}
.black {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/black.png);
  z-index: 1008;
  display: none;
}
.wsibf,
.pager {
  text-align: center;
  font-size: 0;
}
.wsib,
.pager a {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 14px;
}
.menuBox {
  position: fixed;
  width: 320px;
  top: 0;
  right: -320px;
  height: 100%;
  background: #fff;
  z-index: 1004;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}
.mcv {
  line-height: 44px;
  text-align: center;
  cursor: pointer;
  display: none;
}
.caret {
  display: inline-block;
  width: 0px;
  height: 0px;
  margin-left: 10px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.l {
  float: left;
}
.r {
  float: right;
}
.foLine {
  position: relative;
}
.foLine .wLine {
  display: block;
  position: absolute;
  background: #1d2467;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.foLine .wLine_1 {
  width: 0;
  height: 3px;
  top: 0;
  left: 0;
}
.foLine .wLine_2 {
  width: 0;
  height: 3px;
  bottom: 0;
  right: 0;
}
.foLine .wLine_3 {
  height: 0;
  width: 3px;
  bottom: 0;
  left: 0;
}
.foLine .wLine_4 {
  height: 0;
  width: 3px;
  top: 0;
  right: 0;
}
.tac {
  text-align: center;
}
/* pbanner*/
.pbanner {
  position: relative;
  overflow: hidden;
}
/*pbanner end*/

/* animation */
.trtion {
  transition: 700ms;
  -webkit-transition: 700ms;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}
.dly_1 {
  transition-delay: 100ms;
  -webkit-transition-delay: 100ms;
}
.dly_15 {
  transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
}
.dly_2 {
  transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
}
.dly_3 {
  transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
}
.dly_4 {
  transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
}
.dly_45 {
  transition-delay: 450ms;
  -webkit-transition-delay: 450ms;
}
.dly_5 {
  transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
}
.dly_6 {
  transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
}
.dly_7 {
  transition-delay: 700ms;
  -webkit-transition-delay: 700ms;
}
.dly_8 {
  transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
}
/* animation end */

/*video style*/
.vwrap {
  display: none;
  z-index: 1040;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
}
.vwrap .videobtg {
  z-index: 900;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  overflow: hidden;
}
.vwrap .videobox {
  z-index: 990;
  width: 860px;
  height: 480px;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -240px;
  margin-left: -430px;
}
.vwrap .videobox #videobox {
  width: 100%;
  display: inline-block;
  height: 100%;
  background: #80abde;
}
#videobox_wrapper {
  height: 100% !important;
}
.vwrap .close {
  z-index: 999;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: -28px;
  right: 0px;
}
.vwrap .close i {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/close1.png) no-repeat 50% 50%;
  -webkit-transition: 400ms;
  transition: 400ms;
}
.vwrap .close:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#videobox_display_button {
  background: none no-repeat !important;
}
.jwplayer .jwicon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.jwlogo,
.jwclick {
  display: none !important;
}
/*video style end*/

/* winxin */
.popUpblack {
  background: url(../images/black.png) repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1010;
  display: none;
}
.popUp {
  width: 220px;
  height: 242px;
  border: 5px solid #1d2467;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -87px 0 0 -115px;
  z-index: 1004;
}
.popUp .t {
  padding: 0 0 0 10px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #1d2467;
  background: #1d2467;
}
.popUp .t .close {
  padding: 0 10px 0 0;
  float: right;
  cursor: pointer;
  color: #fff;
  font-weight: normal;
}
.popUp .img {
  padding: 20px;
}
.popUp .img img {
  width: 100%;
  height: 100%;
  display: block;
}
/* winxin end */

/* menuBtn */
/* .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position:absolute; right:0; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index:1012; }
.menu-handler .burger { width: 32px; height: 4px; background: #000; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger-1 { top: 30px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } */
/* menuBtn end */

/*slick*/
.slick-dots {
  font-size: 0;
  text-align: center;
  margin-top: 28px;
}
.slick-dots li {
  width: 14px;
  height: 14px;
  border: 1px solid #b2b2b2;
  border-radius: 100%;
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  display: inline;
  vertical-align: middle;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.slick-dots li a {
  display: block;
  width: 100%;
  height: 100%;
}
.slick-dots li.slick-active,
.slick-dots li:hover {
  background: #563331 !important;
  border-color: #563331;
}
/*slick end*/

@keyframes phoneRotate {
  from,
  to {
    transform: none;
  }
  20% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(-10deg);
  }
  80% {
    transform: rotate(10deg);
  }
} /* 电话颤抖 animation: phoneRotate .5s 3; */
@keyframes phoneJump {
  from,
  to {
    transform: none;
  }
  50% {
    transform: translate(0, -7px);
  }
} /* 电话数字 animation: phoneJump .5s 1; */
@keyframes _cyLogoShow {
  0% {
    background: linear-gradient(
      120deg,
      transparent -15%,
      rgba(255, 255, 255, 0.5),
      transparent 15%
    );
  }
  10% {
    background: linear-gradient(
      120deg,
      transparent -5%,
      rgba(255, 255, 255, 0.5),
      transparent 25%
    );
  }
  20% {
    background: linear-gradient(
      120deg,
      transparent 5%,
      rgba(255, 255, 255, 0.5),
      transparent 35%
    );
  }
  30% {
    background: linear-gradient(
      120deg,
      transparent 15%,
      rgba(255, 255, 255, 0.5),
      transparent 45%
    );
  }
  40% {
    background: linear-gradient(
      120deg,
      transparent 25%,
      rgba(255, 255, 255, 0.5),
      transparent 55%
    );
  }
  50% {
    background: linear-gradient(
      120deg,
      transparent 35%,
      rgba(255, 255, 255, 0.5),
      transparent 65%
    );
  }
  60% {
    background: linear-gradient(
      120deg,
      transparent 45%,
      rgba(255, 255, 255, 0.5),
      transparent 75%
    );
  }
  70% {
    background: linear-gradient(
      120deg,
      transparent 55%,
      rgba(255, 255, 255, 0.5),
      transparent 85%
    );
  }
  80% {
    background: linear-gradient(
      120deg,
      transparent 65%,
      rgba(255, 255, 255, 0.5),
      transparent 95%
    );
  }
  90% {
    background: linear-gradient(
      120deg,
      transparent 75%,
      rgba(255, 255, 255, 0.5),
      transparent 105%
    );
  }
  100% {
    background: linear-gradient(
      120deg,
      transparent 85%,
      rgba(255, 255, 255, 0.5),
      transparent 115%
    );
  }
} /* logo 闪光 */
/* .header .logo:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.header .logo:hover:before { animation: _cyLogoShow .8s 1; } */
@keyframes logoShow {
  from,
  to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
} /* 抖一抖的效果 animation: logoShow .5s 1; */

/* menuBtn2 */
.menuBtn {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
}
.menuBtn .burger,
.menuBtn .burger:before,
.menuBtn .burger:after {
  width: 32px;
  height: 4px;
  background: #000;
  position: absolute;
}
.menuBtn .burger {
  display: block;
  z-index: 5;
  left: 50%;
  margin-left: -16px;
  top: 28px;
  transition: 300ms 300ms;
  -webkit-transition: 300ms 300ms;
}
.menuBtn .burger:before,
.menuBtn .burger:after {
  content: '';
  left: 0;
  transition:
    transform 300ms,
    top 300ms 300ms;
  -webkit-transition:
    transform 300ms,
    top 300ms 300ms;
}
.menuBtn .burger:before {
  top: -12px;
}
.menuBtn .burger:after {
  top: 12px;
}
.menuBtn.open .burger {
  transition: 100ms 300ms;
  -webkit-transition: 100ms 300ms;
  background: transparent;
}
.menuBtn.open .burger:before,
.menuBtn.open .burger:after {
  top: 0px;
}
.menuBtn.open .burger:before {
  transition:
    top 300ms,
    transform 300ms 300ms;
  -webkit-transition:
    top 300ms,
    transform 300ms 300ms;
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
}
.menuBtn.open .burger:after {
  transition:
    top 200ms,
    transform 300ms 300ms;
  -webkit-transition:
    top 200ms,
    transform 300ms 300ms;
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
}
/* menuBtn2 end */