/*
 * @name style.css
 * @time 2018.08.15
 * @author Fyz
 * @QQ 530272318
*/

/* reset */
a{color: #141414;}
a:hover,a:focus{color: #141414; text-decoration: none;}
img{max-width: 100%;}
ul,ol{margin:0; padding:0;}
li{list-style: none;}
input{outline: none;}
textarea{outline: none; resize: none;}
em,strong{font-style: normal;}
::-moz-placeholder { color: #2b2b2b; }
::-webkit-input-placeholder { color:#2b2b2b; }
:-ms-input-placeholder { color:#2b2b2b; }
body{color: #141414;font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.relative{position: relative;}
.min-height{min-height: 320px;}
@media (max-width: 768px){
    /* reset */
    h2{font-size: 18px;}
    h3{font-size: 16px;}
    h4{font-size: 14px;}
    h5{font-size: 12px;}

}

/* logo */
@media (min-width: 768px) {
    .logo{height: 100px;}
}


/* hd */
.hd{border-bottom:8px solid #f5f5f5;}
.langage{position: relative; z-index: 1; display: flex; height:100px; margin-left:20px;}
.langage .flex{display: flex; align-items: center; justify-content: center;}
.langage em{font-weight: bold; padding-right:5px;}
.langage a.active{color: #ed1b23;}

/* ft */
.ft{color: #e8e8e8; background-color: #161616; padding: 25px 0 15px;}
.ft-contact{ position: relative; padding-top: 15px;}
.ft-contact:before{content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 4px; background-color: #e8e8e8;}
.ft-info{text-align: right;}
.ft .share{margin: 30px 0 10px;}
.copyright{font-style: italic;}
@media(max-width: 768px) {
    .langage{ float:none; position: absolute; right: 70px; height: 64px;}
}


/* page */
.page{margin: 30px 0; position: relative;}


/* news */
.news{margin: 50px 0;}
@media(max-width: 768px) {
    .news{margin: 30px 0;}
}

/* contact */
.contact{position: relative; margin: 80px 0;}
.contact .row>div{padding: 0;}
.contact .detail{padding: 50px 0;}
.contact .bg{padding:50px 30px; background-color: #f7f7f7; min-height: 500px; }
.contact hr{border-color:#c9c9c9;}
.c-map{position: absolute; left: 0; top: 0; width: 50%;}
.map{width: 100%; height: 600px;}
.map iframe{width: 100%; height: 100%;}
@media(max-width: 768px){
    .contact{margin:30px 0;}
    .contact .detail{padding: 0;}
    .contact .bg{padding: 30px; min-height: auto;}
    .c-map{position: static; width: 100%;}
}


/* index */
.home{position: absolute ; left: 0; top:0; width: 100%; height: 100%;}
.home .logo{position: fixed ; left: 50px; top: 40px; width: auto; height: auto;}
.hdInfo{position: fixed ; right: 50px; top: 40px; width: auto; height: auto; z-index: 1; overflow: hidden; zoom:1;}
.hdInfo>div{display: inline-block;}
.hdInfo .langage{height: auto;color:#787679; vertical-align: middle; margin: -12px 0 0 10px;}
.hdInfo .langage a{color:#787679;}
.hdInfo .langage a.active{color: #ed1b23;}
.home .nav-area{position: fixed; right:50px; bottom: 0; width: auto; height: auto; z-index: 1;}
.home .nav-area a{color:#fff; font-size: 14px;}
.home .bd, .home .bd div{height: 100%;}
.home .album-classify-list{padding-bottom: 0;}
.home .album-classify-list .row>div{padding: 0;}
.home .album-classify-list .item{height: 100%; margin-top: 0;}
.home .album-classify-list .info{border: 1px solid #fff; height:170px;}
.home .album-classify-list .info div{height:auto;}
.home .album-classify-list .item:hover .info{display: none;}
@media (max-width: 768px){
    .home .logo{left: 15px; top: 15px;}
    .home .logo img{height: 40px;}
    .hdInfo{right: 15px; top: 20px;}
    .hdInfo>div{display: block;}
    .hdInfo .langage{position: static; margin:10px 0 0; width: 100%; text-align: right;}
    .home .nav-area{right: 15px;}
}