@charset "utf-8";
/*导航栏上方部分*/
#lang{
	color:#fff;
	background-color:#eaecf0;
	width:100%;
	overflow:hidden;
	padding:1rem 0;
}
#shareli{
	text-align:right;
}
#shareli li{
	font-size:1.2rem;
	color:#424243;
	text-align:right;
	padding-right:2rem;
	
}

#shareli li a{
	font-size:1.2rem;
	color:#424243;
}
#shareli li a:hover{
	color:#fcc800;}


/*导航栏*/
.navbar-default{background-color:#fff; margin-bottom:0px; padding-top:2rem; font-size:1em;}/*整个导航栏的背景颜色*/
.navbar-brand{
	width:18rem;
	padding-top:1.6em;
	padding-left:1.4em;
}
.navbar-default .navbar-collapse{padding-right:0px;padding-left:0px; border:none; }
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;}
.navbar-nav>li>a{border-radius:0px;  color:#eaeaea;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:transparent; border-bottom:#fcc800 solid 2px;}/*链接HOVER颜色*/
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#333; background:none;border-bottom:#fcc800 solid 2px;}/*active焦点背景，字体颜色*/
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#8fc41f;background:none;}/*点击下拉菜单焦点背景*/


/*缩略图*/
.navbar-toggle{
	background-color:#333;
	margin-top:15px;
	border:none;
	margin-bottom:30px;
}
.navbar-default .navbar-toggle:hover{
	background-color:#fcc800;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{
	background-color:#fff;
}
.navbar-default .navbar-toggle:focus{
	background-color:#fcc800;
}

.navbar{
	min-height:40px;
}

@media only screen and (max-width: 767px) {
	.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{ display:inline;}
	.navbar-brand{float:left;height:48px;line-height:48px}
	.navbar-default .navbar-brand{width:28rem; padding-left:1em; padding-top:0.5em;}
	.navbar-default .navbar-collapse{ background-color:#333;}/*手机版导航背景颜色*/
	.navbar-default .navbar-nav>li>a{color:#fff;}/*手机版链接颜色*/
	.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{ text-indent:2em;}/*手机版菜单字体格式*/
	.navbar-default .navbar-nav>li{ border-bottom:#666 solid 1px;}
    .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fcc800;background-color:#444;}/*手机焦点链接HOVER颜色*/
	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff; background:none;border-bottom:#fcc800 solid 2px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#999;background-color:#444;}
	#shareli{
	text-align:left;
}
	#shareli li,#shareli li a{
	font-size:12px;
}
	#mobilesearch{
	background-color:#8fc41f;
	height:48px;
}
	}
	
@media (min-width:768px){
	.navbar{border-radius:0px; border:none;}	
	/*宽屏版电脑下拉菜单*/
.dropdown-menu{
	background-color:#232323;
	overflow:hidden;	
}
.navbar-right .dropdown-menu{right:auto;left:-30px;}

.dropdown-menu>li>a{
	color:#FFF;
}
.dropdown-menu>li{
	border-bottom:#8fc41f solid 1px;
	
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#8fc41f;text-decoration:none;background:none;}
.dropdown-menu>li:hover{
	color:#8fc41f;
}
#mobilesearch{
	display:none;
}
	/*下拉菜单*/	
}
@media (min-width:1300px){
	.navbar-default .navbar-nav>li{
	margin-left:10px;
	margin-right:10px;
}/*宽屏导航菜单的间距*/			
}

.mSearch{
	padding-right:1em;
	max-width:400px;
	float:right;
}
.mSearch i{
	font-size:16px;
}
.mSearch .form-control{
	padding-top:2.2rem; }
.input-group .form-control{
	box-shadow:none;
	height:36px;
}
.input-group .input-group-btn .btn-default{
	height:36px;
	border-left:none;}
@media (max-width:768px){
	.mSearch{
		display:none;
	}
}
/*底部*/

#foot{
background-color:#f6f6f6;
padding-bottom:0;
}

#foot h4,#foot p{
	color:#424243;}
#foot h3{
	padding:10px 0;
	color:#fcc800;
	font-weight:bold;}	
#foot .wrap-flex{
	justify-content: center;
	 align-items: center;
		border-bottom:rgba(66,66,67,0.4) solid 1px;
		padding-bottom:5px;
}
#foot .fabout,#foot .flist{
	flex:1;}
#foot .fabout img{
	width:18rem;}
#foot  ul li{
	padding-left:1.5rem;
	font-size:1.4rem;
}
#foot .flist a:hover{
		color:#fcc800;
}		
#foot .wrap-flex1{
	display: -webkit-flex; 
  display: flex;
}
#foot .fb-address,#foot .fb-address-1,#foot .fb-address-2{
	color:rgba(66,66,67,0.6);}
#foot .fb-address-1 a,#foot .fb-address-2 a{
	color:rgba(66,66,67,0.6);}
