@font-face {
  font-family: "Neo Sans Intel-Medium";
  src: url("//img.yanyin.huangxianzi.com/assets/fonts/Neo-Sans-Intel-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "MV Boli";
  src: url("//img.yanyin.huangxianzi.com/assets/fonts/mvboli.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Gloss And Bloom";
  src: url("//img.yanyin.huangxianzi.com/assets/fonts/Gloss_And_Bloom.ttf");
  font-display: swap;
}
@font-face {
  font-family: "AntsValley";
  src: url("//img.yanyin.huangxianzi.com/assets/fonts/AntsValleyPersonalUse-z8drl.otf");
  font-display: swap;
}
@font-face {
  font-family: "Ms-YH";
  src: url("//img.yanyin.huangxianzi.com/assets/fonts/Yahei.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Huawenxingkai";
  src: url("//img.yanyin.huangxianzi.com/assets/fonts/HuaWenXingKai.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'iconfont';  /* project id 1877201 */
  src: url('//at.alicdn.com/t/font_1877201_h3b783a4lnw.eot');
  src: url('//at.alicdn.com/t/font_1877201_h3b783a4lnw.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1877201_h3b783a4lnw.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1877201_h3b783a4lnw.woff') format('woff'),
  url('//at.alicdn.com/t/font_1877201_h3b783a4lnw.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1877201_h3b783a4lnw.svg#iconfont') format('svg');
  font-display: swap;
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  position: relative;
  height: 100%;
  /* background: rgba(0,0,0,0.7); */
}
body {
  background: #333;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif', 'Ms-YH';
  font-size: 14px;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 0;
}

a, a:hover {
  color:#333;
}

/* slider 通用 */

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-wrapper {
  /* 通过改变animation-timing-function 制作弹性切换效果 */
  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.swiper-container .swiper-slide {
  text-align: center;
  font-size: 200px;
  background: #333;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.index a.navbar-brand {
  width: 100%;
  position: fixed;
  z-index: 90;
}
.index a.navbar-brand img.logo {
  width: 25%;
  max-width: 275px;
}

.index .navbar-middle {
  position: absolute;
  left:50%;
}

/* 首页导航 */

.index .navbar-default {
  background-color: rgba(0, 0, 0, 0);
}
.index .navbar-default .navbar-brand {
  color:#FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
.index .navbar-default .navbar-nav > li > a {
  color:#FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  font-family: 'MV Boli', 'Ms-YH';
  font-size:16px;
}
.index .navbar-default .navbar-nav > li > a span.buttonbottom {
  font-size: 12px;
  margin-top: 1px;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: rgba(0, 0, 0, 0);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color:yellowgreen;
}
.navbar-nav > li.iconweb {
  width: 50px;
}

.navbar-nav > li > .dropdown-menu {
  border-radius: 5px;
}

.dropdown-menu li a{
  text-align: center;
  line-height: 2em;
  float:left;
  width: 100%;
  font-family: 'Mv Boli', 'Ms-YH';
}

.navbar-nav > li > a {
  line-height: 2em;
}

.navbar-collapse {
  margin-top:35px;
}

/* 首页轮播 */

.index .swiper-container .swiper-slide img{
  position: absolute;
  /* width: 100%; */
}

.index .swiper-container .swiper-slide .title {
  top: 20%;
  display: block;
  font-size: 35%;
  color:#FFF;
  width: 100%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  font-family: "Neo Sans Intel-Medium", 'Ms-YH';
  /* letter-spacing:0.3em; */
  /* font-weight: 600; */
}
.index .swiper-container .swiper-slide p {
  /* display: block; */
  text-align: center;
  /* width: 100%; */
}
.index .swiper-container .swiper-slide p a {
  margin-top:30px;
  border: 1px solid #FFF;
  padding: 12px 40px;
  font-size: 20%;
  letter-spacing: 0.2em;
  color:#FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  border-radius: 0;
  font-family: "Neo Sans Intel-Medium", 'Ms-YH';
  text-transform: uppercase;
}

.index .swiper-container .swiper-slide p a:hover {
  color:#000;
  background: rgba(255,255,255,1);
  text-shadow: none;
}
.index .swiper-container .swiper-button-next {
  color:#FFF;
}
.index .swiper-container .swiper-button-prev {
  color:#FFF;
}


/* 栏目 */


.cate {
  background:#FFF;
}

.cate .top {
  width: 100%;
  /* min-height: 600px;
  height:600px; */
  height:65%;
  overflow: hidden;
  position: relative;
}
.cate .top img {
  width:100%;
  position: absolute;
  /* z-index: -99; */
  top:-35%;
}

.cate .top .des{
  position: absolute;
  width:30%;
  right: 10%;
  bottom: 25%;
  color:rgba(255,255,255,1);
  line-height: 1.5em;
  font-family: 'AntsValley', 'Huawenxingkai';
  font-size: 36px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  font-weight: 200;
}

.cate .top .buttonbottom{
  bottom: 10%;
  width: 200px;
  height:100px;
  left:50%;
  margin-left: -100px;
  position: absolute;
  text-align: center;
  
}

.cate .top .buttonbottom svg {
  fill:#FFF;
  width:50px;
  font-weight: 100;
  filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.7));
  /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
  animation-name: breath;                         /* 动画名称 */
  animation-duration: 3s;                         /* 动画时长3秒 */
  animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
  animation-iteration-count: infinite;            /* 播放次数：无限 */

  /* Safari and Chrome */
  -webkit-animation-name: breath;                 /* 动画名称 */
  -webkit-animation-duration: 3s;                 /* 动画时长3秒 */
  -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
  -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
}

@keyframes breath {
  from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
  50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
  to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */    
}

@-webkit-keyframes breath {
  from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
  50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
  to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */
}


/* 业务介绍与内容切换按钮 */

.cate .nav-tabs {
  margin-top:-60px;
  background-image: linear-gradient(rgb(0, 0, 0,0), rgb(0, 0, 0, 0.7));
  border:0;
}

.cate .nav-tabs li {
  width:50%;
  text-align: center;
  border:0;
  background: url('/assets/img/cate/nav-tab-left.png') no-repeat right bottom;
}
.cate .nav-tabs li:nth-child(2){
  background: url('/assets/img/cate/nav-tab.png') no-repeat left bottom;
}
.cate .nav-tabs:hover {
  border:0;
}
.cate .nav-tabs li a {
  height:60px;
  color:#FFF;
  margin-top: 0;
  margin-right:0;
  line-height: 1.5em;
  overflow: hidden;
  border-radius: 37px 37px 0 0;
  font-family: "Neo Sans Intel-Medium", 'Ms-YH';
  border:0;
}
.cate .nav-tabs li a:hover {
  height:60px;
  color:#FFF;
  background: none;
  border: 0;
}
.cate .nav-tabs li.active a {
  height:60px;
  color:#333;
  font-weight: bold;
  font-size: 15px;
  margin-top:0;
  line-height: 4em;
  overflow: hidden;
  border: 0;
}
.cate .nav-tabs li.active a:hover {
  height:60px;
  /* margin-top:1px; */
  color:#333;
  background: #FFF;
  border: 0;
}

/* 相册内容页面 */
.cate #Gallery {
  margin: 50px;
  padding: 0;
}
.cate #Gallery li {
  list-style: none;
  float: left;
  padding:10px;
  position: relative;
}
.cate #Gallery li img {
  width:100%;
  /* position: absolute; */
}

.cate #Gallery li i {
  position: absolute;
  font-size:50px;
  top:50%;
  left:50%;
  margin-top: -25px;
  margin-left:-25px;
  color:rgba(255,255,255,0.7);
  text-shadow: 1px 0px 3px rgba(0,0,0,0.7);
}



