@charset "utf-8";
@font-face {
  font-family: Gotham-Book;
  src: url("../font/Gotham-Book.otf");
}
@font-face {
  font-family: Gotham-Bold;
  src: url("../font/Gotham-Bold.otf");
}
.font-Gotham-Bold {
  font-family: Gotham-Bold;
}
* {
  padding: 0;
  margin: 0;
  outline: 0;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
}
html,
body {
  font-size: 14px;
  font-family: Gotham-Book, Arial, "Microsoft YaHei", "PingFang SC";
  background: #fff;
  color: #333;
}
input,
textarea,
select {
  font-family: Gotham-Book, Arial, "Microsoft YaHei", "PingFang SC";
  font-size: 14px;
}
img,
input,
textarea {
  border: none;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.6;
}
table {
  width: 100%;
  border-collapse: collapse;
}
audio,
canvas,
video {
  display: inline-block;
}
html.hide {
  overflow: hidden;
}
body.hide {
  overflow: hidden;
}
a {
  color: #333;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear:after {
  content: "";
  display: table;
  clear: both;
}
p {
  line-height: 1.6;
}
.des-justify p {
  text-align: justify;
}
.img100 img {
  vertical-align: bottom;
  width: 100%;
}
.middle-box {
  display: table;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  table-layout: fixed;
}
.middle-inner {
  display: table-cell;
  vertical-align: middle;

  width: 100%;
}
.pc-show {
  display: block;
}
.wap-show {
  display: none;
}
.position-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.relative {
  position: relative;
}
.text-center {
  text-align: center;
}
.overhide {
  overflow: hidden;
}
.w1400 {
  width: 1400px;
  max-width: 92%;
  margin: 0 auto;
}
ul {
  font-size: 0;
}
ul li {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
ul li:last-child {
  margin-right: 0;
}
.BMap_Marker img {
  width: 100%;
  vertical-align: bottom;
}
.scrollBar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollBar::-webkit-scrollbar-thumb:hover {
  border: 1px solid #636363;
  background-color: #929292;
}
.scrollBar::-webkit-scrollbar-thumb {
  background-color: #cfcfd2;
  border-radius: 8px;
  background-clip: padding-box;
  min-height: 28px;
}
.scrollBar::-webkit-scrollbar-track-piece {
  background: #f3f3f3;
}
.search_box .text::-webkit-input-placeholder {
  color: #fff;
}
.search_box .text:-moz-placeholder {
  color: #fff;
}
.search_box .text::-moz-placeholder {
  color: #fff;
}
.search_box .text:-ms-input-placeholder {
  color: #fff;
}
.edit * {
  font-weight: revert;
  list-style: revert;
}
/*.size16{font-size: calc(14px + 0.1vw);}*/
/*.size18{font-size: calc(14px + 0.2vw);}*/
/*.size20{font-size: calc(16px + 0.2vw);}*/
/*.size24{font-size: calc(16px + 0.41vw);}*/
/*.size30{font-size: calc(18px + 0.62vw);}*/
/*.size36{font-size: calc(18px + 0.93vw);}*/
/*.size40{font-size: calc(18px + 1.14vw);}*/
/*.size48{font-size: calc(18px + 1.56vw);}*/
/*.size60{font-size: calc(18px + 2.18vw);}*/
/*.des16 p{font-size: calc(14px + 0.1vw); text-align: justify;}*/
/*.des18 p{font-size: calc(14px + 0.2vw); text-align: justify;}*/
/*.padding-tb100{padding: calc(20px + 4.16vw) 0;}*/
/*.padding-tb90{padding: calc(22px + 3.54vw) 0;}*/
/*.padding-tb80{padding: calc(25px + 2.86vw) 0;}*/
/*.w1620{width: 1620px;max-width: 92%;margin: 0 auto;}*/
/*.padding-t100{padding-top: calc(20px + 4.16vw);}*/
.mg-bt10 {
  margin-bottom: 10px;
}
.mg-bt15 {
  margin-bottom: 15px;
}
.mg-bt20 {
  margin-bottom: 20px;
}
.mg-bt25 {
  margin-bottom: 25px;
}
.mg-bt30 {
  margin-bottom: 30px;
}
.mg-bt40 {
  margin-bottom: 40px;
}
.mg-bt50 {
  margin-bottom: 50px;
}
.mg-bt60 {
  margin-bottom: 60px;
}
.mg-bt70 {
  margin-bottom: 70px;
}
.mg-bt80 {
  margin-bottom: 80px;
}
.des16 p {
  font-size: 16px;
}
.des18 p {
  font-size: 18px;
}
.line20 p {
  line-height: 2;
}
.line18 p {
  line-height: 1.8;
}
.des-fff * {
  color: #fff;
}
.title-fff * {
  color: #fff;
}
.imgmax img {
  max-width: 100%;
  vertical-align: bottom;
}
.swiper-pagination-bullet {
  vertical-align: middle;
  opacity: 1;
}
.w1800 {
  width: 1800px;
  margin: 0 auto;
  max-width: 94%;
}
body {
  padding-top: 85px;
  transition: all 0.4s;
}
/*header s*/
.header {
  background: #fff;
  position: fixed;
  z-index: 999;
  transition: all 0.4s;
  left: 0;
  width: 100%;
  top: 0;
  height: 85px;
}
.logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -45px;
  transition: all 0.4s;
}
.logo img {
  display: block;
  vertical-align: bottom;
  height: 117px;
  transition: all 0.4s;
}
.nav {
  text-align: center;
}
.nav li {
  margin-right: 70px;
}
.nav li:nth-child(3) {
  margin-right: 250px;
}
.nav li:last-child {
  margin-right: 190px;
}
.nav li.active .nav-yi span {
  background: #fff100;
}
.nav-yi {
  display: inline-block;
  font-size: 18px;
  line-height: 85px;
  transition: all 0.4s;
}
.nav-yi span {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  text-align: center;
  width: 120px;
  max-width: 100%;
  border-radius: 40px;
  transition: all 0.4s;
}
.header-area {
  position: absolute;
  left: 50%;
  margin-left: 520px;
  top: 50%;
  transform: translateY(-50%);
}
.header-area-item {
  display: inline-block;
  vertical-align: middle;
}
.language {
  position: relative;
  z-index: 9;
  cursor: pointer;
  padding-right: 25px;
}
.language-val {
  font-family: Gotham-Bold;
  font-size: 18px;
  transition: all 0.4s;
}
.language .i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  width: 13px;
  height: 7px;
  background: url("../images/xia26x14.png") no-repeat center;
  background-size: 100% 100%;
  transition: all 0.4s;
}
.language.active .i {
  transform: rotate(180deg);
}
.language-box {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  display: none;
  padding-top: 10px;
}
.language-box a {
  display: block;
  text-align: center;
  line-height: 30px;
  transition: all 0.4s;
  font-size: 16px;
  background: #fff;
  font-family: Gotham-Bold;
}
.language-box a:hover {
  background: #fff100;
}
.menu-handler {
  width: 30px;
  height: 32px;
  cursor: pointer;
  position: absolute;
  right: 3%;
  top: 14px;
  transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
  -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
  display: none;
}
.menu-handler .burger {
  height: 2px;
  background: #333;
  display: block;
  width: 20px;
  position: absolute;
  z-index: 5;
  left: 5px;
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  top: 8px;
  transition: all 0.4s;
}
.menu-handler .burger-2 {
  top: 15px;
}
.menu-handler .burger-3 {
  top: 22px;
}
.menu-handler.active .burger-1 {
  top: 15px;
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.menu-handler.active .burger-2 {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
  top: 15px;
  -moz-transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.is-scroll .logo {
  bottom: 0;
}
.is-scroll .logo img {
  height: 77px;
}
.is-scroll .header {
  box-shadow: 0 1px 2px #ddd;
}
/*.is-scroll{padding-top: 75px;}*/
/*.is-scroll .header{height: 75px;}*/
/*.is-scroll .nav-yi{line-height: 75px;}*/

/*header e*/
/*footer s*/
.footer-left {
  width: 427px;
}
.footer-left p {
  text-transform: uppercase;
}
.footer-line {
  border-top: 1px solid #b2a800;
}
.footer-con {
  display: flex;
  justify-content: space-between;
}
.footer-nav {
  width: 45%;
  margin-left: 5%;
}
.footer-con li {
  font-family: Gotham-Bold;
  font-size: 16px;
  margin-bottom: 25px;
  width: 210px;
  max-width: 100%;
}
.footer-nav li {
  width: 40%;
  margin-right: 10%;
}
.footer-li {
  width: 210px;
  max-width: 100%;
}
.f-l-b .footer-line {
  margin-left: 36px;
}
.footer-line0 {
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: 1px solid #000;
  width: 30px;
}
.footer-right {
  width: 23.3%;
}
.footer-right li {
  display: block;
}
.footer-share {
  font-size: 0;
}
.footer-share a {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border: 1px solid #b5ae36;
  font-size: 14px;
  margin-right: 13px;
  transition: all 0.4s;
}
.footer-share a:last-child {
  margin-right: 0;
}
.footer-share a:hover {
  background: #b2a800;
}
/*footer e*/

/*index s*/
.banner-des h2 {
  font-size: 80px;
  color: #fff;
}
.bannerBtn div {
  z-index: 9;
  cursor: pointer;
  width: 60px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  transition: all 0.4s;
  position: absolute;
  border-radius: 100%;
}
.bannerBtn div:hover {
  background-color: #fff100;
}
.bannerBtn1 {
  left: 30px;
  background: url("../images/120-1.png") no-repeat center;
  background-size: cover;
}
.bannerBtn2 {
  right: 30px;
  background: url("../images/120-2.png") no-repeat center;
  background-size: cover;
}
.bannerPage {
  position: absolute;
  z-index: 9;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 35px;
}
.bannerPage .swiper-pagination-bullet {
  width: 38px;
  height: 4px;
  opacity: 1;
  border-radius: 0;
  overflow: hidden;
  margin-right: 10px;
  background: #fff;
  position: relative;
}
.bannerPage .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: #fff100;
  height: 100%;
}
.bannerPage .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.bannerPage .swiper-pagination-bullet-active:after {
  animation: an1 6s linear;
}
@keyframes an1 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.bgf6f5e3 {
  background: #f6f5e3;
}
.padding-tb100 {
  padding: 100px 0;
}
.padding-tb70 {
  padding: 70px 0;
}
.title60 h2 {
  font-size: 60px;
}
.des-666 p {
  color: #666;
}
.des-title26 h3 {
  font-size: 26px;
}
.about-left {
  width: 45%;
}
.about-left-ul {
  width: 590px;
  max-width: 100%;
}
.about-left-ul li {
  display: block;
  margin-bottom: 80px;
}
.about-left-ul li:last-child {
  margin-bottom: 0;
}
/*.about-left-ul li:nth-child(1) p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.about-left-ul li:nth-child(2) p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}*/
.about-right {
  width: 50%;
}
.about-right-ul li {
  display: block;
  border-bottom: 1px solid #d9d8c5;
  padding: 20px 0;
}
.about-right-ul li a {
  display: block;
  position: relative;
  padding-left: 32px;
}
.about-right-ul li a:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #333;
  transition: all 0.4s;
  left: 15px;
  top: 10px;
  border-radius: 100%;
}
/*.about-right-ul li:nth-child(1) p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}*/
.about-right-ul li p {
  transition: all 0.4s;
}
.about-right-ul li a:hover p {
  color: #d8bf3d;
}
.about-right-ul li a:hover:before {
  background: #d8bf3d;
}
.radius5 {
  border-radius: 5px;
}
.bgfff100 {
  background: #fff100;
}
.mission-top {
  margin-bottom: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 25px 70px;
}
.des-title32 h3 {
  font-size: 32px;
}
.title-bold h3 {
  font-weight: bold;
}
.more * {
  display: inline-block;
  vertical-align: middle;
}
.more span {
  font-size: 22px;
  margin-right: 18px;
}
.more i {
  width: 40px;
  height: 40px;
  background: url("../images/78.png") no-repeat center;
  background-size: cover;
  transition: all 0.4s;
  opacity: 0.8;
}
.more:hover i {
  transform: translateX(5px);
  opacity: 1;
}
.mission-top .more {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.ghj {
  width: 210px;
  bottom: 100%;
  right: 180px;
  position: absolute;
}
.padding-b100 {
  padding-bottom: 100px;
}
.padding-t100 {
  padding-top: 100px;
}
.des-title28 h3 {
  font-size: 28px;
  transition: all 0.4s;
}
.goals-list {
  display: flex;
  flex-wrap: wrap;
}
.goals-list li {
  width: 48.5%;
  margin-right: 3%;
  background: #f6f5e3;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.goals-list li:nth-child(2n) {
  margin-right: 0;
}
.goals-list li a {
  display: block;
  padding: 70px 35px 40px;
  height: 100%;
}
.goals-list li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #f5e91c;
  height: 10px;
  width: 0;
  transition: all 0.4s;
}
.goals-list li .img100 {
  width: 90px;
  max-width: 100%;
  filter: brightness(0);
  transition: all 0.4s;
}
.goals-list h3 {
  transition: all 0.4s;
  min-height: 3.2em;
}
.goals-list p {
  transition: all 0.4s;
}
.goals-list a:hover h3 {
  color: #d8bf3d;
}
.goals-list a:hover:before {
  width: 100%;
}
.goals-list a:hover .img100 {
  filter: brightness(1);
}
/*index e*/
.bgf3 {
  background: #f3f3f3;
}
.padding-tb80 {
  padding: 80px 0;
}
.title48 h2 {
  font-size: 48px;
}
.title-505050 h2 {
  color: #505050;
}
.w1350 {
  width: 1350px;
  margin: 0 auto;
  max-width: 92%;
}
.pj-list li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.pj-list .pj-list-right {
  flex-direction: row-reverse;
}
.pj-list h1 {
  font-size: 46px;
}
.pj-list h2 {
  font-size: 26px;
}