#foot .fb-address-1 a:hover	,#foot .fb-address-2 a:hover{
	color:#fcc800;
}				
#foot .fb-address-3{
	color:rgba(66,66,67,0.6);
	text-align:right;
	line-height:1.3em;
	padding-right:4rem;
	white-space:nowrap;
	padding-top:1rem;}
#foot .col-sm-2 img{
	display:block;
	margin:0 auto;}
#foot .fb-address-2{ padding-left:4rem;}
#foot .bottom{
	background-color:#eaecf0;
	padding:2rem 0;
		color:rgba(66,66,67,0.4);
}
#foot .bottom a{color:rgba(66,66,67,0.4);}
#foot .bottom a:hover{
	color:#fcc800;
}
@media only screen and (max-width: 767px) {
#foot .wrap-flex,#foot .wrap-flex1{
flex-direction:column;
}
#foot  ul{margin-top:1rem;}
#foot  ul li{ font-size:18px;
line-height:1.6em;}
#foot  .flist {
	margin-top:10px;}
#foot .col-sm-4{
	padding-top:20px;
	padding-bottom:10px;
} 
#foot .fb-address-2{
	padding:0;
	margin-top:2rem;
}
#foot .col-sm-2 img{
	margin:0;}
#foot .fb-address-3{
	padding:0;
	padding-top:10px;
	text-align:left;}
}	
	
	
/*---------------------------------首页--------------------------------------------*/
#index-bar .swiper-container{
position:relative;
max-width:1920px;
margin:0 auto;
}
/*家居照明系列*/
 .light-zm{ background-color:#f6f7f9;}		
#index-light .wrap-flex{
	justify-content:center;
	align-items: center;
	width:25%;
	margin:0 auto;
}
.light-line{ 
height:1px; 
background-color:#c1c1c1;
margin:0 auto;
flex:1;
}
#index-light h2{ 
text-align:center; 
color:#424243;
padding:0 2rem;
flex:0 0 auto;
}
#index-light p{
	max-width:730px;
	text-align:center;
	margin:0 auto;
	color:#424243;}
	
#index-light .light-zm-wz{
	max-width:680px;
	text-align:center;
	margin:0 auto;
	color:#424243;}	
#index-light .wrap-flex-l{
	display: -webkit-flex; 
  display: flex;
   	justify-content:center;
	align-items: center;}
#index-light .flex-con-left,#index-light .flex-con-right{
	flex:1;
	position:relative;
	color:#fff;
}

#index-light .flex-con-right{
	flex-grow:2.1;
	display: -webkit-flex; 
  display: flex;
   flex-wrap:wrap;
	}
#index-light .flex-con-right-70{
flex:0 0 54.5%;
position:relative;
color:#fff;
padding-left:20px;
}
#index-light .flex-con-right-30{
	flex:0 0 45.5%;
	position:relative;
	color:#fff;
	overflow:hidden;
	padding-left:20px;
}
#index-light .flex-con-txt{
	position:absolute;
	bottom:20px;
	left:0px;
	width:100%;
	background-color:rgba(255,255,255,0.6);
	padding:5px 0;
	text-align:center;
	border-radius:5px;
	overflow:hidden;
	color:#fff;
}


#index-light .thumbnail{
	width:100%;
	background-color:transparent;
	border:none;
	padding:0;
}
#index-light a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#333;
	
}
#index-light a img{
	width:100%;
	height:100%;
	object-fit:cover;
	 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;

}
#index-light a img:hover{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
                   opacity: .5;
	}
@media only screen and (max-width: 767px) {
#index-light .wrap-flex-l,#index-light .flex-con-right{
	  flex-direction:column;
}
#index-light .flex-con-right-70,#index-light .flex-con-right-30{
padding:0px;}
}
.line{ width:100%; height:1px; background-color:#ccc;}

/*服务*/

.sermore{
	display:block;
	width:25%;
	margin:0 auto;
	margin-top:2rem;
	padding:5px 10px;
	text-align:center;
	border-radius:20px;
	border:#aaa solid;
	color:#aaa;
}	
.sermore:hover{
	background-color:#fbd442;
	color:#fff;
	border:#fbd442 solid;
}
@media only screen and (max-width: 767px) {
#index-ser .col-sm-6{
	margin-bottom:20px;
}
}

/*新闻资讯*/
#index-news .wrap-flex{
	justify-content:center;
	align-items: center;
	width:25%;
	margin:0 auto;
}
#index-news .light-line{ 
height:1px; 
background-color:#c1c1c1;
margin:0 auto;
flex:1;
}
#index-news h2{ 
text-align:center; 
color:#424243;
padding:0 2rem;
flex:0 0 auto;
}
#index-news p{
text-align:center;
color:#424243;
}
#index-news  h4{
	margin-top:2rem;
	color:#333;
	text-align:center;}
#index-news .ser-img:hover{
	opacity:0.4;
}	
#index-news .sermore{
	display:block;
	width:12%;
	padding:8px 10px;
	}