/* 导航上按钮图形 */

.index .nav svg{
  fill:#CCC;
  width: 22px;
  height: 22px;
  font-weight: 100;
  filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.7));
}


/* 子栏目列表 */

.cate .subcontainer {
  max-width: 1800px;  
}

.cate .subcates {
  margin: 50px;
}
.cate .sublist:nth-child(odd){
  padding:20px 0;
  background: url('/assets/img/cate/subcate-left.png') no-repeat 30% center;
}

.cate .sublist:nth-child(even){
  padding:20px 0;
  background: url('/assets/img/cate/subcate-right.png') no-repeat 70% center;
}

.cate .sublist .col-md-5 {
  min-height: 600px;
}

.cate .sublist:nth-child(odd) .tag {
  position: absolute;
  bottom: 100px;
  right: 0;
}

.cate .sublist:nth-child(even) .tag {
  position: absolute;
  bottom: 20%;
  left: 0;
}

.cate .sublist .tag .label {
  display: block;
  width: 200px;
  line-height: 35px;
  border-radius: 20px;
  font-size: 16px;
}

/* 移动设备 栏目列表 */

.cate .sublist .subcatename {
  border-left: 3px rgba(225, 104, 98, 1.000) solid;
  padding-left:10px;
  margin-bottom:10px;
  font-size:22px;
  line-height: 30px;
  font-family: 'Neo Sans Intel-Medium', 'Ms-YH';
  color:rgba(75, 74, 80, 1.000);
}