.projectsBanner .projectsPage {
  position: absolute;
  right: 15px;
  bottom: 10px;
  z-index: 99;
}

.projectsBanner .projectsPage .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  margin-right: 5px;
}
.projectsBanner .projectsPage .swiper-pagination-bullet-active {
  background: #fff100;
}

.projects-full {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  padding: 0 10px;
}

.pjtext {
  width: 50%;
}
.pgimg {
  width: 42.29%;
}
.index-item {
  position: relative;
}
.maodian {
  position: absolute;
  left: 0;
  top: -85px;
}
#fullPage {
  display: none;
  background: black;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 19930428;
}
#fullPage img {
  display: block;
  width: 100%;
}
#canvas {
  width: 100%;
  height: 100%;
  background: none;
  display: block;
}

.imgscale .img100 {
  overflow: hidden;
}
.imgscale .img100 img {
  transition: all 0.4s;
}
.imgscale:hover .img100 img {
  transform: scale(1.1);
}
.background-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slideUp,
.swiper-slide-active .banner-des {
  animation: slideUp 1s both ease-out;
  -webkit-animation: slideUp 1s both ease-out;
}
@keyframes slideUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.slideDown {
  animation: slideDown 1s both ease-out;
  -webkit-animation: slideDown 1s both ease-out;
}
@keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.slideLeft {
  animation: slideLeft 1s both ease-out;
  -webkit-animation: slideLeft 1s both ease-out;
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.slideRight {
  animation: slideRight 1s both ease-out;
  -webkit-animation: slideRight 1s both ease-out;
}
@keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.tobig {
  animation: tobig 1s both ease-out;
  -webkit-animation: tobig 1s both ease-out;
}
@keyframes tobig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}