* {
font-family: "Microsoft YaHei" ! important;
}


.header .banner {
    height: 370px;
    background: url(../images/banner.jpg) center no-repeat;
    background-size: cover;
}

.swiper-container {
    width: 100%;
    height: auto;
}

.header .uk-navbar-nav>li.uk-active>a {
    background-color: #e5cb87;
    color: #620001;
}

.header .logo {
    width: 100px;
    height: 100px;
    text-align: center;
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    height: 50px
}

.main {
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer {
    box-sizing: border-box;
    height: 250px;
    background: url(../images/footer-banner.jpg) center no-repeat;
    background-size: cover;    
    padding: 35px 0;
    position: relative;
}

.footer .copyright p {
    color: #e5cb87;
}

.footer-logo {
    right: 30px;
}

.honor,
.intro,
.videos,
.links {
    padding-top: 50px;
    padding-bottom: 50px;
}

.intro {
    background: url(../images/intro.jpg) center no-repeat;
    background-size: cover;
}

.intro-tit {
    color: #e5cb87;
    font-size: 48px;
}

.intro button {
    background-color: #e5cb87;
    color: #620001;
}

.video {
    border: 20px solid rgba(0, 0, 0, .3)
}

.videos .video {
    border: 15px solid #fff;
}

.thumbnail {
    background: url(../images/p_bg.jpg) center no-repeat;
}

.thumbnail .uk-overlay {
    padding: 0;
}

.tel {
    font-size: 28px;
    color: #620001;
}

.sidebar {
    background-color: #620001;
}

.swiper-pagination-bullet {
    width: 100px;
    height: 10px;
    opacity: 1;
    background: #620001;
    border-radius: 0;
}

.swiper-pagination-bullet-active {
    background: #e5cb87;
}

.top-nav{
    z-index: 999;
}

.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
 }



@media (max-width: 640px){
    .header .logo {
        width: 50px;
        height: 70px;
        line-height: 60px; 
        padding: 10px;   
    }

    .swiper-pagination-bullet {
        width: 50px;
        height: 4px;
        border-radius: 0;
    }

    .intro-tit{
        font-size: 18px;
    }

    .honor, .intro, .videos, .links{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .main {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer{
        height: auto;
        text-align: center;
    }

    .footer-logo {
        position: static !important;
        transform: translate(0);
        margin-bottom: 10px;
    }

    .header .banner{
        height: 150px;
    }
}


@media (max-width: 959px){
    .tel {
        font-size: 16px;
    }
}



/* ========================================================================
   Component: Overlay
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Set max-width for responsive images to prevent `inline-block` consequences
 * 4. Remove the gap between the container and its child element
 * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome
 * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 * 7. Reset margin
 */
.uk-overlay {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  overflow: hidden;
  /* 6 */
  -webkit-transform: translateZ(0);
  /* 7 */
  margin: 0;
}
/* 6 for Safari */
.uk-overlay.uk-border-circle {
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
/*
 * Remove margin from content
 */
.uk-overlay > :first-child {
  margin-bottom: 0;
}
/* Sub-object `uk-overlay-panel`
 ========================================================================== */
/*
 * 1. Position cover
 * 2. Style
 */
.uk-overlay-panel {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  padding: 20px;
  color: #ffffff;
}
/*
 * Remove margin from the last-child
 */
.uk-overlay-panel > :last-child,
.uk-overlay-panel.uk-flex > * > :last-child {
  margin-bottom: 0;
}
/*
 * Keep color for headings if the default heading color is changed
 */
.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
  color: inherit;
}
.uk-overlay-panel a:not([class]) {
  color: inherit;
  text-decoration: underline;
}
.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) {
  color: inherit;
}
/* Sub-object `uk-overlay-hover` and `uk-overlay-active`
 ========================================================================== */
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
  opacity: 0;
}
.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) {
  opacity: 0;
}
/* Modifier `uk-overlay-background`
 ========================================================================== */
.uk-overlay-background {
  background: rgba(0, 0, 0, 0.5);
}
/* Modifier `uk-overlay-image`
 ========================================================================== */
/*
 * Reset panel
 */
.uk-overlay-image {
  padding: 0;
}
/* Position modifiers
 ========================================================================== */
.uk-overlay-top {
  bottom: auto;
}
.uk-overlay-bottom {
  top: auto;
}
.uk-overlay-left {
  right: auto;
}
.uk-overlay-right {
  left: auto;
}
/* Sub-object `uk-overlay-icon`
 ========================================================================== */
.uk-overlay-icon:before {
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  font-size: 50px;
  line-height: 1;
  font-family: FontAwesome;
  text-align: center;
  color: #ffffff;
}
/* Transitions
 ========================================================================== */
.uk-overlay-fade,
.uk-overlay-scale,
.uk-overlay-spin,
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*='uk-overlay-slide'] {
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-property: opacity, transform, filter;
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*='uk-overlay-slide'] {
  transition-duration: 0.8s;
}
/*
 * Fade
 */
.uk-overlay-fade {
  opacity: 0.7;
}