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

/* reset */
a{color: #333;}
a:hover,a:focus{color: #333; 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 !important; }
::-webkit-input-placeholder { color:#2b2b2b !important; }
:-ms-input-placeholder { color:#2b2b2b !important; }
body{color: #333;font-family: 'Biaukai',\5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.relative{position: relative;}
.min-height{min-height: 500px;}
@media (max-width: 767px) {
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}

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


/* logo */
.logoArea{position: absolute; left: 0; top: 0; width: 100%;}
@media (min-width: 768px) {
    .logo{height: 100px;}
    .app-nav-wrap .logo{display: none;}
}
@media (max-width: 767px){
    .logoArea{display: none;}
    .app-nav-wrap .logo{display: block;}
    .logo{height: 64px; margin-top: 0;}
    .logo img{margin-top:15px;}
}

/* hd */
/*.langage-wrap, .langage{display:none;}*/
.app-nav-wrap{position: relative; top: -15px;}
.topBar .phone{background-color: #ffc600; font-size: 36px; color: #000; padding: 0 10px; line-height: 100px;}
.topBar .phone p{margin-bottom: 0;}
.topBar .phone img{margin-right:10px;}
@media (max-width: 767px) {
    .app-nav-wrap{top:0;}
    .langage-wrap{display: none;}
}
@media (max-width: 440px) {
    .topBar{position: absolute; left: 0; top: 65px; width: 100%;}
    .topBar .phone{font-size: 18px; line-height: 64px;}
    .topBar .phone img{height: 30px;}
}

/* ft */
.ft{border-top:1px solid #e5e5e5; padding: 30px 0 10px;}
.ftNav{font-size: 18px;}
.ftNav a{display: inline-block; margin:0 50px 10px 0;}
.copyright{text-transform: uppercase; color: #c1c1c1;}
.copyright p{margin-bottom: 0;}
.floatInfo{position: fixed; right: 10px; bottom:100px; z-index: 99;}
.floatInfo a{display: inline-block; width: 70px; height: 70px; border-radius: 50%; background-color: #53c11e; color: #fff; text-align: center; line-height: 70px; cursor: pointer; box-shadow: 0 0 5px rgba(83,193,30,0.35); margin:0;}
.floatInfo a.backTop{background-color: #ffc600; margin-top: 10px; box-shadow: 0 0 5px rgba(255,198,0,0.35);}
.floatInfo i{display: block;}
.floatInfo em{display: none;}
.floatInfo .iconfont{font-size: 60px; padding:0; border:0;}
.floatInfo .glyphicon{font-size: 24px; line-height: 70px;}
@media(max-width: 767px){
    .ft .text-right{text-align: left;}
    .ftNav{font-size: 14px;}
    .copyright{margin-bottom:10px;}
    .floatInfo a{width: 50px; height: 50px; line-height: 50px;}
    .floatInfo .iconfont{font-size: 42px; }
    .floatInfo .glyphicon{font-size: 20px; line-height: 50px;}
}



/* index */
.i-bd{background-color: #f5f5f5;}
.i-mould{margin: 40px 0;}
.i-mould .t{margin:0; text-transform: capitalize; font-size: 36px; color: #3a487f; text-align: center; padding-bottom: 10px;}
.i-mould .t.sub{color: #333; padding-bottom: 15px;}
@media (max-width: 767px){
    .i-mould .t{font-size: 24px;}
}


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


/* contact */
.contact{margin-top: 100px;}
.contact .content{padding: 0 10px;}
.contact .content h3{text-align: center;}
.contact .content h3:after{display:block; content: ''; width: 150px; height: 2px; background-color:#eee; margin: 5px auto 0;}
.contact .content h3 img{height:35px;}
.contact .content p{overflow: hidden; zoom:1; text-transform: uppercase; display: flex; align-items: center; margin: 15px 0 0;}
.contact .content p img{float:left; width:28px; margin-right: 10px;}
.map-wrap{position: relative;}
.contact .box{position:absolute; right:0; top:0; width: 40%; height: 250px; background-color: #ffc600;}
.contact .map{width: 100%; height: 360px; padding: 30px 30px 0 0; position: relative; z-index: 1;}
.contact .map iframe{width: 100%; height: 100%;}
@media (max-width: 767px){
    .contact,
    .map-wrap{margin-top: 30px;}
    .contact .content{padding: 0;}
}