#index-news .sermore a{
color:#aaa;
}	
#index-news .sermore a:hover{background-color:#fbd442;
	color:#fff;
	border:#fbd442 solid;}
#index-news .wrap-flex-l{
display: -webkit-flex; 
display: flex;
}
@media only screen and (max-width: 767px) {
#index-news #news{
	  flex-direction: column;
}
#index-news .sermore{
	width:26%;
	padding:5px 10px;
}
}
/*--------------------------------内页---------------------------------------*/

/*照明内容*/

#tohome-tt .wrap-flex{
	flex-direction:column;
	justify-content: center;
	align-items: center;
}
.tohome-tt-zm{ display: flex;flex-direction:column;justify-content: center;align-items: center;}
.tohome-tt-zm img{ width: 1042px;}
/*品牌介绍*/	

#about-tt .wrap-flex{
	flex-direction:column;
	justify-content: center;
	align-items: center;
}	
#about-tt .swiper-container{
	position:relative;
	max-width:1024px;
	margin:0 auto;
	color:#fcc800;
} 
/*知识中心*/
#news{
  display:grid;
  grid-template-columns: repeat(4,1fr);
   grid-column-gap:4rem ;
  padding-top:60px;
}
#news-list{display:grid;
	grid-template-columns: repeat(3,1fr);
   grid-column-gap:4rem ;
  padding-top:60px;
}
.news img{
	width:100%;
	height:auto;
}
.news img:hover{
	opacity:0.4;
filter:alpha(opacity=40);
}
.news a{
	display:block;
	background-color:#ffffff;
	max-height:400px;
	overflow:hidden;
}
.news h1{
	font-size:16px;
	padding:8px 0;
	margin-top:5px;
	margin-bottom:5px;
	color:#000;
	text-align:center;
}
.news p{
	color:#666;
	font-size:12px;
}
#newsdh{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:center;
  margin-top:60px;
}
.newsdh{
	flex:1;
	max-width:200px;
	background-color:#f1f1f1;
	
}
#newsdh a{
	display:block;
	padding:1.2rem 4rem;
	text-align:center;
	color:#666;
	border:#999 solid 1px;
}
#newsdh .activedh{
	background-color:#333 !important;
	color:#ffffff !important;
}
#newsdh a:nth-child(2){
	border-left:none;
	border-right:none;
}
#newsdh a:hover{
	background-color:#333;
	color:#ffffff !important;
}
.newsdhcur{
	background-color:#333;
	color:#ffffff !important;
}
 .pagination>li>span{
	color:#fff;
	background-color:#333;
}
 .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:#333;}
 .pagination>li>a{
	color:#535353;
	border-radius:0;
	background-color:#f8c300;
	border-color:#ddd;
}

/*电子图册*/

#catalog-c h1{
	font-size:24px;
	font-weight:bold;
	line-height:40px;
	color:#007b3b;
	margin-bottom:10px;
	margin-top:30px;
}

#catalog-c .col-md-4{
	width:35%;
	display:inline-block;
	vertical-align:middle;
}
#catalog-c .col-md-8{
	width:60%;
	display:inline-block;
	vertical-align:middle;
}
#catalog-c h1{
	font-size:24px;
	font-weight:bold;
	line-height:40px;
	color:#007b3b;
	margin-bottom:10px;
	margin-top:30px;
}
#catalog-c table{
	width:100%;
}
#catalog-c table th{
	width:33%;
	background-color:#333;
	color:#FFF;
	text-align:center;
	padding:10px 0;
}
#catalog-c table td{
	text-align:center;
	padding:10px 0;
	}
	
#catalog-c table td a{
	color:#333;
}
#catalog-c table td a:hover{
	text-decoration:underline;
}
.download{
	color:#666;
}
.download th{
	font-weight:bold;
	height:40px;
	background-color:#efefef;
	line-height:40px;
	 text-align:center;
	 border:#ddd solid 1px;
}
.ljyy a{
	display:block;
	width:80%;
	margin:0 auto;
	font-size:14px;
	padding:3px 10px;
	border-radius:20px;
	background-color:#ecdebc;
	color:#9a845d;
	font-weight:bold;
	text-decoration:none !important;
}
.download td{
	border:#ddd solid 1px;
	text-align:center;
}

/*联系我们*/

.cont-tt-first{ line-height:1.5em;
padding-top:10px;}
#cont-tt  ul li{
	line-height:1.8em;
	color:#333;
}
#cont-tt  ul li a{
	color:#333;}
#cont-tt  ul li a:hover{
	color:#fcc800;
}		
#cont-tt img{
	max-width:180px;
}
#cont-tt .list-inline li{
	text-align:center;
	margin-left:1rem;
	margin-right:1rem;
}

@media (max-width: 767px) {
#news{ display: grid; grid-template-columns: 1fr;}
#news-list{ display: grid; grid-template-columns:repeat(2,1fr);}
.news h1{font-size:12px;}
}