.cate .sublist .subcatename span {
  color:rgba(225, 104, 98, 1.000);
}

.cate .sublist .subcatename p {
  font-size: 14px;
  color: rgba(174, 151, 163, 1.000);
  line-height: 20px;
}

.cate .sublist .subcatename span.enter {
  float: right;
  font-size: 12px;
  color:#333;
  line-height: 50px;
}

.cate .sublist h1 {
  font-size: 300%;
  line-height: 2em;
  font-family: 'Gloss And Bloom', 'Huawenxingkai';
  position: absolute;
  left:30%;
  width:7em;
}

.cate .sublist .sign {
  font-family: 'Neo Sans Intel-Medium', 'Ms-YH';
  font-size: 150%;
  position: absolute;
  bottom: 0;
  left: 30%;
}

.cate .sublist:nth-child(even) h1 {
  font-size: 300%;
  line-height: 2em;
  font-family: 'Gloss And Bloom', 'Huawenxingkai';
  position: absolute;
  right:30%;
  width:7em;
  text-align: right;
}

.cate .sublist:nth-child(even) .sign {
  font-family: 'Neo Sans Intel-Medium', 'Ms-YH';
  font-size: 150%;
  position: absolute;
  bottom: 0;
  right: 30%;
  text-align: right;
}

.cate .sublist .col-md-7 .swiper-container .swiper-slide {
  width:100%;
  max-height: 600px;
  height:600px;
}

.cate .sublist .swiper-container .swiper-slide a img {
  /* position: absolute;
  width:100%;
  top:0;
  left:0; */
  /* position: relative; */
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.cate .sublist .swiper-container .swiper-slide a i {
  position: absolute;
  font-size: 100px;
  top:50%;
  left:50%;
  margin-top: -50px;
  margin-left: -50px;
  color: rgba(255,255,255,0.7);
  text-shadow: 3px 0px 3px rgba(0,0,0,0.7);
}




/* 业务介绍页面轮播 */

.swiper-container-info {
  overflow: hidden;
}

.swiper-container-logo {
  overflow: hidden;
}

.swiper-container-info .swiper-slide img {
  border: 1px solid #EEE;
}

.swiper-container-info .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 筛选 */

.select-row .status {
  text-align: right;
  width: auto;
}

/* cookie 提示 */

.modal-title {
  font-size:20px;
  font-weight: bold;
}

.modal .btn-primary {
  background: rgba(218, 84, 143, 1.000);
}
.modal .footerbottom {
  background:rgba(202, 233, 231, 1.000);
  height: 30px;
  margin: 15px -15px -15px -15px;
  line-height: 30px;
  font-size:12px;
  text-align: center;
}

/*  相册 */
#album, #information {
  background:rgba(255,255,255,1);
}

/* 业务介绍页面 */

#information {
  padding: 50px 0;
  font-weight: normal;
}

#information .jumbotron {
  padding-top: 20px;
  padding-bottom: 20px;
}

#information .jumbotron h2 {
  margin: 10px 0 20px 0;
  font-size:26px;
}

#information h1 {
  font-size:26px;
  margin: 20px 0 20px 0;
}

#information h1.ants {
  font-family: 'AntsValley';
  font-size:42px;
}

#information .lead {
  /* font-size: 21px; */
  font-size:16px;
  font-weight: normal;
  line-height:1.5em;
}

#information .panel-default {
  padding: 0;
}

#information .panel-default > .panel-heading{
  background:rgba(242, 205, 204, 1.000);
  padding: 15px;
}

#information .panel-default > .panel-heading a {
  font-weight: bold;
  font-size:16px;
}

#information .step {
  margin: 15px 0;
}

#information .step .row {
  width: 100%;
  position: absolute;
  top: 0;
  /* padding: 15px 0; */
  font-weight: normal;
}
#information .step img{
  min-height:100px;
  /* box-shadow: 5px 5px 5px rgba(0,0,0,0.5); */
}

#information .step .row div{
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  font-size:110%;
}

/*业务介绍图标*/

#information h1, #information h2, #information .lead {
  vertical-align: text-top;
}

#information h1 .iconfont, #information h2 .iconfont, #information .lead .iconfont {
  margin-right: .5em;
  font-size: 100%;
}

#information h1 .ic, #information h2 .ic, #information .lead .ic {
  font-size: 120%;
  vertical-align: middle;
}


#information .jumbotron p {
  font-size: 16px;
  font-weight: normal;
}

#information .newline {
  margin-top: 50px;
}

#information .row {
  margin-bottom:20px;
}

