﻿body{font-family:'Microsoft Yahei','黑体',sans-serif}
a{color:#333}
a:hover,a:focus{color:#666;text-decoration:none}
img{max-width: 100%}
.navbar{margin-bottom:0}
.navbar-brand{height:100%;font-weight:bold}
.navbar-nav>li>a{font-size:16px;line-height:30px;color:#333}
.navbar-logo{float:left}
.icon-bar{background:#888}
.dropdown-menu>li>a{line-height:2}
.navbar-nav>li>.dropdown-menu,.dropdown-submenu>.dropdown-menu{border:none;border-radius:0;}
.dropdown-submenu{position:relative}	
.dropdown-submenu::after{content:' ';position:absolute;top:13px;right:10px;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-left: 4px dashed;border-left: 4px solid\9;border-bottom: 4px solid transparent;border-top: 4px solid transparent;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;}
.open>.dropdown-menu/*,.dropdown:hover>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu*/{display:block}
@media (max-width: 767px){
.dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.dropdown-submenu>.dropdown-menu{margin-left:15px}
}
@media screen and (min-width:768px){
	.navbar-nav{float:right}
	.navbar{margin-bottom:20px}
	.navbar-collapse{padding-top:30px;}
}
@media screen and (min-width: 1200px){
	.navbar .container{width:1300px}
	.footer-nav{text-align: center}
	.navbar-nav>li>a{font-weight:bold;border-bottom: solid 3px transparent}
	.navbar-nav>li>a:hover,.nav .open>a,.nav .open>a:hover{background:0;border-color: #f0060a;}
}
}
/**等比图片**/
.proportion-constrain-4b3,.proportion-constrain-16b9{position:relative;height:0}
.proportion-constrain-4b3{padding-bottom:75%}
.proportion-constrain-16b9{padding-bottom:56.25%}
.proportion-constrain-4b3>img,.proportion-constrain-16b9>img{position:absolute;width:100%;height:100%;object-fit:cover}
.banner{height:100px;background:#eee no-repeat center;background-size:cover}
@media screen and (min-width:480px){.banner{height:200px}}
@media screen and (min-width:768px){.banner{height:300px}}
.breadcrumb{margin-top:20px}
/**产品推荐**/
.rec-header{border-bottom: solid 1px #999}
.rec-header>.header-txt{display:inline-block;line-height:2;padding:0 15px;border-bottom:solid 1px #666}
.rec-list>.rec-item{margin:15px 0}
.rec-item:nth-child(n+5){display:none}
.rec-item>.img-item{display:block;padding:5px;line-height:2;font-size:14px;border:solid 1px #ddd}
.rec-item>.img-item>.img-title{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media screen and (min-width:480px){
	.rec-item>.img-item{padding:10px;font-size:14px}
	.rec-item>.img-item>.img-title{margin-top:10px}
}
/* 放大动画 */
.scalable>.img-wrap{position:relative;overflow:hidden}
.scalable>.img-wrap>img{transition:transform 1s}
.scalable:hover>.img-wrap>img{transform:scale(1.2)}

/****************/
.footer{font-size:16px;color:#979aab;background:#3a3c48}
.footer-wrap{padding:20px 0;border-bottom:1px solid #34333b}
.footer .head{font-weight:bold}
.footer .list{list-style:none;margin:0;padding:0;line-height:2}
.footer a{color:#979aab;}
.copyright-wrap{padding:20px 0;border-top:1px solid #404450}
.copyright{font-size:14px;line-height:1.5;text-align:center}
.copyright-item{display:block}
.fixed-navbar-bottom{height:50px}
.fixed-navbar-bottom>.navbar-bottom{position:fixed;height:50px;width:100%;left:0;bottom:0;z-index:999;line-height:50px;text-align:center;background:#fff;box-shadow:0 0 2px #000}
.navbar-bottom>.navbar-bottom-item{float:left;width:33.333%}

@media screen and (min-width: 768px){
	.rec-item:nth-child(n+5){display:block}
	.copyright-item{display:inline}
}