@charset "utf-8";
/* CSS Document */

/*-----whole-----*/
/*-----whole-----*/
html {
  font-size: 100px;
}
body {
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  position: relative;
  overflow-x: hidden;
}

.contain {
  width: 1200px;
  margin: 0 auto;
}

/*初始化按钮*/
.btn {
  display: inline-block;
  text-align: center;
  padding: 0px;
  border: 0px;
  margin: 0px;
  position: relative;
  cursor: pointer;
}
.btn span {
  display: inline-block;
}
input.text,
textarea.text {
  display: block;
  padding: 0px;
  width: 100%;
  border: 0px;
  background: none;
  margin: 0px;
  resize: none;
}

/*--- Header ---*/
.Header-wrapper {
  z-index: 99;
  height: 100%;
}
.Header-wrapper .Header-cl {
  position: relative;
}
.header-container {
  width: 100%;
  margin: 0px auto;
  position: fixed;
  top: 0px;
  left: 0;
  padding: 0 4%;
  z-index: 90;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-container.act {
  box-shadow: 0 0 8px #666;
  
}
.header-container.act .H-nav .Hnav-menu {
  color: #333;
}
.header-container.act .H-nav > li.cur .Hnav-menu {
  color: #126636;
}
.header-container.act .H-logo img {
  display: none;
}
.header-container.act .H-logo img.rollover {
  display: inline-block;
}
.header-container.act .H-srch .Hsrch-menu {
  background: url(../images/icon-sq2.png) no-repeat center center;
}
.header-container.act .H-lang .Hlang-menu {
  color: #888;
}
.header-container.act .Huser-menu {
  background: url(../images/icon-em2.png) no-repeat center center;
}

/*logo*/
.H-logo {
  height: 70px;
  line-height: 70px;
  font-size: 0px;
  float: left;
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.H-logo img.rollover {
  display: none;
}

.H-action {
  float: right;
  margin: 0 1.16667% 0 0;
}
.H-action .split {
  display: block;
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.5);
  float: left;
  margin: 27px 0 0;
}

.H-lang,
.H-user,
.H-srch {
  height: 70px;
  float: left;
}

/*Hlang*/
.H-lang {
  position: relative;
}
.H-lang .Hlang-menu {
  display: block;
  width: 53px;
  height: 100%;
  height: 70px;
  line-height: 70px;
  transition: none;
  -webkit-transition: none;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.Hlang-menu.cur {
  background: url(../images/.png) no-repeat center center / 16px auto;
}
.Hlang-box {
  padding: 20px 0px;
  width: 200px;
  box-shadow: 1px 1px 10px #666;
  background: #fff;
  position: absolute;
  top: 70px;
  left: -76px;
  display: none;
}
.Hlang-box:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -8px;
  left: 50%;
  margin: 0 0 0 -4px;
}
.Hlang-box a {
  display: block;
  padding: 5px 20px;
  line-height: 30px;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
}
.Hlang-box a:hover {
  color: #fff;
  background: #0062b2;
}
.Hlang-box a.cur {
  color: #fff;
  background: #0062b2;
}
.Hlang-box a.CN {
  background-image: url(../images/icon-cn.png);
}
.Hlang-box a.JP {
  background-image: url(../images/icon-jp.png);
}
.Hlang-box a.EN {
  background-image: url(../images/icon-en.png);
}

/*Huser*/
.Huser-menu {
  display: block;
  width: 53px;
  height: 100%;
  background: url(../images/icon-huser.png) no-repeat center center;
  float: left;
}
.Huser-name {
  display: block;
  padding: 0 15px;
  line-height: 70px;
  color: #fff;
}

/*Hsrch*/
.H-srch .Hsrch-menu {
  display: block;
  width: 47px;
  height: 100%;
  background: url(../images/icon-hsrch.png) no-repeat center center;
}
.Hsrch-box {
  width: 100%;
  height: 70px;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  position: absolute;
  z-index: 2;
}
.Hsrch-block {
  padding: 0 0 0 4rem !important;
  width: 12rem !important;
  height: 32px;
  margin: 19px auto 0;
}
.Hsrch-block .btn {
  width: 24px;
  height: 32px;
  background: url(../images/icon-hsrch2.png) no-repeat center center;
  float: left;
}
.Hsrch-block .close {
  display: block;
  width: 24px;
  height: 32px;
  background: url(../images/icon-close.png) no-repeat center center;
  float: right;
}
.Hsrch-block .text {
  width: 70%;
  height: 32px;
  font-size: 16px;
  float: left;
  margin: 0 0 0 10px;
}
.Hsrch-block .text::-webkit-input-placeholder {
  color: #6f6f6f;
}
.Hsrch-menu.cur {
  display: none;
}

.Header-wrapper.Header-searching .H-logo img {
  display: none;
}
.Header-wrapper.Header-searching .H-logo img.rollover {
  display: inline-block;
}

/*Hnav*/
.H-nav {
  float: left;
  width: 66%;
  margin-left: 10%;
}
.H-nav > li {
  padding: 0 22px;
  float: left;
}
.H-nav .Hnav-menu {
  display: block;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  color: #fff;
  position: relative;
}
.Hnav-menu i {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/icon-dd1.png) no-repeat center center / 14px auto;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  display: none;
}
.Hnav-menu.cur i {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.Hnav-sub {
  padding: 48px 0;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 70px;
  left: 0px;
  display: none;
  border-top: 1px solid #eee;
}
.HnavSub-list {
  width: 39%;
  float: left;
  padding: 0 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HnavSub-list2 {
  width: 68%;
  float: left;
  padding: 0 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HnavSub-list li,.HnavSub-list2 li {
  width: 44%;
  float: left;
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 1% 5px 0;
  margin-bottom: 5px;
}
.HnavSub-list li:nth-child(2n),.HnavSub-list2 li:nth-child(2n) {
  float: right;
}
.HnavSub-list li a,.HnavSub-list2 li a {
  display: block;
  height: 35px;
  line-height: 35px;
  text-align: left;
  color: #666666;
  background: url(../images/icon/icon_sj.png) no-repeat left center;
  padding-left: 20px;
}
.H-nav > li.cur .Hnav-menu {
  color: #126636;
}
.HnavSub-list li.cur a,
.HnavSub-list li a:hover,
.HnavSub-list2 li.cur a,
.HnavSub-list2 li a:hover {
  color: #126636;
}

.HnavSub-box {
  padding: 0 0 0 3.91667%;
  width: 31.25%;
  color: #666;
  border-left: 1px solid #e5e5e5;
  position: relative;
  float: left;
}
.HnavSub-box .c {
  line-height: 30px;
  font-size: 14px;
}

.HnavSub-img {
  display: block;
  width: 24%;
  height: 173px;
  overflow: hidden;
  float: left;
}
.HnavSub-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media all and (min-width: 980px) {
  .H-lang:hover .Hlang-box {
    display: block;
    animation: fadeInUp 0.6s ease-in-out;
    -webkit-animation: fadeInUp 0.6s ease-in-out;
  }
  .H-nav > li:hover .Hnav-sub {
    display: block;
    animation: fadeInDown 0.6s ease-in-out;
    -webkit-animation: fadeInDown 0.6s ease-in-out;
  }
}

/*right menu*/
@keyframes fadeInUp {
  0% {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

/*--- Footer ---*/
.Footer-wrapper {
  color: #fff;
}
.F-cr {
  line-height: 20px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  background: #161616;
}
.F-cr .contain {
  border-top: 1px solid #2e2e2e;
  padding: 30px 0;
}
.F-cr-fl {
  float: left;
  width: 50%;
}
.F-cr-fl a {
  margin: 0px 8px;
  opacity: 0.5;
}
.F-cr-fl a:hover {
  opacity: 1;
}
.F-cr-fl a:first-child {
  margin-left: 0px;
}
.F-cr-fr {
  float: right;
  width: 50%;
  text-align: right;
}
.F-cr-fr a {
  vertical-align: middle;
}
.F-cr-fr a:hover {
  color: #fff;
}
.F-cr-fr p {
  margin-top: 10px;
}
.footer-container {
  padding: 56px 0 45px;
  background: #161616;
}
.F-nav {
  width: 20%;
  float: left;
}
.F-nav.F-nav2 {
  width: 18.0833%;
}
.F-nav dt,
.F-ct .top {
  line-height: 25px;
  font-size: 16px;
  position: relative;
  opacity: 0.7;
}
.F-nav dt i {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/icon-dd2.png) no-repeat center center / 14px auto;
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}
.F-nav dt.cur i {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.F-nav dd {
  margin: 15px 0 0;
}
.F-nav dd a {
  display: block;
  padding: 5px 0;
  line-height: 24px;
  opacity: 0.8;
}
.F-nav dd a:hover {
  opacity: 1;
}

.F-ct {
  width: 130px;
  float: right;
}
.F-ct .tel {
  line-height: 22px;
  color: rgba(255, 255, 255, 0.6);
  margin: 11px 0 0;
}
.F-ct .tel a {
  font-size: 18px;
  color: #fff;
}
.F-ct .adr {
  line-height: 22px;
  color: rgba(255, 255, 255, 0.6);
  margin: 7px 0 0;
}
.F-code {
  display: inline-block;
  text-align: center;
  margin: 18px 0 0;
}
.F-code .type {
  line-height: 22px;
  font-size: 13px;
  color: #b6b6b6;
  margin: 10px 0 0;
}
.F-split {
  width: 1px;
  height: 13px;
  background: #666;
  margin: 0px 10px;
  display: inline-block;
  vertical-align: middle;
}

#web-bnr {
  display: none;
}
#web-bnr .bnr-img {
  height: 390px;
}

/*--- Banner ---*/
#index-bnr {
  height: 690px;
}
.bnr-img {
  display: block;
  width: 100%;
  height: auto;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}

.index-bnr .bnr-img {
  height: 690px;
}
.index-bnr .swiper-pagination {
  font-size: 0px;
  bottom: 8.070175438596491% !important;
  opacity: 1;
}
.index-bnr .swiper-pagination-bullet {
  width: 5px;
  height: 7px;
  border-radius: 0px;
  background: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 8px;
  opacity: 1;
  vertical-align: middle;
}
.index-bnr .swiper-pagination-bullet-active {
  width: 5px;
  height: 20px;
  background: #126636;
  vertical-align: middle;
}
.index-bnr .bnr-bg {
  width: 100%;
  height: 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: absolute;
  top: 0px;
  left: 0px;
}

/*iBnr-1*/
.iBnr1-box {
  text-align: center;
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 40%;
  width: 1200px;
  margin-left: -600px;
  text-align: center;
}
.iBnr1-box .t1 {
  font-size: 60px;
  font-family: "Arial";
  font-weight: bold;
}
.iBnr1-box .t1,
.iBnr1-box .t2,
.iBnr1-box .t3 {
  line-height: 76px;
  margin-bottom: 30px;
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  opacity: 0;
  transition: all 0.6s ease-in-out 0.2s;
  -webkit-transition: all 0.6s ease-in-out 0.2s;
  transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
}
.iBnr1-box .t2 {
  transition: all 1s ease-in-out 0.2s;
  -webkit-transition: all 1s ease-in-out 0.2s;
  position: relative;
  max-width: 920px;
  margin: 0px auto 30px;
}
.iBnr1-box .t2:after {
  width: 120px;
  height: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  left: 0px;
  top: 50%;
  position: absolute;
}
.iBnr1-box .t2:before {
  width: 120px;
  height: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  right: 0px;
  top: 50%;
  position: absolute;
}
.iBnr1-box .t3 {
  transition: all 1.2s ease-in-out 0.2s;
  -webkit-transition: all 1.2s ease-in-out 0.2s;
  width: 180px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #fff;
  text-align: center;
  margin: 0px auto;
}
.iBnr1-box .t3:hover {
  background: #fff;
  color: #333;
  cursor: pointer;
}
.swiper-slide.swiper-slide-active .iBnr1-box .t1,
.swiper-slide.swiper-slide-active .iBnr1-box .t2,
.swiper-slide.swiper-slide-active .iBnr1-box .t3 {
  transform: translate(0, 0) scale(1);
  -webkit-transform: translate(0, 0) scale(1);
  opacity: 1;
}

.iBnr1-box .t2 {
  line-height: 34px;
  font-size: 18px;
  font-weight: lighter; /*text-transform:uppercase;*/
  font-family: "Arial"; /*letter-spacing:2px;*/
}
.iBnr1-box .iBnr1-block {
  width: 830px;
  height: 267px;
  background: url(../images/banner/iBnr1/iBnr1-bg.png) no-repeat center center /
    cover;
  position: relative;
  margin: -28px 0 0;
}
.iBnr1-block .orn1 {
  display: block;
  width: 89px;
  height: 89px;
  line-height: 89px;
  font-size: 18px;
  font-weight: lighter;
  position: absolute;
  left: 0px;
  top: 32px;
}

/*--- Container ---*/
/*-- 首页 --*/

/*内页banner 文字缓动1*/
.ypt-bann {
  padding-top: 100px !important;
}
.ypt-bann h2 {
  font-size: 28px !important;
  font-weight: lighter;
  text-align: left !important;
}
.ypt-bann h2 span {
  font-size: 56px !important;
}
.ypt-bann h3 {
  font-size: 16px !important;
  font-weight: lighter !important;
  text-align: left !important;
  line-height: 30px;
}
.bann h2,
.bann h1,
.bann h4,
.bnr-t1 h2 {
  animation: mymove 1s infinite;
  -webkit-animation: mymove 1s infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
@keyframes mymove {
  from {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0px);
  }
}
@-webkit-keyframes mymove {
  from {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0px);
  }
}

.pdtb70 {
  padding: 70px 0px;
}
.bann {
  height: 770px;
  color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 340px;
  position: relative;
}
.bann .t1 {
  font-size: 60px;
  text-align: center;
  margin-bottom: 20px;
}
.bann .t2 {
  margin-bottom: 10px;
  text-align: center;
}
.bann .t2 span {
  position: relative;
}
.bann .t2 span:after {
  content: "";
  position: absolute;
  left: 0%;
  top: 50%;
  width: 120px;
  height: 1px;
  margin-left: -150px;
  background: rgba(255, 255, 255, 0.2);
}
.bann .t2 span:before {
  content: "";
  position: absolute;
  right: 0%;
  top: 50%;
  width: 120px;
  height: 1px;
  margin-right: -150px;
  background: rgba(255, 255, 255, 0.2);
}
/*文字缓动2*/
.bann .t1,
.bann .t2 {
  animation: mymovet 0.8s infinite;
  -webkit-animation: mymovet 0.8s infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}

.bann .h1 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.bann .h2 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
}
.bann .h1,
.bann .h2 {
  animation: mymovet 0.8s infinite;
  -webkit-animation: mymovet 0.8s infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}

