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

/* reset */
a{color: #424141;}
a:hover,a:focus{color: #727272; 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;}
::-moz-placeholder { color: #2b2b2b; }
::-webkit-input-placeholder { color:#2b2b2b; }
:-ms-input-placeholder { color:#2b2b2b; }
body{color: #727272;font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.relative{position: relative;}
@media (min-width: 768px){
    .min-height{min-height: 400px;}
}

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

/* hd */
.hd{position:relative; z-index:1;}

/* ft */
.ft-contact{position: relative; padding-top: 180px; margin-bottom:35px;}
.ft .map{width:100%; height: 360px; overflow: hidden; position: absolute; left: 0; top: 0;}
.ft .map iframe{width: 100%; height: 100%;}
.ft-contact-list{position: relative; z-index: 1;}
.ft-contact-list .item{box-shadow: 0 0 20px rgba(0,0,0,0.3); text-align: center; padding: 50px; background-color: #fff; height: 400px;}
.ft-contact-list .title{color: #e6c99f; margin: 10px 0 20px;}
.ft-contact-list .iconfont{font-size:100px; color: #e6c99f; line-height:1;}
.ft-contact-list address strong{display:inline-block; margin-top: 10px; color: #334466;}
.ft-info{background-color:#161e2e; color:#a0a0a0; padding-top: 10px;}
.ft .share{margin:10px 0 15px;}
.ft .ftNav{margin-top:15px;}
.ft .ftNav a{color: #cbcbcb; margin:0 12px 5px;}
.copyright{text-transform: uppercase; background-color: #13161e; margin-bottom: 0; padding: 10px 0;}
.copyright p{margin-bottom:0;}

/* s-icon */
.s-icon{display: block; background: url("../images/icon.png") no-repeat center 0;}
.s-icon-1{background-position: center 6px; height: 56px;}
.s-icon-2{background-position: center -91px; height: 56px;}
.s-icon-3{background-position: center -191px; height: 56px;}

/* index */
.i-mould{margin: 35px 0;}
.i-mould .title{font-size: 32px; color: #334466; text-align: center; text-transform: uppercase; margin:0 0 20px;}
.i-mould .title small{display:block; font-size: 16px; color: #334466; margin-top: 5px;}
.i-service{color: #334466; text-align: center;}
.service-list .item{margin-top:10px; padding: 0 35px; line-height: 1.6;}
.service-list .t{color: #334466; margin: 20px 0; line-height: 1.6;}
.i-about{background-color: #e6c99f; color: #fff; position: relative;}
.i-about .imgBox{margin-right: -15px;}
.i-about .imgBox img{width:100%;}
.i-about .con{position: absolute; width: 100%; left: 0; top: 0;}
.i-about .inner{padding: 35px 0 10px;}
.i-about .t{margin-bottom: 15px;}

/* page */
.page-con{margin: 50px 0; padding: 0 50px;}


@media (max-width: 768px){
    /* reset */
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}

    /* ft */
    .ft-contact{padding-bottom: 30px;}
    .ft-contact-list{position: static;}
    .ft-contact-list .item{margin-top: 30px; padding: 20px; height: auto;}

    /* index */
    .i-about .imgBox{margin: 0 -15px;}
    .i-about .con{position: static;}
    .i-about .inner{padding: 10px 0 25px;}
    /* page */
    .page-con{margin: 30px 0; padding: 0;}
}