.wel-banner {
  height: calc(100vw / 2.02);
}

.wel-banner .con-text .banner-title {
  letter-spacing: 30px;
  height: 100px;
  font-size: 48px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FCFAF9;
}

.wel-banner .con-text .banner-subtitle {
  height: 40px;
  font-size: 29px;
  font-family: Source Han Sans CN;
  font-weight: 300;
  color: #F9F5F4;
}

.wel-gsjs {
  padding-top: 150px;
  display: flex;
}

.wel-gsjs .left {
  float: left;
  width: calc(50% - 19px);
  padding-right: 19px;
  text-align: left;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.wel-gsjs .left .mytitle {
  width: 100%;
  height: 58px;
}

.wel-gsjs .left .mytitle .title {
  float: left;
  height: 41px;
  font-size: 42px;
  font-weight: bold;
  color: #013D76;
  line-height: 41px;
}

.wel-gsjs .left .mytitle .prefix {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  height: 41px;
  font-size: 20px;
  font-weight: bold;
  color: #8F9599;
  line-height: 41px;
}

.wel-gsjs .left .mytitle .entitle {
  padding-top: 10px;
  float: left;
  height: 41px;
  font-size: 20px;
  color: #8F9599;
  line-height: 41px;
}

.wel-gsjs .left .subtitle {
  height: 23px;
  font-size: 24px;
  font-weight: 800;
  color: #CA8D59;
  line-height: 23px;
}

.wel-gsjs .left .line {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 58px;
  height: 4px;
  background: #CA8D59;
}

.wel-gsjs .left .content {
}

.wel-gsjs .left .button {
  margin-top: 39px;
  text-align: center;
  width: 130px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #252525;
  border-radius: 20px;
  color: #252525;
  cursor: pointer;
}

.wel-gsjs .left .button a {
  color: #252525;
}

.wel-gsjs .left .button:hover {
  background-color: #ED0748;
  border: 1px solid #ED0748;
  color: #FFFFFF;
}

.wel-gsjs .left .button:hover a {
  color: #FFFFFF;
}

.wel-gsjs .right {
  float: left;
  width: calc(50% - 19px);
  padding-left: 19px;
  height: 100%;
}

.wel-ywfw {
  padding-top: 60px;
}

.wel-ywfw .item .img {
  border-radius: 10px;
}

.wel-ywfw .item .img img {
  width: 100%;
}

.wel-ywfw .item .word {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 20px;
}

.wel-ywfw .item .word .h01 {
  font-size: 22px;
  font-weight: 800;
  color: #FFFFFF;
}

.wel-ywfw .item .word .h02 {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
}

.wel-ctjs {
  padding-top: 150px;
  display: flex;
}

.wel-ctjs .left {
  float: left;
  width: 344px;
  padding-right: 45px;
}

.wel-ctjs .right {
  float: left;
  width: calc(100% - 344px - 90px);
  padding-left: 45px;
}

.wel-ctjs .right .title {
  padding-top: -5px;
  width: 100%;
  text-align: right;
  font-size: 80px;
  line-height: 94px;
  font-family: Anton-Regular;
  font-weight: 800;
  color: #ED0748;
}

.wel-ctjs .right .subtitle {
  width: 100%;
  text-align: right;
  font-size: 30px;
  line-height: 40px;
  font-weight: 800;
  color: #272636;
}

.wel-ctjs .right .content {
  padding-top: 15px;
}

.wel-hwjs {
  padding-top: 140px;
  display: flex;
}

.wel-hwjs .title {
  width: 100%;
  font-size: 42px;
  line-height: 59px;
  font-family: Anton-Regular;
  font-weight: 800;
  color: #013D76;
}

.wel-hwjs .subtitle {
  width: 100%;
  font-size: 30px;
  line-height: 42px;
  font-weight: 800;
  color: #222222;
}

.wel-hwjs .content {
  padding-top: 15px;
  width: 100%;
  font-size: 16px;
}

.wel-hwjs .img {
  padding-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wel-hwjs .img img {
  width: 100%;
}

.wel-fwms {
  height: 844px;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}

.wel-fwms .wel-msxx {
  display: flex;
}

.wel-fwms .wel-msxx .left {
  padding-top: 105px;
  float: left;
}

.wel-fwms .wel-msxx .left .h01, .wel-fwms .left .h02 {
  font-size: 61px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 94px;
  opacity: 0.2;
}

.wel-fwms .wel-msxx .left .h03 {
  font-size: 61px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 94px;
}

.wel-fwms .wel-msxx .right {
  padding-top: 105px;
  text-align: right;
  float: right;
  padding-right: 150px;
}

.wel-fwms .wel-msxx .right .title {
  width: 100%;
  font-size: 80px;
  line-height: 94px;
  font-family: Anton-Regular;
  font-weight: 800;
  color: #CA8D59;
}

.wel-fwms .wel-msxx .right .subtitle {
  height: 29px;
  font-size: 30px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 30px;
}

.wel-fwms .wel-msxx .right .content {
  padding-top: 27px;
  width: 696px;
}

.wel-fwms .wel-xmlist {
  display: flex;
  padding-top: 90px;
}

.wel-fwms .wel-xmlist .item {
}

.wel-fwms .wel-xmlist .item .content {
  opacity: 0;
  position: absolute;
  width: 430px;
  height: 300px;
  background: url(../img/show.png) transparent no-repeat center;
  cursor: pointer;
  transition: .5s;
}

.wel-fwms .wel-xmlist .item .content:hover {
  opacity: 1;
  transition: .5s;
}

.wel-fwms .wel-xmlist .item .content .word {
  width: 370px;
  position: absolute;
  bottom: 30px;
  left: 20px;
}

.wel-fwms .wel-xmlist .item .content .word .h01 {
  font-size: 22px;
  font-weight: 800;
  color: #FFFFFF;
}

.wel-fwms .wel-xmlist .item .content .word .h02 {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
}

.wel-fwms .wel-xmlist li {
  list-style: none;
  padding-right: 15px;
}

.wel-fwms .wel-xmlist img {
  width: 430px;
  height: 300px;
}

.wel-fwms .wel-xmlist ul {
  /*鍥犱负鏄?0寮犵収鐗囷紝鍔犱笂闂磋窛锛屾墍浠l鐨勫鏄?450px*/
  width: 4450px;
  animation: move 20s infinite linear;
}

.wel-fwms .wel-xmlist .box {
  /*瓒呭嚭鐩掑瓙鐨勯儴鍒嗭紝闅愯棌*/
  overflow: hidden;
}

.wel-fwms .wel-xmlist .box li {
  float: left;
}

@keyframes move {
  to {
      transform: translateX(-2225px);
  }
}

.wel-fwms .wel-xmlist .box ul:hover {
  /*榧犳爣缁忚繃li鍚庯紝鍔ㄧ敾鏆傚仠*/
  animation-play-state: paused;
}

.wel-fwlb {
  width: 100%;
  height: 866px;
}

.wel-fwlb {
  display: flex;
}

.wel-fwlb .item {
  text-align: center;
  float: left;
  padding-left: calc((100% / 3 - 344px) / 2);
  padding-right: calc((100% / 3 - 344px) / 2);
  opacity: 0;
}

.wel-fwlb .item-index0 {
  padding-top: 100px;
}

.wel-fwlb .item-index1 {
  padding-top: 260px;
}

.wel-fwlb .item-index2 {
  padding-top: 180px;
}

.wel-fwlb .item-show {
  position: relative;
  animation: mymove 3s ease; /*ease鍗曟鎵ц鍔ㄧ敾锛宎nimation缁戝畾鍔ㄧ敾鏁堟灉*/
  -moz-animation: mymove 3s ease; /* Firefox */
  -webkit-animation: mymove 3s ease; /* Safari and Chrome */
  -o-animation: mymove 3s ease; /* Opera */
  opacity: 1;
  transition: 3s;
}

.wel-fwlb .item .line-index0 {
  height: 403px;
}

.wel-fwlb .item .line-index1 {
  height: 245px;
}

.wel-fwlb .item .line-index2 {
  height: 375px;
}

.wel-fwlb .item .img {
}

.wel-fwlb .item .title {
  font-size: 24px;
  font-weight: 800;
  color: #272636;
  line-height: 70px;
}

.wel-fwlb .item .content {
  width: 344px;
  text-align: left;
}

.wel-fwlb .item .line {
  width: 2px;
  background: -webkit-linear-gradient(top, #ffffff, #669AC9);
  margin-left: 171px;
  opacity: 0;
}

.wel-fwlb .wel-fwlist {
}

.wel-fwlb .item .line-show {
  position: relative;
  animation: mymove2 3s ease; /*ease鍗曟鎵ц鍔ㄧ敾锛宎nimation缁戝畾鍔ㄧ敾鏁堟灉*/
  -moz-animation: mymove2 3s ease; /* Firefox */
  -webkit-animation: mymove2 3s ease; /* Safari and Chrome */
  -o-animation: mymove2 3s ease; /* Opera */
  opacity: 1;
  transition: 3s;
}

@keyframes mymove {
  0% {
      top: 300px;
      opacity: 0;
  }
  100% {
      top: 0px;
      opacity: 1;
  }
}

@keyframes mymove2 {
  0% {
      top: 300px;
      opacity: 0;
  }
  60% {
      top: 0px;
      opacity: 0;
  }
  100% {
      top: 0px;
      opacity: 1;
  }
}

.wel-xw {
  padding-top: 75px;
  padding-bottom: 100px;
  display: flex;
}

.wel-xw .top {
  height: 70px;
}

.wel-xw .top .left {
  float: left;
  text-align: left;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.wel-xw .top .left .mytitle {
  width: 100%;
  height: 58px;
  cursor: pointer;
}

.wel-xw .top .left .mytitle .title {
  float: left;
  height: 41px;
  font-size: 42px;
  font-weight: bold;
  color: #272636;
  line-height: 41px;
}

.wel-xw .top .left .mytitle .prefix {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  height: 41px;
  font-size: 20px;
  font-weight: bold;
  color: #8F9599;
  line-height: 41px;
}

.wel-xw .top .left .mytitle .entitle {
  padding-top: 10px;
  float: left;
  height: 41px;
  font-size: 20px;
  color: #8F9599;
  line-height: 41px;
}

.wel-xw .top .left .subtitle {
  height: 23px;
  font-size: 24px;
  font-weight: 800;
  color: #272636;
  line-height: 23px;
}

.wel-xw .top .left .line {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 58px;
  height: 4px;
  background: #ED0748;
}

.wel-xw .top .right {
  float: right;
  padding-top: 60px;
}

.wel-xw .top .right .button {
  margin-left: 20px;
  float: left;
  width: 120px;
  height: 40px;
  background: #F5F6F8;
  border-radius: 20px;
  cursor: pointer;
  color: #909BA7;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}

.wel-xw .top .right .button-selected, .wel-xw .top .right .button:hover {
  background: #ED0748;
  color: #FFFFFF;
  transition: .5s;
}

.wel-xw .bottom {
  margin-top: 30px;
  display: flex;
}

.wel-xw .bottom .left {
  float: left;
  width: 578px;
  background: #F5F7F9;
  cursor: pointer;
}

.wel-xw .bottom .left .img {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 345px;
}

.wel-xw .bottom .left .img img {
  width: 100%;
  height: 100%;
  transition: .5s;
  overflow: hidden;
}

.wel-xw .bottom .left .img:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}

.wel-xw .bottom .left .img .time {
  position: absolute;
  margin-top: -56px;
  margin-left: 480px;
  font-size: 28px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 57px;
}

.wel-xw .bottom .left .word .title {
  text-align: center;
  padding-top: 30px;
  font-size: 20px;
  font-weight: 800;
  color: #272636;
  line-height: 23px;
}

.wel-xw .bottom .left .word .content {
  font-size: 16px;
  font-weight: 500;
  color: #6D7081;
  line-height: 29px;
  padding: 10px 30px 35px 35px;
}

.wel-xw .bottom .left:hover .word .title {
  color: #013D76;
}

.wel-xw .bottom .right {
  padding-left: 34px;
  float: right;
}

.wel-xw .bottom .right .flag {
  height: 250px;
}

.wel-xw .bottom .right .flag .item-flag {
  float: left;
  width: 281px;
  cursor: pointer;
}

.wel-xw .bottom .right .flag .item-flag:nth-child(2) {
  padding-left: 25px;
}

.wel-xw .bottom .right .flag .item-flag .img {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 183px;
}

.wel-xw .bottom .right .flag .item-flag .img img {
  width: 100%;
  height: 100%;
  transition: .5s;
  overflow: hidden;
}

.wel-xw .bottom .right .flag .item-flag:hover .title {
  color: #013D76;
}

.wel-xw .bottom .right .flag .item-flag .img:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}

.wel-xw .bottom .right .flag .item-flag .title {
  font-size: 18px;
  font-weight: 800;
  color: #272636;
  line-height: 50px;
}

.wel-xw .bottom .right .list {
  padding-top: 5px;
}

.wel-xw .bottom .right .list .item {
  border-bottom: 1px dashed #D6DCE6;
  height: 60px;
  cursor: pointer;
}

.wel-xw .bottom .right .list .item:nth-child(1) {
  border-top: 1px dashed #D6DCE6;
}

.wel-xw .bottom .right .list .item .title {
  font-size: 16px;
  font-weight: bold;
  color: #10132A;
  line-height: 60px;
  float: left;
}

.wel-xw .bottom .right .list .item:hover .title, .wel-xw .bottom .right .list .item:hover .time {
  color: #013D76;
}

.wel-xw .bottom .right .list .item .time {
  float: right;
  font-size: 16px;
  font-weight: bold;
  color: #A3A5AD;
  line-height: 60px;
}




.tech-banner {
  position: relative;
  overflow: hidden;
  background:#000;
  height: calc(100vh - 152px);
}

.tech-banner .con-text .banner-line {
  float: left;
  width: 405px;
  height: 64px;
  opacity: 0.6;
  border-bottom: 1px solid #FFFFFF;
}
.tech-banner .con-text .banner-title {
  float: left;
  letter-spacing: 3px;
  width: 400px;
  height: 66px;
  background: #ED0748;
  font-size: 42px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 60px;
}

.tech-banner .con-text .banner-entitle {
  clear: both;
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 45px;
  margin-left: 405px;
}

.tech-banner .con-text .banner-subtitle {
  clear: both;
  letter-spacing: 2px;
  font-size: 26px;
  font-weight: 500;
  color: #F9F5F4;
  line-height: 35px;
  text-align: left;
  padding-top: 40px;
  padding-left: 402px;
}

.tech-bt {
  padding-top: 80px;
  padding-bottom: 30px;
  display: flex;
}

.tech-bt .top {
  height: 110px;
}

.tech-bt .top .left {
  float: left;
  text-align: left;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.tech-bt .top .left .mytitle {
  width: 100%;
  height: 58px;
}

.tech-bt .top .left .mytitle .title {
  height: 41px;
  font-size: 42px;
  font-weight: bold;
  color: #272636;
  line-height: 41px;
}

.tech-bt .top .left .entitle {
  font-size: 18px;
  font-weight: bold;
  color: #8F9599;
  line-height: 41px;
}

.tech-bt .top .left .line {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 58px;
  height: 4px;
  background: #013D76;
}
.tech-list {
  display: flex;
  padding-bottom: 130px;
}
.tech-list .tech-items {

}
.tech-list .tech-items .ul-box {

}
.tech-list .tech-items .ul-box .li {
  float: left;
  width: calc((100% - 60px)/3);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  cursor: pointer;
}
.tech-list .tech-items .ul-box .li:first-child {
  margin-left: 0;
}
.tech-list .tech-items .ul-box .li:last-child {
  margin-right: 0;
}
.tech-list .tech-items .ul-box .li .img {
  width: 100%;
  height: 246px;
}
.tech-list .tech-items .ul-box .li .show {
  opacity: 0;
  position: relative;
  top: -246px;
  margin-bottom: -246px;
  width: 100%;
  height: 246px;
  background: url(../img/show.png) transparent no-repeat center;
  cursor: pointer;
  transition: .5s;
}
.tech-list .tech-items .ul-box .li .img img {
  width: 100%;
  height: 100%;
}
.tech-list .tech-items .ul-box .li .words {
  padding: 23px;
  background: #F5F7F9;
  transition: .5s;
}
.tech-list .tech-items .ul-box .li .words .t01 {
  font-size: 22px;
  font-weight: bold;
  color: #2B2B2B;
  line-height: 29px;
  transition: .5s;
}
.tech-list .tech-items .ul-box .li .words .t02 {
  padding-top: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #6D7081;
  line-height: 25px;
  transition: .5s;
}
.tech-list .tech-items .ul-box .li:hover .show {
  opacity: 1;
  transition: .5s;
}
.tech-list .tech-items .ul-box .li:hover .words {
  background: #013D76;
  transition: .5s;
}
.tech-list .tech-items .ul-box .li:hover .words .t01 {
  color: #FFFFFF;
  transition: .5s;
}
.tech-list .tech-items .ul-box .li:hover .words .t02 {
  color: #FFFFFF;
  transition: .5s;
}
.tech-pagination {
  padding-top: 20px;
  padding-bottom: 20px;
  clear: both;
}

.tech-details-banner {
  height: 790px;
}

.tech-details-banner img {
  /*-webkit-filter: brightness(60%); !*鑰冭檻娴忚鍣ㄥ吋瀹规€э細鍏煎 Chrome, Safari, Opera *!*/
  /*filter: brightness(60%);*/
}

.tech-details {
  background: #F3F5FA;
}

.tech-details-nav {
  padding-top: 81px;
  padding-bottom: 37px;
  background: #F3F5FA;
}

.tech-details-nav .word {
  margin-top: 60px;
}

.tech-details-nav .word .left {
  float: left;
  font-size: 16px;
  font-weight: 400;
  color: #0069FF;
  line-height: 22px;
}

.tech-details-nav .word .center {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;

}

.tech-details-nav .word .right {
  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.tech-details .detail-title {
  display: flex;
  padding-top: 90px;
  position: relative;
  top: -370px;
  background: #000;
  background: -webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,1) 100%);
  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /*FireFox*/
  background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  /* Opear */
  background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10鍙奍E10+*/
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 160px;
}

.tech-details .detail-title .title {
  font-size: 42px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 50px;
  max-width: 500px;
}

.tech-details .detail-title .position {
  padding-top: 40px;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 30px;
}

.tech-details .detail-title .position img {
  padding-right: 14px;
  width: 25px;
  height: 27px;
}

.tech-details .detail-title .left {
  float: left;
}

.tech-details .detail-title .left .mytitle {
  width: 100%;
  height: 58px;
}

.tech-details .detail-title .left .mytitle .title {
  float: left;
  font-size: 42px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 42px;
}

.tech-details .detail-title .left .mytitle .prefix {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 13px;
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 42px;
}

.tech-details .detail-title .left .mytitle .entitle {
  padding-top: 13px;
  float: left;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 42px;
}

.tech-details .detail-title .left .subtitle {
  padding-top: 28px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
}

.tech-details .detail-title .right {
  float: right;
}

.tech-details .detail-title .right .item {
  float: left;
  padding-left: 50px;
}

.tech-details .detail-title .right .item .h01 {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 20px;
}

.tech-details .detail-title .right .item .h02 {
  color: #FFFFFF;
}

.tech-details .detail-title .right .item .h02 .num {
  float: left;
  font-size: 80px;
  font-family: DINCond-Bold;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
  padding-top: 42px;
}

.tech-details .detail-title .right .item .h02 .unit {
  float: left;
  padding-top: 55px;
  font-size: 48px;
  font-family: DINCond-Bold;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
}

.tech-details .detail-box {
  position: relative;
  display: flex;
  top: -470px;
  background: #fff;
  padding: 50px;
  box-sizing: border-box;
  margin-bottom: -340px;
  clear: both;
}

.tech-details .detail-box .left {
  float: left;
  width: 100%;
}

.tech-details .detail-box .left .tit {
  margin-bottom: 37px;
}

.tech-details .detail-box .left .tit .span {
  font-size: 16px;
  display: block;
  color: #777;
}

.tech-details .detail-box .left .tit .text {
  float: left;
  font-size: 26px;
  font-weight: bold;
  color: #272636;
  line-height: 41px;
}

.tech-details .detail-box .left .tit .th02 {
  text-align: center;
  float: right;
  width: 150px;
  height: 34px;
  background: #013D76;
  border-radius: 17px;
}

.tech-details .detail-box .left .tit .th02 a {
  font-size: 14px;
  line-height: 34px;
  color: #ffffff;
  letter-spacing: 2px;
}

.tech-details .detail-box .left .tit .th02 img {
  padding-left: 5px;
  padding-bottom: 3px;
  width: 22px;
  height: 22px;
}

.tech-details .detail-box .left .tit .line {
  height: 55px;
  border-bottom: 1px solid #EAF0F3;
}

.tech-details .detail-box .left .con-details {
  line-height: 28px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin-bottom: 30px;
  font-size: 16px;
  color: #555C66;
}

.tech-details .detail-box .left .con-details img {
  max-width: 1220px;
  height: auto !important;
}

.tech-details .detail-box .left .details-bot {
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  box-sizing: border-box;
  padding-top: 40px;
}

.tech-details .detail-box .left .details-bot .prev {
  margin-bottom: 8px;
}

.tech-details .detail-box .left .details-bot .next {
  margin-bottom: 8px;
}

.tech-details .detail-box .left .details-bot .prev .one-page, .tech-details .detail-box .left .details-bot .next .one-page {
  float: left;
  margin-right: 12px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #333333;
  font-weight: bold;
  font-size: 14px;
  color: #999999;
}

.tech-details .detail-box .left .details-bot a {
  color: #333333;
  transition: .5s;
  line-height: 28px;
  font-weight: bold;
}

.tech-details .detail-box .left .details-bot .prev:hover .one-page {
  border: 1px solid #013D76;
  color: #013D76;
  transition: .5s;
}

.tech-details .detail-box .left .details-bot .prev:hover a {
  color: #013D76;
  transition: .5s;
}

.tech-details .detail-box .left .details-bot .next:hover .one-page {
  border: 1px solid #013D76;
  color: #013D76;
  transition: .5s;
}

.tech-details .detail-box .left .details-bot .next:hover a {
  color: #013D76;
  transition: .5s;
}











.contact-box {
  padding-top: 105px;
  box-sizing: border-box;
}

.contact-box .contact {
  border-top: 1px solid #dddddd;
  height: 856px;
  box-sizing: border-box;
}

.contact-box .contact .c-left {
  width: 40%;
  height: 100%;
}

.contact-box .contact .c-left .li {
  height: 50%;
  width: 100%;
  background: #ffffff;
  /*background: #151e49;*/
  font-size: 18px;
  color: #222;
  padding: 40px 65px;
  padding-left: 125px;
  box-sizing: border-box;
  line-height: 35px;
  cursor: pointer;
  position: relative;
  transition: .5s;
}

.contact-box .contact .c-left .li:after {
  position: absolute;
  width: 12px;
  height: 30px;
  content: "";
  background: url(../img/k16.png) no-repeat center;
  background-size: 100%;
  right: -12px;
  top: 0;
  bottom: 0;
  right: -12px;
  margin: auto;
  opacity: 0;
  transition: .5s;
  z-index: 10;
}

.contact-box .contact .c-left .li .tit {
  font-size: 30px;
  margin-bottom: 35px;
  line-height: 1.5;
}

.contact-box .contact .c-left .li.active {
  background: #151e49;
  color: #fff;
  transition: .5s;
}

.contact-box .contact .c-left .li.active:after {
  opacity: 1;
  transition: .5s;
}

.contact-box .contact .c-left .li.active .add:after {
  background: url(../img/k14.png) no-repeat center;
  background-size: 100%;
}

.contact-box .contact .c-left .add {
  padding-left: 26px;
  box-sizing: border-box;
  font-size: 14px;
  position: relative;
  height: 25px;
  margin-top: 32px;
  color: #222222;
  display: inline-block;
}

.contact-box .contact .c-left .li.active .add {
  color: #fff;
}

.contact-box .contact .c-left .add:after {
  position: absolute;
  height: 25px;
  width: 18px;
  left: 0;
  top: 0;
  content: "";
  background: url(../img/k15.png) no-repeat center;
  background-size: 100%;
}

.contact-box .contact .c-right {
  width: 60%;
  height: 100%;
}
.contact-map {
  width: 100%;
  height: 510px;
}
.contact-map .anchorBL {
  display: none;
}
.contact-info {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
}
.contact-info .left {
  float: left;
  width: calc(50% - 1px);
  display: flex;
  justify-content: center;
}
.contact-info .left .content {
  float: left;
}
.contact-info .left .content .mytitle {
  font-size: 26px;
  font-weight: bold;
  color: #272636;
  line-height: 30px;
}
.contact-info .left .content .line {
  margin-top: 15px;
  width: 71px;
  height: 3px;
  background: #ED0748;
}
.contact-info .left .content .h01 {
  font-size: 18px;
  font-weight: bold;
  color: #272636;
  line-height: 41px;
  padding-top: 30px;
}
.contact-info .left .content .h02 {
  font-size: 16px;
  font-weight: bold;
  color: #6D7081;
  line-height: 30px;
}
.contact-info .center {
  float: left;
  width: 1px;
  height: 300px;
  background: #6D7081;
  opacity: 0.15;
}
.contact-info .right {
  float: left;
  width: calc(50% - 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  text-align: center;
}
.contact-info .right .content {
  float: left;
}
.contact-info .right .content img {
  width: 163px;
  height: 163px;
}
.contact-info .right .content .h01 {
  font-size: 18px;
  font-weight: bold;
  color: #272636;
  line-height: 41px;
}
.contact-msg {
  padding-top: 60px;
  padding-bottom: 100px;
}
.contact-msg .top {
}
.contact-msg .top .mytitle {
  font-size: 28px;
  font-weight: bold;
  color: #272636;
  line-height: 35px;
  text-align: center;
}
.contact-msg .top .entitle {
  font-size: 14px;
  font-weight: 500;
  color: #8F9599;
  line-height: 35px;
  text-align: center;
}
.contact-msg .center {
  padding-top: 32px;
}
.contact-msg input, textarea, select, select option {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  border: 1px solid #F1F4F8;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  border-radius: 3px;
  background-color: #F1F4F8;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.contact-msg input::-webkit-input-placeholder,.contact-msg textarea::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 500;
  color: #8B97A7;
}
.contact-msg .center .input input {
  height: 34px;
}
.contact-msg .msg .textarea textarea {
  height: 134px;
}
.contact-msg .center .input {
  float: left;
  width: calc((100% - 90px)/3);
  margin-left: 17px;
  margin-right: 17px;
}
.contact-msg .center .input:first-child {
  margin-left: 0;
}
.contact-msg .center .input:last-child {
  margin-right: 0;
}
.contact-msg .msg .textarea {
  float: left;
  width: calc(100% - 22px);
  padding-top: 20px;
}
.contact-msg .bottom {
  width: 100%;
  height: 58px;
  clear: both;
  padding-top: 20px;
}
.contact-msg .bottom .btn {
  width: 100%;
  height: 58px;
  background: #ED0748;
  border-radius: 4px;
  font-size: 22px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}
.contact-ajax-msg {
  width: 100%;
  padding-top: 20px;
  height: 50px;
  font-size: 14px;
}

.contact-ajax-msg .alert {
  text-align: center;
  padding: 8px 8px 8px 8px;
  text-shadow: none;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #f9edbe;
  border: 1px solid #f0c36d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #333333;
}

.contact-ajax-msg .alert-success {
  background-color: #dff0d8;
  border-color: #a3d48e;
  color: #468847;
}

.contact-ajax-msg .alert-error {
  background-color: #f2dede;
  border-color: #dd4b39;
  color: #dd4b39;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}