.page-dd {
  display: block;
  width: 58px;
  height: 58px;
  background: url(../images/icon/icon-Pdd.png) no-repeat center center;
  margin: 40px auto 0;
  animation: pageDD 1.8s linear infinite;
  -webkit-animation: pageDD 1.8s linear infinite;
  position: absolute;
  left: 50%;
  bottom: 5%;
  margin-left: -29px;
}
@keyframes pageDD {
  0% {
    transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(30px) scale(0.9);
    -webkit-transform: translateY(30px) scale(0.9);
    opacity: 0.2;
  }
  100% {
    transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    opacity: 1;
  }
}
@keyframes mymovet {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes mymovet {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}

/* 鍐呭鍖哄煙 */
.Business {
  margin-top: 90px;
}
.bsn-box .bsn-fl {
  width: 50%;
  float: left;
  position: relative;
}
.bsn-box .bsn-nt {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 70px;
  line-height: 70px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 4%;
}
.bsn-box .bsn-nt p {
  max-width: 80%;
}
.bsn-box .bsn-nt a.i_m {
  position: absolute;
  right: 4%;
  top: 54px;
  opacity: 0;
  border: 2px solid #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 47px;
  text-align: center;
  color: #fff;
}
.bsn-box .bsn-nt a.i_m:hover {
  background: #fff;
  color: #333;
}
.bsn-box .bsn-nt h4 {
  font-size: 28px;
  color: #fff;
  text-align: center;
}
.bsn-box .bsn-fl:hover .bsn-nt,
.bsn-box .bsn-fr:hover .bsn-nt {
  height: 190px;
  transition: all 0.6s linear;
  line-height: 35px;
  padding: 20px 4%;
}
.bsn-box .bsn-fl:hover h4,
.bsn-box .bsn-fr:hover h4 {
  text-align: left;
}
.bsn-box .bsn-fl:hover p,
.bsn-box .bsn-fr:hover p {
  color: #fff;
}
.bsn-box .bsn-fl:hover .bsn-nt p,
.bsn-box .bsn-fr:hover .bsn-nt p {
  margin-top: 10px;
}
.bsn-box .bsn-fl:hover a.i_m,
.bsn-box .bsn-fr:hover a.i_m {
  opacity: 1;
}
.bsn-box .bsn-fr {
  width: 50%;
  float: right;
  position: relative;
}
.ind-tit1 {
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: center;
  position: relative;
  margin-bottom: 45px;
  padding-bottom: 15px;
}
.ind-tit1:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 45px;
  height: 5px;
  background: #888;
  margin-left: -22px;
}

