@charset "UTF-8";
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
  height: 50px;
  outline-offset: -2px;
  outline: 2px solid #fff;
  -webkit-border-radius: 4px;
  border: 2px solid #fff;
}

/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.7);
  height: 50px;
  -webkit-border-radius: 4px;
}

/*---滚动条大小--*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/*---滚动框背景样式--*/
/* ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0;
} */

@font-face {
  font-family: 'GOTHICB';
  src: url("../fonts/GOTHICB.eot");
  src: url("../fonts/GOTHICB.eot") format("embedded-opentype"), url("../fonts/GOTHICB.woff2") format("woff2"), url("../fonts/GOTHICB.woff") format("woff"), url("../fonts/GOTHICB.ttf") format("truetype"), url("../fonts/GOTHICB.svg#GOTHICB") format("svg");
}
@font-face {
  font-family: 'TT0140M';
  src: url("../fonts/TT0140M.eot");
  src: url("../fonts/TT0140M.eot") format("embedded-opentype"), url("../fonts/TT0140M.woff2") format("woff2"), url("../fonts/TT0140M.woff") format("woff"), url("../fonts/TT0140M.ttf") format("truetype"), url("../fonts/TT0140M.svg#TT0140M") format("svg");
}
@font-face {
  font-family: 'trump';
  src: url("../fonts/trump.eot");
  src: url("../fonts/trump.eot") format("embedded-opentype"), url("../fonts/trump.woff2") format("woff2"), url("../fonts/trump.woff") format("woff"), url("../fonts/trump.ttf") format("truetype"), url("../fonts/trump.svg#trump") format("svg");
}
@font-face {
  font-family: 'Bebas';
  src: url("../fonts/Bebas.eot");
  src: url("../fonts/Bebas.eot") format("embedded-opentype"), url("../fonts/Bebas.woff2") format("woff2"), url("../fonts/Bebas.woff") format("woff"), url("../fonts/Bebas.ttf") format("truetype"), url("../fonts/Bebas.svg#Bebas") format("svg");
}
html, body {
  font-family: "Microsoft Yahei", "黑体", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

.body-wrap {
  min-width: 1280px;
}

.forie {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/tishi.png) center no-repeat;
  z-index: 1000;
}

/*=========loading=========*/
.loadingBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-align: center;
  z-index: 9999999;
}

