* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body, .page_container {
  width: 100vw;
  height: 100vh;
  background: #000;
  overflow: hidden;
}
.banner {
  width: 100%;
  height: 100%;
}
.hide {
  display: none;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  color: #fff;
}
.banner .swiper-slide:nth-of-type(1) {
  background: url(../images/01_ban.jpg) no-repeat center;
  background-size: cover;
}
.banner .swiper-slide:nth-of-type(2) {
  background: url(../images/16_ban.jpg) no-repeat center;
  background-size: cover;
}
.banner .swiper-slide:nth-of-type(3) {
  background: url(../images/17_ban.jpg) no-repeat center;
  background-size: cover;
}
.fixed {
  position: fixed;
  z-index: 99;
}
.nav .item {
  width: 11.62vw;
  min-width: 160px;
  min-height: 3.43vh;
  margin-bottom: 4.8vh;
}
.nav .item:last-child {
  margin-bottom: 0;
}
.nav .nav_item1 {
  background: url(../images/03_button_01_norma.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item1.active {
  background: url(../images/03_button_01_pressed.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item2 {
  background: url(../images/04_button_01_norma.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item2.active {
  background: url(../images/04_button_01_pressed.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item3 {
  background: url(../images/05_button_01_norma.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item3.active {
  background: url(../images/05_button_01_pressed.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item4 {
  background: url(../images/06_button_01_norma.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item4.active {
  background: url(../images/06_button_01_pressed.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item5 {
  background: url(../images/07_button_01_norma.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.nav .nav_item5.active {
  background: url(../images/07_button_01_pressed.png)no-repeat center;
  background-size: contain;
  background-position: 0 0;
}
.footer {
  width: 100%;
  bottom: 6.45vh;
  height: 45px;
} 
.footer .inner {
  position: absolute;
  display: flex;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.footer .item {
  width: 3.31vw;
  margin-right: 20px;
}
.footer .item::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.footer .item:last-child{
  margin-right: 0;
}
.footer_item1 {
  background: url(../images/10_button_01_norma.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item1.active {
  background: url(../images/10_button_01_pressed.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item2 {
  background: url(../images/11_button_01_norma.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item2.active {
  background: url(../images/11_button_01_pressed.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item3 {
  background: url(../images/12_button_01_norma.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item3.active {
  background: url(../images/12_button_01_pressed.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item4 {
  background: url(../images/13_button_01_norma.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item4.active {
  background: url(../images/13_button_01_pressed.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item5 {
  background: url(../images/14_button_01_norma.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item5.active {
  background: url(../images/14_button_01_pressed.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item6 {
  background: url(../images/15_button_01_norma.png)no-repeat center;
  background-size: 100% auto;
}
.footer_item6.active {
  background: url(../images/15_button_01_pressed.png)no-repeat center;
  background-size: 100% auto;
}
.banner_text_top {
  left: 50%;
  bottom: 36.3vh;
  transform: translate(-50%,0);
  max-width: 48.9vw;
}
.banner_text_bottom {
  left: 50%;
  bottom: 18.6vh;
  transform: translate(-50%,0);
  max-height: 2.6vh;
}
.banner_number{
  width: 3.75vw;
  position: absolute;
  right: 7.68vw;
  bottom: 36.3vh;
}
.logo {
  position: fixed;
  z-index: 99;
  left: 4.7vw;
  top: 11.1vh;
  max-width: 3.78vw;
}
.nav {
  top: 31vh;
  left: 4.7vw;
}
.nav .item:hover,.footer .item:hover, .logo {
  cursor: pointer;
}
.notClick {
  pointer-events: none;
}
/* 企业理念 */
.banner_item {
  width: 100%;
  height: 100%;
}
.qyln {
  background: url(../images/qyln_01_ban.jpg) no-repeat center;
  background-size: cover;
}
.qyln .qyln_text {
  max-width: 58.4vw;
  bottom: 20.4vh;
  left: 38.5vh;
}
.page_bg {
  width: 100%;
  height: 100%;
  background: url(../images//qyjj/01_bj.jpg) no-repeat center;
  background-size: cover;
}
.page_bg .inner_bg {
  top: 11.1vh;
  left: 18.1vw;
  width: 64.8vw;
  height: 76vh;
  background: url(../images/qyjj/02_bj.jpg) no-repeat center;
  background-size: cover;
}
.page_bg .inner .flex_center {
  position: absolute;
  left: 4.3vw;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  flex-flow: column;
}
.qyjj_text_top {
  width: 49.2vw;
  height: 18.8vh;
}
.qyjj_text_bottom {
  margin-top: 4vh;
  width: 49.2vw;
  height: 41vh;
}
.qyjs_text_top {
  width: 54.46vw;
  height: 19.54vh;
}
.qyjs_text_bottom {
  margin-top: 4vh;
  width: 47.2vw;
  height: 37.3vh;
}
.qywh_text_top {
  width: 34.8vw;
  height: 59.5vh;
}
.show {
  animation: fadeIn1 2s ease both;
}
.page_bg .banner_number{
  animation-delay:0;
}
.page_bg .inner {
  animation-delay:.5s;
}
.page_bg .inner .img_top {
  animation-delay:1s;
}
.page_bg .inner .img_bottom {
  animation-delay:1.5s;
}
.ddhLogo {
  max-width: 17.7vw;
  top: 36vh;
  left: 42.4vw;
  animation: fadeIn1 2s ease 1s both;
}
@keyframes fadeIn1{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.swiper-button-prev {
  top: 11vh;
  right: 2.84vw;
  left: inherit;
  background: url(../images/ddh/previouspage_norma.png) no-repeat center;
}
.swiper-button-prev:hover {
  background: url(../images/ddh/previouspage_pressed.png) no-repeat center;
}
.swiper-button-next {
  top: inherit;
  bottom: 14.3vh;
  right: 2.84vw;
  background: url(../images/ddh/nextpage_norma.png) no-repeat center;
}
.swiper-button-next:hover {
  background: url(../images/ddh/nextpage_pressed.png) no-repeat center;
}
.ddh_number1 {
  animation: fadeIn1 2s ease .5s both;
}
.bg_item {
  top: 50%;
  left: 50%;
  margin-left: -32.35vw;
  margin-top: -38.65vh;
  width: 64.7vw;
  height: 75.8vh;
  animation: fadeIn1 2s ease 1s both;
}
.ddh_bg2 {
  background: url(../images/ddh/02_1bj.png) no-repeat center;
  background-size: cover;
}
.img_bg1 {
  background: url(../images/ddh/03_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg2 {
  background: url(../images/ddh/04_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg3 {
  background: url(../images/ddh/05_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg4 {
  background: url(../images/ddh/06_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg5 {
  background: url(../images/ddh/07_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg6 {
  background: url(../images/ddh/08_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg7 {
  background: url(../images/ddh/09_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg8 {
  background: url(../images/blw/03_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg9 {
  background: url(../images/blw/04_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg10 {
  background: url(../images/blw/05_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg11 {
  background: url(../images/clh/03_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg12 {
  background: url(../images/xlc/03_1picture.jpg) no-repeat center;
  background-size: cover;
}
.img_bg13 {
  background: url(../images/yz/02_4picture.jpg) no-repeat center;
  background-size: cover;
}
.blw_text1 {
  max-width: 12.5vw;
  position: absolute;
  top: 17.8vh;
  left: 4.1vw;
  animation: fadeIn1 2s ease 1s both;
}
.ddh_left_img {
  position: absolute;
  top: 11.7vh;
  left: 4.1vw;
  max-width: 33.4vw;
  animation: fadeIn1 2s ease 1.5s both;
}
.blw_left_img {
  position: absolute;
  top: 17.8vh;
  left: 4.1vw;
  max-width: 23.7vw;
  animation: fadeIn1 2s ease 1.5s both;
}
.ddh_img_anim {
  animation: fadeIn1 2s ease 1.5s both;
}
.ddh_right_img {
  position: absolute;
  right: 0;
  top: 15.9vh;
  max-width: 26vw;
  animation: fadeIn1 2s ease 2s both;
}
.blw_right_img {
  position: absolute;
  right: 0;
  top: 17.8vh;
  max-width: 32vw;
  animation: fadeIn1 2s ease 2s both;
}
.ddh_text1 {
  position: absolute;
  max-width: 30vw;
  left: 4.6vw;
  top: 32.7vh;
}
.ddh_text2 {
  position: absolute;
  max-width: 30vw;
  left: 4.6vw;
  bottom: 6.76vh;
}
.ddh_text3 {
  position: absolute;
  max-width: 49.3vw;
  left: 4.6vw;
  top: 7.8vh;
}
/* 北里王 */
.blwLogo {
  max-width: 4.5vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: fadeIn1 2s ease 1s both;
}
.ccLogo {
  max-width: 3.84vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: fadeIn1 2s ease 1s both;
}
.blw_bg2 {
  background: url(../images/blw/02_1bj.png) no-repeat center;
  background-size: cover;
}
.clh_bg2 {
  background: url(../images/clh/02_1bj.png) no-repeat center;
  background-size: cover;
}
.xlc_bg2 {
  background: url(../images/xlc/02_1bj.png) no-repeat center;
  background-size: cover;
}
.clhLogo {
  max-width: 19.24vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: fadeIn1 2s ease 1s both;
}
.xlcLogo {
  max-width: 11.93vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: fadeIn1 2s ease 1s both;
}
.yzLogo {
  max-width: 12.3vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: fadeIn1 2s ease 1s both;
}
.clh_left_img {
  max-width: 25.7vw;
  position: absolute;
  left: 3.15vw;
  top: 19.1vh;
  animation: fadeIn1 2s ease 1.5s both;
}
.yzlogo_text {
  max-width: 24.34vw;
  bottom: 20vh;
  left: 50%;
  margin-left: -12.17vw;
}
.logo_text {
  max-width: 15.25vw;
  bottom: 20vh;
  left: 50%;
  margin-left: -7.625vw;
}
.cclogo_text {
  max-width: 10.3vw;
  bottom: 20vh;
  left: 50%;
  margin-left: -5.15vw;
}
.xlc_right_img {
  position: absolute;
  right: 0;
  top: 13.52vh;
  max-width: 32vw;
}
.xlc_left_img {
  max-width: 26.3vw;
  position: absolute;
  left: 3.15vw;
  top: 19.1vh;
  animation: fadeIn1 2s ease 1.5s both;
}
.cc_bg2 {
  background: url(../images/cc/02_1bj.png) no-repeat center;
  background-size: cover;
}
.yz_bg2 {
  background: url(../images/yz/02_1bj.png) no-repeat center;
  background-size: cover;
}
/* loading */
.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  background: #202020;
}
.loading .inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.loading .inner>div {
  display: flex;
  flex-flow: column;
}
[class*="loader-"] {
  display: inline-block;
  width: 6vw;
  height: 6vw;
  color: inherit;
  margin-bottom: 3vh;
  vertical-align: middle;
  pointer-events: none;
}

.loader-11 {
  background-color:  #bfa060;
  -webkit-animation: loader-11 1.2s infinite ease-in-out;
  animation: loader-11 1.2s infinite ease-in-out;
}
@-webkit-keyframes loader-11 {
  0% {
      -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
      transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
      -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
      transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes loader-11 {
  0% {
      -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
      transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
      -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
      transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.lxwm_btn {
  width: 9vw;
  height: 8vh;
  position: absolute;
  bottom: 4vh;
  right: 2.3vw;
  z-index: 999;
  cursor: pointer;
}
.lxwm {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: url(../images/bj.jpg) no-repeat center;
  background-size: cover;
}