.ind-abt {
  margin-top: 95px;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 435px;
}
.ind-abt .intro {
  padding: 0px 5%;
  line-height: 30px;
  text-align: center;
}
.ind-abt dl {
  background: #fff;
  position: relative;
  padding: 70px 15%;
  overflow: hidden;
}
.ind-abt dl dd {
  float: left;
  text-align: center;
  width: 33.3333%;
}
.ind-abt dl dd span {
  font-family: "Arial";
  font-size: 40px;
  font-weight: bold;
  color: #126636;
  display: block;
  margin-bottom: 5px;
}

.ind-news {
  padding: 75px 0;
}
.ind-news h2 {
  font-size: 36px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 40px;
}
.ind-news .ind-news-fl {
  width: 70.83333%;
  float: left;
}
.ind-news .ind-news-fl li {
  position: relative;
}
.ind-news .ind-news-fl li img {
  width: 100%;
  height: 564px;
  object-fit: cover;
}
.ind-news .ind-news-fl li .note img {
  width: auto;
  height: auto;
}
.ind-news .ind-news-fl h4 {
  margin: 40px 0 20px;
}
.ind-news .ind-news-fl li .note {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  padding: 30px;
  z-index: 3;
}
.ind-news .ind-news-fl li:after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  z-index: 2;
  transition: all 0.4s ease-in-out;
}
.ind-news .ind-news-fl li p {
  line-height: 26px;
}
.ind-news .ind-news-fl li a {
  display: block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.ind-news .ind-news-fl li a:hover {
  background: #126636;
  border-color: #126636;
}
.ind-news .ind-news-fl li:first-child {
  width: 58.8235%;
  float: left;
  margin-right: 1.76%;
}
.ind-news .ind-news-fl li:last-child {
  float: right;
  width: 39%;
}
.ind-news .ind-news-fr {
  width: 28%;
  float: right;
}
.ind-news .ind-news-fr li {
  position: relative;
  overflow: hidden;
  height: 274px;
  transition: all 0.4s ease-in-out;
}
.ind-news .ind-news-fr li img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.ind-news .ind-news-fr li:last-child {
  margin-top: 16px;
}
.ind-news .ind-news-fr li .note {
  position: absolute;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  padding: 30px;
  z-index: 3;
}
.ind-news .ind-news-fr li .note a {
  display: block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.ind-news .ind-news-fr li .note img {
  width: auto;
  height: auto;
}
.ind-news .ind-news-fr li .note h4 {
  margin-top: 24px;
  font-size: 20px;
}
.ind-news .ind-news-fr li a:hover {
  background: #126636;
  border-color: #126636;
}

.wtshare a {
  display: inline-block !important;
  background-position: 0 0 !important;
  padding-left: 0 !important;
  line-height: auto !important;
  height: 36px !important;
  width: 36px !important;
  vertical-align: middle !important;
  margin: 0 0 0 10px !important;
}
.wtshare a.bds_fbook {
  background-image: url("../images/facebook.png");
}
.wtshare a.bds_twi {
  background-image: url("../images/twitter.png");
}
.wtshare a.bds_linkedin {
  background-image: url("../images/linkedin.png");
}

.wtouxiya {
  margin-left: 12px;
}
.wtouxiya span {
  width: 130px;
  height: 130px;
  display: block;
  padding: 11px;
  border: 1px solid #454545;
}
.wtouxiya span img {
  width: 100%;
  height: 100%;
}
.F-code {
  float: left;
}
.F-ct {
  width: 272px;
}
.wtaboimg {
  width: 100%;
  overflow: hidden;
  display: none;
}
.wtaboimg img {
  min-height: 180px;
  width: 100%;
  object-fit: cover;
}

.ind-news .date {
  font-size: 16px;
  color: #fff;
}
.ind-news p {
  color: #ffffff;
}
.ind-news h4 {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.other-ct {
  padding: 110px 0 130px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.other-ct ul li {
  width: 25%;
  float: left;
  padding: 0 4%;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
}
.other-ct ul li h5 {
  font-size: 20px;
  margin: 10px auto;
}
.other-ct li span {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  position: relative;
  top: 0px;
}
.other-ct li:hover span {
  top: -10px;
}

/* E能出行 */
.e_catebox {
  min-height: 100px;
}
.e_cate {
  border-bottom: 1px solid #e5e5e5;
  height: 100px;
}
.e_cate.catefix,
.pub_cate.catefix {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 2;
  background: #fff;
}
.e_cate ul li a {
  width: 25%;
  float: left;
  display: block;
  text-align: center;
  padding: 35px 0;
  font-size: 18px;
  height: 100px;
}
.e_cate ul li.cur a,
.e_cate ul li a:hover {
  background: #ececec;
}
.e_cate ul li a span {
  margin-right: 15px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  position: relative;
  top: 0px;
}
.e_cate ul li a:hover span {
  top: -5px;
}

.ego {
  padding: 110px 0 120px;
  overflow: hidden;
}
.ego .ego_fl {
  width: 50%;
  float: left;
}
.ego .ego_fr {
  width: 43.33333%;
  float: right;
}
.ego .ego_fl .ind-tit1 {
  text-align: left;
}
.ego .ego_fl .ind-tit1:after {
  left: 0px;
  margin-left: 0px;
}
.ego .ego_fl p {
  line-height: 30px;
  font-size: 16px;
}

.e_adv {
  background: #f2f2f2;
}
.e_adv ul li {
  width: 28%;
  float: left;
  text-align: center;
}
.e_adv ul li:nth-child(2) {
  margin: 0 8%;
}
.e_adv ul li h4 {
  margin: 40px 0 25px;
  font-size: 20px;
  color: #333;
}
.e_adv ul li p {
  line-height: 30px;
}
.e_adv ul li span {
  width: 140px;
  height: 140px;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
  margin: 0px auto;
  line-height: 140px;
  text-align: center;
}
.e_adv ul li:hover span {
  box-shadow: 1px 1px 8px #ccc;
}

.product_list {
  margin: 0 -12px;
}
.product_list_item {
  float: left;
  width: 33.33%;
  padding: 0 12px;
  margin-bottom: 15px;
}

.product_list_item a {
  display: block;
  position: relative;
}
.product_list_item a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #126636;
  opacity: 0;
  -webkit-transition: opacity 500ms, height 500ms;
  transition: opacity 500ms, height 500ms;
}
.product_list_image {
  position: relative;
}
.product_list_prod {
  display: table;
  width: 228px;
  height: 280px;
  margin: 0 auto;
  position: relative;
}
.product_list_prod_cell {
  display: table-cell;
  width: 100%;
  vertical-align: bottom;
  text-align: center;
}
.product_list_prod img {
  max-width: 100%;
  max-height: 334px;
  vertical-align: bottom;
}
.product_list_bg_box {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 24px;
}
.product_list_bg_box_inner {
  position: relative;
  width: 100%;
  padding-top: 50%;
  overflow: hidden;
}
.product_list_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: no-repeat center center;
}
.product_list_bg_mask {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  mix-blend-mode: lighten;
}
.product_list_txt {
  padding: 54px 0;
  text-align: center;
}
.product_list_txt h3 {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.025em;
  color: #333;
}
.product_list_txt p {
  padding-top: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.73;
  letter-spacing: -0.025em;
  color: #666;
}
.product_list_item a:hover:after {
  height: 4px;
  opacity: 1;
}

.product_list_bg:before,
.product_list_bg:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transition: bottom 300ms, top 300ms;
  transition: bottom 300ms, top 300ms;
}
.product_list_bg:before {
  top: 0;
  bottom: 50%;
}
.product_list_bg:after {
  top: 50%;
  bottom: 0;
}
.product_list_item a:hover:after {
  height: 4px;
  opacity: 1;
  -webkit-transition: opacity 150ms, height 500ms;
  transition: opacity 150ms, height 500ms;
}
.product_list_item a:hover .product_list_bg:before,
.product_list_item a:hover .product_list_bg:after {
  -webkit-transition: bottom 500ms, top 500ms;
  transition: bottom 500ms, top 500ms;
}
.product_list_item a:hover .product_list_bg:before {
  bottom: 100%;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 1)),
    color-stop(70%, rgba(255, 255, 255, 1)),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 70%,
    rgba(255, 255, 255, 0) 100%
  );
}
.product_list_item a:hover .product_list_bg:after {
  top: 100%;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(30%, rgba(255, 255, 255, 1)),
    to(rgba(255, 255, 255, 1))
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 1) 100%
  );
}

