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

/* reset */
a{color: #171C39;}
a:hover,a:focus{color: #171C39; 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: #9B9B9B !important; }
::-webkit-input-placeholder { color:#9B9B9B !important; }
:-ms-input-placeholder { color:#9B9B9B !important; }
body{color: #171C39;font-family: \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;}
}


/* hd */


/* ft */
.ft-contact{background-color: #eeedf2; padding: 30px 0 35px;}
.ft-contact .address{font-size: 12px;}
.ft-contact .tel{margin-left: 20px;}
.ft-contact .tel p{float: left; background-color: #1875bb; color: #fff; padding: 5px 10px; margin:0 10px;}
.ft-contact .tel img{margin-right: 5px;}
.map{height: 215px;}
.map iframe{width: 100%; height: 100%;}
.ft-bar{background-color: #1875bb; padding: 5px 0;}
.ft-bar .backTop a{color: #fff;}
.ft-bar .glyphicon{margin-right: 5px;}
.ft-info{background-color: #3c3f50; font-size: 12px; color: #9b9ea5; padding: 20px 0 10px;}
.ft-info .ftLogo{margin: 0 0 20px 0;}
.ft-info .t{margin-top: 0;}
.ftNav a{display: inline-block; width: 49%; margin-bottom:3px; text-transform: uppercase; color: #9b9ea5;}
.ftNav a:before{display: inline-block; content: '\>'; margin-right:5px;}
.ft-contact:hover,
.information:hover{background-color: #076DB9; color:#fff;}
.ft-contact:hover .tel p,
.information:hover .form .btn{background-color:#171C39;}
@media(max-width: 767px){
    .ft-contact .tel{float: none !important; margin-left: 0;}
    .ft-contact .tel p{float: none !important; margin:0 0 10px 0;}
    .ftLogo img{height:auto;}
}

.information{background-color: #191d3a; font-size:12px; color: #fff;}
.information .box{padding: 25px 150px;}
.information .title{font-size: 22px; font-weight: normal; margin-bottom: 15px; text-align:center;}
.information p.s{margin-bottom: 20px; text-align:center;}
.information .form-group{margin-bottom: 20px;}
.information .form-control{font-size: 12px; border-radius: 0;}
.information .form .btn{background-color: #086eb9; border-color: #086eb9; border-radius: 0; font-size: 12px; color: #fff; width: 150px; margin-top: 10px;}
@media(max-width: 767px){
    .information .box{padding: 25px;}
    .information .form .btn{width: 150px;}
}


/* modal */
.modal{background-color: #161d49; color: #fff;}
.modal .close{position: absolute; right: 0; top: 0; width: 48px; height: 48px; text-align: center; background-color: #0b6cbb; font: normal 48px/50px Arial; color: #fff; opacity: 1;}
.modal .box{padding: 40px 150px;}
.modal a{color: #fff;}
@media(max-width: 767px){
    .modal .close{width: 30px; height: 30px; font-size: 30px; line-height: 32px;}
    .modal .box{padding: 25px; overflow-y: auto; height: 100%;}
}

/* contact */
.contact .page-con{font-size: 12px; color: #fff; background-color: #161d49; padding: 50px 0 40px; margin-top: 20px;}
.contact .title{font-size: 26px; font-weight: normal; margin:0 0 15px 0;}
.contact p.s{margin-bottom: 40px;}
.contact .form-group{margin-bottom: 20px;}
.contact .form-control{font-size: 12px; border-radius: 0;}
.contact .form .btn{background-color: #086eb9; border-color: #086eb9; border-radius: 0; font-size: 12px; color: #fff; width: 100%;}
.contact .con{}
@media(max-width: 767px){
    .contact .con{}
}


/* category */
.category{background-color: #161d49; color: #fff; padding: 50px 0 80px; margin-top: 20px;}




/* index */
.typeNavWrap{padding: 0 35px; margin: 35px 0;}
.product-sub{margin: 15px 0;}
@media(max-width: 767px){
    .typeNavWrap{padding: 0; margin: 20px 0;}
}




/* page */
.location{border-top: 4px solid #026dbf; background-color: #e8e7e5;}
.breadcrumb{margin-bottom: 0; border-radius: 0; background:none; font-size: 12px; padding:8px 0;}
.breadcrumb>li+li:before{content: '\>'; color:#171C39;}
.breadcrumb>.active{color: #171C39;}
.page-con{margin-bottom: 40px;}


/* about */
.about .desc{margin: 0 -15px;}
.about .desc .row{margin: 0;}
.about .desc .row>div{padding: 0;}
.about .d-left,
.about .d-right{height: 220px;}
.about .desc .img{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%;}
.about .desc .info{font-size: 16px; color:#2B4169; padding: 25px 30px;}
.about .desc .title{font-size: 26px; border-bottom: 1px solid #072C47; margin: 0 0 20px 0; padding-bottom: 8px;}
.about .desc .con{line-height: 1.8; height: 110px; overflow-y: auto;}
@media(max-width: 767px){
    .about .d-left{height: auto;}
    .about .desc .info{height: auto; padding: 25px 15px; font-size: 16px;}
    .about .desc .title{font-size: 22px;}
    .about .desc .con{height: auto; overflow-y: inherit;}
}


/* house */
.f_category{background-color: #072c47; padding: 0 140px;}
.f_category .typeNav{margin: 0;}
.f_category .typeNav .item a{background-color: #072c47; font-size: 14px;}
.f_category .typeNav img{width: 48px;}
.f_search{background-color: #1875bb; padding: 5px 140px;}
.f_search select{font-size:12px;}
.f_search .btn{background-color: #072c47; font-size: 16px; color: #fff; width: 100%; border-radius: 0;}
.f_search .btn .glyphicon{margin-left: 10px; vertical-align: middle;}
@media (max-width: 767px){
    .f_category{padding: 0 15px;}
    .f_search{padding: 10px 15px;}
    .filter select{margin-bottom: 10px;}
}

/* house 2*/
.filter_2 .f_search{background-color: #88aada; padding: 16px 70px; text-align: center;}
.filter_2 .form-control{display:inline-block; margin: 0 2px; width: 16%;}
.filter_2 input.form-control{width: 25%;}
.filter_2 .btn{width: 16%; background-color: #086eb9;}
@media (max-width: 1200px){
    .filter_2 .f_search{padding: 16px 40px;}
}
@media (max-width: 767px){
    .filter_2 .f_search{padding: 15px;}
    .filter_2 .form-control,
    .filter_2 input.form-control,
    .filter_2 .btn{width: 46%; margin:5px 2px;}
}




/* activity */



/* news */
.news .page-con{margin-top: 15px;}


/* yimin */
.yimin .page-con{margin-top: 15px;}
.yimin .service-detail{margin-top:-15px;}


/* contact */
#contact .share .icon{color: #fff;}