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

/* reset */
a{color: #666;}
a:hover,a:focus{color: #666; 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: #C3C3C3 !important; }
::-webkit-input-placeholder { color:#C3C3C3 !important; }
:-ms-input-placeholder { color:#C3C3C3 !important; }
body{color: #666;font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.relative{position: relative;}
.min-height{min-height: 500px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: normal;}
.btn{background-color: #61B663; border-color: #61B663; color: #fff; width: 160px;}
.btn:hover{background-color: #569358; color: #fff;}
@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 */
.logo{ line-height: normal; float: none; height: auto; margin: 10px 0; text-align: center; display:block; left:auto;}
@media (max-width: 767px){
    .logo{height: 64px; margin:0 0 0 15px;float: left; display: flex; display:table\9;}
    .logo a{display: flex; align-items: center; justify-content: center;vertical-align: middle; display: table-cell\9;}
    .logo img{height: 35px;}
}


/* hd */
.hd{position: relative; z-index: 1;}
.topBar{background-color: #61B663; color: #fff; padding: 1px 0;}
.topBar .phone img{height: 32px;}
.topBar p{margin-bottom: 0;}
.topBar .toolbar-language{display: inline-block; margin-top: 5px;}
.navArea{border-top: 1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;}
@media(max-width: 767px){
    .hd{border-bottom:1px solid #D8D8D8;}
    .navArea{border:0;}
}



/* ft */
.ft-info{border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding: 35px 0; margin-bottom:10px;}
.ft-contact p{margin-bottom: 0;}
.ft .share{margin-top: 15px;}
.copyright{color: #999;}
.backTop{position: fixed; bottom:40px; right: 0; z-index: 10;}
.backTop a{display: block; width: 28px; height: 28px; background:#9B9B9B url('https://tabccc.oss-cn-hongkong.aliyuncs.com/u_8/201904301433347.png?x-oss-process=style/TMTP') no-repeat center;}
@media(max-width: 767px){
    .ft-info{padding-bottom: 25px;}
}


.information .form-control{background-color:#E7E9EE; border-color: #E7E9EE; box-shadow: none;}
.information .has-error .form-control {border-color: #a94442;}
.information .form .btn{background-color: #61B663; border-color: #61B663; color: #fff; width: 160px;}
.information .form .btn:hover{background-color: #569358; border-color: #6E0909;}
@media(max-width: 767px){
    .information{margin-top: 30px;}
    .information .form .btn{width: 100%;}
}




/* index */
.i-module{margin: 45px 0;}
.i-module .t{font-size: 20px; margin:0 0 20px 0;}
@media(max-width: 767px){
    .i-module{margin: 30px 0;}
}



/* page */
.bdBar{margin-top: 10px;}
.location{color: #999;}
.breadcrumb{display:inline-block; padding-left: 0;text-transform:uppercase; margin-bottom: 0; background: none;}
.breadcrumb a{color: #999;}
.breadcrumb>.active{color: #333;}
.breadcrumb>li+li:before{content: '>\00a0'; color:#666; padding: 0 0 0 5px;}
.breadcrumb>li:nth-child(2):before{padding-left: 2px;}
.bdBar .filter-nav{text-align: right;}
@media (max-width: 992px){
    .bdBar .filter-nav{text-align: left;}
}
@media(max-width: 767px){

}


.page{margin: 60px 0;}
.page-cms table{width: 100%; text-align: center; font-size: 14px;}
.page-cms table td{padding: 10px 15px;}
.page-cms img{margin: 10px;}
@media(max-width: 767px){
    .page{margin: 30px 0;}
    .page-cms img{display: block; margin: 10px 0;}
}


/* contact */
.map{height: 460px;}
.map iframe{width: 100%; height: 100%;}


/* product */
.product .recommend{margin-top: 60px;}
.product .recommend .t{font-size: 20px; margin:0 0 20px 0;}