/*
 * @name style.css
 * @time 2018.11.22
 * @company Topkee Media
 * @author Fyz
*/

/* reset */
a{color: #fff;}
a:hover,a:focus{color: #fff; 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: #fff;font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial; background-color: #1c1b19;}
.relative{position: relative;}
.min-height{min-height: 400px;}
@media (max-width: 767px) {
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}

    .min-height{min-height: 200px;}
}

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


/* hd */
.hd{position: absolute; top: 0; width: 100%; z-index: 1;}
.app-nav-wrap{position: relative;}
.hd .phone{float: right; line-height: 100px; padding:0 20px; position: relative; z-index: 1;}
.hd .phone img{margin-left:10px;}

/* ft */
.ft-contact{background-color: #353430; height: 340px; margin-top:50px;}
.ft-contact .con{display: flex;}
.ft-contact .flex{display: flex; height: 100%; align-items: center;}
.ft-contact .inner{ padding: 30px; font-size:16px; color: #fff;}
.ft-contact .address{margin-bottom:20px;}
.ft-contact .address p{margin-bottom: 25px;}
.ft-contact .address td{padding:10px 0;}
.ft-contact .address img{margin-right: 10px;}
.ft .map{width:100%; height: 340px; position: relative; top: -50px;}
.ft .map iframe{width: 100%; height: 100%;}
.ft-info{color:#fff; padding: 30px 15px 40px;}
.copyright{text-transform: uppercase;}
.copyright p{margin-bottom: 0;}
@media(max-width: 767px){
    .hd{position: static;}
    .hd .phone{float: none; line-height: 64px; padding-left: 0; position: absolute; right: 80px; display:none;}
    .hd .phone img{width: 24px;}
    .ft-contact{margin-top:0; height:auto;}
    .ft-contact .flex{height: auto;}
    .ft .map{height: 340px; top:0;}
}


/* index */
.i-mould-wrap{background:#1c1b19 url("../images/line.png") repeat-x 0 150px;}
.i-mould{margin: 60px 0;}
.i-mould .t{font-weight: bold; margin:0; text-transform: uppercase;}
.i-mould .t em{color: #fccc58;}
.i-service{margin-top: -150px;}
.i-about{margin-top:80px;}
.i-about .con{padding-top:100px; font-size: 18px;}
.i-about img{width:100%;}
.i-about .t{margin-bottom:30px;}
.i-property{margin-bottom:40px;}
.i-property .t{margin-bottom:40px;}
.i-property .more{margin-top: 30px;}
.i-property .btn{display: inline-block; padding: 3px 25px; background-color: #fccc58; color: #fff; text-transform: uppercase;}
.i-news{margin-top:40px;}
@media (min-width: 992px) and (max-width: 1500px){
    .i-service{margin-top: -100px;}
}
@media (min-width: 767px) and (max-width: 992px){
    .i-service{margin-top: -70px;}
}
@media (max-width: 767px){
    .i-mould-wrap{background: none;}
    .i-mould{margin: 40px 0;}
    .i-service{margin-top:20px;}
    .i-about .t{margin:20px 0 15px;}
    .i-about .con{padding: 0 0 30px;}
}


/* page */
.page{margin: 60px 0;}
@media (max-width: 767px){
    .page{margin: 30px 0;}
}