.more_pro {
  width: 180px;
  height: 50px;
  border: 1px solid #383838;
  text-align: center;
  color: #333;
  display: block;
  margin: 0px auto;
  line-height: 50px;
  vertical-align: middle;
}
.more_pro span {
  margin-right: 10px;
  position: relative;
  top: -1px;
}

/* 人才理念 */
.tDvpt-idea {
  background: #f2f2f2;
}
.tDvptIdea-wrap {
  position: relative;
  margin: 54px 0 0;
}
.tDvptIdea-box {
  width: 477px;
  height: 438px;
  margin: 0 auto;
  position: relative;
}
.tDvptIdea-box .logo1,
.tDvptIdea-box .logo2 {
  width: 100%;
  height: 100%;
  background: url(../images/tDvptIdea-logo2.png) no-repeat center center / cover;
  position: absolute;
  top: 0px;
  left: 0px;
}
.tDvptIdea-box:hover .logo1 {
  animation: IdataImg 0.8s linear;
  -webkit-animation: IdataImg 0.8s linear;
}

.tDvptIdea-box .con {
  width: 165px;
  height: 128px;
  position: absolute;
}
.tDvptIdea-box .con.con1 {
  left: 0px;
  top: 0px;
  transform-origin: 260px 229px;
  -webkit-transform-origin: 260px 229px;
}
.tDvptIdea-box .con.con2 {
  width: 164px;
  right: 0px;
  top: 0px;
  transform-origin: -102px 229px;
  -webkit-transform-origin: -102px 229px;
}
.tDvptIdea-box .con.con3 {
  height: 129px;
  left: 0px;
  bottom: 0px;
  transform-origin: 260px -98px;
  -webkit-transform-origin: 260px -98px;
}
.tDvptIdea-box .con.con4 {
  right: 0px;
  bottom: 0px;
  transform-origin: -102px -98px;
  -webkit-transform-origin: -102px -98px;
}

.tDvptIdea-block {
  padding: 17px 8px 19px;
  width: 20.6666%;
  line-height: 26px;
  min-height: 95px;
  color: #666666;
  position: absolute;
  font-size: 16px;
}
.tDvptIdea-block.block1 {
  left: 11%;
  top: -10px;
}
.tDvptIdea-block.block2 {
  right: 9%;
  top: 45px;
}
.tDvptIdea-block.block3 {
  left: 12%;
  bottom: -60px;
}
.tDvptIdea-block.block4 {
  right: 13%;
  bottom: -60px;
}

.worth ul li {
  width: 18.66666%;
  float: left;
  margin-left: 1.66666%;
  position: relative;
}
.worth ul li:first-child {
  margin-left: 0px;
}
.worth ul li span {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  line-height: 120px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  color: #fff;
}

