@charset "utf-8";
body,table,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-family: "微软雅黑","Microsoft Yahei","Open Sans","Helvetica Neue",Helvetica,Arial,STHeiti,sans-serif;color: #333333;}
body{padding-bottom:50px;}
.light, .light a{color: #ff5500;}
.gray,.gray a{color:#ccc;}
a.light:link {color: #ff5500;text-decoration:none;}
a.light:visited{color: #ff5500;text-decoration:none;}
a.light:hover{color: #FF884E;text-decoration: underline;}


.mod-header{padding:5px 5px;}
.mod-header .row{padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;}
.mod-header .col-xs-8,.mod-header .col-sm-6{padding-left:0;}
.mod-header .tel span{font-size:16px;color:#A35200;}
.mod-header .tel a{font-size:16px;font-weight:bold;color:#A35200;}
.mod-header .tel{padding-left:5px;}


#navbar{}
#navbar ul{height: 51px; width: 100%; /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#686868), to(#3e3e3e)); border-top: 1px solid #424242;*/ }
#navbar ul li{display: inline;float:left;height:50px;width: 20%;}
#navbar ul li a {display: block;height:50px;line-height:45px;font-size: 14px;text-align: center;-webkit-box-flex: 1;cursor: pointer;color: #fff;border-top: 1px solid #7c7c7c;}
#navbar ul li a:hover {color: #fff;text-decoration: none;/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#424242), to(#272727));*/}
#navbar .navbar-collapse{padding-left:0;padding-right:0;}
.navbar-fixed-bottom em {display:block;width: 60px;height: 60px;margin: 0 auto;margin-top: -15px;padding: 1px;border-radius: 5px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#3e3e3e));}
.navbar-fixed-bottom span.home {display: block;padding: 1px;border-radius: 5px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#878787), to(#3e3e3e));}
.navbar-fixed-bottom img {height: 25px;width: 25px;margin: 0 auto;vertical-align:top;}
.navbar-fixed-bottom samp {background: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#3e3e3e));border-radius: 5px;padding: 5px;display: block;font-family: Menlo,Monaco,Consolas,"Courier New",monospace;font-size: 1em;}
.navbar-fixed-bottom p {height:35px;padding: 5px;border-radius: 5px;background: #fb9101;margin: 0 0 10px;}



.mod-menus{clear:both;margin:0 auto;}
.mod-menus ul li {display: block;float: left;text-align: center;width: 25%;}
.mod-menus ul li a {display: block;padding:5px 0;line-height: 22px;background: none repeat scroll 0 0 #CC6600; border-bottom: 1px solid #E67300;border-right: 1px solid #E67300; color: #FFFFFF;text-align: center;text-decoration: none;}
/*
.mod-menus ul li.first a{border-radius:3px 0 0 3px;}
.mod-menus ul li.last a{border-radius:0 3px 3px 0;}
.mod-menus ul li.a1 a{border-radius:3px 0 0 0;}
.mod-menus ul li.a2 a{border-radius:0 3px 0 0;}
.mod-menus ul li.a3 a{border-radius:0 0 0 3px;}
.mod-menus ul li.a4 a{border-radius:0 0 3px 0 ;}*/
.mod-menus ul li a:hover,.menus ul li.active a{ background: none repeat scroll 0 0 #FF8000;text-decoration: none;}



.service{}
.service .media  img{width:80px;}
.service .media .media-body p{color:#666666;}
.about .media  img{max-width:120px;}

.news-list .list-group a{text-decoration:none;}

table.attr{width:100%;margin:10px auto;b}
table.attr td{padding:5px;height:30px;line-height:30px;font-size:1.5em;}

table a.more{background:#808080;display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;text-decoration: none;}

.list-order-by{clear:both;margin:0 auto;padding:5px;margin-bottom:5px;border:solid 1px #efefef;}
.list-order-by span,.list-order-by a{display:block;float:left;height:20px;line-height:20px;}
.list-order-by span{margin-left:10px;}
.list-order-by a{margin:0 10px;border:solid 1px #D7D7D7;height:20px;line-height:20px;padding:0 5px;font-size:12px;color:#A33A10;text-decoration:none;border-radius:3px;}
.list-order-by a:hover{border:solid 1px #C6A536;}
.list-order-by a.active{border:solid 1px #C6A536;}


.cats{}
.cats li{float:left;margin:5px 10px;list-style:none;}
.cats li a{color:#A33A10;}
.cats li a:hover{color:#FF6C16;border:solid 1px #efefef;}
.cats li em{margin-left:5px;color:#666;font-style:normal;}


/* productlist */

.mod-items .item{height:160px;overflow:hidden;margin-bottom:15px;}
.mod-items .item img{width:auto;max-height:120px;}
.mod-items .item h5{margin:5px 0;}
.mod-items .col-xs-6,.mod-items .col-md-3{padding-right: 8px;padding-left: 8px;}
.mod-row-items{}

/* contact / about */
.page-contact{clear:both;margin-top:10px;}
.page-contact h3.tit{font-size:16px;color:#CC6600;margin:10px auto;}
.page-contact ul{padding-left:10px;}
.page-contact li h3{font-size:16px;font-weight:bold;}
.page-contact li{line-height:24px;font-size:14px;}

.page-about{clear:both;margin-top:10px;}
.page-about p{margin-bottom:10px;text-indent:2em; font-size:14px;line-height:22px;color:#4D5B72;}
.page-about img{margin-right:5px;}

/* map */
#showmap{display: block;margin-left: auto;margin-right: auto;width:100%;height:300px;color:#ffffff;}
.BMap_bubble_content{color:#ffffff;}

/* bootstarp reset */
.container {padding-right:5px;padding-left:5px;}
.container-fluid{padding-left:0;padding-right:0;}
.navbar-default .navbar-nav > li > a {color:#fff;}
.navbar-default .navbar-nav > li > a:hover{color:#FFFF66;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td,.table>tfoot>tr>td{padding:12px 8px;}
.thumbnail{margin-bottom:5px;}

.caption{height:20px;margin-bottom:15px;overflow:hidden;}
.index .caption{margin-bottom:5px;}
.row{padding-top:5px;padding-bottom:5px;}
.row.search{padding-top:0;margin-left:0;margin-right:0;}
.pd10{clear:both;padding-top: 10px;padding-bottom: 10px;}
.pd5{clear:both;padding-top:5px;padding-bottom:5px;}
.mt10{clear:both;margin-top: 10px;}
.mt5{clear:both;margin-top: 5px;}
.line{border-bottom:solid 1px #efefef;padding-bottom:5px;}

.container h3.main-tit{clear:both;text-align:center;margin:10px auto;padding-bottom:10px;}
.container .btn-group.sub-menus .btn{padding:6px 10px;}
.container .pics img{width:100%;text-align:center;}
.banner{clear:both;margin:5px 0;}
.banner img{width:100%;min-width: 320px;max-width:480px;height: auto;}

.mod-banner{clear:both;margin-bottom:5px;}
.mod-banner img{width: 100%;min-width: 320px;max-width: 640px;height: auto;}

.bg{padding:10px;border-radius:3px;margin-bottom:10px;}
.bg.bg-warning{color:#BB9B11;}


/***** 颜色风格 *****/
/* 深红色 */
.container.site-skin{padding-left:0;padding-right:0;}
.site-top-tel span{color:#E04128;}
.site-top-tel a{color:#E04128;}
.menus ul li a {background: none repeat scroll 0 0 #B61D25; border-bottom: 1px solid #CC212A;border-right: 1px solid #CC212A; color: #FFFFFF;}
.menus ul li a:hover,.menus ul li.active a{ background: none repeat scroll 0 0 #C2434A;}
.callme .btn{background:#BB301B;color:#ffffff;}
.gotop{background:#D3D3D3;color:#BB301B;}
.gotop a{color:#BB301B;}
.footer{background:#EDEDED;}
.footer .menu{color:#BB301B;}
.footer a{color:#BB301B;}
.mod-content strong.tit{color:#BB301B;}
.btn-skin{background:#E04128;border:solid 1px #BB301B;color:#ffffff;}
.btn-skin:hover{background:#BB301B;border:solid 1px #BB301B;color:#ffffff;}
.box .hd h3{background:#D9534F;}

/* 棕色木制色

.site-top-tel span{color:#905F4A;}
.site-top-tel a{color:#905F4A;}
.menus ul li a {background: none repeat scroll 0 0 #AB7C69; border-bottom: 1px solid #B68571;border-right: 1px solid #B68571; color: #FFFFFF;}
.menus ul li a:hover,.menus ul li.active a{ background: none repeat scroll 0 0 #AD7760;}
.callme .btn{background:#6E401E;color:#ffffff;}
.gotop{background:#F4F4F4;color:#b68571;}
.gotop a{color:#b68571;}
.footer{background:#F4F4F4;}
.footer .menu{color:#b68571;}
.footer a{color:#b68571;}
.mod-content strong.tit{color:#b68571;}
.btn-skin{background:#6E401E;border:solid 1px #BB301B;color:#ffffff;}
.btn-skin:hover{background:#b68571;border:solid 1px #b68571;color:#ffffff;}
.box .hd h3{background:#B27F4D;}
 */




.mobile-form .col-xs-12{padding-left:0;padding-right:0;}
.form-horizontal.mobile-form .form-group {margin-right: 0;margin-left: 0;}