#information h2.glyphicon-phone-alt {
  margin-top: 20px;
  margin-bottom: 40px;
}

/* 筛选 */

.select-row a {
  font-family: 'Neo Sans Intel-Medium', 'Ms-YH';
  color:#333;
  font-size: 14px;
}

/* onepage */

.onepage {
  margin-top:60px; 
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 2em;
}
.onepage h1 {
  margin-bottom: 60px;
}

.select-mobile {
  display: none;
}

.index .alert-success {
  position: fixed;
  bottom: 0;
  margin: 0;
  width: 100%;
  z-index: 1059;
  text-align: center;
  border: 0;
  background-color: rgba(0,0,0,0.7) !important;
  border-radius: 0;
  display: none;
}

/* cookie 提示 */
.cookie-tip a:hover {
  color:#EEE;
}
.index .popover-content {
  /* font-size: 14px; */
  line-height: 2em;
  /* text-align: justify; */
}

.index .modal-body {
  line-height: 1.8em;
  max-height:300px;
  overflow-y:scroll;
}

.index .modal-footer {
  text-align: center;
}



/* 手机导航修改 */


.navbar-toggle {
  display: none;
}

.mobile-nav {
  display: none;
  width: 240px;
  height: 100%;
  position: fixed;
  background:#FFF;
  color:#333;
  z-index: 98;
  right:0;
  top:0;
  overflow: scroll;
  padding:50px 15px 15px 15px;
  border-left: 1px solid #EEE;
}

.mobile-nav .navbar-nav {
  width:100%;
  margin:0;
}

.mobile-nav .navbar-nav li {
  border-bottom: 1px solid #EEE;
  width:100%;
  /* display: block;
  height:3em;
  line-height: 3em;
  margin:0;
  padding:0; */
}

.mobile-menu {
  position: fixed;
  z-index: 999;
  right:15px;
  top:15px;
}

.mobile-nav .open {
  width:100%;
}

.mobile-nav .open .dropdown-menu {
  margin:0;
  padding:0;
  width:100%;
  border:0;
  position: relative;
}

.mobile-nav .open .dropdown-menu li {
  display: block;
  height: 3em;
  line-height: 3em;
  margin:0;
  padding:0;
  font-size:14px;
  border-bottom: 1px solid #EEE;
}

.mobile-nav .open .dropdown-menu li a{
  display: block;
  text-align: left;
  padding:0px;
  margin:0;
  font-size:14px;
  line-height: 3em;
  margin-left:15px;
  padding-left: 15px;
}

.mobile-menu .icon-bar {
  background-color: #888;
}

@media (max-width: 1024px){
  .navbar-toggle {
    display: block;
  }
}

/* 手机栏目列表 */
@media screen and (max-width:1280px){
  .cate .sublist:nth-child(odd) {
    background: none;
  }
  .cate .sublist:nth-child(even) {
    background: none;
  }
}

@media screen and (max-width:780px){
  /* .cate .top {
    height: 30%;
  } */
  .index .swiper-container .swiper-slide {
    overflow: hidden;
  }
  .index .swiper-container .swiper-slide img{
      /* position: absolute; */
      /* width: auto; */
      /* height: 100%; */
      /* top: 0; */
      /* margin-left: -35%; */
  }
  .index .swiper-container .swiper-slide .title {
    font-size: 20%;
  }
  
  .cate .top .des {
    font-size:100%;
    bottom: 35%;
  }

  .cate .subcates {
    margin: 0;
  }

  .cate .sublist .col-xs-12 .swiper-container .swiper-slide {
    display: block;
  }


  .cate #Gallery {
    margin: 15px 0;
    /* padding: 0; */
  }

  /* #navbar-collapse-menu {
    background: rgba(0,0,0,0.5);
  } */

  .index .top img {
    top:0;
  }

  .cate .top .buttonbottom svg {
    width: 10%;
  }

  #information .step .row div {
    font-size: 100%;
    height:100px;
    word-break:break-word;
  }

  .index .swiper-container .swiper-slide p a {
    font-size: 35%;
    padding:12px 20px;
  }

  .select-mobile {
    display: block;
    position: fixed;
    width:300px;
    height:100%;
    top:0;
    left:-80%;
    overflow: scroll;
    z-index: 999;
    background: rgba(255,255,255,1);
    border:1px solid #CCC;
  }

  .select-mobile.in {
    left: 0;
  }

  .select-mobile .panel-default > .panel-heading {
    border-bottom: 0;
  }

  /* .dropdown:hover .dropdown-menu {
    display: none;
  } */

  .logo_about {
        width: 40%;
        float: left;
    }

}