/*人才引进*/
.tDvpt-intro .contain {
  position: relative;
}
.tDvpt-intro {
  padding: 91px 0 99px;
  background: #ccc url(../images/bg/join-bg.jpg) no-repeat center / cover;
}
.tDvpt-intro .ind-tit1 {
  color: #fff;
}
.tDvpt-intro .ind-tit1:after {
  background: #fff;
}
.tDvptIntro-list {
  width: 100%;
}
.tDvptIntro-list li {
  width: 100%;
}
.tdIntro-box {
  display: block;
  padding: 42px 9.210526315789474% 44px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.tdIntro-box .name {
  line-height: 30px;
  font-size: 20px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tdIntro-box .about {
  margin: 10px 0 0;
  position: relative;
  z-index: 2;
}
.tdIntro-box .about span {
  display: inline-block;
  padding: 0 0 0 21px;
  line-height: 20px;
  font-size: 14px;
  color: #888888;
  background: url(../images/icon/icon-label.png) no-repeat left center;
  margin: 0 0 0 9.354838709677419%;
}
.tdIntro-box .about span:first-child {
  margin: 0px;
}
.tdIntro-box .con {
  height: 72px;
  line-height: 24px;
  font-size: 14px;
  color: #888888;
  margin: 10px 0 0;
  position: relative;
  z-index: 2;
}
.tdIntro-box .btn {
  width: 52px;
  line-height: 28px;
  font-family: "Arial";
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  background: #b3b3b3;
  border: 1px solid #b3b3b3;
  margin: 29px 0 0;
  position: relative;
  z-index: 2;
  border-radius: 3px;
}

.tdIntro-box:hover {
  background: #126636;
  border-color: #126612;
}
.tdIntro-box:hover .name,
.tdIntro-box:hover .con,
.tdIntro-box:hover .about span,
.tdIntro-box:hover .btn {
  color: #fff;
}
.tdIntro-box:hover .about span {
  background-image: url(../images/icon/icon-label.png);
}
.tdIntro-box:hover .btn {
  border-color: #fff;
  background: #fff;
  color: #333;
}
.tdIntro-box .btn:hover {
  color: #277fcd;
  background: #fff;
}

.tdIntro-box .orn1 {
  width: 303px;
  height: 303px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.05);
  position: absolute;
  top: -99px;
  left: 7px;
}
.tdIntro-box .orn2 {
  width: 296px;
  height: 283px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: -99px;
  left: 205px;
}
.tdIntro-box .orn3 {
  width: 325px;
  height: 325px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 82px;
  left: 119px;
}

.tdIntro-box .orn1,
.tdIntro-box .orn2,
.tdIntro-box .orn3 {
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  opacity: 0;
}

.tdIntro-box .orn1 {
  transform: translate(90px, -90px);
  -webkit-transform: translate(90px, -90px);
}
.tdIntro-box .orn2 {
  transform: translate(90px, 0);
  -webkit-transform: translate(90px, 0);
}
.tdIntro-box .orn3 {
  transform: translate(0, 90px);
  -webkit-transform: translate(0, 90px);
}

.tdIntro-box:hover .orn1,
.tdIntro-box:hover .orn2,
.tdIntro-box:hover .orn3 {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.tDvpt-intro .pagination {
  margin: 51px 0 0;
}
.tDvpt-intro .swiper-button-prev {
  background: url(../images/sz-prev.png) no-repeat center;
  width: 66px;
  height: 133px;
  left: -150px;
}
.tDvpt-intro .swiper-button-next {
  background: url(../images/sz-next.png) no-repeat center;
  width: 66px;
  height: 133px;
  right: -150px;
}

/*详情*/
.cTeamModal-contain,
.picData-modal .picDataModal-contain,
.CIUAV-box,
.tdIntroModal-contain {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.tDvptIntro-modal {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  display: none;
  opacity: 0;
}
.tDvptIntro-modal .tdIntroModal-contain {
  width: 1029px;
  max-height: 92%;
  padding: 49px 0.96rem 53px;
  background: #fff;
  display: none;
}
.tdIntroModal-contain .tdIntroModal-top {
  padding: 0 0 20px;
  border-bottom: 1px solid #e5e5e5;
}
.tdIntroModal-top .name {
  line-height: 47px;
  font-size: 28px;
  float: left;
}
.tdIntroModal-top .about {
  float: right;
  margin: 15px 0 0;
}
.tdIntroModal-top .about span {
  display: inline-block;
  padding: 0 0 0 21px;
  line-height: 19px;
  font-size: 12px;
  color: #888888;
  background: url(/imagesicon-label.png) no-repeat left center;
  margin: 0 0 0 0.28rem;
}
.tdIntroModal-contain .tdIntroModal-con {
  padding: 0 10px 0 0;
  line-height: 28px;
  color: #666666;
  position: relative;
  overflow: hidden;
  margin: 22px 0 0;
}
.tdIntroModal-con .top {
  line-height: 31px;
  font-size: 18px;
}
.tdIntroModal-apply {
  padding: 37px 0 0;
  border-top: 1px solid #e5e5e5;
  margin: 35px 0 0;
}
.tdIntroModal-apply .btn {
  width: 180px;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #383838;
  background: #fff;
  border: 1px solid #383838;
}
.tdIntroModal-apply .btn span {
  padding: 0 0 0 41px;
  background: url(../images/icon-send.png) no-repeat left center;
}

.xz-modal {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  display: none;
}
.xz-modal .xz-modal-box {
  width: 800px;
  height: 92%;
  padding: 50px;
  background: #fff;
  display: block;
  position: absolute;
  top: 4%;
  left: 50%;
  margin-left: -400px;
}
.xz-modal .pst-rel {
  position: relative;
  height: 100%;
}
.xz-modal-box .content {
  width: 100%;
  height: 100%;
  position: absolute;
  line-height: 28px;
  overflow: hidden;
}
.xz-modal-action {
  position: absolute;
  right: -70px;
  top: 0px;
}
.xz-modal h2 {
  padding: 0 0 20px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 28px;
  color: #333;
  text-align: center;
  margin-bottom: 30px;
}
.xz-modal-box table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.xz-modal-box table td {
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 5px 10px;
}

.tdIntroModal-action {
  position: absolute;
  right: -70px;
  top: 0px;
}
.tdIntroModal-action .btn,
.xz-modal-action .btn {
  display: block;
  width: 70px;
  height: 70px;
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  margin: 0 0 1px;
}
.tdIntroModal-action .btn:after,
.xz-modal-action .btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.tdIntroModal-action .btn.close:after,
.xz-modal-action .btn:after {
  background: url(../images/icon-close2.png) no-repeat center center;
}
.tdIntroModal-action .btn.prev:after {
  background: url(../images/swiper2-r.png) no-repeat center center;
}
.tdIntroModal-action .btn.next:after {
  background: url(../images/swiper2-l.png) no-repeat center center;
}
.tdIntroModal-action .btn:hover:after {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}

.tdIntroModal-contain .tdIntroModal-loading {
  width: 100%;
  height: 100%;
  background: url(../images/loading.gif) no-repeat center center;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: none;
}
.tdIntroModal-con.ps-container .ps-scrollbar-y-rail {
  width: 5px;
  background: #eaeaea;
}
.tdIntroModal-con.ps-container .ps-scrollbar-y {
  width: 5px;
  background: #155e9f;
}

.School {
  background: #f2f2f2;
}
.School ul li {
  width: 23.75%;
  float: left;
  margin-left: 1.666666%;
  position: relative;
  cursor: pointer;
}
.School ul li:first-child {
  margin-left: 0px;
}
.School ul li .note {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  color: #fff;
  transform: translate(-50%, -50%);
}
.School ul li h4 {
  font-size: 20px;
  margin-top: 20px;
  font-weight: bold;
}

/* 投资者关系联系 */
.tzzbann {
  height: 599px;
}
.pub_cate {
  border-bottom: 1px solid #e5e5e5;
}
.pub_cate ul li a {
  padding: 30px 30px;
  float: left;
  display: block;
  text-align: center;
  font-size: 16px;
}
.pub_cate ul li.cur a,
.pub_cate ul li a:hover {
  background: #ececec;
}
.pub_cate ul li a span {
  margin-right: 15px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  position: relative;
  top: 0px;
}
.pub_cate ul li a:hover span {
  top: -5px;
}

.tzz {
  margin: 50px 0 100px;
}
.tzz h2 {
  font-size: 36px;
  color: #333;
  font-weight: bold;
  margin-bottom: 30px;
}
.tzz p {
  color: #666;
  font-size: 18px;
  line-height: 30px;
}
.tzz p a {
  color: #126636;
}

/*瑙嗛涓績*/
.In-video ul {
  overflow: hidden;
  margin-bottom: 30px;
}
.In-video ul li {
  width: 31.66666%;
  float: left;
  margin-bottom: 30px;
  margin-right: 2.1953333%;
  background: #f2f2f2;
  color: #666;
}
.In-video ul li:nth-child(3n) {
  margin-right: 0;
}
.In-video ul li p {
  position: relative;
  height: 210px;
}
.In-video ul li p span {
  position: absolute;
  width: 70px;
  height: 70px;
  background: url(../images/icon/icon-v1.png) no-repeat center / cover;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
}
.In-video ul li p span a {
  display: block;
  width: 70px;
  height: 70px;
}
.In-video ul li h4 a {
  display: block;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  text-align: center;
  padding: 0px 15px;
}
.In-video ul li:hover {
  background: #126636;
  color: #fff;
}

/*视频插件--视频窗口*/
.media-modal {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: none;
  opacity: 0;
}
.media-modal .mediaModal-contain {
  width: 720px;
  height: 480px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -240px 0 0 -360px;
  display: none;
}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay {
  width: 100% !important;
  height: 100% !important;
}
.mediaModal-contain .close {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../js/media/icon-close.png) no-repeat center center / cover;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.mediaModal-contain:hover .close {
  opacity: 1;
}
@media all and (max-width: 980px) {
  .mediaModal-contain .close {
    opacity: 1;
  }
  .media-modal .mediaModal-contain {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

/* 新闻详情页 */
.article-info {
  padding: 74px 0 96px;
  border-bottom: 1px solid #cccccc;
}

.artInfo-left {
  width: 70.16667%;
  float: left;
}
.artInfo-left .artInfo-name {
  line-height: 44px;
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.artInfo-left .artInfo-action {
  line-height: 22px;
  color: #888888;
  margin: 10px 0 0;
}
.artInfo-action .see {
  display: inline-block;
  padding: 0 0 0 23px;
  background: url(../images/icon-see2.png) no-repeat left center;
  margin: 0 0 0 40px;
}
.artInfo-left .artInfo-con {
  padding: 27px 0 0;
  line-height: 24px;
  color: #666666;
  border-top: 1px solid #e5e5e5;
  position: relative;
  overflow: hidden;
  margin: 24px 0 0;
}
.artInfo-con table tr td {
  border: 1px solid #666;
}

.artInfo-right {
  padding: 2px 0 0;
  width: 25.6667%;
  float: right;
}
.aIr-action {
  padding: 0 0 0 13px;
  position: relative;
  overflow: hidden;
}
.aIr-action:after {
  content: "";
  display: block;
  width: 1px;
  height: 26px;
  background: #cccccc;
  position: absolute;
  left: 1px;
  top: 10%;
}
.aIr-action .print-btn,
.aIr-action .share-btn {
  display: block;
  width: 36px !important;
  height: 36px !important;
  border-radius: 100%;
  background: #afafaf;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0 0 0 4px !important;
  float: left;
}
.bdsharebuttonbox {
  display: inline-block;
}
.aIr-action .print-btn {
  background-image: url(../images/icon-print.png);
}
.aIr-action .share-btn {
  background-image: url(../images/icon-share3.png) !important;
}
.aIr-action .rtn-btn {
  display: block;
  padding: 0 0 0 34px;
  line-height: 36px;
  color: #666666;
  background: url(../images/swiper4-l.png) no-repeat left center;
  float: right;
}

.aIr-page {
  padding: 12px 6.493506493506494% 10px;
  border: 10px solid #f3f3f3;
  margin: 34px 0 0;
}
.aIr-page li {
  padding: 20px 0;
  color: #666666;
}
.aIr-page li:first-child {
  border-bottom: 1px solid #ececec;
}
.aIr-page li .type {
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.aIr-page li .date {
  padding: 0 0 0 9.7222%;
  line-height: 24px;
  font-family: "CenturyGothic";
}
.aIr-page li .name {
  line-height: 28px;
  font-size: 16px;
  font-weight: 600;
  color: #666;
}

/* 新闻列表页 */
.F-news {
  padding: 40px 0;
  background: #f2f2f2;
}
.In-news .swiper-slide {
  background: #fff;
}
.In-news .F-news-fl {
  width: 65.833333%;
  float: left;
}
.In-news .F-news-fl img {
  width: 100%;
  max-height: 440px;
  object-fit: cover;
}
.In-news .F-news-fr {
  width: 34.16666%;
  float: right;
  padding: 60px 40px;
}
.In-news .F-news-fr h4 {
  font-size: 26px;
  color: #333;
  font-weight: bold;
}
.In-news .F-news-fr p.info {
  margin: 20px auto;
  line-height: 28px;
}
.In-news .F-news-fr a:hover {
  color: #126636;
}
.In-news .F-news-fr .more {
  color: #126636;
}
.In-news .swiper-pagination {
  left: 69% !important;
  text-align: left;
  bottom: 40px !important;
}
.In-news .swiper-pagination-bullet-active {
  background: #126636;
}

.In-newsL {
  padding: 50px 0;
}
.In-newsL ul li {
  width: 31.66666%;
  float: left;
  margin-bottom: 30px;
  margin-right: 2.1953333%;
  color: #333;
}
.In-newsL ul li:nth-child(3n) {
  margin-right: 0;
}
.In-newsL ul li .note {
  border: 1px solid #e5e5e5;
  padding: 40px 30px;
}
.In-newsL ul li img {
  width: 100%;
  height: 212px;
  object-fit: cover;
}
.In-newsL ul li .date {
  font-size: 16px;
  font-weight: bold;
}
.In-newsL ul li h4 {
  margin: 25px 0 40px;
  font-weight: bold;
  font-size: 20px;
  height: 50px;
  line-height: 25px;
  overflow: hidden;
}
.In-newsL ul li h4:hover {
  color: #126636;
}
.In-newsL ul li a.more {
  color: #126636;
}

/* 产品详情页02 */
.proct {
  overflow: hidden;
}
.proct-fl {
  width: 50%;
  float: left;
  height: 600px;
}
.proct-fl img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.proct-fr {
  width: 50%;
  float: right;
  padding: 2% 5%;
  background: #f2f2f2;
  height: 600px;
}
.proct-fr h4 {
  font-size: 32px;
  font-weight: bold;
  color: #333;
  margin-bottom: 50px;
}
.proct-fr dl dd {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 25px;
  position: relative;
  padding-left: 10px;
}
.proct-fr dl dd:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 13px;
  width: 4px;
  height: 4px;
  background: #747474;
  border-radius: 50%;
}
.proct-fr dl dd span {
  font-weight: bold;
}

/* 监管披露 */
.In-notice {
  padding: 50px 0;
}
.In-notice h2 {
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.nttab {
  margin: 30px 0 35px;
  height: 40px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}
.nttab a {
  margin-bottom: 20px;
}
.nttab.cur {
  height: auto;
}
.nttab a {
  /* width: 15%; */
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: #666;
  font-size: 16px;
  border: 1px solid #ccc;
}
.nttab a:hover,
.nttab a.cur {
  border-color: #383838;
  color: #333;
}

.nttab-more {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding-bottom: 30px;
}
.nttab-more p {
  width: 230px;
  height: 35px;
  line-height: 30px;
  margin: 0px auto;
  border: 1px solid #eee;
  border-top: 1px solid #fff;
  top: -1px;
  background: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -115px;
  cursor: pointer;
}
.nttab-more p span {
  display: inline-block;
  transition: all 0.1s ease-in-out;
}
.nttab-more.cur span {
  transform: rotate(180deg);
}

.In-notice ul {
  margin-bottom: 50px;
}
.In-notice ul li {
  padding: 0px 35px;
  border-top: 1px solid #e5e5e5;
  position: relative;
}
.In-notice ul li:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.In-notice ul li .date {
  position: absolute;
  right: 35px;
  top: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  text-align: center;
}
.In-notice ul li h4 {
  padding: 57px 48px 57px 0;
  font-size: 18px;
  color: #333;
  background: url(../images/icon_down_pdf.png) no-repeat left center;
  padding-left: 48px;
}
.In-notice ul li .date span {
  font-size: 42px;
  font-family: Arial;
  font-weight: bold;
  color: #333;
}
.In-notice ul li .date p {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
}

.wyh-list {
  overflow: hidden;
}
.wyh-list dl {
  width: 48.33333%;
  float: left;
  margin-bottom: 20px;
  min-height: 200px;
}
.wyh-list dl:nth-child(2n) {
  float: right;
}
.wyh-list dl dt {
  height: 50px;
  line-height: 50px;
  background: #ececec;
  padding: 0px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.wyh-list dl dd {
  height: 50px;
  line-height: 50px;
  padding: 0px 20px;
  border-bottom: 1px solid #ececec;
  font-size: 16px;
}

.tzz-list {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.tzz-list .tzz-ti {
  font-weight: bold;
  font-size: 18px;
  color: #333;
  border-left: 2px solid #9d9d9d;
  padding-left: 10px;
}
.tzz-list p {
  margin: 20px 0;
  line-height: 28px;
  font-size: 15px;
}
.tzz-list a.more {
  background: url(../images/icon_pdf.png) no-repeat left center;
  padding: 10px 0 10px 40px;
}

/*董事*/
.InvGvrcBOD-list {
  padding: 52px 0 60px;
  border-bottom: 1px solid #e5e5e5;
}
.InvGvrcBOD-list dt {
  line-height: 36px;
  font-size: 24px;
  color: #333;
}
.InvGvrcBOD-list ul {
  width: 105%;
  margin: 0 0 0 -5%;
}
.InvGvrcBOD-list ul li {
  width: 33.3333%;
  padding: 25px 0 0 4.761904761904762%;
  float: left;
  border-top: 0px;
}
.InvGvrcBOD-list ul li:last-child {
  border: 0px;
}
.InvGvrcBOD-box .InvGvrcBOD-top {
  padding: 23px 15.5555% 20px 10.8333%;
  color: #fff;
  background: #ebecec;
  position: relative;
}
.InvGvrcBOD-top .name {
  padding: 0 0 10px;
  line-height: 26px;
  font-size: 20px;
  border-bottom: 1px solid #dadada;
  color: #333;
  font-weight: bold;
}
.InvGvrcBOD-top .job {
  line-height: 26px;
  opacity: 0.7;
  margin: 5px 0 0;
  color: #666;
  white-space: nowrap;
}
.InvGvrcBOD-top .btn {
  width: 16px;
  height: 31px;
  background: url(../images/icon/icon-dd2.png) no-repeat center center / cover;
  position: absolute;
  right: 5.5555%;
  top: 50%;
  margin-top: -15px;
}
.InvGvrcBOD-box .InvGvrcBOD-block {
  padding: 27px 8.8889% 34px;
  border: 1px solid #e5e5e5;
}
.InvGvrcBOD-block .con {
  height: 140px;
  line-height: 28px;
  color: #666666;
  overflow: hidden;
}
.InvGvrcBOD-block .btn {
  padding: 0 0 0 28px;
  line-height: 22px;
  color: #666666;
  background: url(../images/icon/icon-see.png) no-repeat 2px center;
  margin: 25px 0 0;
}
.InvGvrcBOD-box:hover {
  box-shadow: 0 0 10px 4px #e1e1e1;
  transform: translate3d(0, -2px, 0);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.InvGvrcBOD-list:last-child {
  border: 0px;
}

/*管理团队*/
.comTeam-modal {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: none;
  opacity: 0;
}
.cTeamModal-contain {
  padding: 47px 0.7rem;
  width: 1028px;
  height: 500px;
  text-align: center;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  display: none;
}
.cTeamModal-contain .name {
  line-height: 55px;
  font-size: 36px;
  font-weight: 600;
}
.cTeamModal-contain .position {
  line-height: 27px;
  font-size: 16px;
  color: #666666;
  margin: 10px 0 0;
}
.cTeamModal-contain .con {
  padding: 22px 0 0;
  line-height: 30px;
  text-align: left;
  color: #666666;
  border-top: 1px solid #e5e5e5;
  margin: 30px 0 0; overflow:auto; height:280px;
}
.cTeamModal-contain .cTeamModal-loading {
  width: 100%;
  height: 100%;
  background: url(../images/loading.gif) no-repeat center center;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: none;
}

.cTeamModal-info {
  padding: 0 20px 0 0;
  height: 406px;
  overflow: hidden;
  position: relative;
}
.cTeamModal-info.ps-container .ps-scrollbar-y-rail {
  width: 5px;
  background: #eaeaea;
}
.cTeamModal-info.ps-container .ps-scrollbar-y {
  width: 5px;
  background: #155e9f;
}

.cTeamModal-action {
  position: absolute;
  right: -70px;
  top: 0px;
}
.cTeamModal-action .btn {
  display: block;
  width: 70px;
  height: 70px;
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  margin: 0 0 1px;
}
.cTeamModal-action .btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.cTeamModal-action .btn.close:after {
  background: url(../images/icon-close2.png) no-repeat center center;
}
.cTeamModal-action .btn.prev:after {
  background: url(../images/swiper2-r.png) no-repeat center center;
}
.cTeamModal-action .btn.next:after {
  background: url(../images/swiper2-l.png) no-repeat center center;
}
.cTeamModal-action .btn:hover:after {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}

/* 智能家居 */
.Intelligence {
  background-position: center center;
  color: #666;
}
.Intelligence .ind-tit1 {
  color: #fff;
}
.Intelligence .ind-tit1:after {
  background: #fff;
}
.Intelligence ul li {
  width: 23.3333%;
  float: left;
  margin-left: 2.08%;
  background: #fff;
  padding: 80px 30px 40px;
  text-align: center;
  line-height: 28px;
  position: relative;
  min-height: 310px;
}
.Intelligence ul li:first-child {
  margin-left: 0;
}
.Intelligence ul li h4 {
  color: #333;
  font-size: 20px;
  margin: 25px auto;
}
.Intelligence ul li span {
  position: absolute;
  left: 50%;
  top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  box-shadow: 0 0 8px #666;
  text-align: center;
}
.Intelligence ul li:hover span {
  background: rgba(255, 255, 255, 1);
}

/* 联系我们 */
.ct-fs {
  background: #f3f3f3;
}
.ct-fs ul {
  padding: 60px 40px;
  background: #fff;
  overflow: hidden;
  position: relative;
  top: -65px;
}
.ct-fs ul li {
  /* width: 25%;
  float: left; */
  text-align: center;
  line-height: 24px;
}
.ct-fs ul li span {
  position: relative;
  top: 0px;
  transition: all 0.5s ease-in-out;
}
.ct-fs ul li:hover span {
  top: -10px;
}
.ct-fs ul li h4 {
  font-weight: bold;
  margin: 20px 0px;
}
.message .ind-tit1 {
  margin-bottom: 25px;
}
.message .info {
  text-align: center;
  margin-bottom: 40px;
}
.message ul li {
  width: 48%;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.message ul li:nth-child(2n) {
  margin-right: 0px;
}
.message ul li:last-child {
  width: 100%;
}
.message ul li input {
  width: 100%;
  height: 50px;
  border: 1px solid #e5e5e5;
  padding: 0px 10px;
}
.message ul li select {
  width: 100%;
  height: 50px;
  border: 1px solid #e5e5e5;
  padding: 0px 10px;
}
.message p textarea {
  width: 100%;
  height: 200px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  display: block;
}
.vcode {
  margin-top: 20px;
  position: relative;
}
.vcode .inp-code {
  width: 240px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #e5e5e5;
  padding: 0px 10px;
  margin-right: 5px;
}
.vcode .inp-submit {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 240px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #383838;
  color: #333;
  background: none;
  font-size: 16px;
  cursor: pointer;
}
.vcode .inp-submit:hover {
  background: #383838;
  color: #fff;
}
.vcode .inp-submit.loading {
  background-color: #383838;
  color: #fff;
  border-color: #383838;
  cursor: wait;
  opacity: 0.9;
}

/* 欧西亚改 */
.Ab_note h4 {
  text-align: center;
  font-size: 32px;
  font-weight: lighter;
  margin-bottom: 30px;
}
.Ab_note p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: center;
}
.Ab_honor .hn-pic {
  height: 220px;
}
.Ab_honor .ind-tit1 {
  margin-bottom: 25px;
}
.Ab_honor p {
  text-align: center;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 30px;
}
.Ab_honor .hn-tit {
  height: 220px;
  background: #b3b3b3;
  position: relative;
}
.Ab_honor .hn-tit span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.Ab_honor .swiper-wrapper {
  padding-bottom: 70px;
}
.Ab_honor .swiper-pagination-bullet-active {
  background: #126636;
}
.Ab_honor .hn-tit:after {
  position: absolute;
  left: 0px;
  top: -10px;
  content: "";
  height: 0;
  width: 0;
  border-bottom: 10px solid #b3b3b3;
  border-left: 10px dashed transparent;
  border-right: 10px dashed transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  opacity: 1;
  z-index: 2;
}
.Ab_honor .swiper-slide:nth-child(2n) .hn-tit:after {
  top: auto;
  bottom: -10px;
  border-bottom: 0px;
  border-top: 10px solid #b3b3b3;
}

/* 联系我们 */
.ctme {
  padding: 120px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ctme .ind-tit1 {
  color: #fff;
  margin-bottom: 25px;
}
.ctme .ind-tit1:after {
  background: #fff;
}
.ctme .info {
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.ctme ul {
  max-width: 940px;
  margin: 70px auto 0;
  font-size: 16px;
}
.ctme ul li {
  width: 32%;
  margin-left: 2%;
  float: left;
  background: #fff;
  padding: 20px 30px;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ctme ul li:first-child {
  margin-left: 0%;
}
.ctme ul li h4 {
  margin: 17px 0 5px;
}
.ctme ul li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
}

.Ab_pro {
  border-top: 1px solid #e5e5e5;
}
.pro-one {
  overflow: hidden;
}
.pro-one .cont {
  float: left;
  width: 50%;
  padding: 5% 12%;
}
.pro-one .cont .ind-tit1 {
  text-align: left;
}
.pro-one .cont .ind-tit1:after {
  left: 0px;
  margin-left: 0px;
}
.pro-one .cont h4 {
  font-size: 24px;
  color: #333;
  font-weight: lighter;
  margin-bottom: 20px;
}
.pro-one .cont p {
  line-height: 28px;
}
.pro-one .pic {
  float: right;
  width: 50%;
}
.pro-one .cont a {
  display: block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #333;
  font-size: 16px;
  border: 1px solid #333;
  margin-top: 80px;
}

.pro-two {
  overflow: hidden;
}
.pro-two .cont {
  float: right;
  width: 50%;
  padding: 5% 12%;
}
.pro-two .cont .ind-tit1 {
  text-align: left;
}
.pro-two .cont .ind-tit1:after {
  left: 0px;
  margin-left: 0px;
}
.pro-two .cont h4 {
  font-size: 24px;
  color: #333;
  font-weight: lighter;
  margin-bottom: 20px;
}
.pro-two .cont p {
  line-height: 28px;
}
.pro-two .pic {
  float: left;
  width: 50%;
}
.pro-two .cont a {
  display: block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #333;
  font-size: 16px;
  border: 1px solid #333;
  margin-top: 80px;
}

/*关于我们*/
.In-about {
  padding: 95px 0px;
  text-align: center;
}
.In-about ul li {
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #666;
  font-size: 16px;
  border: 1px solid #d2d2d2;
  display: inline-block;
  cursor: pointer;
  margin: 0px 5px;
}
.In-about ul li.cur,
.In-about ul li:hover {
  border: 1px solid #333;
  color: #333;
}
.In-about p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin: 35px auto;
}

.Hteam {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.Hteam .ind-tit1 {
  color: #fff;
}
.Hteam .ind-tit1:after {
  background: #fff;
}
.Hteam .swiper-container {
  padding-top: 110px;
  padding-bottom: 60px;
}
.Hteam .Hteam-tit {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  position: relative;
  text-align: center;
  padding: 95px 20px 20px;
}
.Hteam .Hteam-tit span {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 205px;
  height: 205px;
  margin-left: -103px;
  margin-top: -103px;
}
.Hteam .Hteam-tit h4 {
  font-size: 24px;
  font-weight: bold;
}
.Hteam .Hteam-tit p {
  font-size: 16px;
  line-height: 34px;
}
.Hteam .Hteam-tit img {
  border-radius: 100%;
  width: 175px;
  height: 175px;
  box-shadow: 0px 0px 10px #333;
}
.Hteam .note {
  background: #fff;
  padding: 20px;
  height: 205px;
}
.Hteam .note p {
  line-height: 26px;
}
.Hteam .swiper-pagination .swiper-pagination-bullet {
  background: none;
  border: 2px solid #136535;
}
.Hteam .swiper-pagination .swiper-pagination-bullet-active {
  background: #136535;
}

.social-box {
  position: relative;
  height: 600px;
  overflow: hidden;
  color: #fff;
}
.social-box-abs {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.social {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  text-align: center;
  transform: matrix(1.1, 0, 0, 1.1, 0, 0);
  -webkit-transition: all 0.4s ease 1.2s;
  -moz-transition: all 0.4s ease 1.2s;
  -ms-transition: all 0.4s ease 1.2s;
  -o-transition: all 0.4s ease 1.2s;
  transition: all 0.4s ease 1.2s;
  object-fit: cover;
}
.social-box .contain {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
.social.active {
  transition-delay: 0.4s !important;
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: all 5s ease;
  -moz-transition: all 5s ease;
  -ms-transition: all 5s ease;
  -o-transition: all 5s ease;
  transition: all 5s ease;
}
.social-box .ind-tit1 {
  color: #fff;
}
.social-box .ind-tit1:after {
  background: #fff;
}
.social-box p {
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 16px;
}

.honor {
  overflow: hidden;
}
.honor .ind-tit1 {
  margin-bottom: 20px;
}
.honor .info {
  margin-bottom: 45px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}
.honor .honor-fl {
  width: 50%;
  float: left;
}
.honor .honor-fl dl dd {
  padding: 32px 0 33px 80px;
  background: url(../images/icon_pdf.png) no-repeat 15px center;
  border-bottom: 1px solid #f1f1f1;
  font-size: 16px;
  color: #666;
}
.honor .honor-fl dl dd:hover {
  border: 1px solid #126636;
  background: url(../images/icon_pdfon.png) no-repeat 15px center;
}
.honor .honor-fr {
  width: 48.6666666%;
  float: right;
}
.honor .swiper-container {
  padding-bottom: 50px;
}
.honor .swiper-pagination .swiper-pagination-bullet {
  background: none;
  border: 1px solid #126636;
  opacity: 1;
  width: 10px;
  height: 10px;
}
.honor .swiper-pagination .swiper-pagination-bullet-active {
  background: #126636;
}

.comInvest-list {
  margin: 72px 0 0;
}
.comInvest-list li {
  width: 15.625%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  float: left;
  position: relative;
  border-left: 2px solid #fff;
}
.cInvest-con {
  position: absolute;
  width: 100%;
  height: 130px;
  top: 85px;
  left: 0px;
  padding: 0px 30px;
}
.comInvest-list li.cur {
  width: 37.5%;
}
.cInvest-con .type {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  float: left;
  width: 100%;
  float: left;
}
.cInvest-con .con {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  width: 70%;
  float: right;
  opacity: 0;
  max-height: 230px;
  overflow: hidden;
}
.comInvest-list li.cur .cInvest-con .con {
  opacity: 1;
  padding-left: 25px;
}
.comInvest-list li.cur .type {
  width: 30%;
  border-right: 1px solid #8b8f99;
}

.his {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 780px;
}
.his .ind-tit1 {
  color: #fff;
  margin-bottom: 25px;
}
.his .ind-tit1:after {
  background: #fff;
}
.his .info {
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 100px;
}

.qywh .info {
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}

#histime {
  position: relative;
  height: 220px;
}
#histime .contain {
  position: relative;
}
#histime:after {
  position: absolute;
  left: 0px;
  top: 50%;
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin-top: -12px;
}
#histime .date {
  font-size: 48px;
  font-weight: bold;
  font-family: Arial;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
}
#histime .date:after {
  width: 15px;
  height: 15px;
  background: #fff;
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0px;
  bottom: -50px;
}
#histime .note {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  margin-top: 80px;
}
#histime .date span {
  font-size: 22px;
}
#histime .swiper-container {
  width: calc(100% - 180px);
}
#histime .swiper-button-prev {
  background: url(../images/icon/icon-hisp.png) no-repeat center;
  top: 31%;
}
#histime .swiper-button-next {
  background: url(../images/icon/icon-hisn.png) no-repeat center;
  top: 31%;
}

/*公告和通函*/
.Inv-ANC {
  padding: 40px 0 100px;
}
.InvANC-left,
.InvReport-left,
.InvSPI-left,
.InvSHS-left,
.InvIRC-left,
.InvFAQ-left,
.InvEmailTips-left {
  width: 100%;
  margin: 35px 0 0;
}
.In-notice .InvANC-list li {
  padding: 43px 100px 37px 2.9166%;
  border: 1px solid #fff;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}
.In-notice .InvANC-list li:first-child {
  border-top: 1px solid #f1f1f1;
}
.InvANC-list li a {
  display: block;
  padding: 15px 0 15px 69px;
  line-height: 30px;
  font-size: 16px;
  background: url(../images/icon/icon-pdf.png) no-repeat left center;
}
.InvANC-list li .date {
  text-align: center;
  position: absolute;
  top: 50%;
  right: 3.25%;
  margin-top: -32.5px;
}
.InvANC-list li .date .day {
  font: bold 48px/45px "Arial";
  color: #333;
}
.InvANC-list li .date .year {
  font: bold 14px/20px "Arial";
  color: #666666;
}
.InvANC-list li:hover a {
  background-image: url(../images/icon/icon-pdf2.png);
}
.InvANC-list li:hover .date .day,
.InvANC-list li:hover .date .year {
  color: #005bac;
}

#staff {
  padding-bottom: 50px;
}
#staff .swiper-pagination-bullet-active {
  background: #126636;
}

.Head_xl {
  width: 100%;
  overflow: hidden;
}
.Head_xl dd {
  width: 24%;
  float: left;
  position: relative;
  height: 180px;
  overflow: hidden;
  margin-left: 1.33333333%;
}
.Head_xl dd:first-child {
  margin-left: 0px;
}
.Head_xl dd span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.Head_xl dd img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.Head_xlt {
  width: 100%;
  overflow: hidden;
}
.Head_xlt dd {
  width: 23%;
  float: left;
  position: relative;
  height: 180px;
  overflow: hidden;
  margin-left: 2.66666666%;
}
.Head_xlt dd:after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  content: "";
}
.Head_xlt dd img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.Head_xlt dd span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-align: center;
  z-index: 3;
}
.Head_xlt dd:first-child {
  margin-left: 0px;
}

.Head_shop {
  width: 25%;
  float: right;
  padding-left: 60px;
  border-left: 1px solid #e5e5e5;
}
.Head_shop .jd {
  margin-top: 20px;
}

.goshop {
  padding: 50px 0;
}
.goshop a {
  display: block;
  width: 180px;
  height: 56px;
  margin: 0px auto;
  border: 1px solid #383838;
  line-height: 56px;
  text-align: center;
  color: #333;
}
.goshop span {
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../images/icon_shop.png) no-repeat center;
  margin-right: 5px;
  position: relative;
  top: 5px;
}
.goshop a:hover {
  color: #126612;
  border-color: #126612;
}
.goshop a:hover span {
  background: url(../images/icon_shop2.png) no-repeat center;
}

.goTop {
  cursor: pointer;
  position: fixed;
  right: 30px;
  bottom: 10%;
  z-index: 99;
  display: none;
}

.keycode {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
  margin-top: 30px;
}
.keycode span {
  color: #126612;
  font-weight: bold;
}

.qywh.pdtb80 {
  background: #f2f2f2;
}

.core {
  background: #f2f2f2;
}
.core ul {
  overflow: hidden;
}
.core .info {
  text-align: center;
  margin-bottom: 35px;
  line-height: 30px;
  font-size: 16px;
}
.core ul li {
  width: 23.75%;
  float: left;
  margin-left: 1.666666%;
  position: relative;
  cursor: pointer;
}
.core ul li:first-child {
  margin-left: 0px;
}
.core ul li .note {
  text-align: center;
  background: #fff;
  padding: 45px;
  height: 230px;
}
.core ul li h4 {
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #333;
}

/* =========winter==www.yisiy.com========== */
.winter-link {
  display: block;
  font-size: 14px;
  margin-top: 14px;
}
.winter-link:hover {
  color: #0062b2 !important;
}