.loadingBg .spinner {
  font-size: 0;
  margin: 100px auto 0;
  width: 1200px;
  height: 24px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.loadingBg .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loadingBg .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loadingBg .spinner > div {
  width: 24px;
  height: 24px;
  margin: 0 10px;
  background-color: #213875;
  border-radius: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes smovex {
  from {
    transform: translateX(0px);
    opacity: 0;
  }
  to {
    transform: translateX(10px);
    opacity: 1;
  }
}
@keyframes smovey {
  from {
    transform: translateY(10px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
video {
  background-color: #000;
  display: block;
}

.close:hover {
  transform: rotateZ(90deg);
  transition: transform 0.3s ease 0s;
}

.lastli {
  padding-right: 0;
}

.waiter {
  display: none;
  text-align: center;
  width: 100%;
  height: 48px;
  background: url(../../img/waiter.gif) center no-repeat;
}

.hdpd {
  height: 0;
}

.hide {
  display: none;
}

.layermask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 97;
}

.noshow {
  display: none;
}

.show {
  display: block;
}

header {
  background-color: transparent;
  width: 100%;
  min-width: 1280px;
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 99;
  /*box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);*/
}
header.on {
  top: 0;
  transition: all 0.5s ease 0s;
}
header.fixed {
  position: fixed;
  background-color: #213875;
  top: -80px;
  left: 0;
  opacity: 0;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
  filter: alpha(opacity=100);
  animation: sc 0.6s linear 0s normal forwards;
  -webkit-animation: sc 0.6s linear 0s normal forwards;
}
header.fixed .wrap {
  height: 59px;
}
header.fixed .wrap .logo {
  height: 59px;
  /*border-right:1px #ededed solid;*/
}
header.fixed .wrap .logo em {
  width: 40px;
  height: 40px;
  background:url(../img/logo.png) no-repeat center;
  background-size:100% 100%;
}
/*header.fixed .wrap nav ul li{
  border-right:1px #ededed solid;
}*/
header.fixed .wrap nav ul li .pcnavh {
  line-height: 60px;
  /*color: #333;*/
}
header.fixed .wrap nav ul li dl {
  top: 60px;
}
header.fixed .wrap .topright {
  padding-top: 10px;
  padding-bottom: 10px;
}

@keyframes sc {
  0% {
    top: -70px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
header .wrap {
  height: 79px;
  border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
}

footer {
  padding: 5% 5% 4%;
  background-color: #213875;
}
footer .fttop {
  padding-bottom: 30px;
}
footer .fttop .col {
  width: 15.6%;
}
footer .fttop .col.col06 {
  width: 22%;
}
footer .fttop .col dl dt {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}
footer .fttop .col dl dt a{
  color: #fff;
}
footer .fttop .col dl dd {
  font-size: 0;
}
footer .fttop .col dl dd a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.5s ease 0s;
}
footer .fttop .col dl dd a:hover {
  color: #fff;
}
footer .fttop .col dl dd p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
footer .fttop .col dl dd p span {
  line-height: 1.4;
  display: inline-block;
}
footer .fttop .col .ftceo {
  margin-bottom: 10px;
}
footer .fttop .col .ftrecruit {
  margin-bottom: 10px;
}
footer .ftbot {
  padding-top: 36px;
  border-top: 1px #384c83 solid;
}
footer .ftbot .copyright {
  font-size: 14px;
  margin-top: 60px;
}
footer .ftbot .copyright .sale {
  margin-left: 20px;
}
footer .ftbot .copyright span {
  display: inline-block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
footer .ftbot .copyright a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.5s ease 0s;
}
footer .ftbot .copyright a:hover {
  color: #fff;
}
footer .ftbot .ftlinks p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 51px;
}
footer .ftbot .ftlinks .choose {
  width: 343px;
  height: 51px;
  background: #384c83 url(../img/choosearr.jpg) no-repeat right center;
  background-size: 55px 51px;
  position: relative;
}
footer .ftbot .ftlinks .chooseh{
  padding-left:20px;
  color: #e4c4c0;
}
footer .ftbot .ftlinks .choose a {
  display: block;
  font-size: 14px;
  color: #e4c4c0;
  padding-left: 20px;
}
footer .ftbot .ftlinks .choose ul {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 51px;
  left: 0;
}
footer .ftbot .ftlinks .choose ul li {
  font-size: 0;
  line-height: 51px;
  background-color: #384c83;
  border-bottom: 1px #213875 solid;
}
footer .ftbot .ftlinks .choose ul li:hover {
  background-color: #213875;
}

.logo {
  width: 159px;
  height: 79px;
  display: block;
  position: relative;
  z-index: 100;
  text-align: center;
  border-right: 1px rgba(255, 255, 255, 0.25) solid;
}
.logo em {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  margin-top: 8px;
  background:url(../img/logo.png) no-repeat center;
  background-size:100% 100%;
}

.mune {
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 0;
}
.mune .navbtn {
  width: 16px;
  height: 14px;
  margin-top: 15px;
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.mune .navbtn .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 2px;
  background-color: #d1d1d1;
}
.mune .navbtn .line:nth-child(1) {
  top: 0;
  transition: all 0.5s;
}
.mune .navbtn .line:nth-child(2) {
  top: 5px;
  opacity: 1;
  transition: all 0.5s;
}
.mune .navbtn .line:nth-child(3) {
  top: 10px;
  transition: all 0.5s;
}

.topright {
  padding: 20px 0;
  padding-right: 32px;
}

.topnavbtn {
  display: none;
  float: right;
  cursor: pointer;
}
.topnavbtn .mune.cur .navbtn .line {
  width: 14px;
}
.topnavbtn .mune.cur .navbtn .line:nth-child(1) {
  transform-origin: left center;
  transform: rotateZ(45deg);
  transition: all 0.5s;
}
.topnavbtn .mune.cur .navbtn .line:nth-child(2) {
  opacity: 0;
  transition: all 0.5s;
}
.topnavbtn .mune.cur .navbtn .line:nth-child(3) {
  transform-origin: left center;
  transform: rotateZ(-45deg);
  transition: all 0.5s;
}

nav {
  float: left;
}
nav ul li {
  float: left;
  border-right: 1px rgba(255, 255, 255, 0.25) solid;
  position: relative;
}
nav ul li dl {
  display: none;
  width: 100%;
  position: absolute;
  top: 80px;
  margin-left: -50%;
  left: 50%;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
nav ul li dl dd {
  width: 100%;
}
nav ul li dl dd a {
  display: block;
  border-bottom: 1px #e0e0e0 solid;
  line-height: 47px;
  color: #999;
  font-size: 14px;
  position: relative;
  text-align: center;
}
nav ul li dl dd a:hover {
  color: #fff;
  background-color: #213875;
  border-color: transparent;
}
nav ul li a {
  font-size: 14px;
  color: #d1d1d1;
  transition: all 0.3s;
}
nav ul li .pcnavh {
  display: block;
  line-height: 80px;
  padding: 0 32px;
  position: relative;
}
nav ul li:last-child {
  background-image: none;
}
nav ul li:hover .pcnavh {
  color: #fff;
}
nav ul li.cur .pcnavh {
  color: #fff;
}

.lang {
  width: 138px;
  height: 38px;
  border-radius: 19px;
  border: 1px rgba(255, 255, 255, 0.25) solid;
  position: relative;
  background: url(../img/imap.png) no-repeat 16px center;
  background-size: 29px 15px;
  margin-left: 20px;
}
.lang p {
  text-align: right;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 38px;
  padding-right: 30px;
  color: #d1d1d1;
}
.lang p::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background: url(../img/langarr.png) no-repeat center;
  background-size: 8px 6px;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -5px;
}
.lang ul {
  display: none;
}
.lang ul li a {
  text-align: right;
  padding-right: 30px;
  display: block;
  font-size: 14px;
  line-height: 2;
  color: #d1d1d1;
}
.lang ul li a:hover {
  color: #fff;
}

.pcsearch {
  width: 138px;
  height: 38px;
  border-radius: 19px;
  border: 1px rgba(255, 255, 255, 0.25) solid;
  overflow: hidden;
}
.pcsearch .pcsearchbtn {
  cursor: pointer;
  width: 38px;
  height: 38px;
  border: none;
  background: url(../img/searchbtn.png) no-repeat center;
  background-color: transparent;
  background-size: 15px 15px;
  outline: none;
}
.pcsearch .pcsearchtx {
  border: none;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  width: 100px;
  box-sizing: border-box;
  color: #d1d1d1;
  padding-left: 16px;
  background: none;
  outline: none;
}

.msearch {
  display: none;
  position: relative;
}
.msearch .msearch-active {
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: url(../img/searchbtn.png) no-repeat center;
  background-size: 15px 15px;
}

.m-sub-menu {
  display: none;
  position: fixed;
  right: -100%;
  width: 60%;
  top: 60px;
  z-index: 100;
  height: 100%;
  background-color: #fff;
  transition: all 0.74s ease 0s;
  z-index: 10;
  box-shadow: 0 0 8px #ccc;
}
.m-sub-menu .top-box {
  height: 70px;
  line-height: 70px;
  padding: 0 8%;
  background: url(../img/navline.png) repeat-x center bottom;
  background-size: 1px 1px;
}
.m-sub-menu .top-box .stt {
  display: inline-block;
  font-size: 18px;
  color: #999;
  width: 80%;
}
.m-sub-menu .top-box .close {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../img/ico_37.png) no-repeat center;
  margin-top: 27px;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}

.navlist ul li {
  background: url(../img/navline.png) repeat-x center bottom;
  background-size: 1px 1px;
  line-height: 40px;
}
.navlist ul li a {
  display: block;
  padding: 0 5%;
  font-size: 14px;
  color: #333;
}
.navlist ul li .navh {
  display: block;
  position: relative;
}
.navlist ul li .navh::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../img/navarr.png) no-repeat center;
  background-size: 18px 10px;
  position: absolute;
  right: 7.5%;
  top: 50%;
  margin-top: -11px;
  transform: rotateZ(90deg);
  transition: all 0.5s ease 0s;
}
.navlist ul li .navh.open::before {
  transform: rotateZ(180deg);
  transition: all 0.5s ease 0s;
}
.navlist ul li dl {
  display: none;
  background-color: #eee;
}
.navlist ul li dl dd {
  background: none;
}

.body-wrap {
  position: relative;
  top: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
}

.body-wrap.on {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0;
  transition: all 0.5s ease 0s;
}

.m-sub-menu.left {
  right: 0;
  transition: all 0.84s ease 0s;
}

.sybd {
  position: relative;
  z-index: 4;
}
.sybd .item {
  width: 100%;
  position: relative;
}
.sybd .item img {
  width: 100%;
}
.sybd .item .bdtx {
  height: 270px;
  position: absolute;
  left: 12%;
  top: 50%;
  margin-top: -135px;
  font-size: 0;
}
.sybd .item .bdtx h2 {
  font-size: 48px;
  color: #fff;
  line-height: 1.2;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
  font-family: "Century Gothic","Microsoft yahei","黑体";
  text-shadow:0 0 6px rgba(0,0,0,0.25);
}
.sybd .item .bdtx .bdline {
  width: 60px;
  height: 4px;
  background-color: #fff;
  margin: 40px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
}
.sybd .item .bdtx h3 {
  font-size: 36px;
  color: #fff;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
}
.sybd .item .bdtx em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 50px;
  height: 50px;
  border: 1px rgba(255, 255, 255, 0.5) solid;
  border-radius: 50%;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
}
.sybd .item .bdtx em i {
  display: block;
  width: 11px;
  height: 18px;
  background: url(../img/nybdarr.png) no-repeat center;
  background-size: 11px 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 16px;
  margin-left: -5px;
  animation: ud 1.5s ease-out infinite;
  -webkit-animation: ud 1.5s ease-out infinite;
}
.sybd .owl-item.active .bdtx h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.4s;
}
.sybd .owl-item.active .bdtx .bdline {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.5s;
}
.sybd .owl-item.active .bdtx h3 {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.5s;
}
.sybd .owl-item.active .bdtx em {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.6s;
}
.sybd .owl-controls {
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -42px;
}
.sybd .owl-controls .owl-page {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  border: 2px #fff solid;
  margin: 8px 0;
}
.sybd .owl-controls .owl-page.active {
  background-color: #fff;
}
.sybd .hds {
  margin: 0 5%;
  position: absolute;
  bottom: 5%;
  background-color: #fff;
}
.sybd .hds .hditem {
  width: 33.333%;
  padding: 20px;
  border-right: 1px #d8e1ec solid;
  box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
}
.sybd .hds .hditem:last-child {
  border-color: transparent;
}
.sybd .hds .hditem.active {
  border-color: #d8e1ec;
}
.sybd .hds .hditem em {
  display: block;
  float: left;
  width: 32%;
  font-size: 0;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.sybd .hds .hditem em::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
}
.sybd .hds .hditem em img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
  height:73px;
}
.sybd .hds .hditem .hddesc {
  width: 60%;
  float: left;
}
.sybd .hds .hditem .hddesc .hdnum {
  color: #213875;
  font-size: 18px;
  font-weight: bolder;
  line-height: 1.4;
}
.sybd .hds .hditem .hddesc .hdtx {
  color: #213875;
  font-size: 16px;
  line-height: 1.4;
  height: 48px;
  margin-top:10px;
}
.sybd .hds .hditem:hover em::after {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.sybd .hds .hditem:hover em img {
  transform: scale(1.05);
  transition: all 0.5s ease 0s;
}

@keyframes ud {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes ud {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.syabout {
  background-color: #eff1f2;
  padding: 4% 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.syabout .tit {
  padding: 0 12%;
  text-align: center;
}
.syabout .tit h2 {
  /*font-size: 36px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 10px;*/
  font-size: 48px;
  color: #213875;
  font-weight: bolder;
  font-family: "Century Gothic","Microsoft yahei","黑体";
}
.syabout .tit .desc {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

.side {
  width: 76px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 8px #ccc;
  z-index: 5;
}
.side ul {
  width: 18px;
  padding: 0 29px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -216px;
}
.side ul li {
  height: 64px;
  margin-bottom: 80px;
  position: relative;
}
.side ul li::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #b5b5b5;
  position: absolute;
  left: 32%;
  bottom: -45px;
}
.side ul li:last-child::after {
  display: none;
}
.side ul li a {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  transition: all 0.5s ease 0s;
}
.side ul li:hover a, .side ul li.cur a {
  color: #213875;
}

.learnmorebtn {
  display: block;
  width: 260px;
  height: 70px;
  background-color: #1a2d65;
  position: absolute;
  bottom: -40px;
  right: 200px;
  font-size: 0;
}
.learnmorebtn span {
  font-size: 18px;
  color: #fff;
  line-height: 70px;
  margin-left: 40px;
  font-family: 'TT0140M','microsoft yahei';
}
.learnmorebtn i {
  display: block;
  width: 32px;
  height: 9px;
  background: url(../img/harr.png) no-repeat center;
  background-size: 32px 9px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 60px;
  transition: all 0.5s ease 0s;
}
.learnmorebtn:hover i {
  right: 80px;
  transition: all 0.5s ease 0s;
}

.syaboutli {
  margin: 0 0 6%;
  position: relative;
  height: 445px;
}
.syaboutli .content {
  width: 80%;
  position: absolute;
  left: 50%;
  margin-left: -40%;
  display: none;
}
.syaboutli .content .tx {
  width: 50%;
  padding: 3% 5%;
  box-sizing: border-box;
}
.syaboutli .content .tx .txh {
  font-size: 72px;
  color: #213875;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  line-height: 1;
  transition: all 0.5s ease 0s;
}
.syaboutli .content .tx h2 {
  font-size: 36px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 10px;
  /*font-size: 48px;
  color: #213875;
  font-weight: bolder;*/
  letter-spacing: -0.02em;
  transition: all 0.5s ease 0s;
  /*font-family: "Century Gothic","Microsoft yahei","黑体";*/
  font-weight: bolder;
}
.syaboutli .content .tx i {
  display: block;
  width: 60px;
  height: 2px;
  background-color: #213875;
  margin-bottom: 40px;
}
.syaboutli .content .tx h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  font-weight: bolder;
  letter-spacing: -0.02em;
  line-height: 1.4;
  transition: all 0.5s ease 0s;
}
.syaboutli .content .tx .txp {
  font-size: 14px;
  color: #666;
  height: 196px;
  overflow: hidden;
  transition: all 0.5s ease 0s;
}
.syaboutli .content .pic {
  width: 40%;
  margin-top:3%;
  margin-right:10%;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease 0s;
}
.syaboutli .content .pic img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.syaboutli .content .pic:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
}
.syaboutli .content .pic:hover img {
  transform: scale(1.05);
  transition: all 0.5s ease 0s;
}
.syaboutli .content.active {
  display: block;
}
.syaboutli .content.active .tx .txh {
  animation: slideIn 0.5s forwards ease-out;
  -webkit-animation: slideIn 0.5s forwards ease-out;
}
.syaboutli .content.active .tx h2 {
  animation: slideIn 0.5s forwards ease-out;
  -webkit-animation: slideIn 0.5s forwards ease-out;
}
.syaboutli .content.active .tx i {
  animation: slideIn 0.6s forwards ease-out;
  -webkit-animation: slideIn 0.6s forwards ease-out;
}
.syaboutli .content.active .tx h3 {
  animation: slideIn 0.7s forwards ease-out;
  -webkit-animation: slideIn 0.7s forwards ease-out;
}
.syaboutli .content.active .tx .txp {
  animation: slideIn 0.8s forwards ease-out;
  -webkit-animation: slideIn 0.8s forwards ease-out;
}
.syaboutli .content.active .pic {
  animation: slideIn 0.8s forwards ease;
  -webkit-animation: slideIn 0.8s forwards ease;
}
.syaboutli .content.active .learnmorebtn {
  animation: slideIn 0.8s forwards ease;
  -webkit-animation: slideIn 0.8s forwards ease;
}
.syaboutli .contctrl {
  position: absolute;
  bottom: 0;
  left: 14%;
  z-index: 6;
}
.syaboutli .contctrl .contbtn {
  float: left;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
}
.syaboutli .contctrl .contbtn.contprev {
  margin-right: 8px;
  background: url(../img/contarr.png) no-repeat left top;
  background-size: 86px 86px;
  transition: all 0.5s ease 0s;
}
.syaboutli .contctrl .contbtn.contprev:hover {
  background: url(../img/contarr.png) no-repeat left bottom;
  background-size: 86px 86px;
}
.syaboutli .contctrl .contbtn.contnext {
  background: url(../img/contarr.png) no-repeat right top;
  background-size: 86px 86px;
  transition: all 0.5s ease 0s;
}
.syaboutli .contctrl .contbtn.contnext:hover {
  background: url(../img/contarr.png) no-repeat right bottom;
  background-size: 86px 86px;
}

@keyframes slideIn {
  0% {
    transform: translateX(320px);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes slideIn {
  0% {
    transform: translateX(320px);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.syslide {
  width: 100%;
  position: relative;
}
.syslide .slider {
  width: 100%;
  overflow: hidden;
}
.syslide .slider ul li {
  float: left;
  width: 25%;
  position: relative;
}
.syslide .slider ul li > img {
  width: 100%;
}
.syslide .slider ul li .layer {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  position: absolute;
  bottom: 0;
  left: 0;
}
.syslide .slider ul li .itemtx {
  width: 300px;
  height:78px;
  box-sizing: border-box;
  position: absolute;
  bottom: 45%;
  left: 25%;
  margin-top:-39px;
  /*padding: 0 40px 68px;*/
}
.syslide .slider ul li .itemtx i{
  display: block;
  width: 125px;
  height: 100px;
  background:url(../img/syk.png) no-repeat center;
  background-size:100% 100%;
  position: absolute;
  top:-14px;
  left:-36px;
}
.syslide .slider ul li em{
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom:28px;
  right:13px;
}
.syslide .slider ul li em img{
  display: block;
  width: 60px;
  height: 60px;
}
.syslide .slider ul li .itemtx h2 {
  font-size: 18px;
  color: #fff;
  line-height: 1;
  font-family: 'Arial';
  margin-bottom: 18px;
  /*letter-spacing: 0.2em;*/
  /*transform: translateY(40px);*/
  /*opacity: 0;
  filter: alpha(opacity=0);*/
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li .itemtx h3 {
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
  /*transform: translateY(60px);*/
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li .itemtx .itemdesc {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  transform: translateY(80px);
  transition: all 0.5s ease 0s;
  height: 60px;
  overflow: hidden;
}
.syslide .slider ul li .itemtx .itemlink {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 168px;
  height: 38px;
  border: 1px rgba(255, 255, 255, 0.25) solid;
  font-size: 0;
  position: relative;
  transform: translateY(100px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li .itemtx .itemlink span {
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  font-family: 'TT0140M';
  line-height: 38px;
  margin-left: 20px;
}
.syslide .slider ul li .itemtx .itemlink i {
  width: 32px;
  height: 9px;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
  background: url(../img/harr.png) no-repeat center;
  background-size: 32px 9px;
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li .itemtx .itemlink::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #213875;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s ease 0s;
  z-index: -1;
}
.syslide .slider ul li{
  overflow: hidden;
}
.syslide .slider ul li a>img{
  width: 100%;
  transform:scale(1);
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li:hover a>img{
  transform:scale(1.02);
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li .itemtx .itemlink:hover {
  border-color: #213875;
}
.syslide .slider ul li .itemtx .itemlink:hover::after {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li .itemtx .itemlink:hover i {
  right: 30px;
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li:hover .layer {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li:hover .itemtx h2 {
  transform: translateY(0px);
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li:hover .itemtx h3 {
  transform: translateY(0px);
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li:hover .itemtx .itemdesc {
  transform: translateY(0px);
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.syslide .slider ul li:hover .itemtx .itemlink {
  transform: translateY(0px);
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.syslide .appbtn {
  display: block;
  height: 100%;
  width: 56px;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.5s ease 0s;
}
.syslide .appbtn:hover {
  background-color: #1a2d65;
}
.syslide .appbtn b {
  display: block;
  width: 12px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -6px;
  background: url(../img/slidearr.png) no-repeat center;
  background-size: cover;
}
.syslide .appbtn.slbtn {
  left: 0;
}
.syslide .appbtn.srbtn {
  right: 0;
}
.syslide .appbtn.srbtn b {
  transform: rotateZ(180deg);
}

.symap {
  background: url(../img/mapbg.jpg) no-repeat center;
  background-size: cover;
}
.symap .wrap {
  padding: 5% 6% 4%;
}
.symap .wrap .mapimg {
  width: 50%;
  padding-left:5%;
}
.symap .wrap .mapimg img {
  width: 100%;
}
.symap .wrap .maptx {
  width: 35%;
  padding-left: 10%;
  max-width: 560px;
}
.symap .wrap .maptx .txh {
  font-size: 72px;
  color: #213875;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  line-height: 1;
}
.symap .wrap .maptx h2 {
  font-size: 48px;
  color: #213875;
  font-weight: bolder;
  letter-spacing: -0.02em;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.symap .wrap .maptx h3 {
  font-size: 24px;
  color: #333;
  font-weight: bolder;
  letter-spacing: -0.02em;
  line-height: 1.4;
  margin-bottom: 10px;
}
.symap .wrap .maptx .txp {
  font-size: 14px;
  color: #666;
  height: 56px;
  overflow: hidden;
}
.symap .wrap .maptx .learnmorebtn {
  width: 212px;
  height: 58px;
  position: relative;
  bottom: 0;
  right: 0;
  margin-top: 36px;
}
.symap .wrap .maptx .learnmorebtn span {
  line-height: 58px;
  margin-left: 28px;
}
.symap .wrap .maptx .learnmorebtn i {
  right: 28px;
  transition: all 0.5s ease 0s;
}
.symap .wrap .maptx .learnmorebtn:hover i {
  right: 36px;
}

.syrelate {
  position: relative;
  overflow: hidden;
}
.syrelate img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.syrelate .wrap {
  padding: 5% 12%;
  position: relative;
  z-index: 2;
}

.relationtit {
  text-align: center;
}
.relationtit h2 {
  font-size: 72px;
  color: #fff;
  line-height: 1.2;
  font-family: 'GOTHICB';
}
.relationtit h3 {
  font-size: 48px;
  color: #fff;
  line-height: 1.2;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.relationtit i {
  display: block;
  width: 60px;
  height: 4px;
  background-color: #fff;
  margin: 32px auto;
}
.relationtit .txp {
  font-size: 14px;
  color: #fff;
  line-height: 1.4;
}

.relationli {
  padding-top: 6%;
}
.relationli ul li {
  float: left;
  width: 25%;
  padding: 0 5%;
  box-sizing: border-box;
  border-right: 1px rgba(255, 255, 255, 0.5) solid;
}
.relationli ul li:last-child {
  border-right: none;
}
.relationli ul li .num {
  font-size: 80px;
  font-family: "Trump";
  color: #fff;
  line-height: 1;
  margin-bottom: 30px;
}
.relationli ul li p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
  height: 64px;
}
.relationli ul li i {
  margin-top: 20px;
  display: block;
  width: 30px;
  height: 2px;
  background-color: #dd120d;
}

.synews {
  overflow: hidden;
  background-color: #eff1f2;
  padding: 3% 12%;
}
.synews .synewstit h2 {
  /*font-size: 36px;
  color: #333;
  line-height: 1.4;*/
  font-size: 48px;
  color: #213875;
  font-weight: bolder;
  letter-spacing: -0.02em;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.synews .synewstit a.seemorebtn {
  font-size: 14px;
  color: #333;
  /*line-height: 3;*/
  padding-right: 24px;
  position: relative;
  transition: all 0.5s ease 0s;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top:35px;
}
.synews .synewstit a.seemorebtn i {
  display: block;
  position: absolute;
  margin-top: -4px;
  top: 50%;
  right: 0;
  width: 8px;
  height: 10px;
  background: url(../img/seemorebtnarr.png) no-repeat center;
  background-size: 8px 10px;
  transition: all 0.5s ease 0s;
}
.synews .synewstit a.seemorebtn:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.synews .synewstit a.seemorebtn:hover i {
  right: 10px;
}

.synewsli {
  margin: 32px 0 0;
  width: 100%;
  box-sizing: border-box;
}
.synewsli ul {
  margin-left: 0;
}
.synewsli ul li {
  float: left;
  margin-right: 38px;
  width: 260px;
}
.synewsli ul li em {
  display: block;
  width: 260px;
  height: 174px;
  overflow: hidden;
  position: relative;
}
.synewsli ul li em::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
  z-index: 2;
}
.synewsli ul li em img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.synewsli ul li em .mark {
  font-size: 14px;
  color: #fff;
  width: 125px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  font-style: normal;
  z-index: 3;
}
.synewsli ul li em .mark.mark01 {
  background: url(../img/mark01.png) no-repeat left top;
  background-size: 125px 40px;
}
.synewsli ul li em .mark.mark02 {
  background: url(../img/mark02.png) no-repeat left top;
  background-size: 125px 40px;
}
.synewsli ul li .synewstx {
  background-color: #fff;
  padding: 16px 14px 30px;
}
.synewsli ul li .synewstx h2 {
  font-size: 16px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 16px;
  transition: all 0.5s ease 0s;
  width: 100%;
  height: 66px;
  overflow: hidden;
}
.synewsli ul li .synewstx .txdesc {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  height: 60px;
}
.synewsli ul li .synewstx .date {
  font-size: 14px;
  color: #999;
  line-height: 1;
  margin-top: 30px;
}
.synewsli ul li:hover em::after {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.synewsli ul li:hover em img {
  transform: scale(1.05);
  transition: all 0.5s ease 0s;
}
.synewsli ul li:hover .synewstx h2 {
  color: #213875;
}
.synewsli .slidectrl {
  padding-top: 30px;
}
.synewsli .slidectrl a {
  display: block;
  width: 51px;
  height: 51px;
  border-radius: 50%;
}
.synewsli .slidectrl a.slideprev {
  background: url(../img/arrl.png) no-repeat center;
  background-size: 51px 51px;
  transition: all 0.5s ease 0s;
}
.synewsli .slidectrl a.slideprev:hover {
  background: url(../img/arrl02.png) no-repeat center;
  background-size: 51px 51px;
}
.synewsli .slidectrl a.slidenext {
  background: url(../img/arrr.png) no-repeat center;
  background-size: 51px 51px;
  transition: all 0.5s ease 0s;
}
.synewsli .slidectrl a.slidenext:hover {
  background: url(../img/arrr02.png) no-repeat center;
  background-size: 51px 51px;
}

.nybd {
  position: relative;
  overflow: hidden;
}
.nybd > img {
  width: 100%;
  position: relative;
}
.nybd .bdtx {
  height: 270px;
  position: absolute;
  left: 12%;
  top: 50%;
  margin-top: -72px;
  font-size: 0;
}
.nybd .bdtx h2 {
  font-size: 60px;
  color: #fff;
  line-height: 1.2;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  /*font-weight: bolder;*/
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
  margin-bottom: 20px;
  text-shadow:0 0 6px rgba(0,0,0,0.25);
}
.nybd .bdtx i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #fff;
  width: 60px;
  height: 4px;
  margin: 0 0 26px;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
  box-shadow:0 0 6px rgba(0,0,0,0.25);
}
.nybd .bdtx h3 {
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
  text-shadow:0 0 6px rgba(0,0,0,0.25);
}
.nybd .bdtx em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 50px;
  height: 50px;
  border: 1px rgba(255, 255, 255, 0.5) solid;
  border-radius: 50%;
  margin-top: 40px;
  position: relative;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
}
.nybd .bdtx em i {
  display: block;
  width: 11px;
  height: 18px;
  background: url(../img/nybdarr.png) no-repeat center;
  background-size: 11px 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 16px;
  margin-left: -5px;
  animation: ud 1.5s ease-out infinite;
  -webkit-animation: ud 1.5s ease-out infinite;
}
.nybd.active .bdtx h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.4s;
}
.nybd.active .bdtx i {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.4s;
}
.nybd.active .bdtx h3 {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.5s;
}
.nybd.active .bdtx em {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.6s;
}

.nywrap {
  /* padding: 5% 0; */
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
}
.nywrap .mdesc {
  padding-bottom: 40px;
  border-bottom: 1px #dfdfdf solid;
}
.nywrap .mdesc .mname {
  width: 36%;
  box-sizing: border-box;
  padding-right: 3%;
}
.nywrap .mdesc .mname h2 {
  font-size: 48px;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  line-height: 1.4;
  margin-bottom: 10px;
}
.nywrap .mdesc .mname h3 {
  font-size: 24px;
  color: #333;
  line-height: 1.4;
}
.nywrap .mdesc .mintro {
  width: 64%;
  padding-left: 4%;
  box-sizing: border-box;
  border-left: 1px #dfdfdf solid;
}
.nywrap .mdesc .mintro h2 {
  font-size: 24px;
  color: #333;
  padding-bottom: 20px;
  line-height: 1.2;
  border-left: 1px #dfdfdf solid;
  padding-left: 30px;
  margin-left: -31px;
}
.nywrap .mdesc .mintro .txp {
  font-size: 14px;
  color: #666;
}

.introlist {
  padding-top: 3%;
}
.introlist ul {
  margin-left: -13px;
  margin-right: -13px;
  font-size: 0;
}
.introlist ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 25%;
  margin-bottom: 24px;
  box-sizing: border-box;
  padding: 0 13px;
}
.introlist ul li a {
  display: block;
}
.introlist ul li em {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.introlist ul li em::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
}
.introlist ul li em img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease 0s;
}
.introlist ul li .tx {
  text-align: left;
  padding: 5%;
  background-color: #f3f3f3;
  transition: all 0.5s ease 0s;
  font-size: 0;
}
.introlist ul li .tx h2 {
  font-size: 22px;
  color: #333;
  line-height: 1.2;
  margin-bottom: 16px;
  transition: all 0.5s ease 0s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.introlist ul li .tx .txp {
  font-size: 14px;
  color: #666;
  height: 80px;
  line-height: 1.4;
  overflow: hidden;
  transition: all 0.5s ease 0s;
}
.introlist ul li .tx .vinfobtn {
  display: inline-block;
  *zoom: 1;
  color: #666;
  font-size: 13px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.introlist ul li .tx .vinfobtn i {
  display: block;
  width: 24px;
  height: 9px;
  background: url(../images/mlistarr.png) no-repeat center;
  background-size: 24px 9px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 100px;
  transition: all 0.5s ease 0s;
}
.introlist ul li:hover a {
  transition: all 0.5s ease 0s;
  box-shadow: 0 0 10px #666;
}
.introlist ul li:hover em::after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.introlist ul li:hover em img {
  transform: scale(1.04);
}
.introlist ul li:hover .tx {
  background-color: #182a6e;
}
.introlist ul li:hover .tx h2 {
  color: #fff;
}
.introlist ul li:hover .tx .txp {
  color: rgba(255, 255, 255, 0.7);
}
.introlist ul li:hover .tx .vinfobtn {
  color: rgba(255, 255, 255, 0.7);
}
.introlist ul li:hover .tx .vinfobtn i {
  background: url(../images/mlistarr02.png) no-repeat center;
  background-size: 24px 9px;
  left: 80px;
}

.page {
  padding-top: 3%;
  font-size: 0;
  text-align: center;
}

.newsbd .bdtx {
  width: 76%;
  height: 380px;
  margin-left: -38%;
  margin-top: -190px;
  left: 50%;
  text-align: center;
}
.newsbd .bdtx h2 {
  font-size: 48px;
}
.newsbd .bdtx .en{
  font-size: 40px;
  font-family: 'GOTHICB';
  font-weight: bolder;
  color: #fff;
  text-shadow:0 0 6px rgba(0,0,0,0.4);
  line-height: 1;
  margin-bottom: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
  transition: all 0.5s ease 0s;
}
.newsbd .bdtx h3 {
  font-size: 72px;
}
.newsbd .bdtx .newsbtn {
  margin-top: 40px;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(40px);
  transition: all 0.5s ease 0s;
}
.newsbd .bdtx .newsbtn a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 168px;
  height: 50px;
  margin: 0 10px;
  border-radius: 25px;
  font-size: 20px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  background: url(../img/btnbg.png) repeat center;
  transition: background 0.5 ease 0s;
}
.newsbd .bdtx .newsbtn a:hover, .newsbd .bdtx .newsbtn a.cur {
  background: #204c95;
}
.newsbd.active .newsbtn {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.6s;
}
.chairmanbd .bdtx{
  left:12%;
  margin-left:0;
  text-align: left;
  top:42%;
}
.newsbd.active .bdtx .en{
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0.6s;
}
.newsbd .mscroll {
  width: 20px;
  margin-left: -10px;
  position: absolute;
  left: 50%;
  bottom: -70px;
  cursor: pointer;
}
.newsbd .mscroll .mos {
  width: 20px;
  height: 30px;
  background: url(../img/mouse.png) no-repeat center;
  background-size: 20px 30px;
  animation: bos 2s infinite linear;
}
.newsbd .mscroll .isc {
  width: 11px;
  height: 163px;
  margin: 20px auto 0;
  background: url(../img/scroll.png) no-repeat center bottom;
  background-size: 11px 163px;
  animation: ch 2s infinite linear;
}

@-webkit-keyframes bos {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes ch {
  0% {
    height: 163px;
  }
  50% {
    height: 123px;
  }
  100% {
    height: 163px;
  }
}
.newsleft {
  width: 50.169%;
  margin-right: 2.7555%;
}
.newsleft ul {
  font-size: 0;
}
.newsleft ul li {
  padding: 13px 0;
  border-top: 1px #cacaca solid;
}
.newsleft ul li em {
  display: block;
  width: 100%;
  margin-bottom: 18px;
  transition: all 0.5s ease 0s;
  overflow: hidden;
  position: relative;
}
.newsleft ul li em::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
}
.newsleft ul li em img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.newsleft ul li h2 {
  font-size: 18px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 6px;
}
.newsleft ul li .libot {
  margin-bottom: 10px;
}
.newsleft ul li .libot .date {
  font-size: 14px;
  color: #c1c1c1;
}
.newsleft ul li .libot .vmorebtn {
  padding-right: 100px;
  display: inline-block;
  *zoom: 1;
  color: #666;
  font-size: 13px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.newsleft ul li .libot .vmorebtn i {
  display: block;
  width: 24px;
  height: 9px;
  background: url(../img/mlistarr.png) no-repeat center;
  background-size: 24px 9px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 100px;
  transition: all 0.5s ease 0s;
}
.newsleft ul li:hover em::after {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.newsleft ul li:hover em img {
  transform: scale(1.04);
  transition: all 0.5s ease 0s;
}
.newsleft ul li:hover h2 {
  color: #213875;
  transition: all 0.5s ease 0s;
}
.newsleft ul li:hover .libot .vmorebtn {
  color: #213875;
  transition: all 0.5s ease 0s;
}
.newsleft ul li:hover .libot .vmorebtn i {
  left: 80px;
  transition: all 0.5s ease 0s;
}

.newscenter {
  width: 22.16%;
}
.newscenter ul li h2 {
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  margin-left: 0;
}
.newscenter ul li .libot .vmorebtn {
  padding-right: 60px;
}
.newscenter ul li .libot .vmorebtn i {
  left: 100px;
}

.newsright {
  width: 22.16%;
}
.newsright ul li {
  padding-bottom: 20px;
}
.newsright ul li em {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
}
.newsright ul li em b {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../img/vbtn.png) no-repeat center;
  background-size: 100% 100%;
  margin-top: -30px;
  margin-left: -30px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.newsright ul li em::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
  z-index: 2;
}
.newsright ul li em img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.newsright ul li h2 {
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  transition: all 0.5s ease 0s;
}
.newsright ul li:hover em::after {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.newsright ul li:hover em img {
  transform: scale(1.04);
  transition: all 0.5s ease 0s;
}
.newsright ul li:hover h2 {
  color: #213875;
}

.righttit {
  font-size: 24px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 16px;
}

.righttx {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  padding-bottom: 60px;
}
.righttx p {
  padding: 18px 0;
  border-bottom: 1px #efefef solid;
}

.rightdesc {
  border-top: 1px #cacaca solid;
  padding-top: 13px;
}

#video {
  position: fixed;
  background-color: #000000;
  height: 500px;
  width: 1000px;
  left: 50%;
  top: 120px;
  margin-left: -500px;
  display: none;
  z-index: 101;
}

#close-video {
  position: relative;
  width: 37px;
  height: auto;
  float: right;
  margin-top: -50px;
  margin-right: -50px;
  cursor: pointer;
  z-index: 101;
  transition: all 0.5s ease 0s;
}
#close-video:hover {
  transform: rotateZ(90deg);
}

#videobox {
  width: 1000px;
  height: 500px;
  background-color: #000;
}

.vlayer {
  display: block;
  z-index: 100;
  top: 0px;
  left: 0px;
  position: fixed;
  height: 100%;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #fff;
}

.forie {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/tishi.png) center no-repeat;
  z-index: 1000;
}

/*==========新闻详细页==========*/
.infobd .bdtx {
  text-align: center;
  width: 76%;
  margin-left: -38%;
  left: 50%;
  height: 120px;
  margin-top: 0px;
}
.infobd .bdtx h2 {
  font-size: 60px;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.infobd .bdtx h3 {
  font-size: 48px;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.infobd .bdtx i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 60px;
  height: 4px;
  background-color: #fff;
  margin-top: 26px;
}

.infowrap {
  max-width: 1200px;
}

.infotit {
  padding-bottom: 30px;
  border-bottom: 1px #e8e8e8 solid;
}
.infotit .tit {
  width: 85%;
  font-size: 0;
}
.infotit .tit h2 {
  font-size: 24px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 10px;
}
.infotit .tit p {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}
.infotit .share {
  width: 15%;
}
.infotit .share .bdsharebuttonbox {
  padding: 5px 0;
  font-size: 0;
}
.infotit .share .bdsharebuttonbox a {
  display: inline-block;
  *zoom: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  margin-left: 20px;
  padding: 0;
}
.infotit .share .bdsharebuttonbox a.bds_weixin {
  background: url(../img/wx.png) center no-repeat;
  background-size: 100%;
}
.infotit .share .bdsharebuttonbox a.bds_tsina {
  background: url(../img/xl.png) center no-repeat;
  background-size: 100%;
}

.infotx {
  padding: 26px 0;
}
.infotx article {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}
.infotx article img {
  max-width: 100%;
  margin: 32px 0;
}

.infoctrl {
  border-top: 1px #e8e8e8 solid;
  padding-top: 40px;
}
.infoctrl .pgctrl {
  width: 85%;
  font-size: 18px;
  color: #333;
}
.infoctrl .pgctrl p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
}
.infoctrl .pgctrl a {
  color: #333;
  transition: all 0.5s ease 0s;
}
.infoctrl .pgctrl a:hover {
  color: #213875;
}
.infoctrl .bklist {
  width: 15%;
  text-align: center;
  font-size: 0;
}
.infoctrl .bklist a {
  display: inline-block;
  *zoom: 1;
  width: 168px;
  height: 48px;
  border-radius: 24px;
  background-color: #204c95;
  color: #fff;
  line-height: 48px;
  font-size: 14px;
  transition: all 0.5s ease 0s;
}
.infoctrl .bklist a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/*==============联系我们============*/
.contact {
  width: 100%;
  background: url(../img/mask.png) repeat;
  padding: 5% 0;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}
.contact .wrap {
  width: 76%;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 0;
}

.pi {
  width: 55%;
  box-sizing: border-box;
}
.pi p {
  float: left;
  width: 50%;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  padding-left: 50px;
  position: relative;
  padding-top: 10px;
  margin-bottom: 36px;
}
.pi p i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 37px;
  height: 37px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 1px #fff solid;
  background-color: transparent;
  transition: all 0.5s ease 0s;
}
.pi p:hover i {
  border-color: #213875;
  background-color: #213875;
}

.ckefu i {
  background: url(../img/ic01.png) no-repeat center;
  background-size: 37px 37px;
}

.caddr i {
  background: url(../img/ic02.png) no-repeat center;
  background-size: 37px 37px;
}

.ctel i {
  background: url(../img/ic03.png) no-repeat center;
  background-size: 37px 37px;
}

.cmail i {
  background: url(../img/ic04.png) no-repeat center;
  background-size: 37px 37px;
}

.ewm {
  margin-left: 5%;
  width: 40%;
  box-sizing: border-box;
}

.ewmbox {
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5%;
}
.ewmbox img {
  width: 115px;
  height: 115px;
  margin-bottom: 5px;
}
.ewmbox p {
  font-size: 14px;
  color: #fff;
}

.feedbackbtn {
  margin-top: 28px;
}
.feedbackbtn a {
  display: block;
  width: 218px;
  height: 68px;
  box-sizing: border-box;
  border-radius: 34px;
  border: 1px rgba(255, 255, 255, 0.5) solid;
  line-height: 68px;
  font-size: 20px;
  color: #fff;
  padding-left: 50px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.feedbackbtn a i {
  width: 24px;
  height: 9px;
  display: inline-block;
  *zoom: 1;
  background: url(../img/mlistarr02.png) no-repeat center;
  background-size: 24px 9px;
  position: absolute;
  right: 34px;
  top: 50%;
  margin-top: -4px;
  transition: all 0.5s ease 0s;
}
.feedbackbtn a:hover {
  border-color: #fff !important;
  background-color: #213875 !important;
}
.feedbackbtn a:hover i {
  right: 50px;
}

/*===========留言版===========*/
.clearslw {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 0px;
  left: 0px;
  z-index: 12;
  display: none;
}

.forms {
  position: fixed;
  left: 50%;
  width: 791px;
  height: 590px;
  margin-top: -295px;
  top: 50%;
  margin-left: -395px;
  left: 50%;
  background: #fff;
  z-index: 100;
  display: none;
  font-size: 0;
}

#tj-form {
  width: 704px;
  height: 498px;
  margin: 49px 0px 0px 44px;
}

.tit-ly {
  font-size: 24px;
  color: #333333;
  line-height: 24px;
  padding-bottom: 31px;
  border-bottom: 1px solid #dedede;
}

.inputs, .inputs-t {
  width: 310px;
  height: 43px;
  border: 1px solid #c3c3c3;
  margin-right: 80px;
  float: left;
  margin-top: 34px;
}

.inputs-t {
  margin-right: 0px;
}

.put label {
  float: left;
  font-size: 12px;
  color: #333333;
  line-height: 43px;
  width: 46px;
  text-align: center;
}

.put input {
  padding: 0;
  border: 0px none;
  width: 200px;
  height: 43px;
  line-height: 43px;
  outline: none;
  font-size: 12px;
  color: #333;
  font-family: "黑体","Arial";
}

.put span {
  color: #bab9b9;
  letter-spacing: 1px;
  font-size: 12px;
}

.textlst {
  width: 621px;
  height: 162px;
  border: 1px solid #c3c3c3;
  padding: 10px 70px 10px 10px;
  font-size: 14px;
  outline: none;
  margin-top:34px;
}
.yytx{
  float: left;
  position: relative;
  margin-top: 36px;
}
.yytx span{
  color: #bab9b9;
  letter-spacing: 1px;
  font-size: 12px;
  position: absolute;
  top:12px;
  right:30px;
}
.submit-tj {
  width: 149px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: 0px none;
  background-color: #213875;
  outline: none;
  margin-left: 8px;
}

.secure {
  margin-top: 29px;
  float: left;
  width: 100%;
}
.secure label {
  font-size: 12px;
  color: #333;
  margin-right: 8px;
  line-height: 40px;
}
.secure .code {
  font-size: 12px;
  color: #333;
  width: 90px;
  margin-right: 8px;
  height: 36px;
  padding: 0 10px;
  line-height: 18px;
  color: #666;
  background: #fff;
  font-size: 12px;
  outline: none;
  vertical-align: top;
}
.secure .captchas {
  vertical-align: top;
}

.tj-close {
  position: absolute;
  top: 0px;
  right: -60px;
  width: 60px;
  height: 60px;
  background-color: #242424;
}
.tj-close i {
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px auto;
  background: url("../img/close.png") no-repeat center;
  background-size: 40px 40px;
  transition: all 0.5s ease 0s;
}
.tj-close:hover i {
  transform: rotateZ(90deg);
}

.relationbd .bdtx {
  margin-top: -220px;
}
/*.relationbd .bdtx h2 {
  text-shadow: 0 0 10px #aeaeae;
}
.relationbd .bdtx h3 {
  text-shadow: 0 0 10px #aeaeae;
}
*/
.stock {
  font-size: 12px;
  width: 1120px;
  height: 248px;
  padding: 40px 40px 20px;
  margin: 0 auto;
  position: absolute;
  bottom: -124px;
  left: 50%;
  margin-left: -600px;
  z-index: 3;
  background-color: #fff;
  box-shadow: 0 4px 24px #bbb;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(248px);
  transition: all 0.8s ease-out 0s;
}
.stock.active {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0px);
}
.stock .desc {
  width: 312px;
}
.stock .desc h2 {
  font-size: 18px;
  color: #333;
}
.stock .desc .price {
  color: #ff0012;
  line-height: 1.4;
  margin-bottom: 20px;
}
.stock .desc .price span {
  font-size: 72px;
  font-family: 'Bebas';
}
.stock .desc .price i {
  display: inline-block;
  *zoom: 1;
  width: 16px;
  height: 9px;
  background: url(../img/stockarr.png) no-repeat center;
  background-size: 16px 9px;
}
.stock .desc .price b {
  font-size: 24px;
  font-family: 'Bebas';
}
.stock .desc .desctx {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

.relationwrap {
  padding: 6% 0;
}

.realtime {
  width: 745px;
}
.realtime .line {
  position: absolute;
  margin-top: -46px;
  top: 50%;
  width: 745px;
  height: 93px;
  background: url(../img/stockline.png) no-repeat -50px center;
  background-size: 1107px 93px;
  position: absolute;
  z-index: -1;
}
.realtime ul {
  padding-left: 65px;
}
.realtime ul li {
  float: left;
  width: 138px;
  height: 166px;
  text-align: center;
  position: relative;
}
.realtime ul li.max {
  padding-top: 60px;
}
.realtime ul li.min {
  margin-top: -9px;
}
.realtime ul li.amount {
  padding-top: 60px;
}
.realtime ul li.total {
  margin-top: -9px;
}
.realtime ul li i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 28px;
  height: 28px;
  background: url(../img/stockdot.png) no-repeat center;
  background-size: 28px 28px;
}
.realtime ul li b {
  width: 1px;
  height: 57px;
  background-color: #f0f0f0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.realtime ul li .realnum {
  font-size: 24px;
  color: #213875;
  font-family: "Bebas";
  line-height: 1.4;
}
.realtime ul li .realtx {
  font-size: 14px;
  color: #666;
}

.filesli {
  max-width: 1080px;
  padding: 50px 60px 68px;
  margin: 60px auto 0;
  box-shadow: 0 0 10px #ccc;
}
.filesli ul {
  font-size: 0;
}
.filesli ul li {
  float: left;
  width: 436px;
  margin-bottom: 38px;
  padding: 26px 36px 14px;
  margin-right: 50px;
  border: 1px #dcdcdc solid;
}
.filesli ul li:nth-child(even) {
  margin-right: 0;
}
.filesli ul li .date {
  font-size: 14px;
  color: #666;
}
.filesli ul li h2 {
  font-size: 18px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 8px;
  transition: all 0.5s ease 0s;
}
.filesli ul li .downbtn {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px #dcdcdc dashed;
}
.filesli ul li .downbtn b {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/ipdf.png) no-repeat center;
  background-size: 24px 24px;
}
.filesli ul li .downbtn a {
  font-size: 14px;
  color: #999;
  padding-right: 52px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.filesli ul li .downbtn a i {
  display: block;
  width: 24px;
  height: 9px;
  background: url(../img/mlistarr.png) no-repeat center;
  background-size: 24px 9px;
  margin-top: -5px;
  top: 50%;
  right: 10px;
  position: absolute;
  transition: all 0.5s ease 0s;
}
.filesli ul li:hover h2 {
  color: #204c95;
}
.filesli ul li:hover .downbtn a {
  color: #204c95;
}
.filesli ul li:hover .downbtn a i {
  right: 20px;
}

.joinwrap {
  padding: 0 0 1.5%;
  background-color: #eee;
}

.concept {
  width: 1200px;
  margin: 0 auto;
  padding-top: 4%;
  padding-bottom: 5%;
  position: relative;
}
.concept > .anchor {
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.concept .tit {
  margin-bottom: 100px;
  margin-top: 40px;
  text-align: center;
}
.concept .tit h2 {
  font-size: 72px;
  color: #333;
  font-family: 'GOTHICB';
  line-height: 1;
  margin-bottom: 20px;
}
.concept .tit h3 {
  font-size: 50px;
  color: #333;
  line-height: 1;
  font-weight: bolder;
  font-family: "Century Gothic","Microsoft yahei","黑体";
}
.concept .tx {
  background-color: #7d7e83;
}
.concept .tx .txp {
  color: #fff;
  width: 410px;
  font-size: 20px;
  padding: 110px 60px 0;
  line-height: 1;
}
.concept .tx .txp h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
.concept .tx em {
  display: block;
  width: 670px;
}
.concept .tx em img {
  width: 100%;
}
.concept .decor {
  width: 619px;
  height: 177px;
  margin: 0 auto;
  background: url(../img/yumao.png) no-repeat center;
  background-size: 619px 177px;
  position: relative;
  z-index: 2;
  margin-top: -50px;
}

.joinlist {
  background: url(../img/joinbg.jpg) no-repeat center;
  background-size: cover;
  padding: 4% 0 5%;
  position: relative;
}
.joinlist > .anchor {
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.jointit {
  text-align: center;
}
.jointit h2 {
  font-size: 72px;
  font-family: "GOTHICB";
  color: #fff;
  line-height: 1;
  margin-bottom: 10px;
}
.jointit h3 {
  font-size: 50px;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 60px;
  margin-top: 40px;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.jointit .jointab {
  font-size: 0;
}
.jointit .jointab a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 168px;
  height: 48px;
  border-radius: 24px;
  background: url(../img/btnbg.png) repeat center;
  margin: 0 9px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  transition: all 0.5s ease 0s;
}
.jointit .jointab a:hover, .jointit .jointab a.cur {
  background: #fff;
  color: #182a6e;
}

.joinli {
  padding-top: 60px;
  width: 1200px;
  margin: 0 auto;
}
.joinli ul {
  font-size: 0;
  min-height: 650px;
}
.joinli ul li {
  width: 235px;
  padding: 40px 20px;
  background-color: #fff;
  font-size: 0;
  margin-right: 27px;
  margin-bottom: 27px;
  transition: all 0.5s ease 0s;
}
.joinli ul li:nth-child(4n) {
  margin-right: 0;
}
.joinli ul li .joinlitit {
  font-size: 24px;
  color: #333;
  line-height: 1.2;
  padding-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 10px;
  transition: all 0.5s ease 0s;
  letter-spacing: -0.1em;
}
.joinli ul li .joindesc {
  margin-bottom: 36px;
  height: 120px;
  overflow: hidden;
}
.joinli ul li .joindesc h2 {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 10px;
  color: #333;
  transition: all 0.5s ease 0s;
}
.joinli ul li .joindesc p {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  margin-bottom: 10px;
  transition: all 0.5s ease 0s;
}
.joinli ul li .vjobbtn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  color: #333;
  padding-right: 46px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.joinli ul li .vjobbtn i {
  display: block;
  width: 24px;
  height: 9px;
  background: url(../img/mlistarr.png) no-repeat center;
  background-size: 24px 9px;
  position: absolute;
  right: 0;
  margin-top: -5px;
  top: 50%;
  transition: all 0.5s ease 0s;
}
.joinli ul li:hover {
  background-color: #f3901c;
}
.joinli ul li:hover .joinlitit {
  color: #fff;
  border-bottom: 1px #fff solid;
}
.joinli ul li:hover .joindesc h2 {
  color: #fff;
}
.joinli ul li:hover .joindesc p {
  color: #fff;
}
.joinli ul li:hover .vjobbtn {
  color: #fff;
}
.joinli ul li:hover .vjobbtn i {
  background: url(../img/mlistarr02.png) no-repeat center;
  background-size: 24px 9px;
  right: 10px;
}

.loadmorebtn {
  text-align: center;
  font-size: 0;
  padding-top: 34px;
}
.loadmorebtn a {
  font-size: 18px;
  color: #666;
  line-height: 48px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 192px;
  height: 48px;
  border-radius: 24px;
  background-color: #fff;
  transition: all 0.5s ease 0s;
}
.loadmorebtn a:hover {
  color: #213875;
}

.jobinfo {
  width: 1200px;
  margin: 0 auto;
  padding: 5% 0;
}

.jobp {
  display: none;
  padding: 0 20px;
}
.jobp .pbg {
  padding: 20px 0;
  position: relative;
}
.jobp .pbg::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: dashed;
  border-color: transparent transparent #f5f5f5 transparent;
  position: absolute;
  top: -16px;
  left: 30px;
}
.jobp .pli {
  border-bottom: 1px #e5e5e5 solid;
  padding: 10px 0;
}
.jobp .pli li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-right: 1%;
  font-size: 14px;
  line-height: 20px;
  height: 48px;
  color: #666;
}
.jobp .preq {
  padding: 34px 0;
  border-bottom: 1px #e5e5e5 solid;
  position: relative;
}
.jobp .preq i {
  display: block;
  width: 1px;
  height: 60%;
  position: absolute;
  left: 45%;
  top: 20%;
  background-color: #e5e5e5;
}
.jobp .preq dl {
  float: left;
  padding: 10px 3% 15px;
  box-sizing: border-box;
}
.jobp .preq dl.dlone {
  width: 45%;
}
.jobp .preq dl.dltwo {
  width: 55%;
  padding-left: 8%;
}
.jobp .preq dl .dltit {
  font-size: 18px;
  line-height: 20px;
  color: #333;
  margin-bottom: 15px;
}
.jobp .preq dl .dlp {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}

.applybtn {
  padding: 20px 0 10px;
}
.applybtn a {
  display: block;
  width: 150px;
  height: 40px;
  background-color: #213875;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
.applybtn a:hover {
  opacity: 0.8;
  transition: opacity 0.5s;
}

.jobdtl {
  padding: 20px;
}

.jobdtl .jobp {
  display: block;
  padding: 0;
}
.jobdtl .jobp .pbg::before {
  display: none;
}

.jobdtlt {
  padding: 10px 0;
  border-bottom: 1px #e5e5e5 solid;
}
.jobdtlt h2 {
  font-size: 18px;
  color: #333;
}

.aboutbd .bdtx {
  margin-top: -50px;
}
/*.aboutbd .bdtx h2 {
  text-shadow: 0 0 10px #aeaeae;
}
.aboutbd .bdtx h3 {
  text-shadow: 0 0 10px #aeaeae;
}*/

.intro {
  width: 76%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 4% 0;
  position: relative;
}
.intro > .anchor {
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.intro .introdesc {
  width: 100%;
  box-sizing: border-box;
  padding-right: 0;
}
.intro .introdesc h2 {
  font-size: 36px;
  color: #333;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  line-height: 1.4;
  margin-bottom:40px;
}
.intro .introdesc h3 {
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
}
.intro .introdesc .txp {
  font-size: 14px;
  color: #000;
  /* height: 280px; */
  overflow: hidden;
}
.intro .introdesc .txp p {
  margin-bottom: 10px;
}
.intro .introline {
  width: 5px;
  height: 400px;
  background-color: #101c46;
  border-radius: 2.5px;
  overflow: hidden;
}
.intro .introline i {
  display: block;
  width: 5px;
  height: 107px;
  background-color: #ff0000;
  margin-top:60px;
}
.intro .intronum {
  width: 46%;
  padding: 0 5%;
  box-sizing: border-box;
}
.intro .intronum .txbk .ic {
  padding: 30px 0;
  display: block;
  width: 122px;
  height: 122px;
  border-bottom: 1px #5c5c5c solid;
  margin-right: 30px;
}
.intro .intronum .txbk .bkp {
  margin-top: 30px;
}
.intro .intronum .txbk .bkp .desc {
  font-size: 18px;
  color: #aeafb3;
  line-height: 1.4;
}
.intro .intronum .txbk .bkp p {
  font-size: 18px;
  color: #aeafb3;
  line-height: 1.4;
}
.intro .intronum .txbk .bkp p span {
  font-size: 72px;
  line-height: 1;
  font-family: "Bebas";
  color: #213875;
  margin-right: 10px;
}
.intro .intronum .txbk.intro01 .ic {
  background: url(../img/intro01.png) no-repeat center;
  background-size: 122px 122px;
}
.intro .intronum .txbk.intro02 .ic {
  background: url(../img/intro02.png) no-repeat center;
  background-size: 122px 122px;
}
.intro .intronum .txbk.intro02 .bkp {
  margin-top: 60px;
}

.culture {
  position: relative;
  overflow: hidden;
}
.culture > .anchor {
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: -1;
}
.culture img {
  width: 100%;
  position: relative;
}
.culture .tx {
  width: 76%;
  margin-left: -38%;
  height: 140px;
  margin-top: -70px;
  top: 50%;
  position: absolute;
  left: 50%;
  z-index: 2;
}
.culture .tx h2 {
  font-size: 48px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 20px;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  text-shadow:0 0 6px rgba(0,0,0,0.4);
}
.culture .tx .txp {
  font-size: 42px;
  line-height: 1.4;
  color: #fff;
  text-shadow:0 0 6px rgba(0,0,0,0.4);
}

.spirit {
  position: relative;
}
.spirit > .anchor{
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: -1;
}
.spirit .spiritwrap {
  padding: 4% 0;
  width: 76%;
  max-width: 1440px;
  margin: 0 auto;
}
.spirit .spiritwrap .spiritit {
  font-size: 48px;
  color: #333;
  line-height: 1.4;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  margin-bottom: 30px;
}
.spirit .spiritwrap ul li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-right: 4%;
  padding-left: 5%;
  height: 270px;
  overflow: hidden;
  position: relative;
}
.spirit .spiritwrap ul li:after {
  content: "";
  display: block;
  width: 1px;
  height: 310px;
  background-color: #e9e8e7;
  position: absolute;
  right: 10%;
  bottom: 0;
}
.spirit .spiritwrap ul li em {
  display: block;
  width: 108px;
  height: 108px;
  margin-bottom: 20px;
  transition: all 1.2s ease 0.05s;
}
.spirit .spiritwrap ul li em img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.spirit .spiritwrap ul li em:hover {
  transform: rotateY(360deg);
}
.spirit .spiritwrap ul li h2 {
  font-size: 24px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 10px;
}
.spirit .spiritwrap ul li .txp {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}

.strategy {
  position: relative;
  background: url(../img/sprbg.jpg) no-repeat center;
  background-size: cover;
}
.strategy > .anchor {
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: -1;
}
.strategy .strategywrap {
  width: 76%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 5% 0 6%;
}
.strategy .strategywrap .desc {
  width: 23%;
  font-size: 0;
}
.strategy .strategywrap .desc h2 {
  font-size: 48px;
  color: #333;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  line-height: 1.4;
  margin-bottom: 10px;
}
.strategy .strategywrap .desc h2 i {
  display: block;
  width: 24px;
  height: 9px;
  background: url(../img/mlistarr.png) no-repeat center;
  background-size: 24px 9px;
  position: absolute;
  right: -44px;
  top: 50%;
  margin-top: -4px;
  transition:all 0.5s ease 0s;
}
.strategy .strategywrap .desc h2:hover i{
  right: -54px;
}
.strategy .strategywrap .desc .strategybtn{
  display: block;
  width: 195px;
  height: 52px;
  background-color: #214783;
  color: #fff;
  box-sizing:border-box;
  padding-left:30px;
  line-height: 52px;
  font-size: 14px;
  margin-top:30px;
  position: relative;
}
.strategy .strategywrap .desc .strategybtn i{
  display: block;
  width: 24px;
  height: 9px;
  position: absolute;
  right:35px;
  background:url(../img/mlistarr02.png) no-repeat center;
  background-size:24px 9px;
  margin-top:-4px;
  top:50%;
  transition:all 0.5s ease 0s;
}
.strategy .strategywrap .desc .strategybtn:hover i{
  right:45px;
}
.strategy .strategywrap .desc .txp {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.strategy .strategywrap .strli {
  width: 75%;
}
.strategy .strategywrap .strli ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.strategy .strategywrap .strli ul li em {
  display: inline-block;
  *zoom: 1;
  width: 100%;
  max-width: 230px;
  margin-bottom: 20px;
}
.strategy .strategywrap .strli ul li em img {
  vertical-align: top;
  width: 100%;
}
.strategy .strategywrap .strli ul li h2 {
  font-size: 48px;
  color: #fff;
}
.strategy .strategywrap .strli ul li .txp {
  font-size: 14px;
  color: #565656;
  line-height: 22px;
}

.introvideo {
  position: relative;
  overflow: hidden;
}
.introvideo > img {
  position: relative;
  width: 100%;
}
.introvideo > .anchor {
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: -1;
}
.introvideo .vintrobox {
  position: relative;
}
.introvideo .vintrobox img {
  width: 100%;
}
.introvideo .vtx {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 1200px;
  height: 296px;
  margin-top: -148px;
  margin-left: -600px;
  left: 50%;
  text-align: center;
  font-size: 0;
}
.introvideo .vtx em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 128px;
  height: 128px;
  background: url(../img/bplay.png) no-repeat center;
  background-size: cover;
}
.introvideo .vtx h2 {
  font-size: 48px;
  color: #fff;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.introvideo .vtx .txp {
  font-size: 14px;
  color: #fffefd;
  height: 68px;
  overflow: hidden;
}

.honor {
  position: relative;
  background-color: #edeff1;
}
.honor > .anchor {
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: -1;
}
.honor .honorwrap {
  padding: 4% 0;
  width: 76%;
  max-width: 1440px;
  margin: 0 auto;
}
.honor .honorwrap .honortit {
  font-size: 48px;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  margin-bottom: 20px;
}
.honor .honorwrap ul li {
  width: 30%;
  margin-right: 5%;
  background-color: #fff;
  box-shadow: 0 0 8px #ccc;
  float: left;
  font-size: 0;
}
.honor .honorwrap ul li:last-child {
  margin-right: 0;
}
.honor .honorwrap ul li em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.honor .honorwrap ul li em::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease 0s;
}
.honor .honorwrap ul li em img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.honor .honorwrap ul li em:hover::after {
  opacity: 1;
  filter: alpha(opacity=1);
}
.honor .honorwrap ul li em:hover img {
  transform: scale(1.04);
}
.honor .honorwrap ul li .desc {
  padding: 6%;
}
.honor .honorwrap ul li .desc h2 {
  font-size: 22px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 10px;
}
.honor .honorwrap ul li .desc p {
  font-size: 14px;
  color: #666;
  padding-left: 20px;
  background: url(../img/pdot.png) no-repeat left 12px;
  background-size: 6px 6px;
}

/*========业务布局=======*/
.countrywrap{
  background:url(../img/newmapbg.jpg) no-repeat center;
  background-size:cover;
}
.country {
  position: relative;
  width: 76%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 4% 0 4%;
}
.country em {
  width: 66%;
}
.country em img {
  width: 100%;
}
.country .countrywrap {
  width: 34%;
  padding-top: 5%;
}
.country .countrywrap h2 {
  font-size: 48px;
  color: #333;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.country .countrywrap .txp {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.country .countrywrap .txp p{
  margin-bottom:10px;
}
.country .countrywrap em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 50px;
  height: 50px;
  border: 1px #d3d8e4 solid;
  border-radius: 50%;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
}
.country .countrywrap em i {
  display: block;
  width: 11px;
  height: 18px;
  background: url(../img/bluearr.png) no-repeat center;
  background-size: 11px 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 16px;
  margin-left: -5px;
  animation: ud 1.5s ease-out infinite;
  -webkit-animation: ud 1.5s ease-out infinite;
}

.partner {
  width: 76%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 4% 0;
}
.partner .partnertit {
  text-align: center;
  margin-bottom: 20px;
}
.partner .partnertit h2 {
  font-size: 48px;
  color: #333;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.partner .partnerli ul .bli {
  padding-bottom: 10px;
}
.partner .partnerli ul .bli h2 {
  font-size: 30px;
  color: #333;
  line-height: 1;
  margin-bottom: 30px;
}
.partner .partnerli ul .bli h2 i {
  font-style: normal;
  font-size: 72px;
  font-family: "Arial";
  color: #214783;
}
.partner .partnerli ul .bli h2 span {
  font-size: 48px;
  color: #214783;
}
.partner .partnerli ul .bli ul li {
  float: left;
  width: 18.4%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 8px #ccc;
  margin-bottom: 30px;
  margin-right: 2%;
}
.partner .partnerli ul .bli ul li:nth-child(5n) {
  margin-right: 0;
}
.partner .partnerli ul .bli ul li em {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 265px;
  max-height: 137px;
}
.partner .partnerli ul .bli ul li em img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.partner .partnerli ul .bli ul li .desc {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 9%;
  box-sizing: border-box;
  background: url(../img/partnermask.png) repeat center;
  transition: all 0.5s ease 0s;
}
.partner .partnerli ul .zfl ul li .desc{
  position: static;
  height: 100px;
  width: 100%;
  box-sizing:border-box;
  background:none;
  padding-top:22px;
}

.partner .partnerli ul .bli ul li .desc b {
  display: block;
  width: 60px;
  height: 4px;
  background-color: #fff;
  margin-bottom: 10px;
}
.partner .partnerli ul .bli ul li .desc p {
  font-size: 16px;
  color: #fff;
  height: 72px;
  overflow: hidden;
}
.partner .partnerli ul .zfl ul li .desc p{
  color: #666;
}
.partner .partnerli ul .bli ul li:hover .desc {
  top: 0;
}

.contwrap .edutop {
  width: 76%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 4% 0;
}
.contwrap .edutop .layouttit {
  text-align: center;
  font-size: 0;
  margin-bottom: 10px;
}
.contwrap .edutop .layouttit h2 {
  font-size: 48px;
  color: #333;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.contwrap .edutop .layouttit i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 60px;
  height: 4px;
  background-color: #dcdcdc;
  margin: 10px 0 20px;
}
.contwrap .edutop .layouttit .desc {
  font-size: 14px;
  color: #333;
}
.contwrap .edutop .tx {
  font-size: 14px;
  color: #666;
}
.contwrap .edutop .tx img {
  max-width: 100%;
  padding-bottom: 20px;
}
.contwrap .edutop .tx p {
  margin-bottom: 10px;
}
.contwrap .edutop .tx strong {
  font-size: 24px;
  color: #333;
  padding-top: 20px;
}
.contwrap .edubot {
  background: #ebf0f7;
}
.contwrap .edubot .wrap {
  width: 76%;
  max-width: 1440px;
  padding: 4% 0 5%;
  margin: 0 auto;
}
.contwrap .edubot .wrap h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 3%;
}
.contwrap .edubot .wrap .scoreli ul li {
  float: left;
  width: 48.5%;
  margin-right: 3%;
  position: relative;
}
.contwrap .edubot .wrap .scoreli ul li:nth-child(even) {
  margin-right: 0;
}
.contwrap .edubot .wrap .scoreli ul li em {
  width: 100%;
}
.contwrap .edubot .wrap .scoreli ul li em img {
  width: 100%;
}
.contwrap .edubot .wrap .scoreli ul li .desc {
  width: 100%;
  box-sizing: border-box;
  padding: 0 5%;
  text-align: center;
  background: url(../img/mask.png) repeat center;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 36px;
  transition: all 0.5s ease 0s;
}
.contwrap .edubot .wrap .scoreli ul li .desc p {
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 50%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin-top: -18px;
  left: 50%;
  margin-left: -50%;
}
.contwrap .edubot .wrap .scoreli ul li:hover .desc {
  height: 100%;
}

/*===================体育金融=====================*/
.fundation {
  padding-bottom: 3%;
}

.fundwrap {
  padding: 5% 12%;
  max-width: 1440px;
  margin: 0 auto;
}
.fundwrap h2 {
  font-size: 48px;
  color: #333;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.fundwrap i {
  display: block;
  width: 60px;
  height: 4px;
  background-color: #dcdcdc;
  margin: 10px 0 20px;
}
.fundwrap .desc .tx {
  font-size: 14px;
  color: #666;
}
.fundwrap .desc .data {
  margin-top: 5%;
}
.fundwrap .desc .data div {
  padding-right: 114px;
  border-right: 1px #d2d2d2 solid;
  margin-right: 80px;
}
.fundwrap .desc .data .num {
  font-size: 72px;
  font-family: "Bebas";
  color: #213875;
  line-height: 1;
  margin-bottom: 10px;
}
.fundwrap .desc .data .sm {
  font-size: 14px;
  color: #666;
}

.coretit {
  padding: 3.5% 5%;
}
.coretit h2 {
  font-size: 36px;
  color: #2c2e32;
  line-height: 1;
}
.coretit i {
  display: block;
  width: 43px;
  height: 3px;
  background-color: #cecece;
  margin: 1.6% 0 1.8%;
}

.coretxt {
  width: 70%;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}

.coreli ul li {
  overflow: hidden;
  background-color: #f5f5f5;
}
.matchli ul li {
  overflow: hidden;
  background-color: transparent;
}
.coreli ul li em {
  width: 50%;
  float: left;
  position: relative;
}
.coreli ul li em::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
  background-color: rgba(0, 0, 0, 0.25);
}
.coreli ul li em img {
  width: 100%;
}
.coreli ul li em:hover::after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.coreli ul li .coretx {
  width: 50%;
  float: right;
  box-sizing: border-box;
  padding-left: 5%;
  padding-right: 12%;
}
.coreli ul li .coretx h2 {
  font-size: 30px;
  color: #2c2e32;
  line-height: 1;
  font-weight: bolder;
}
.coreli ul li .coretx i {
  display: block;
  display: block;
  width: 84px;
  height: 4px;
  background-color: #101c46;
  margin: 5% 0 5%;
}
.coreli ul li .coretx .corep p {
  font-size: 14px;
  margin-bottom: 1.8%;
}
.coreli ul li .coretx .corep p b {
  color: #333;
}
.coreli ul li.oddli em {
  float: right;
}
.coreli ul li.oddli .coretx {
  padding-left: 12%;
  padding-right: 5%;
}

.matchli ul li {
  padding: 5% 12%;
}
.matchli ul li em {
  float: right;
  background-color: #e8ebf1;
}
.matchli ul li em img {
  transform: translate3d(30px, 30px, 0);
  transition: all 0.5s ease 0s;
}
.matchli ul li em:hover img {
  transform: translate3d(0, 0, 0);
}
.matchli ul li .coretx {
  float: right;
  padding-left: 2%;
  padding-right: 5%;
  padding-top: 5%;
}
.matchli ul li .coretx h2 {
  font-size: 36px;
  color: #333;
  position: relative;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
  margin-bottom: 26px;
}
.matchli ul li .coretx h2 span {
  font-size: 120px;
  font-family: "Bebas";
  line-height: 1;
  position: absolute;
  left: -45px;
  bottom: 0;
  color: #e8ebf1;
  z-index: 1;
}
.matchli ul li .coretx h2 b {
  position: relative;
  z-index: 2;
}
.matchli ul li.oddli .coretx {
  padding-left: 10%;
  padding-right: 0;
}
.matchli ul li.oddli em {
  float: left;
}

.matchart {
  padding: 5% 12%;
  background-color: #f0f4f9;
}
.matchart ul li {
  background-color: #fff;
  margin-bottom: 40px;
  box-shadow: 0 0 8px #ccc;
}
.matchart ul li em {
  position: relative;
  float: left;
  display: block;
  width: 50%;
  overflow: hidden;
}
.matchart ul li em::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease 0s;
}
.matchart ul li em img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.matchart ul li .desc {
  width: 50%;
  box-sizing: border-box;
  float: right;
  padding: 5%;
}
.matchart ul li .desc h2 {
  font-size: 36px;
  color: #333;
  font-weight: bolder;
  line-height: 1.4;
  margin-bottom: 10px;
  height: 100px;
}
.matchart ul li .desc i {
  display: block;
  width: 84px;
  height: 4px;
  margin: 18px 0 26px;
  background-color: #101c46;
}
.matchart ul li .desc .txp {
  font-size: 14px;
  color: #666;
  height:180px;
  overflow: hidden;
}
.matchart ul li:nth-child(even) em {
  float: right;
}
.matchart ul li:nth-child(even) .desc {
  float: left;
}
.matchart ul li:hover em img {
  transform: scale(1.04);
}
.matchart ul li:hover em::after {
  opacity: 1;
  filter: alpha(opacity=100);
}

.networkwrap {
  width: 76%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 4% 0 5%;
}
.networkwrap img{
  max-width: 100%;
}
.networkwrap p{
  margin-bottom:10px;
}
.networkwrap{
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}
.leftpart {
  width: 38.5%;
}
.leftpart .desc {
  /*border-bottom: 30px #213875 solid;*/
  margin-bottom: 34px;
}
.leftpart .desc .networkbtn{
  display: block;
  width: 195px;
  height: 52px;
  background-color: #214783;
  color: #fff;
  box-sizing: border-box;
  padding-left: 30px;
  line-height: 52px;
  font-size: 14px;
  margin-top: 30px;
  position: relative;
}
.leftpart .desc .networkbtn i{
  display: block;
  width: 24px;
  height: 9px;
  position: absolute;
  right: 35px;
  background: url(../img/mlistarr02.png) no-repeat center;
  background-size: 24px 9px;
  margin-top: -4px;
  top: 50%;
  transition: all 0.5s ease 0s;
}
.leftpart .desc .networkbtn:hover i{
  right:45px;
}
.leftpart .desc h2 {
  font-size: 36px;
  color: #333;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.leftpart .desc i {
  display: block;
  width: 60px;
  height: 4px;
  background-color: #333;
  margin: 12px 0 30px;
}
.leftpart .desc h3 {
  font-size: 24px;
  color: #333;
  line-height: 1.4;
}
.leftpart .desc .txp {
  margin-top: 24px;
  font-size: 18px;
  color: #666;
  line-height: 1.4;
}
.leftpart .pic {
  border-bottom: 12px #213875 solid;
}
.leftpart .pic img {
  width: 100%;
}

.rightpart {
  width: 58.75%;
}
.rightpart .topimg {
  margin-bottom: 40px;
}
.rightpart .topimg img {
  width: 100%;
}
.rightpart .botimg img {
  max-width: 100%;
}

.mediali ul li {
  padding: 10% 0;
  box-shadow: 0 0 18px #eaeaea;
}
.mediali ul li .tx {
  width: 388px;
  padding-left: 5%;
}
.mediali ul li .tx h2 {
  font-size: 36px;
  color: #333;
  font-family: "Century Gothic","Microsoft yahei","黑体";
  font-weight: bolder;
}
.mediali ul li .tx i {
  display: block;
  width: 60px;
  height: 4px;
  background-color: #333;
  margin: 8px 0 30px;
}
.mediali ul li .tx .txp {
  font-size: 24px;
  line-height: 1.4;
  color: #333;
}

/*# sourceMappingURL=style.css.map */


/******************************分页**************************************/
  .pager{
    text-align: center;
  }
  .page .pagination{
    font-size: 14px;
  }
  .page .pagination input[type=text]{
    border:1px solid #c4c9cd;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    height:29px;
    width: 43px;
    text-align: center;
    margin:auto 5px;
  }
  .page .pagination input[type=submit]{
    border:1px solid #c4c9cd;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    height:29px;
    width: 35px;
    text-align: center;
    margin:auto 5px;
    background-color: #cccccc;
  }
  .page .pagination span{
    margin-right: 6px;
  }
  .page .pagination a{
    font-size: 14px;
    padding: 9px 13px;
    border:1px solid #c4c9cd;
    margin-right: 6px;
    color:#323335;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    background-color: #f5f6f8;
  }
  .page .pagination a.active{
    color:#ffffff;
    background-color: #023d7f;
    border:1px solid #023d7f;
  }
  .introdesc .mCSB_inside>.mCSB_container{
    margin-right:100px;
  }
  .introdesc .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #ff0000;
    width: 4px;
  }
  .introdesc .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #101c46;
    width: 4px;
  }
  

  .matchart ul li .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #213875;
  }

  .honor .honorwrap ul li .desc article{
    height: 200px;
    overflow: hidden;
  }

  /*===========新闻修改============*/
  .newsbg {
    background-color: #f6f6f6;
    padding-bottom: 3%;
  }

  .newsli .newswrap {
    max-width: 1440px;
    width: 76%;
    margin: 0 auto;
  }
  .newsli.hover {
    background-color: #fff;
  }

  .timebox {
    padding: 0 5%;
  }
  .timebox .newstime {
    padding: 35px 40px;
    background-color: #fff;
  }
  .timebox .newstime .st {
    font-style: 73px;
    color: #666;
    font-family: "Bebas","Arial";
    line-height: 1;
    margin-bottom: 10px;
  }
  .timebox .newstime .bt {
    font-size: 18px;
    color: #666;
    line-height: 1;
    font-family: "Bebas","Arial";
  }

  .newstx {
    width: 60%;
  }
  .newstx h2 {
    font-size: 22px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  .newstx .desc {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
  }
  .newstx .desc a {
    color: #666;
  }
  .newstx .readmore {
    margin-top: 5px;
    font-size: 0;
  }
  .newstx .readmore a {
    display: inline-block;
    *zoom: 1;
    font-size: 14px;
    color: #999;
    padding-right: 52px;
    position: relative;
    transition: all 0.5s ease 0s;
  }
  .newstx .readmore a i {
    display: inline-block;
    *zoom: 1;
    position: absolute;
    display: block;
    width: 24px;
    height: 9px;
    margin-top: -4px;
    top: 50%;
    right: 0;
    background: url(../img/mlistarr.png) no-repeat center;
    background-size: 24px 9px;
    transition: all 0.5s ease 0s;
  }

  .newsli ul li {
    padding: 48px 0;
    transition: all 0.5s ease 0s;
  }
  .newsli ul li:hover {
    background-color: #fff;
  }
  .newsli ul li:hover .readmore a i {
    right: 15px;
  }

  /*============体育地产===========*/
  .curbd .bdtx {
    width: 689px;
    height: 337px;
    padding: 55px 0 55px;
    /*background: url(../img/bdk.png) no-repeat center;
    background-size: 689px 337px;*/
    box-sizing: border-box;
    left: 50%;
    margin-left: -344px;
    margin-top: -168px;
  }
  .curbd .bdtx h2 {
    margin-bottom: 0px;
  }
  .curbd .bdtx h3 {
    font-size: 40px;
    font-family: 'GOTHICB';
    font-weight: bolder;
  }
  .curbd .bdtx i {
    width: 65px;
    height: 3px;
    margin: 13px auto;
  }
  .curbd .bdtx .bdslogan {
    font-size: 28px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px);
    transition: all 0.5s ease 0.4s;
    text-shadow:0 0 6px rgba(0,0,0,0.25);
  }
  .curbd.active .bdtx .bdslogan {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: all 0.5s ease 0.4s;
  }

  .dctop .wrap {
    max-width: 1440px;
    width: 76%;
    margin: 0 auto;
    padding: 5% 0 2%;
  }

  .dctop {
    background: url(../img/dctopbg.jpg) no-repeat center;
    background-size: cover;
  }

  .dctop .tx {
    width: 60%;
  }

  .dctop .pic {
    width: 34%;
  }
  .dctop .pic img {
    width: 100%;
  }

  .dctop .tx h2 {
    font-size: 48px;
    color: #333;
    font-family: "Century Gothic","Microsoft yahei","黑体";
    font-weight: bolder;
  }

  .dctop .tx i {
    font-size: 40px;
    background-color: #000;
    width: 40px;
    height: 4px;
    display: block;
    margin-bottom: 32px;
  }

  .dctop .tx .txp {
    font-size: 14px;
    color: #666;
    line-height: 24px;
  }
  .dctop .tx .txp p {
    margin-bottom: 10px;
  }

  .sixsys .wrap {
    max-width: 1440px;
    width: 76%;
    margin: 0 auto;
    padding: 2% 0 5%;
  }

  .sixsys .tit {
    margin-bottom: 20px;
  }
  .sixsys .tit h2 {
    font-size: 30px;
    color: #333;
    font-family: "Century Gothic","Microsoft yahei","黑体";
    font-weight: bolder;
  }
  .sixsys .tit .desc {
    font-size: 14px;
    color: #666;
    line-height: 24px;
  }

  .sysul ul li {
    float: left;
    width: 15%;
    height: 577px;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
  }
  .sysul ul li:last-child {
    margin-right: 0;
  }
  .sysul ul li .syslibox {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .sysul ul li.sysli01 .syslibox {
    height: 576px;
    background: #1a3968;
    border-radius: 106px 106px 0 0;
  }
  .sysul ul li.sysli01 .tx {
    top: 492px;
    position: absolute;
    left: 0;
    transition: all 0.5s ease 0s;
  }
  .sysul ul li.sysli01:hover b {
    border-radius: 106px 106px 0 0;
    height: 577px;
  }
  .sysul ul li.sysli01:hover .tx {
    top: 220px;
  }
  .sysul ul li.sysli02 .syslibox {
    height: 554px;
    background: #925e8f;
    border-radius: 106px 106px 0 0;
  }
  .sysul ul li.sysli02 .tx {
    position: absolute;
    top: 469px;
    left: 0;
    transition: all 0.5s ease 0s;
  }
  .sysul ul li.sysli02:hover b {
    border-radius: 106px 106px 0 0;
    height: 553px;
  }
  .sysul ul li.sysli02:hover .tx {
    top: 220px;
  }
  .sysul ul li.sysli03 .syslibox {
    height: 532px;
    background: #d76646;
    border-radius: 106px 106px 0 0;
  }
  .sysul ul li.sysli03 .tx {
    position: absolute;
    top: 447px;
    left: 0;
    transition: all 0.5s ease 0s;
  }
  .sysul ul li.sysli03:hover b {
    border-radius: 106px 106px 0 0;
    height: 533px;
  }
  .sysul ul li.sysli03:hover .tx {
    top: 190px;
  }
  .sysul ul li.sysli04 .syslibox {
    height: 512px;
    background: #db8c49;
    border-radius: 106px 106px 0 0;
  }
  .sysul ul li.sysli04 .tx {
    position: absolute;
    top: 427px;
    left: 0;
    transition: all 0.5s ease 0s;
  }
  .sysul ul li.sysli04:hover b {
    border-radius: 106px 106px 0 0;
    height: 510px;
  }
  .sysul ul li.sysli04:hover .tx {
    top: 220px;
  }
  .sysul ul li.sysli05 .syslibox {
    height: 494px;
    background: #8fb15b;
    border-radius: 106px 106px 0 0;
  }
  .sysul ul li.sysli05 .tx {
    position: absolute;
    top: 409px;
    left: 0;
    transition: all 0.5s ease 0s;
  }
  .sysul ul li.sysli05:hover b {
    border-radius: 106px 106px 0 0;
    height: 492px;
  }
  .sysul ul li.sysli05:hover .tx {
    top: 220px;
  }
  .sysul ul li.sysli06 .syslibox {
    height: 470px;
    background: #4f99b6;
    border-radius: 106px 106px 0 0;
  }
  .sysul ul li.sysli06 .tx {
    position: absolute;
    top: 385px;
    left: 0;
    transition: all 0.5s ease 0s;
  }
  .sysul ul li.sysli06:hover b {
    border-radius: 106px 106px 0 0;
    height: 469px;
  }
  .sysul ul li.sysli06:hover .tx {
    top: 180px;
  }
  .sysul ul li em {
    display: block;
    width: 80%;
    margin: 31px auto 0;
    position: relative;
    z-index: 4;
  }
  .sysul ul li em img {
    width: 100%;
    margin-left: 2%;
  }
  .sysul ul li b {
    display: block;
    width: 100%;
    height: 85px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.25);
    transition: all 0.5s ease 0s;
  }
  .sysul ul li .tx {
    padding: 0 14px;
    position: relative;
    z-index: 3;
    overflow: hidden;
  }
  .sysul ul li .tx .txh {
    position: relative;
    padding: 33px 0;
  }
  .sysul ul li .tx .txh h2 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1;
    position: relative;
    z-index: 2;
  }
  .sysul ul li .tx .txh i {
    font-size: 72px;
    color: rgba(255, 255, 255, 0.25);
    font-family: "Bebas","Arial";
    line-height: 1;
    font-style: normal;
    position: absolute;
    left: 0;
    margin-top: -43px;
    top: 50%;
    z-index: 1;
  }
  .sysul ul li .tx .txp {
    font-size: 12px;
    color: #fff;
    line-height: 22px;
  }

  @media screen and (max-width: 1480px) {
    .sysul ul li em{
      width: 64%;
      margin:18px auto 0;
    }
    .sysul ul li.sysli01:hover .tx {
      top: 180px;
    }
    .sysul ul li.sysli02:hover .tx {
      top: 180px;
    }
    .sysul ul li.sysli03:hover .tx {
      top: 130px;
    }
    .sysul ul li.sysli04:hover .tx {
      top: 180px;
    }
    .sysul ul li.sysli05:hover .tx {
      top: 180px;
    }
    .sysul ul li.sysli06:hover .tx {
      top: 100px;
    }
  }
  .zhzy {
    background-color: #f7f7f7;
  }

  .zhzy .wrap {
    max-width: 1440px;
    width: 76%;
    margin: 0 auto;
    padding: 5% 0 5%;
  }

  .zhzy .tit {
    margin-bottom: 40px;
  }
  .zhzy .tit h2 {
    font-size: 30px;
    color: #333;
    font-family: "Century Gothic","Microsoft yahei","黑体";
    font-weight: bolder;
  }
  .zhzy .tit .desc {
    font-size: 14px;
    color: #666;
    line-height: 24px;
  }

  .zhzy .pics ul li {
    float: left;
    /*margin-right: 5%;*/
    /*width: 30%;*/
    margin: 0 30px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    cursor: pointer;
    overflow: hidden;
  }

  .zhzy .pics ul li img {
    margin-bottom: 10px;
    width: 100%;
    border-radius: 18px;
  }

  .dcomp .wrap {
    max-width: 1440px;
    width: 76%;
    margin: 0 auto;
    padding: 5% 0 5%;
  }

  .dcomp .tit {
    margin-bottom: 40px;
  }
  .dcomp .tit h2 {
    font-size: 30px;
    color: #333;
    font-family: "Century Gothic","Microsoft yahei","黑体";
    font-weight: bolder;
  }
  .dcomp .tit .desc {
    font-size: 14px;
    color: #666;
    line-height: 24px;
  }

  .owl-carousel {
    position: relative;
  }

  .dcompslide .item {
    margin: 0 6px;
    cursor: pointer;
    overflow: hidden;
  }
  .dcompslide .item .picbox {
    position: relative;
    border-radius: 18px 0 18px 0;
    overflow: hidden;
  }
  .dcompslide .item .picbox > img {
    width: 100%;
  }
  .dcompslide .item .picbox .desc {
    position: absolute;
    top: 0;
    left: 0;
    margin: 3%;
    height: 91%;
    border-radius: 14px 0 14px 0;
    overflow: hidden;
    background-color: rgba(26, 57, 105, 0.9);
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    box-sizing: border-box;
    width: 94%;
    padding: 9% 5%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
  }
  .glcomp .dcompslide .item .picbox .desc{
    border-radius:0 14px 0 14px;
  }
  .dcompslide .item .picbox:hover .desc {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .dcompslide .item .cname {
    text-align: center;
    font-size: 16px;
    color: #182a6e;
    line-height: 22px;
    padding: 20px 0;
  }
  .dcompslide .owl-buttons div {
    position: absolute;
    top: 40%;
    width: 51px;
    height: 51px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    margin-top: -25px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -9999em;
  }
  .dcompslide .owl-buttons div.owl-prev {
    left: -25px;
    background: url(../img/arrl.png) no-repeat center;
    background-size: 100% 100%;
    transition: all 0.5s ease 0s;
  }
  .dcompslide .owl-buttons div.owl-prev:hover {
    background: url(../img/arrl02.png) no-repeat center;
    background-size: 100% 100%;
  }
  .dcompslide .owl-buttons div.owl-next {
    right: -25px;
    background: url(../img/arrr.png) no-repeat center;
    background-size: 100% 100%;
    transition: all 0.5s ease 0s;
  }
  .dcompslide .owl-buttons div.owl-next:hover {
    background: url(../img/arrr02.png) no-repeat center;
    background-size: 100% 100%;
  }

  .zhzy .pics .owl-buttons div {
    position: absolute;
    top: 50%;
    width: 51px;
    height: 51px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    margin-top: -25px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -9999em;
  }
  .zhzy .pics .owl-buttons div.owl-prev {
    left: -25px;
    background: url(../img/arrl.png) no-repeat center;
    background-size: 100% 100%;
    transition: all 0.5s ease 0s;
  }
  .zhzy .pics .owl-buttons div.owl-prev:hover {
    background: url(../img/arrl02.png) no-repeat center;
    background-size: 100% 100%;
  }
  .zhzy .pics .owl-buttons div.owl-next {
    right: -25px;
    background: url(../img/arrr.png) no-repeat center;
    background-size: 100% 100%;
    transition: all 0.5s ease 0s;
  }
  .zhzy .pics .owl-buttons div.owl-next:hover {
    background: url(../img/arrr02.png) no-repeat center;
    background-size: 100% 100%;
  }

  .glcomp {
    background-color: #f7f7f7;
  }
  .glcomp .dcompslide .item .picbox {
    position: relative;
    border-radius:0 18px 0 18px;
    overflow: hidden;
  }
  .dvcomp {
    background-color: transparent;
  }


  /*enwelcome*/
  .ensy .bd img {
    width: 100%;
  }
  .ensy .about .enwrap {
    padding: 4% 12% 5%;
    max-width: 1440px;
    margin: 0 auto;
  }
  .ensy .about .enwrap h2 {
    font-size: 48px;
    color: #1e1e1e;
    font-family: "Century Gothic","Arial";
    font-weight: bolder;
    line-height: 1;
    margin-bottom: 20px;
  }
  .ensy .about .enwrap .txp {
    font-size: 14px;
    color: #444;
    line-height: 24px;
  }
  .ensy .about .enwrap .txp p {
    margin-bottom: 15px;
  }

  .trans {
    overflow: hidden;
    background-color: #eee;
  }
  .trans .enwrap {
    padding: 0 12%;
    max-width: 1440px;
    margin: 0 auto;
  }
  .trans .enwrap .desc {
    width: 45%;
    padding-right: 5%;
    padding-top: 7%;
  }
  .trans .enwrap .desc h2 {
    font-size: 48px;
    color: #1e1e1e;
    font-family: "Century Gothic","Arial";
    font-weight: bolder;
    line-height: 1;
    margin-bottom: 20px;
  }
  .trans .enwrap .desc .txp {
    font-size: 14px;
    color: #444;
    line-height: 24px;
  }

  .trans .enwrap .pic{
    position: relative;
    width: 50%;
  }
  .trans .enwrap .pic::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background:url(../img/mask.png) repeat center;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top:0;
    left:0;
    transition:all 0.5s ease 0s;
  }
  .trans .enwrap .pic:hover ::after{
    opacity: 0.25;
    filter: alpha(opacity=25);
  }
  .ensyslide .slider ul li .itemtx{
    height: auto;
    position: absolute;
    top:90%;
    bottom:auto;
    left:0;
    padding:5%;
    transition:all 0.5s ease 0s;
  }
  .ensyslide .slider ul li .itemtx .itemdesc {
    font-size: 12px;
  }

  .ensyslide .slider ul li .itemtx h2 {
    font-size: 24px;
    letter-spacing: 0;
    font-family: "Century Gothic","Arial";
  }

  .ensyslide .slider ul li .layer {
    background-color: rgba(26, 45, 101, 0.9);
  }
  .ensyslide .slider ul li:hover .itemtx{
    top:20%;
  }
  .ensyslide .slider ul li .itemtx .itemdesc{
    height:auto;
    font-size: 14px;
  }
  .enchairman .txbot {
    margin-top: 40px;
  }
  .enchairman .txbot .pic {
    width: 45.5%;
  }
  .enchairman .txbot .pic img {
    width: 100%;
  }
  .enchairman .txbot .desc {
    width: 50%;
    padding-top: 1%;
  }
  .enchairman .txbot .desc h2 {
    font-size: 48px;
    color: #1e1e1e;
    font-family: "Century Gothic","Arial";
    font-weight: bolder;
    line-height: 1;
    margin-bottom: 20px;
  }
  .enchairman .txbot .desc .txp {
    font-size: 14px;
    color: #444;
    line-height: 24px;
  }

  .comesoon img {
    width: 100%;
  }
  .enft .fttop .col dl dt{
    font-weight: bolder;
  }
  .enft .ftbot .ftlinks .enlinks{
    font-weight: bolder;
  }
  .enhd .logo{
    font-size: 0;
  }
  .enhd .logo img{
    margin-top:8px;
  }
  header.fixed .wrap .logo img{
    width: 40px;
    height: 40px;
  }
  @media screen and (max-width: 1680px) {
    .ensyslide .slider ul li:hover .itemtx{
      top:12%;
    }
    .ensyslide .slider ul li .itemtx h2{
      font-size: 22px;
    }
    .ensyslide .slider ul li .itemtx .itemdesc{
      font-size: 12px;
    }
  }
  @media screen and (max-width: 1400px) {
    header .wrap .logo img{
      width: 40px;
      height: 40px;
    }
    .ensyslide .slider ul li .itemtx h2 {
      font-size: 18px;
      font-family: "Century Gothic","Arial";
      letter-spacing: 0;
    }
    .ensyslide .slider ul li .itemtx {
      padding-left: 10px !important;
      padding-right: 10px !important;
      padding-bottom: 10px;
    }
    .ensyslide .slider ul li .itemtx .itemdesc{
      font-size: 12px;
    }
    .ensyslide .slider ul li:hover .itemtx{
      top:5%;
    }
    .enchairman .txbot .desc {
      padding-top: 0;
    }

    .enchairman .txbot .desc h2 {
      font-size: 24px;
    }
  }