@charset "utf-8";

*{
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
li {
	list-style-type:none;
}
a {
	text-decoration:none;
}
body{
	font-family: "Microsoft Yahei";
	color: #5a5a5a;
	background: #f6f6f6;
}
/*导航开始*/
#tf-menu{
	padding: 0px;
	transition: all 0.5s;
}

.navbar-clear{
	margin-top: 20px;
}

#tf-menu span.navbar-brand{
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 900;
	color: #1e88e5;
}
#tf-menu.navbar-default{
	background: #fff;
	border-color: rgba(238, 238, 238, 0.6);
}
#tf-menu.navbar-default .navbar-nav >li{
	padding: 10px 15px;
}
#tf-menu.navbar-default .navbar-nav >li >a{
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	color:#777;
	padding: 6px 0;
}
#tf-menu.navbar-default .navbar-nav >li >a::after{
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	height: 30px;
	border-bottom: 2px solid #1e88e5;
	
}
#tf-menu.navbar-default .navbar-nav >li >a:hover{
	color: #1e88e5;
	padding: 5px 0;
	transition: all 0.5s;
}
#tf-menu.navbar-default .navbar-nav >li >a:hover::after{
	width: 100%;
	transition: all 0.5s;
}
.navbar-toggle{
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
	background-color: #1e88e5;
	border-color: #1e88e5;
}
.navbar-default .navbar-toggle:hover > .icon-bar,.navbar-default .navbar-toggle:focus > .icon-bar{
	background-color: #fff;
}
.on{
	padding: 5px !important;
	background: #eee !important;
}
#search{float: right;margin:10px 0 0px 30px;}
#search .input{position: relative;}
#search button{position: absolute;top: 0;right: 0;z-index: 999;border-radius: initial;line-height: 20px;}
/*轮播图开始*/
#mycarousel{position: relative;}
#mycarousel .carousel-control.left span{position: absolute;top:50%;left: 50px;}
#mycarousel .carousel-control.right span{position: absolute;top:50%;right: 50px;}
/*轮播图结束*/
/*导航结束*/
/*首页厂家介绍开始*/
#index_about {padding:40px 0; background: #fff;}
.section-title h2{font-weight: 300;}
.section-title  small{margin-left: 10px;}
.section-title span{font-size: 12px;color: #999999;}
.section-title hr{border-color: #1E88E5;border-width: 4px;width: 60px;float: left;}
.section-title span{display: block;margin:20px 0 0;}
.clearfix{content: "";clear: both;display: block;}
p.intro{margin:15px 0 0;}
#index_about .btn{margin-top: 20px;color: #777;}
#index_about .btn:hover{color: #fff;background: #1E88E5;transition: all 0.5s;}
/*首页厂家介绍结束*/
/*首页产品中心*/
#index_model{padding:20px 0 20px;}
.section-title.center .line{border-top:4px solid #1E88E5;height: 10px;width: 60px;text-align: center;;margin: 0 auto;margin-top: 20px;margin-bottom:30px;}
.section-title.center hr{border-top:4px solid rgba(255, 51, 51, 0.2);width:40px;text-align: center;;margin-top: 10px;position: relative;;left: 17%;}
#index_model ul.type li{display: inline-block;margin-left: 5px;line-height: 30px;}
#index_model ul.pull-right{margin-top: 10px;}
#index_model ul.type li a.active{font-weight: 700;color: #1E88E5;}
#index_model ul.type li a{color:#333;}
#index_model ul.type li a:hover{color: #1E88E5;text-decoration: none;}
#index_model ul.type li a:focus{color: #222;font-weight: 700;}
#index_model ul.type li:after{content: "|";margin-left: 20px;}
#index_model ul.type li:last-child:after{content:"";}
#index_model p em{font-size: 12px;color: #999999;}
.fenlei{padding:20px 0;}
.portfolio-item{margin-bottom: 30px;transition: all 0.3s;box-shadow: rgba(0,0,0,0.1) 0px 8px 15px;}
.portfolio-item:hover{
	transform:translateY(-10px) scale(1.02);
}
.portfolio-item .hover-bg{height: auto;overflow: hidden;position: relative;}
.portfolio-item .hover-bg span{width: 100%;line-height: 40px; height:42px; display:block; background: #eee;color: #333333;}
.portfolio-item:hover a{text-decoration:none;}
.portfolio-item:hover .hover-bg span{background: #1E88E5;color: #fff;transition: all 0.6s; text-decoration:none;}
.isotope-item{margin-right: -1px;}
.isotope .isotope-item{transition-property: transform,opacity;}
.isotope,.isotope .isotope-item{transition-duration: 0.8s;}
/*首页产品中心*/
/*首页文章列表开始*/
#index_news{background: #fff;padding:20px 0 20px;}
#index_news .title{color: #333333;}
#index_news .title:hover{color: #1E88E5;text-decoration: none;}
#index_news .title h3{display: inline-block;margin-right: 10px;margin-bottom: 10px;}
#index_news ul li{background: #F8F8F8;transition: all 0.5s;position: relative;margin:10px 0;border:initial;}
#index_news ul li a{color: #1E88E5;}
#index_news ul li:hover{background: #1E88E5;}
#index_news ul li:hover a{color: #fff;}
#index_news ul li:hover p{color: #eee;}
#index_news .badge{position: absolute;top: 10px;right: 10px;background: #F17070;}
/*首页文章列表结束*/
/*首页工程案例开始*/
#index_case{padding:20px 0 40px;}
#index_case p em{font-size: 12px;color: #999999;}
#index_case .row{margin-top: 20px;}
#index_case .thumbnail a{text-align: center;text-decoration: none;}
#index_case .row h3{font-size: 14px;color: #333;}
#index_case .thumbnail:hover{background: #1E88E5;}
#index_case .thumbnail:hover h3{color: #fff;transition: all 0.5s;}
.more{display:block;margin:20px auto;background: #eee;}
.more a{text-decoration: none;color: #777;font-size: 14px;}
.more:hover{background: #1E88E5;transition: all 0.5s;}
.more:hover a{color: #fff;transition: all 0.5s;font-size: 18px;}
/*首页工程案例结束*/
/*友情链接开始*/
#links{padding:20px 0;background: #333; }
#links .container{color: #1E88E5;line-height: 30px;}
#links span{padding-right: 4px;}
#links a{color: #666;text-decoration: none;padding:0 6px;}
/*友情链接结束*/
/*底部开始*/
#footer{padding:30px 0 10px;background: #222;}
#footer .footer_nav{text-align: center;margin-bottom: 20px;}
#footer .footer_nav a:hover{color: #1E88E5;}
#footer .footer_nav a:after{content: "|";margin:10px;}
#footer .footer_nav a:last-child:after{content: "";}
#footer .copyright p{padding-top: 0px;}
/*底部结束*/
/*在线客服开始*/
.suspend{width:40px;height:198px;position:fixed;top:50%;margin-top:-98px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(../images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../images/suspend.png) -40px -86px;overflow:hidden;}
/*在线客服结束*/
/*产品列表页开始*/
#top_banner{
	width: 100%;
	height: auto;
	overflow: hidden;
}
#model_list ul{
	margin-top: 20px;
}
#model_list ul.list-group li{
	margin:10px 0px;
	background: #fff;
}
#model_list ul.list-group li a{
	display: block;
	width: 100%;
	height: auto;
	color: #333333;
	text-decoration: none;
	padding:10px 5px;
}
#model_list ul.list-group li:hover,#model_list ul.list-group li.active{
	background: #1E88E5;
}
#model_list ul.list-group li a:hover,#model_list ul.list-group li a:active{
	color: #fff;
}
#model_list ul.list-group li.active a{
	color: #fff;
}
#fanye{
	margin-bottom: 0px;
}
#fanye ul li a{
	background: #fff;
	color: #F33;
}
#fanye ul li a:hover{
	background: #222;
	color: #fff;
	transition: all 0.5s;
}
/*产品列表页结束*/
/*产品内容页开始*/
#lujing p{
	margin:10px 0;
}
#lujing p span{
	margin-right: 5px;
}
#lujing p a:hover{
	color: #f33;
	text-decoration: none;
}
#model_canshu{background: #fff;padding: 20px 0;}
#model_canshu h1{
	font-size: 24px;
	font-weight: 500;
}
#model_canshu img.suolue{margin:0 auto;}
#model_canshu .canshu{
	margin-top: 20px;
	height: auto;
	overflow: hidden;
}
#model_canshu .canshu li{
	list-style: none;
	margin:10px 0;
}
#model_canshu .canshu li span.canshu_li{
	color: #f33;
	margin-right: 5px;
}
#model_canshu .canshu li button{
	background: #EEEEEE;
}
#model_canshu .canshu li button span.tel{margin-right: 4px;}
#body{
	margin-top: 30px;
	margin-bottom: 30px;
}
#body .panel{
	border-radius: initial;
}
#body .panel .panel-body{
	padding:10px 30px 20px;
}
#body .panel .panel-body ul.nav-tabs{
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}
#body .nav-tabs>li.active>a,#body .nav-tabs>li.active>a:focus,#body .nav-tabs>li.active>a:hover{
	color: #1E88E5;
	background-color: transparent;
	border: initial;
	border-bottom: 2px solid #1E88E5;
}
#body .nav-tabs li a{
	color: #777;
	border-bottom: 2px solid transparent;
}
#body .nav-tabs li a:hover{
	background: transparent;
	border-color: transparent;
	border-bottom-color:#CCCCCC ;
}
#body .tab-pane{
	padding:0 15px;
}
#product-details img{
	display: block;
	max-width: 100%!important;
	height: auto !important;
}
#body .tab-pane ul span{font-size: 18px;color: #f33;margin:30px 0 10px;display: block;}
#body .tab-pane ul span small{color: #f33;font-size: 12px;color: #999999;margin-left: 10px;}
#body .tab-pane ul li{
	
	border: initial;
	border-bottom: 1px solid #eee;
	margin-bottom: 2px;
	height: auto;
	overflow: hidden;
}
#body .right .panel{
	margin-left: 30px;
}
@media (max-width:992px) {
	#body .right .panel{
		margin-left: 0;
	}
}
#body .right .panel h4{
	margin-top:0;
	font-size: 18px;
	font-weight: 300;
	color: #f33;
}
#body .right .panel ul li{
	list-style: none;
	text-align: center;
	margin-bottom: 20px;
}
#body .right .panel ul li:last-child{
	margin-bottom: 0;
}
#body .right .panel ul li a{
	color: #777777;
}
#body .right .panel ul li a img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border:1px solid #ddd;
}
#body .right .panel ul li:hover a{
	color: #1e88e5;
}
#body .right .panel ul li a:hover{
	color: #f33;
}
/*产品内容页结束*/
/*案例列表页开始*/
#case_list{
	margin-top: 30px;
	margin-bottom: 30px;
}
#case_list h1{
	font-size: 28px;
	font-weight: 400;
	
}
#case_list p.page-description{
	font-size: 12px;
	color: #999;
}
#case_list .row{
	padding:20px 0;
}
#case_list .thmbnail{
	margin-bottom: 30px;
	background: #fff;
	box-shadow: rgba(0,0,0,0.1) 0px 8px 15px;
	border-radius: 5px;
	border-width: initial;
	border-style: none;
	transition: all 0.3s;
}
#case_list .thmbnail:hover{
	transform:translateY(-10px) scale(1.02);
}
#case_list .thmbnail:hover a{
	text-decoration: none;
}
#case_list .thmbnail:hover h3{
	color: #f33;
	
}
#case_list .thmbnail img{
	margin: 0 auto;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#case_list .caption h3{
	font-size: 16px;
	font-weight: 400;
	color: #1E88E5;
}
#case_list .caption p{
	font-size: 12px;
	padding: 10px;
	color: #999999;
}
/*案例列表页结束*/
/*文章列列表页开始*/
#body h1{
	font-size: 22px;
	font-weight: 400;
	
}
#body .panel ul li.list-group-item h4{
	margin-bottom: 15px;
}
#body .panel ul li.list-group-item h4:hover{
	color: #f33;
	text-decoration: none;
}
#list_art{
	position: relative;
	padding: 20px 0 30px;
}
#body .tab-pane .biao{
	color: #EEEEEE;
	position: absolute;
	bottom: 0px;
	left: 15px;
}
#body .tab-pane .biao span{
	display: inline-block;
	font-size: 12px;
	color: #999;
}
#body .tab-pane .biao span.zi{
	color: #777777;
}

