#header {
    width: 100%;
    z-index: 100;
}

.navigation .sections {
    border-bottom: none;
    left: 0;
    bottom: 1.8em;
    width: 100%;
    z-index: 100;
    text-align: center;
}


/*.navigation .sections .item:first-child a {
    color:#000;
}*/

.wrapper {
    margin: 0 auto;
    text-align: left;
}

#main,
.copyright span {
    margin: auto;
}
.swiper-container{padding-bottom: 3em;}
.swiper-container .swiper-slide{width: 100% !important;}
.swiper-container img{max-width: 100%;}
.swiper-container-horizontal>.swiper-pagination{bottom: 0;}
.swiper-container .swiper-pagination-bullet{width: 38px;height: 2px;border-radius: 0;margin: 0 20px !important;opacity: 1 !important;}
.swiper-container .swiper-pagination-bullet-active{background: #ca4747;}

.copyright {
    text-align: center;color: #363534;
}
#smalltitle{margin: 0; padding: 1em; font-size: 14px;font-weight: normal;text-transform: uppercase;text-align: center;margin-top: 1em;margin-bottom: 2em;color: #524f4f;48}
#smalltitle a{border: 1px solid #524f4f;padding: 6px 18px;}
#smalltitle span{padding: 0 1em;}

#title{font-size: 24px;color: #363534;font-weight: normal;position: relative;}
#title span{font-family: 'FelixTitlingMT';color: #363534;}
#title p{font-family: 'FelixTitlingMT';font-size: 15px;color: #363534;}
#title a{color: #363534 !important;}

.introduce{margin-bottom: 45px;padding: 0 1em;}
.introduce p{font-size:14px;line-height: 2em;color: #524f4f;}
.introduce .divide{display: inline-block;width: 5em;}

#oldversion{font-size:12px;font-weight: normal;margin-bottom: 2em;}
#oldversion a{padding: 0 1em;color: #524f4f;}

.article-list{text-align: left;max-width: 980px;margin: 0 auto;}
.article-list strong{border: 1px #000 solid;font-weight: normal;font-size:12px;padding: 12px 15px;color: #524f4f}
.article-list ul{padding: 1em 0;}
.article-list ul li{margin-top: 4em;list-style: none;font-size: 14px;width: 50%;float: left;color: #363535;}
.article-list ul li span{display: block;}
.article-list ul li a{color: #363535;}
.page{max-width: 980px;margin: 0 auto;margin-top: 4em}
.page ul{text-align: center;display: table;margin: 0 auto;}
.page li{float: left;display: inline-block;width: 36px;height: 30px;line-height: 30px;font-size: 18px;    margin-bottom: 1em;}
.page li a{width: 100%;height: 100%;display: block;color: #363535;}
.page .curr{font-weight: bold;font-size: 18px;}
.page .prev{background: url(../images/prev.png) no-repeat;}
.page .next{background: url(../images/next.png) no-repeat;}
.article-info{max-width: 1350px;margin: 0 auto;text-align: left;}
.article-info h1{font-size: 1.3em;font-weight: normal;color: #524f4f;border: 1px #000000 solid;max-width: 515px;margin: 0 auto;height: 2.5em;line-height: 2.5em;text-align: center;}
.article-info h1 span{width: 2em;display: inline-block;}
.article-info .article-content{padding: 2em 0;color: #524f4f;line-height: 2.5em;}
.article-info .article-content p{line-height: 2.5em;color: #524f4f;text-indent: 2em;}
.article-info h2{font-size: 1em;font-weight: normal;height: 2em;line-height: 2em;color: #524f4f;padding-left: 2em;}
.article-info .other-article{text-align: center;margin-top: 5em;}
.article-info .other-article li{display: inline-block;height: 3em;line-height: 2em;}
.article-info .other-article li:first-child{margin-right: 15em;}
.article-info .other-article li a{color: #524f4f;vertical-align: middle;}
@media only screen and (max-width:768px) {
    #header {
        width: 100%;
        z-index: 100;
    }
    .galleries {
        padding-left: 2em;
        padding-right: 2em;
    }
    .wrapper {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .home_nav .list {
        width: 100%;
    }
    .mosaic .item {
        margin: 0;
        width: 50%;
        float: left;
    }
    .home_nav .list .caption {
        text-align: center;
        display: none;
    }
    .menu .item{padding: 0;font-size:1em;padding:2.5em 0.3em;margin: 0;}


   .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px !important;
   }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer;
    }

    .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        display: inline-block;
        border-radius: 100% !important;
        background: #000  !important;
        opacity: .2 !important;
    }
    .navigation .sections{padding-bottom: 0;}
     .swiper-container{width:99% !important}
    .swiper-container .swiper-pagination-bullet-active{background: #ca4747 !important;}
    #smalltitle span{padding: 0 0.2em;}
    .introduce .divide{display:block;width: 0em;}
    .article-list{padding: 0 1em;}
    .article-list ul li{width: 100%;margin-top: 2em;}
    .article-info h1{font-size: 1em;}
    .article-info h1 span{width: 1em;}
    .article-info .article-content{padding: 2em 1em;}
    .article-info .other-article li:first-child{margin-right: 0;}
    #smalltitle{font-size: 1.4em;}
    .copyright{line-height:50px;}
}
#loader h2{font-size:18px;font-weight: normal;margin-top:10px;white-space:pre;font-family: 'MyNewFont';color: #524f4f;padding-left: 1.5em;letter-spacing: 1.5em;}
#loader h1{font-size:14px;font-weight: normal;margin-top:10px;white-space:pre;font-family: 'MyNewFont';color: #524f4f;}
#loader img{animation:myfirst 2s;}

@keyframes myfirst
{
0%   { 
      opacity: 0.25;  
     }
25%  {
      opacity: 0.5;  
     }
50%  {
      opacity: 0.75;  
      }
100% {
      opacity: 1;  
     }
}