#body .tab-pane .biao span a:hover{
	color: #f33;
	text-decoration: none;
}
@media (max-width:992px) {
	#body .tab-pane{
		padding: 0;
	}
	#body .panel ul li.list-group-item h4{
		font-size: 16px;
	}
	#body .tab-pane .biao{
		bottom: -15px;
		left: 15px;
	}
}
/*文章列表页结束*/
/*文章内容页开始*/
#article_body{
	margin-bottom: 30px;
}
#article_body .panel{
	border-radius: initial;
}
#article_body .panel .panel-body{
	padding:30px;
}

#article_body .tab-pane{
	padding:0 15px;
}
#article_body .tab-pane img{
	text-align:center;
	display:block;
	margin:0 auto;
}
#article_body .page-header h1{
	font-size:2em;
	font-weight: 400;
}
#article_body .page-header p{
	color: #777777;
	margin-top: 20px;
}
#article_body .right .panel{
	margin-left: 30px;
}
@media (max-width:992px) {
	#article_body .right .panel{
		margin-left: 0;
	}
}
#article_body .right .panel h4{
	margin-top:0;
	font-size: 18px;
	font-weight: 300;
	color: #f33;
}
#article_body .right .panel ul li{
	list-style: none;
	text-align: center;
	margin-bottom: 20px;
}
#article_body .right .panel ul li:last-child{
	margin-bottom: 0;
}
#article_body .right .panel ul li a{
	color: #777777;
}
#article_body .right .panel ul li a img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border:1px solid #ddd;
}
#article_body .right .panel ul li:hover a{
	color: #1e88e5;
}
#article_body .right .panel ul li a:hover{
	color: #f33;
}
#article_body .right .panel p{
	padding: 0px 0px 0;
}
#article_body .right .panel p span{
	margin-right: 0px;
	color: #777777;
}
#article_body .tuijian{
	margin-top: 30px;
	border-top: 1px solid #EEEEEE;
}
#article_body .tuijian h4{
	margin: 30px 0 15px;
}
#article_body .tuijian ul li{
	list-style: none;
	text-align:left;
	line-height:30px;
}
#article_body .tuijian ul li a{
	color:#777777;
	text-align:center;
}
#article_body .tuijian ul li a:hover{
	color:#f33;
	text-decoration: none;  
}
#article_body .tuij{
	margin-top: 30px;
	border-top: 1px solid #EEEEEE;
}
#article_body .tuij h4{
	margin: 40px 0 15px;
}
#article_body .tuij ul li{
	list-style: none;
	text-align:center;
	line-height:30px;
	margin-bottom:20px;
}
#article_body .tuij ul li a{
	color:#777777;
	text-align:center;
}
#article_body .tuij ul li a:hover{
	color:#f33;
	text-decoration: none;  
}
#article_body .tuij img{
	border:1px solid #ddd;	
}
/*文章内容页结束*/
/*单页面开始*/
#index_article{
	padding-top: 30px;
	padding-bottom: 30px;
	background: #fff;
}
#index_article ul{
	border-bottom: 1px solid #EEEEEE;
}
#index_article ul li{
	margin-bottom: 15px;
}
#index_article ul li a{
	font-size: 16px;
	color: #777777;
}
#index_article ul li.active a{
	color: #1E88E5;
}
#index_article ul li a:hover{
	color: #1E88E5;
	text-decoration: none;
}
#index_article .body_content{
	margin-top: 30px;
	line-height: 1.7em;
}
#index_article .body_content img{
	max-width: 100%;
	height: auto;
}
/*单页面结束*/
/*搜索结果页开始*/
#index_search .search_top{
	margin: 30px 0 20px;
}
#index_search .search_top p{
	font-size: 18px;
	color: #777777;
}
#index_search .search_top p span.biao{
	margin-right: 5px;
}
#index_search .search_top p span.search_zi{
	margin: 0 10px;
	color: #f33;
	text-decoration: underline;
}#index_search .search_top p span.search_tiao{
	color: #1E88E5;
	margin: 0 5px;
}
}#index_search .tishi{
	margin-top: 30px;
}
/*搜索结果页结束*/

#cpzs{ width:100%; height:260px;}
#cpzs li{ width:267px; float:left; margin:10px;}