@charset "utf-8";
/* CSS Document */


/******全屋智能******/


.det_1_a{ width: 100%;  height: 980px; position: relative;} 
.det_1_a_video{ width: 100%; height: 100%; position: absolute; z-index: 1;} 
.det_1_a_video video{ width: 100%; height: 100%; object-fit: cover;} 
.det_1_a .tit{position: absolute;width: 100%;text-align: center;top: 260px; z-index: 999;} 
.det_1_a .tit h5{ font-size: 65px; color: #FFFFFF;} 
.det_1_a .tit p{ font-size: 24px;font-weight: lighter; color: #FFFFFF; margin: 20px 0px 0px;transition-delay:0.1s;} 
.det_1_a .video{position: absolute; z-index: 999;width: 100%; text-align: center; top: 760px;transition-delay:0.3s;} 
.det_1_a .video a{display: inline-block; margin: 0px 20px; width: 230px; font-size: 20px;font-weight: lighter; color: #FFFFFF; border: #FFFFFF 1px solid; padding: 10px 0px;transition-delay:0.2s;} 
.det_1_a .video a:hover{border: #84bf31 1px solid; background: #84bf31;} 


.det_1_b{ width: 100%;  background: #333333; padding: 100px 0px; margin: 0;} 
.det_1_b_{width: 80%; margin: 0px auto;} 
.det_1_b_ ul{ display: flex; justify-content: space-between;gap:10px; margin: 5px auto;} 
.det_1_b_ ul li{ flex: auto; text-align: center;} 
.det_1_b_ ul li img{ width: 100%;} 
.det_1_b_ ul li:hover{} 
.det_1_b_ ul li:first-child{transition-delay:0.1s;} 
.det_1_b_ ul li:nth-child(2){transition-delay:0.2s;} 
.det_1_b_ ul li:last-child{transition-delay:0.3s;} 


.det_1_c{ width: 100%; background: url(/images/details/det_1_03.jpg) no-repeat center; height: 950px; background-size: cover;} 
.det_1_c .tit{width: 75%; margin: 0 auto; padding-top: 180px;text-align: center;} 
.det_1_c .tit h3{ font-size: 60px; color: #FFFFFF; font-weight:normal;} 

.det_1_d{ width: 100%; background: url(/images/details/det_1_04.jpg) no-repeat center; height: 880px; background-size: cover;} 
.det_1_d .tit{width: 75%; margin: 0 auto; padding-top: 120px; text-align: center;} 
.det_1_d .tit h3{ font-size: 60px; color: #000000; line-height: 125%; margin-bottom: 30px; font-weight:normal;} 
.det_1_d .tit p{ font-size: 24px;font-weight: lighter; color: #666666;transition-delay:0.2s; line-height: 150%;} 

.det_1_e{ width: 100%; background: url(/images/details/det_1_05.jpg) no-repeat center; height: 880px; background-size: cover;} 
.det_1_e .tit{width: 75%; margin: 0 auto; padding-top: 100px;text-align: center;} 
.det_1_e .tit h3{ font-size: 60px; color: #000000; font-weight:normal;} 



 /* Tab容器样式 */
.tab-container {width: 100%; margin:0px; overflow: hidden; }
/* Tab标题栏样式 */
.tab-header { display: flex;}

/* Tab内容区域样式 */
.tab-content {display: none;animation: fadeIn 0.8s;}
@keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
}
.tab-content.active {display: block;}

/* 单个Tab标题样式 */
.tab-group-1{ height: 950px; position: relative;overflow: hidden;background: #000000;} 
.tab-group-1 .tab-header{ position: absolute; z-index: 99; bottom:100px;justify-content: space-between;  width: 500px; text-align: center; left: 50%; margin-left: -250px;} 
.tab-group-1 .tab-title {cursor: pointer; padding-top: 20px; color: #FFFFFF; font-size: 22px; font-weight: lighter;border-top: #FFFFFF 3px solid;}
.tab-group-1 .tab-title:hover { border-top: #84bf31 3px solid;color: #84bf31;}
.tab-group-1 .tab-title.active { border-top: #84bf31 3px solid;color: #84bf31;}

/* 不同Tab组的区分样式 */
.tab-group-1 .tit{ position: absolute; width: 100%; text-align: center; top: 20%;z-index:999;} 
.tab-group-1 .tit h3{font-size: 50px; color: #FFFFFF; font-weight:normal;} 
.tab-group-1 .tit p{font-size: 24px; color: #FFFFFF; font-weight:lighter; line-height: 150%; margin-top: 30px;}

#tab1-1{position: absolute; width: 100%; height: 100%;}
#tab1-2{position: absolute; width: 100%; height: 100%;}
#tab1-3{position: absolute; width: 100%; height: 100%;} 



/* 单个Tab标题样式 */
.tab-group-2{ height: 950px; position: relative;overflow: hidden;background: #000000;} 
.tab-group-2 .tab-header{ position: absolute; z-index: 99; bottom:100px;justify-content: space-between;  width: 500px; text-align: center; left: 50%; margin-left: -250px;} 
.tab-group-2 .tab-title {cursor: pointer; padding-top: 20px; color: #FFFFFF; font-size: 22px; font-weight: lighter;border-top: #FFFFFF 3px solid;}
.tab-group-2 .tab-title:hover { border-top: #84bf31 3px solid;color: #84bf31;}
.tab-group-2 .tab-title.active { border-top: #84bf31 3px solid;color: #84bf31;}
/* 不同Tab组的区分样式 */
.tab-group-2 .tit{ position: absolute; width: 100%; text-align: center; top: 20%; z-index:999;} 
.tab-group-2 .tit h3{font-size: 60px; color: #FFFFFF; font-weight:normal;} 
.tab-group-2 .tit h6{font-size: 26px; color: #FFFFFF; font-weight:lighter;margin-top: 35px;} 
.tab-group-2 .tit p{font-size: 26px; color: #FFFFFF; font-weight:lighter; line-height: 150%; margin-top: 5px;} 

#tab2-1{position: absolute; width: 100%; height: 100%;} 
#tab2-2{position: absolute; width: 100%; height: 100%;} 
#tab2-3{position: absolute; width: 100%; height: 100%; } 




.det_1_g{ width: 100%; background:#F6F6F6; margin: 0; padding: 80px 0px;} 
.det_1_g .tit{} 
.det_1_g .tit{width: 75%; margin: 0 auto; text-align: center;} 
.det_1_g .tit h3{ font-size: 50px; color: #000000; line-height: 125%; margin-bottom: 30px; font-weight:normal;} 
.det_1_g .tit p{ font-size: 20px;font-weight: lighter; color: #666666;transition-delay:0.2s; line-height: 150%;} 
.det_1_g_{width: 80%; margin: 50px auto 0px;} 
.det_1_g_ img{ width: 100%;} 




.det_1_h{ width: 100%; background: #666666; padding: 100px 0px;} 
.det_1_h .tit{ text-align: center;}
.det_1_h .tit h3{font-size: 50px; color: #FFFFFF; font-weight:normal;} 
.tab-group-3{ position: relative;overflow: hidden; background: #666666;} 
.tab-group-3 .tab-header{ justify-content: space-between;  width: 600px; text-align: center; margin: 50px auto 0px;} 
.tab-group-3 .tab-title {cursor: pointer; padding-top: 20px; color: #FFFFFF; font-size: 22px; font-weight: lighter;border-top: #FFFFFF 3px solid;}
.tab-group-3 .tab-title:hover { border-top: #84bf31 3px solid;color: #84bf31;}
.tab-group-3 .tab-title.active { border-top: #84bf31 3px solid;color: #84bf31;}
.tab-group-3 .tab-content{ width: 80%;  margin: 50px auto;}  
.tab-group-3 .tab-content img{ width: 100%;}  

.det_1_h > a{ display:block; margin: 70px auto 0px; width: 220px;  text-align: center; font-size: 20px;font-weight: lighter; color: #FFFFFF; border: #84bf31 1px solid; padding: 10px 0px;transition-delay:0.2s;background: #84bf31; border-radius: 10px;} 
.det_1_h > a:hover{border: #FFFFFF 1px solid; background:none;} 


.det_1_i{ width: 100%; background:#F2F2F2; padding: 100px 0px; margin: 0;} 
.det_1_i .tit {width: 80%; margin: 0 auto; text-align: center;} 
.det_1_i .tit h3{ font-size: 50px; color: #000000; margin-bottom: 20px;font-weight:normal;} 
.det_1_i .tit p{ font-size: 20px;font-weight: lighter; color: #999999;transition-delay:0.2s; line-height: 150%;} 

.det_1_i_ { width: 80%; margin:50px auto 0px;} 
.det_1_i_  ul{display: flex; justify-content: space-between; gap:0px 20px;} 
.det_1_i_  ul li{ padding: 80px 0px; flex: 1; background: #FFFFFF; text-align: center;transition-delay:0.4s;} 
.det_1_i_  ul li:nth-child(2){transition-delay:0.2s;}  
.det_1_i_  ul li:last-child{transition-delay:0.4s;} 

.det_1_i_  ul li img{} 
.det_1_i_  ul li h5{font-size: 22px; margin: 50px 0px 10px;} 
.det_1_i_  ul li p{font-size: 18px;font-weight: lighter;} 





.det_1_j{ width: 100%; background: url(/images/details/det_1_11.jpg) no-repeat center; height:940px; background-size: cover;} 
.det_1_j .tit{width: 75%; margin: 0 auto; padding-top: 200px;} 
.det_1_j .tit h3{ font-size: 50px; color: #000000; font-weight: normal;margin-bottom: 15px;} 
.det_1_j .tit h5{ font-size: 28px; color: #000000;font-weight: lighter; transition-delay:0.1s; line-height: 150%;} 
.det_1_j .tit em{ display: block; height: 3px; width: 80px; background: #84bf31; margin: 100px 0px 30px;} 
.det_1_j .tit p{ font-size: 20px;font-weight: lighter; color: #000000;transition-delay:0.2s; line-height: 175%;} 



.det_1_k{ width: 100%; background: url(/images/details/det_1_12.jpg) no-repeat center; background-size: cover; height:578px; padding: 120px 0px 0px; box-sizing: border-box;} 
.det_1_k .tit{width: 80%; margin: 0 auto;  text-align: center;} 
.det_1_k .tit h3{ font-size: 50px; color: #FFFFFF; font-weight: normal;} 


.det_1_k_{  width: 75%; margin: 91px auto 0px;} 
.det_1_k_ ul{display: flex; justify-content: space-between; gap:0px 20px;} 
.det_1_k_ ul li{ text-align: center;} 
.det_1_k_ ul li:first-child{transition-delay:0.8s;} 
.det_1_k_ ul li:nth-child(2){transition-delay:0.6s;} 
.det_1_k_ ul li:nth-child(3){transition-delay:0.4s;} 
.det_1_k_ ul li:nth-child(4){transition-delay:0.2s;} 
.det_1_k_ ul li:nth-child(5){transition-delay:0.4s;} 
.det_1_k_ ul li:nth-child(6){transition-delay:0.6s;} 
.det_1_k_ ul li:last-child{transition-delay:0.8s;} 
.det_1_k_ ul li img{} 
.det_1_k_ ul li p{font-size: 20px;font-weight: lighter; color: #FFFFFF; margin-top: 20px;} 




.det_1_b_m{ display: none;} 
.det_1_g_m{display: none;} 
.det_1_j_m{display: none;} 

@media screen and (max-width:768px){
	
	.det_1_a{   height: auto; } 
	.det_1_a_video{ position: relative; margin-top: 60px;} 
	.det_1_a .tit{position: relative; top: 0px;margin-top: 20px;} 
	.det_1_a .tit h5{ font-size: 2em; color: #000000;} 
	.det_1_a .tit p{ font-size: 1.2em; color: #000000; margin:10px 0px 0px; padding: 0 20px;} 
	.det_1_a .video{position: relative; top: 0px; margin-top: 30px;} 
	.det_1_a .video a{ margin: 0px 10px; width: 120px; font-size: 1em; color: #000000; border: #000000 1px solid; } 
	
	
	.det_1_b{ padding: 30px 0px; margin: 30px 0px 0px;} 
	.det_1_b_{ display: none;} 
	.det_1_b_m{display: block; width: 90%; margin: 0px auto;} 	
	.det_1_b_m img{ width: 100%;} 

	
	
	.det_1_c{ background: url(/images/details/det_1_03_m.jpg) no-repeat center; height: 410px; background-size:cover;} 
	.det_1_c .tit{width: 80%;  padding-top: 80px;} 
	.det_1_c .tit h3{ font-size: 2em; line-height: 125%;} 
	
	
	
	.tab-container {  margin:0px 0px; }

	/* 单个Tab标题样式 */
	.tab-group-1{ height: 400px; padding-top: 30px;} 
	.tab-group-1 .tab-header{  bottom:20px; width: 300px; margin-left: -150px;} 
	.tab-group-1 .tab-title { padding-top: 10px; font-size: 1.2em; border-top: #FFFFFF 2px solid;}
	.tab-group-1 .tab-title:hover { border-top: #84bf31 2px solid; }
	.tab-group-1 .tab-title.active { border-top: #84bf31 2px solid; }

	/* 不同Tab组的区分样式 */
	.tab-group-1 .tit{ position: relative; top:0; margin-bottom: 30px;} 
	.tab-group-1 .tit h3{font-size: 1.6em; } 
	.tab-group-1 .tit p{font-size: 1em; margin-top: 15px;}

	.tab-content video{ width: 100%; height: 100%; object-fit: cover;}  

	#tab1-1{ height: 210px;} 
	#tab1-2{ height: 210px;} 
	#tab1-3{ height: 210px; } 

	/* 单个Tab标题样式 */
	.tab-group-2{ height: 400px; padding-top: 30px;}  
	.tab-group-2 .tab-header{ bottom:20px; width: 300px; margin-left: -150px;} 
	.tab-group-2 .tab-title {padding-top: 10px; font-size: 1.2em; border-top: #FFFFFF 2px solid;} 
	.tab-group-2 .tab-title:hover { border-top: #84bf31 2px solid; } 
	.tab-group-2 .tab-title.active { border-top: #84bf31 2px solid; } 
	/* 不同Tab组的区分样式 */
	.tab-group-2 .tit{ position: relative; top:0; margin-bottom: 30px;} 
	.tab-group-2 .tit h3{font-size: 1.6em;} 
	.tab-group-2 .tit h6{font-size: 1em; margin-top: 15px;} 
	.tab-group-2 .tit p{font-size: 1em; } 

	#tab2-1{height: 210px;} 
	#tab2-2{height: 210px;} 
	#tab2-3{height: 210px;} 
	
	
	
	.det_1_d{ background: url(/images/details/det_1_04_m.jpg) no-repeat center; height: 500px; background-size: cover;} 
	.det_1_d .tit{width: 80%; padding-top:30px; } 
	.det_1_d .tit h3{ font-size: 1.6em; margin-bottom: 10px; } 
	.det_1_d .tit p{ font-size: 0.8em; line-height: 125%;} 
	
	
	.det_1_e{ background: url(/images/details/det_1_05_m.jpg) no-repeat center; height: 500px; background-size: cover;} 
	.det_1_e .tit{width: 75%;  padding-top: 30px; } 
	.det_1_e .tit h3{ font-size: 1.8em; line-height: 125%;} 
	
	
	.det_1_g{   padding: 35px 0px;} 
	.det_1_g .tit{width: 80%; } 
	.det_1_g .tit h3{ font-size: 1.8em;  margin-bottom: 10px;  } 
	.det_1_g .tit p{ font-size: 0.9em; line-height: 135%; text-align: justify;} 
	
	.det_1_g_{display: none;} 
	.det_1_g_m{display: block ;width: 85%; margin: 20px auto 0px;} 
	.det_1_g_m img{ width: 100%;} 
	
	
	
	.det_1_h{ padding: 50px 0px;} 
	.det_1_h .tit{ width: 85%; margin: 0 auto;}
	.det_1_h .tit h3{font-size: 1.6em; } 
	.tab-group-3{ } 
	.tab-group-3 .tab-header{ justify-content: space-between;  width: 300px; margin: 20px auto 0px;} 
	.tab-group-3 .tab-title { padding-top: 10px;  font-size: 1em;  border-top: #FFFFFF 2px solid;}
	.tab-group-3 .tab-title:hover { border-top: #84bf31 2px solid; }
	.tab-group-3 .tab-title.active { border-top: #84bf31 2px solid; }
	.tab-group-3 .tab-content{ width: 100%;  margin: 20px auto;}  
	.tab-group-3 .tab-content img{ width: 100%;}

	.det_1_h > a{   margin: 30px auto 0px; width: 180px; font-size: 1.2em;} 
	
	
	.det_1_i{  padding: 50px 0px; } 
	.det_1_i .tit { } 
	.det_1_i .tit h3{ font-size: 1.6em;  margin-bottom: 10px; } 
	.det_1_i .tit p{ font-size: 0.9em; line-height: 135%; text-align: justify;} 
	.det_1_i_ { width: 90%; margin:30px auto 0px;} 
	.det_1_i_  ul{ gap:0px 5px;} 
	.det_1_i_  ul li{ padding: 20px 0px; flex: 1; } 
	.det_1_i_  ul li img{ width: 35px;} 
	.det_1_i_  ul li h5{font-size: 1em; margin: 20px 0px 5px;} 
	.det_1_i_  ul li p{font-size: 1em; } 

	
	
	.det_1_j{ background:#FFFFFF; height:auto; padding: 50px 0px;} 
	.det_1_j .tit{width: 80%; padding-top:0px; text-align: center;} 
	.det_1_j .tit h3{ font-size: 1.8em;  margin-bottom: 10px;} 
	.det_1_j .tit h5{ font-size: 1.2em;  line-height: 125%;} 
	.det_1_j .tit em{ display: none; } 
	.det_1_j .tit p{ display: none;} 
    .det_1_j_m{display: block ;width: 85%; margin: 20px auto 0px;} 
	.det_1_j_m img{ width: 100%;} 
	
	
	.det_1_k{ background:#333333; height:auto; padding: 50px 0px 50px; } 
	.det_1_k .tit{ } 
	.det_1_k .tit h3{ font-size: 1.8em; } 


	.det_1_k_{  width: 85%; margin: 30px auto 0px;} 
	.det_1_k_ ul{flex-wrap:wrap; gap:20px 10px;} 
	.det_1_k_ ul li{flex: initial;} 
	.det_1_k_ ul li:first-child{transition-delay:0.1s;} 
	.det_1_k_ ul li:nth-child(2){transition-delay:0.2s;} 
	.det_1_k_ ul li:nth-child(3){transition-delay:0.3s;} 
	.det_1_k_ ul li:nth-child(4){transition-delay:0.4s;} 
	.det_1_k_ ul li:nth-child(5){transition-delay:0.5s;} 
	.det_1_k_ ul li:nth-child(6){transition-delay:0.6s;} 
	.det_1_k_ ul li:last-child{transition-delay:0.7s;} 
	.det_1_k_ ul li img{ width: 60px;} 
	.det_1_k_ ul li p{font-size: 1em; margin-top: 8px;} 
	
	
} 


/******全屋智能******/
















/******风扇灯******/

.det_2_a{ width: 100%; background: url(/images/details/det_2_01.jpg) no-repeat center top; height: 980px; background-size: cover;} 
.det_2_a .tit{ text-align: center; padding-top: 260px;} 
.det_2_a .tit p{ font-size: 36px;font-weight: lighter; color: #FFFFFF; margin: 0px 0px 30px;} 
.det_2_a .tit h5{ font-size: 65px; color: #FFFFFF; line-height: 125%;transition-delay:0.3s;} 

.det_2_b{ width: 100%; padding: 0; margin: 0;} 
.det_2_b_{ width: 80%; margin: 0px auto;} 
.det_2_b_ .fl{ float: left; width: 35%; margin-top: 80px;} 
.det_2_b_ .fl span{ color: #999999; display: block; font-size: 28px;font-weight: lighter; } 
.det_2_b_ .fl p{ font-size: 36px;font-weight: lighter; color: #000000; margin:30px 0px 10px;} 
.det_2_b_ .fl h5{ font-size: 50px; color: #000000; } 
.det_2_b_ .fr{ float: right;width: 45%;} 
.det_2_b_ .fr img{ width: 100%;} 

.det_2_b_info{width: 80%; margin: 50px auto 80px;} 
.det_2_b_info ul{ display: flex; flex-wrap:wrap; justify-content: space-between;gap:0px 15px;} 
.det_2_b_info li{ flex: 1; background: #F8F8F8; padding: 30px 0px; border-radius: 15px;text-align: center;} 
.det_2_b_info li img{ } 
.det_2_b_info li p{ margin-top: 20px; font-size: 18px;font-weight: lighter; line-height: 150%; } 
.det_2_b_info li:hover{ box-shadow: 0px 0px 10px 0px #CCCCCC;} 
.det_2_b_info li:first-child{transition-delay:0.6s;} 
.det_2_b_info li:nth-child(2){transition-delay:0.4s;} 
.det_2_b_info li:nth-child(3){transition-delay:0.2s;} 
.det_2_b_info li:nth-child(4){transition-delay:0.2s;} 
.det_2_b_info li:nth-child(5){transition-delay:0.4s;} 
.det_2_b_info li:last-child{transition-delay:0.6s;} 

.det_2_c{ width: 100%; background: url(/images/details/det_2_03.jpg) no-repeat center; height: 880px; background-size: cover;} 
.det_2_c .tit{width: 75%; margin: 0 auto; padding-top: 220px;} 
.det_2_c .tit h3{ font-size: 60px; color: #84bf31; line-height: 125%; margin-bottom: 30px;} 
.det_2_c .tit p{ font-size: 28px;font-weight: lighter; color: #FFFFFF;transition-delay:0.2s; line-height: 150%;} 

.det_2_d{ width: 100%; margin: 0; background: #F8F8F8; padding: 100px 0px;} 
.det_2_d .tit{ text-align: center;} 
.det_2_d .tit h3{ font-size: 50px; color: #000000; font-weight: normal;} 
.silder-box-2{ width:85%; margin: 50px auto 0px; position: relative;overflow: hidden;} 
.det_2_d_{width: 100%;margin:0px auto;overflow: hidden;} 
.det_2_d_ ul{} 
.det_2_d_ ul li{width: 700px; height: 435px; overflow: hidden;} 
.det_2_d_ ul li img{ width: 100%; height: 100%;border-radius:10px; object-fit: cover;} 
.silder-button-2{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-2.btl{left:4%; top:42%; border: #999999 1px solid; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center;font-size: 28px; color: #999999;} 
.silder-button-2.btl:hover{background: #84bf31;border: #84bf31 1px solid;  color: #FFFFFF;} 
.silder-button-2.btr{right:4%;top:42%; border: #999999 1px solid; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center;font-size: 28px; color: #999999;} 
.silder-button-2.btr:hover{background: #84bf31;border: #84bf31 1px solid;  color: #FFFFFF; } 

.det_2_e{ width: 100%; height: 1000px; margin: 0px; position: relative; overflow: hidden;} 
.det_2_e_video{ width: 100%; height: 100%; position: absolute; z-index: 1;} 
.det_2_e_video video{ width: 100%; height: 100%; object-fit: cover;} 
.det_2_e_a{width: 85%; margin: 0px auto; text-align: center;} 
.det_2_e_a a{ position: absolute; z-index:99; top: 80%; display:inline-block; width: 160px; font-size: 16px; font-weight: lighter; color: #FFFFFF; text-align: center;  padding: 12px 0px; border: #FFFFFF 1px solid; border-radius: 15px; left:50%; margin-left: -80px;} 
.det_2_e_a a:hover{background: #84bf31;border: #84bf31 1px solid; color: #FFFFFF;} 
.det_2_e .tit{ position: absolute; z-index: 999; bottom: 20%; left: 10%;}  
.det_2_e .tit h3{ font-size: 60px; color: #FFFFFF;  margin-bottom: 20px;} 
.det_2_e .tit p{ font-size: 28px;font-weight: lighter; color: #FFFFFF;transition-delay:0.2s; line-height: 150%;} 



.det_2_f{ width: 100%; background: url(/images/details/det_2_04.jpg) no-repeat center; height:945px; background-size: cover; } 
.det_2_f .tit{width: 75%; margin: 0 auto; padding-top: 220px;} 
.det_2_f .tit h3{ font-size: 60px; color: #FFFFFF; line-height: 125%; margin-bottom: 15px;} 
.det_2_f .tit p{ font-size: 28px;font-weight: lighter; color: #FFFFFF;transition-delay:0.2s; line-height: 150%;} 

.det_2_g{ width: 100%; background: url(/images/details/det_2_05.jpg) no-repeat center; height:895px; background-size: cover;} 
.det_2_g .tit{width: 75%; margin: 0 auto; padding-top: 320px; text-align: right;} 
.det_2_g .tit h3{ font-size: 60px; color: #000000; line-height: 125%; margin-bottom: 15px;} 
.det_2_g .tit p{ font-size: 28px;font-weight: lighter; color: #000000;transition-delay:0.2s; line-height: 150%;} 

.det_2_h{ width: 100%; background: url(/images/details/det_2_06.jpg) no-repeat center; height:930px; background-size: cover;} 
.det_2_h .tit{width: 74%; margin: 0 auto; padding-top: 230px;} 
.det_2_h .tit h3{ font-size: 60px; color: #000000; line-height: 125%; margin-bottom: 15px;} 
.det_2_h .tit p{ font-size: 28px;font-weight: lighter; color: #000000;transition-delay:0.2s; line-height: 150%;} 

.det_2_i{ width: 100%; background: url(/images/details/det_2_07.jpg) no-repeat center; height:935px; background-size: cover;} 
.det_2_i_{width: 71%; margin: 0 auto; padding-top: 290px;} 
.det_2_i_ .fl { float: left;} 
.det_2_i_ .fl h3{ font-size: 60px; color: #84bf31; margin-bottom: 10px;} 
.det_2_i_ .fl h5{ font-size: 60px; color: #FFFFFF; line-height: 125%; margin-bottom: 15px;} 
.det_2_i_ .fl p{ font-size: 28px;font-weight: lighter; color: #FFFFFF;transition-delay:0.2s; line-height: 150%;} 

.det_2_i_ .fr{ float: right;} 
.det_2_i_ .fr ul{} 
.det_2_i_ .fr ul li{ font-size: 28px;font-weight: lighter; color: #FFFFFF; margin-bottom: 46px; text-align: right;} 
.det_2_i_ .fr ul li:nth-child(2){transition-delay:0.2s;} 
.det_2_i_ .fr ul li:nth-child(3){transition-delay:0.3s;} 
.det_2_i_ .fr ul li:nth-child(4){transition-delay:0.4s;} 
.det_2_i_ .fr ul li:nth-child(5){transition-delay:0.5s;} 
.det_2_i_ .fr ul li:last-child{transition-delay:0.6s;} 

.det_2_j{ width: 100%; background: url(/images/details/det_2_08.jpg) no-repeat center; height:865px; background-size: cover;} 
.det_2_j .tit{width: 75%; margin: 0 auto; padding-top: 280px; text-align: right;} 
.det_2_j .tit h3{ font-size: 60px; color: #000000; line-height: 125%; margin-bottom: 15px;} 
.det_2_j .tit h5{ font-size: 60px; color: #84bf31; margin-bottom: 20px;transition-delay:0.1s;} 
.det_2_j .tit p{ font-size: 28px;font-weight: lighter; color: #000000;transition-delay:0.2s; line-height: 150%;} 

.det_2_k{ width: 100%; background: url(/images/details/det_2_09.jpg) no-repeat center; height:950px; background-size: cover;} 
.det_2_k .tit{width: 75%; margin: 0 auto; padding-top: 400px; text-align: center;} 
.det_2_k .tit h3{ font-size: 60px; color: #000000; line-height: 125%; margin-bottom: 20px;} 
.det_2_k .tit h5{ font-size: 30px; color: #000000;font-weight: lighter; transition-delay:0.1s; line-height: 150%;} 
.det_2_k .tit p{ font-size: 28px;font-weight: lighter; color: #000000;transition-delay:0.2s; line-height: 150%;margin-bottom: 50px;} 

.det_2_l{ width: 100%; background: url(/images/details/det_2_10.jpg) no-repeat center; height:940px; background-size: cover;} 
.det_2_l .tit{width: 75%; margin: 0 auto; padding-top: 180px; text-align: right;} 
.det_2_l .tit h3{ font-size: 60px; color: #FFFFFF; line-height: 125%; margin-bottom: 15px;} 

.det_2_m{ width: 100%; background: url(/images/details/det_2_11.jpg) no-repeat center; height:1078px; background-size: cover;} 
.det_2_m_{width: 71%; margin: 0 auto; padding-top: 290px;} 
.det_2_m_ .fl { float: left;} 
.det_2_m_ .fl h3{ font-size: 60px; color: #000000; margin-top: 30px;} 
.det_2_m_ .fl p{ font-size: 28px;font-weight: lighter; background: #84bf31; text-align: center; padding: 10px 0px; border-radius: 15px; color: #FFFFFF;transition-delay:0.2s; line-height: 150%;} 

.det_2_m_ .fr{ float: left; margin-left: 400px;} 
.det_2_m_ .fr ul{} 
.det_2_m_ .fr ul li{ font-size: 28px;font-weight: lighter; color: #000000; margin-bottom: 180px;  background: #FFFFFF; padding: 15px 30px;  border-radius: 15px; } 
.det_2_m_ .fr ul li:nth-child(2){transition-delay:0.2s;} 
.det_2_m_ .fr ul li:last-child{transition-delay:0.4s;} 


.det_2_n{ width: 100%; padding: 100px 0px; margin: 0; background:#EEEEEE;} 
.det_2_n .tit{width: 75%; margin: 0 auto; text-align: center;} 
.det_2_n .tit h3{ font-size: 50px; color: #000000;font-weight: normal; } 

.det_2_n_{width: 75%; margin: 50px auto 0px; } 
.det_2_n_ .list-1{ width: 24%; float: left;} 
.det_2_n_ .list-2{ width: 24%; float: left; margin-left: 1.33%;} 
.det_2_n_ .list-3{width: 24%; float: left;margin-left: 1.33%;} 
.det_2_n_ .list-4{ width: 24%; float: right;} 
.det_2_n_ div h5{display: block; width: 100%; text-align: center;background: #84bf31; padding: 8px 0px;font-size: 18px;font-weight: lighter; color: #FFFFFF; margin:0px auto 16px;} 
.det_2_n_ div ul{display: flex;flex-wrap:wrap;justify-content: space-between;gap:8px 0px;} 
.det_2_n_ div ul li{ width: 49%; background: #FFFFFF; overflow: hidden;} 
.det_2_n_ div ul li img{ width: 100%; height: 100%; object-fit: cover;} 


@media screen and (max-width:768px){
	
	.det_2_a{  background: url(/images/details/det_2_01_m.jpg) no-repeat center top; height: 580px; background-size: cover; margin-top: 60px;} 
	.det_2_a .tit{  padding-top: 200px;} 
	.det_2_a .tit p{ font-size: 1.8em;f  margin: 0px 0px 15px;} 
	.det_2_a .tit h5{ font-size: 2.5em; } 
	
	
	.det_2_b_{ width: 90%; margin: 0px auto;} 
	.det_2_b_ .fl{ width: 45%; margin-top: 20px;} 
	.det_2_b_ .fl span{  font-size: 1em; } 
	.det_2_b_ .fl p{ font-size: 1.2em;  margin:20px 0px 5px;} 
	.det_2_b_ .fl h5{ font-size: 2em; color: #000000; } 
	.det_2_b_ .fr{  width: 50%;} 

	.det_2_b_info{width: 90%; margin: 30px auto 50px;} 
	.det_2_b_info ul{  gap:5px 5px;} 
	.det_2_b_info li{ flex: none;  padding: 20px 0px; width: 49%;} 
	.det_2_b_info li img{ width: 50px; } 
	.det_2_b_info li p{ margin-top: 10px; font-size: 1em; } 
	.det_2_b_info li:first-child{transition-delay:0.1s;} 
	.det_2_b_info li:nth-child(2){transition-delay:0.2s;} 
	.det_2_b_info li:nth-child(3){transition-delay:0.3s;} 
	.det_2_b_info li:nth-child(4){transition-delay:0.4s;} 
	.det_2_b_info li:nth-child(5){transition-delay:0.5s;} 
	.det_2_b_info li:last-child{transition-delay:0.6s;} 
	
	
	
	.det_2_e{  height: 320px;  } 
	.det_2_e .tit{ bottom: 10%; left: 5%;}  
	.det_2_e .tit h3{ font-size: 1.6em;  margin-bottom: 10px;} 
	.det_2_e .tit p{ font-size: 1.2em; } 
	
	
	.det_2_f{  background: url(/images/details/det_2_04_m.jpg) no-repeat center; height:600px; background-size: cover; } 
	.det_2_f .tit{width: 85%; padding-top: 30px; text-align: center;} 
	.det_2_f .tit h3{ font-size: 2em; margin-bottom: 5px;} 
	.det_2_f .tit p{ font-size: 1.5em; } 
	
	
	.det_2_g{   background: url(/images/details/det_2_05_m.jpg) no-repeat center; height:450px; background-size: cover;} 
	.det_2_g .tit{width: 85%;   padding-top: 50px; text-align: center;} 
	.det_2_g .tit h3{ font-size: 2em;  margin-bottom: 5px;} 
	.det_2_g .tit p{ font-size: 1.5em; } 
	
	
	.det_2_h{  background: url(/images/details/det_2_06_m.jpg) no-repeat center; height:480px; background-size: cover;} 
	.det_2_h .tit{width: 85%; margin: 0 auto; padding-top: 30px; text-align: center;} 
	.det_2_h .tit h3{ font-size: 2em;  margin-bottom: 5px;} 
	.det_2_h .tit p{ font-size: 1.5em; } 
	
	
	
	.det_2_c{  background: url(/images/details/det_2_03_m.jpg) no-repeat center; height:600px; background-size: cover;} 
	.det_2_c .tit{width: 85%; margin: 0 auto; padding-top: 50px; text-align: center;} 
	.det_2_c .tit h3{ font-size: 2em; margin-bottom: 5px;} 
	.det_2_c .tit p{ font-size: 1.5em; } 
	
	
	
	.det_2_d{ padding:50px 0px; height:280px; overflow: hidden;} 
	.det_2_d .tit h3{ font-size: 1.6em;  } 
	.silder-box-2{ width:90%; margin: 20px auto 0px; } 
	.det_2_d_ ul{} 
	.det_2_d_ ul li{width:320px; height: 200px; } 
	.silder-button-2.btl{left:1%; top:20%;  width: 30px; height: 30px; line-height: 30px; font-size: 1em; } 
	.silder-button-2.btr{right:1%;top:20%; width: 30px; height: 30px; line-height: 30px; font-size: 1em;} 

	
	
	
	.det_2_i{ background: url(/images/details/det_2_07_m.jpg) no-repeat center; height:550px; background-size: cover;} 
	.det_2_i_{width: 85%;  padding-top: 30px;} 
	.det_2_i_ .fl { float: none; text-align: center;} 
	.det_2_i_ .fl h5{ font-size: 2em;  margin-bottom: 5px;} 
	.det_2_i_ .fl p{ font-size: 1.5em; } 

	.det_2_i_ .fr{display: none;} 

	
	.det_2_j{  background: url(/images/details/det_2_08_m.jpg) no-repeat center; height:500px; background-size: cover;} 
	.det_2_j .tit{width: 85%;  padding-top:340px; text-align: center;} 
	.det_2_j .tit h3{ font-size: 1.8em;  margin-bottom: 5px;} 
	.det_2_j .tit h5{ font-size: 1.8em; margin-bottom: 10px; } 
	.det_2_j .tit p{ font-size: 1.2em; } 
	
	
	.det_2_k{ background: url(/images/details/det_2_09_m.jpg) no-repeat center top; height:500px; background-size: cover;} 
	.det_2_k .tit{width: 85%;  padding-top: 260px; } 
	.det_2_k .tit h3{ font-size: 2em; margin-bottom: 5px;} 
	.det_2_k .tit h5{ font-size: 1.6em;  } 
	.det_2_k .tit p{ font-size: 1.5em; margin-bottom:20px;} 

	.det_2_l{  background: url(/images/details/det_2_10_m.jpg) no-repeat center; height:550px; background-size: cover;} 
	.det_2_l .tit{width:85%;   padding-top: 20px; text-align: center;} 
	.det_2_l .tit h3{ font-size: 2em; } 
	
	
	.det_2_m{  background: url(/images/details/det_2_11_m.jpg) no-repeat center; height:500px; background-size: cover;} 
	.det_2_m_{width: 85%; margin: 0 auto; padding-top: 30px;} 
	.det_2_m_ .fl { float: none; text-align:center; } 
	.det_2_m_ .fl h3{ font-size: 2em;  margin-top: 10px;} 
	.det_2_m_ .fl p{ font-size: 1.6em; width: 120px; margin: 0 auto;} 
	.det_2_m_ .fr{ display: none;} 

	
	
	.det_2_n{ padding: 50px 0px; }  
	.det_2_n .tit{width: 90%; } 
	.det_2_n .tit h3{ font-size: 1.8em; } 

	.det_2_n_{width: 90%; margin: 20px auto 0px; } 
	.det_2_n_ .list-1{ width: 100%; float: none;} 
	.det_2_n_ .list-2{ width: 100%; float: none; margin-left:0; margin-top: 10px;} 
	.det_2_n_ .list-3{width: 100%; float: none;margin-left:0;margin-top: 10px;} 
	.det_2_n_ .list-4{ width: 100%; float: none;margin-top: 5px;} 
	.det_2_n_ div h5{  padding: 5px 0px;font-size: 1em; margin:0px auto 5px;} 
	.det_2_n_ div ul{display: flex;flex-wrap:wrap;justify-content:flex-start;gap:5px 5px;} 
	.det_2_n_ div ul li{ width: 32.2%;} 
	
	
	
	
} 

/******风扇灯******/










/******光学照明******/

.det_3_a{ width: 100%; padding: 0; height: 980px; background: url(/images/details/det_3_01.jpg) no-repeat center; background-size: cover;} 

.det_3_a .tit{width: 100%;text-align: center;padding-top:360px;box-sizing: border-box;} 
.det_3_a .tit h5{ font-size: 60px; color: #FFFFFF;font-weight: 800; letter-spacing: 5px;} 
.det_3_a .tit p{ font-size: 28px;font-weight: lighter; color: #FFFFFF; margin: 80px 0px 0px;letter-spacing: 20px;transition-delay:0.2s;} 


.det_3_b{ width: 100%;  background: #333333; padding: 100px 0px; margin: 0;} 

.det_3_b_{width: 80%; margin: 0px auto;} 
.det_3_b_ .fl{ float: left; width: 24.2%;}
.det_3_b_ .fc{ float: left; width: 49%; margin-left: 1.3%;} 
.det_3_b_ .fc ul{ display: flex; flex-wrap:wrap;justify-content: space-between;gap:10px 0px;} 
.det_3_b_ .fc ul li{ width: 49%;} 
.det_3_b_ .fc ul li:hover{} 
.det_3_b_ .fc ul li:first-child{transition-delay:0.1s;} 
.det_3_b_ .fc ul li:nth-child(2){transition-delay:0.2s;} 
.det_3_b_ .fc ul li:nth-child(3){transition-delay:0.3s;}
.det_3_b_ .fc ul li:last-child{transition-delay:0.4s;} 
.det_3_b_ .fr{ float: right; width: 24.2%;} 

.det_3_b_ img{ width: 100%;} 




.det_3_c{ width: 100%; padding: 0; height: 900px; background: url(/images/details/det_3_03.jpg) no-repeat center;background-size: cover; } 

.det_3_c .tit{width: 72%; margin: 0 auto;padding-top:200px;box-sizing: border-box;} 
.det_3_c .tit h5{ font-size: 50px; color: #000000;font-weight: normal; line-height: 125%;} 
.det_3_c .tit p{ font-size: 24px;font-weight: lighter; color: #000000; margin: 50px 0px 0px; transition-delay:0.2s;} 



.det_3_d{ width: 100%; height: 1000px; margin: 0px; position: relative; overflow: hidden;} 
.det_3_d .video{ width: 100%; height: 100%; position: absolute; z-index: 1;} 
.det_3_d .video video{ width: 100%; height: 100%; object-fit: cover;} 

.det_3_d .tit{position: absolute; z-index: 99;width: 100%;text-align: center;top:160px;box-sizing: border-box;} 
.det_3_d .tit h3{ font-size: 60px; color: #FFFFFF;font-weight: normal; letter-spacing: 5px;} 
.det_3_d .tit p{ font-size: 22px;font-weight: lighter; color: #CCCCCC; margin: 80px 0px 0px;transition-delay:0.2s; line-height: 175%;letter-spacing: 3px;} 





.det_3_e{ width: 100%; padding: 0; height: 935px; background: url(/images/details/det_3_05.jpg) no-repeat center;background-size: cover; padding-top: 260px; box-sizing:border-box;} 
.det_3_e_{width: 80%; margin: 0 auto; } 

.det_3_e_ .fl{ float: left;width: 45%;} 
.det_3_e_ .fl h3{ font-size: 60px; color: #FFFFFF;font-weight: normal; letter-spacing: 5px;} 
.det_3_e_ .fl h5{ font-size: 22px; color: #FFFFFF;font-weight: lighter; margin-top:20px;letter-spacing: 3px; line-height: 150%;} 
.det_3_e_ .fl p{ font-size: 22px;font-weight: lighter; color: #CCCCCC; margin:120px 0px 20px;transition-delay:0.2s; line-height: 175%;letter-spacing: 3px;} 


.det_3_e_ .fr{ float: left; margin-top: 430px;} 

.det_3_e_ .fr ul{ display: flex; gap:0px 220px;} 
.det_3_e_ .fr ul li{ text-align: center;} 
.det_3_e_ .fr ul li h3{ font-size: 28px; color: #FFFFFF;font-weight: normal;} 
.det_3_e_ .fr ul li h6{ font-size: 16px; color: #FFFFFF;font-weight: lighter; margin-top:5px; } 
.det_3_e_ .fr ul li p{ font-size: 14px;font-weight: lighter; color: #CCCCCC; margin:20px 0px 0px;transition-delay:0.1s; line-height: 175%;} 




.det_3_f{ width: 100%; padding: 0; height: 920px; background: url(/images/details/det_3_07.jpg) no-repeat center;background-size: cover; } 

.det_3_f .tit{width: 75%; margin: 0 auto;padding-top:220px;box-sizing: border-box;} 
.det_3_f .tit h3{ font-size: 50px; color: #FFFFFF;font-weight: normal; line-height: 125%;} 
.det_3_f .tit h6{ font-size: 24px;font-weight: lighter; color: #FFFFFF; margin: 30px 0px 120px; line-height: 150%; transition-delay:0.2s;} 

.det_3_f .tit ul{ display: flex; gap:0px 50px;} 
.det_3_f .tit ul li{ text-align: center;} 
.det_3_f .tit ul li p{ font-size: 16px;font-weight: lighter; color: #FFFFFF; margin: 10px 0px 0px; transition-delay:0.1s;} 



.det_3_g{ width: 100%; padding: 0; height: 940px; background: url(/images/details/det_3_08.jpg) no-repeat center;background-size: cover; } 

.det_3_g .tit{width: 75%; margin: 0 auto;padding-top:220px;box-sizing: border-box;} 
.det_3_g .tit h3{ font-size: 50px; color: #FFFFFF;font-weight: normal; line-height: 125%;} 
.det_3_g .tit h6{ font-size: 24px;font-weight: lighter; color: #FFFFFF; margin: 30px 0px 120px; line-height: 150%; transition-delay:0.2s;} 

.det_3_g .tit ul{ display: flex; gap:0px 80px;} 
.det_3_g .tit ul li{} 
.det_3_g .tit ul li img{} 
.det_3_g .tit ul li p{ font-size: 14px;font-weight: lighter; color: #EEEEEE; line-height: 150%; margin-top: 10px;} 





.det_3_h{ width: 100%; padding: 0; height: 940px; background: url(/images/details/det_3_09.jpg) no-repeat center; background-size: cover;} 

.det_3_h .tit{width: 75%; margin: 0 auto;padding-top:220px;box-sizing: border-box;} 
.det_3_h .tit h3{ font-size: 50px; color: #FFFFFF;font-weight: normal; line-height: 125%;} 
.det_3_h .tit h6{ font-size: 24px;font-weight: lighter; color: #FFFFFF; margin: 30px 0px 50px; line-height: 150%; transition-delay:0.2s;} 

.det_3_h .tit ul{ display: flex;flex-wrap:wrap; gap:30px 60px; width: 280px;} 
.det_3_h .tit ul li{ text-align: center;} 
.det_3_h .tit ul li img{ width: 60px;} 
.det_3_h .tit ul li p{ font-size: 18px;font-weight: lighter; color: #EEEEEE; line-height: 150%; margin-top:5px;} 



.det_3_i{ width: 100%; padding: 100px 0px; margin: 0; background:#EEEEEE;} 
.det_3_i .tit{width: 75%; margin: 0 auto; text-align: center;} 
.det_3_i .tit h3{ font-size: 50px; color: #000000;font-weight: normal; } 

.det_3_i_{width: 75%; margin: 60px auto 0px; } 
.det_3_i_ .list-1{ width: 31%; float: left;} 
.det_3_i_ .list-2{ width: 31%; float: left; margin-left: 3.5%;} 
.det_3_i_ .list-3{width: 31%; float: right;} 
.det_3_i_ div h5{display: block; width: 180px; text-align: center;background: #84bf31; padding: 8px 0px;font-size: 18px;font-weight: lighter; color: #FFFFFF; margin:0px auto 30px;} 
.det_3_i_ div ul{display: flex;flex-wrap:wrap;justify-content: space-between;gap:10px 0px;} 
.det_3_i_ div ul li{ width: 49%; background: #FFFFFF; overflow: hidden;} 
.det_3_i_ div ul li img{ width: 100%; height: 100%; object-fit: cover;} 




/******光学照明******/






/******家居照明******/

.det_4_a{ width: 100%; padding: 0; height: 1000px; background: url(/images/details/det_4_01.jpg) no-repeat center; background-size: cover;} 
.det_4_a .tit{width: 100%;text-align: center;padding-top:300px;box-sizing: border-box;} 
.det_4_a .tit h5{ font-size: 60px; color: #FFFFFF;font-weight: 800; letter-spacing: 3px;} 
.det_4_a .tit p{ font-size: 28px;font-weight: lighter; color: #FFFFFF; margin: 50px 0px 0px;letter-spacing: 5px; line-height: 150%; transition-delay:0.2s;} 


.det_4_b{ width: 100%; padding: 0; height: 950px; background: url(/images/details/det_4_02.jpg) no-repeat center;background-size: cover; } 
.det_4_b .tit{width: 72%; margin: 0 auto;padding-top:180px;box-sizing: border-box;} 
.det_4_b .tit h5{ font-size: 50px; color: #FFFFFF;font-weight: normal;letter-spacing: 5px; line-height: 125%;} 
.det_4_b .tit p{ font-size: 24px;font-weight: lighter; color: #FFFFFF; margin: 30px 0px 50px; line-height: 150%; transition-delay:0.2s;} 
.det_4_b .tit img{ transition-delay:0.4s;} 


.det_4_c{ width: 100%; padding: 0; height:920px; background: url(/images/details/det_4_04.jpg) no-repeat center;background-size: cover; } 
.det_4_c .tit{width: 100%;text-align: center;padding-top:80px;box-sizing: border-box;} 
.det_4_c .tit h3{ font-size: 60px; color: #FFFFFF;font-weight: normal;letter-spacing: 5px;} 
.det_4_c .tit p{ font-size: 28px;font-weight: lighter; color: #FFFFFF; margin: 20px 0px 0px;letter-spacing: 5px;transition-delay:0.2s;} 


.det_4_d{ width: 100%; margin: 0; background: #333333; padding:50px 0px 100px;} 
.det_4_d_{width: 100%;margin:0px auto;overflow: hidden;} 
.det_4_d_ ul{} 
.det_4_d_ ul li{width: 700px; height: 435px; overflow: hidden;} 
.det_4_d_ ul li img{ width: 100%; height: 100%;border-radius:10px; object-fit: cover;} 


.det_4_e{ width: 100%; padding: 0; height: 930px; background: url(/images/details/det_4_06.jpg) no-repeat center; background-size: cover;} 
.det_4_e .tit{width: 72%; margin: 0 auto;padding-top:280px;box-sizing: border-box;} 
.det_4_e .tit h5{ font-size: 50px; color: #FFFFFF;font-weight: normal;letter-spacing: 5px; } 
.det_4_e .tit h6{font-size: 26px; color: #FFFFFF;font-weight: normal;letter-spacing: 2px; margin:35px 0px 80px; line-height: 150%;  transition-delay:0.2s;} 
.det_4_e .tit p{ font-size: 22px;font-weight: lighter; color: #FFFFFF;line-height: 150%; transition-delay:0.4s;} 



.det_4_f{ width: 100%; padding: 0; height: 940px; background: url(/images/details/det_4_07.jpg) no-repeat center; background-size: cover;} 
.det_4_f .tit{width: 72%; margin: 0 auto;padding-top:280px;box-sizing: border-box;} 
.det_4_f .tit h5{ font-size: 50px; color: #FFFFFF;font-weight: normal;letter-spacing: 5px; line-height: 125%;} 
.det_4_f .tit p{ font-size: 22px;font-weight: lighter; color: #FFFFFF;line-height: 150%;  margin: 50px 0px 0px;transition-delay:0.2s;} 



.det_4_g{ width: 100%; padding: 100px 0px; margin: 0; background:#EEEEEE;} 
.det_4_g .tit{width: 75%; margin: 0 auto; text-align: center;} 
.det_4_g .tit h3{ font-size: 50px; color: #000000;font-weight: normal; } 

.det_4_g_{width: 75%; margin: 50px auto 0px; } 
.det_4_g_ .list-1{ width: 24%; float: left; margin-right: 1.33%;} 
.det_4_g_ .list-2{ width: 24%; float: left; margin-right: 1.33%;} 
.det_4_g_ .list-3{ width: 24%; float: left; margin-right: 1.33%;} 
.det_4_g_ .list-4{width:24%; float: right;} 
.det_4_g_ div h5{display: block; width: 100%; text-align: center;background: #84bf31; padding: 8px 0px;font-size: 18px;font-weight: lighter; color: #FFFFFF;  margin:0px auto 8px;} 
.det_4_g_ div ul{ display: flex;flex-wrap:wrap;justify-content: space-between; gap:6px 0px;} 
.det_4_g_ div ul li{background: #FFFFFF;overflow: hidden;}
.det_4_g_ .list-1 ul li:first-child{ width: 60%; } 
.det_4_g_ .list-1 ul li:nth-child(2){width: 38%;} 
.det_4_g_ .list-1 ul li:nth-child(3){width: 38%;} 
.det_4_g_ .list-1 ul li:nth-child(4){width: 60%;} 
.det_4_g_ .list-1 ul li:nth-child(5){width: 49%;} 
.det_4_g_ .list-1 ul li:last-child{width: 49%;} 
.det_4_g_ .list-2 ul li:first-child{ width: 49%; height: 105px; } 
.det_4_g_ .list-2 ul li:nth-child(2){width: 49%; height: 105px;} 
.det_4_g_ .list-2 ul li:nth-child(3){width: 100%;height: 213px;} 
.det_4_g_ .list-2 ul li:nth-child(4){width: 49%;height: 105px;} 
.det_4_g_ .list-2 ul li:last-child{width: 49%;height: 105px;} 
.det_4_g_ .list-3 ul li{ width: 32.3%; height: 214px;} 
.det_4_g_ .list-4 ul li{ width: 49%; height: 140.6px;} 
.det_4_g_ div ul li img{ width: 100%; height: 100%; object-fit: cover;} 


.det_4_g_b{width: 75%; margin: 20px auto 0px; } 
.det_4_g_b .list-1{ width: 24%; float: left; margin-right: 1.33%;} 
.det_4_g_b .list-2{ width: 24%; float: left; margin-right: 1.33%;} 
.det_4_g_b .list-3{ width: 24%; float: left; margin-right: 1.33%;} 
.det_4_g_b .list-4{width:24%; float: right;} 
.det_4_g_b div h5{display: block; width: 100%; text-align: center;background: #84bf31; padding: 8px 0px;font-size: 18px;font-weight: lighter; color: #FFFFFF;  margin:0px auto 8px;} 
.det_4_g_b div ul{ display: flex;flex-wrap:wrap;justify-content: space-between; gap:6px 0px;} 
.det_4_g_b div ul li{background: #FFFFFF;overflow: hidden;}
.det_4_g_b .list-1 ul li:first-child{ width: 100%; height: 213px;} 
.det_4_g_b .list-1 ul li:nth-child(2){width: 49%;height: 105px;} 
.det_4_g_b .list-1 ul li:nth-child(3){width: 49%;height: 105px;} 
.det_4_g_b .list-1 ul li:nth-child(4){width: 49%;height: 105px;} 
.det_4_g_b .list-1 ul li:last-child{width: 49%;height: 105px;} 
.det_4_g_b .list-2 ul li:first-child{ width: 49%;height: 105px; } 
.det_4_g_b .list-2 ul li:nth-child(2){width: 49%;height: 105px; } 
.det_4_g_b .list-2 ul li:nth-child(3){width: 49%;height: 105px; } 
.det_4_g_b .list-2 ul li:nth-child(4){width: 49%;height: 105px; } 
.det_4_g_b .list-2 ul li:last-child{width: 100%; height: 213px;} 
.det_4_g_b .list-3 ul li{ width: 49%; height: 140.6px;} 
.det_4_g_b .list-4 ul li:first-child{ width: 55%; } 
.det_4_g_b .list-4 ul li:nth-child(2){width: 43%;} 
.det_4_g_b .list-4 ul li:nth-child(3){width: 43%;} 
.det_4_g_b .list-4 ul li:nth-child(4){width: 55%;} 
.det_4_g_b .list-4 ul li:nth-child(5){width: 55%; height: 145.5px;} 
.det_4_g_b .list-4 ul li:last-child{width: 43%; height: 145.5px;} 
.det_4_g_b div ul li img{ width: 100%; height: 100%; object-fit: cover;} 




/******家居照明******/







/******护眼灯******/

.det_5_a{ width: 100%; padding: 0; height: 1020px; background: url(/images/details/det_5_01.jpg) no-repeat center; background-size: cover;} 

.det_5_a .tit{width: 100%;text-align: left;padding:15% 0 0 55%;box-sizing: border-box;} 
.det_5_a .tit h6{ font-size: 28px;font-weight: lighter; color: #000000; letter-spacing: 5px;} 
.det_5_a .tit h3{ font-size: 60px; color: #000000;font-weight: bold; letter-spacing: 5px; margin: 20px 0px 10px;transition-delay:0.1s;} 
.det_5_a .tit h5{ font-size: 46px; color: #000000;font-weight: normal; letter-spacing: 5px;transition-delay:0.2s;} 
.det_5_a .tit p{ display: inline-block; background: #af7552; padding: 5px 20px;border-radius: 20px; font-size: 28px;font-weight: lighter; color: #FFFFFF; margin: 80px 0px 20px;letter-spacing:5px;transition-delay:0.3s;} 
.det_5_a .tit img{display: block;transition-delay:0.4s;} 



.det_5_b{ width: 100%; padding: 0; height: 950px; background: url(/images/details/det_5_02.jpg) no-repeat center; background-size: cover;} 
.det_5_b .tit{width: 75%; margin: 0 auto;padding-top:200px;box-sizing: border-box;} 
.det_5_b .tit h5{ font-size: 60px; color: #FFFFFF;font-weight: normal;letter-spacing: 5px; line-height: 125%; margin-bottom: 50px;} 
.det_5_b .tit img{ transition-delay:0.4s;} 



.det_5_c{ width: 100%; padding: 0; height: 950px; background: url(/images/details/det_5_03.jpg) no-repeat center; background-size: cover;} 
.det_5_c .tit{width: 75%; margin: 0 auto;padding:8% 0 0 30%;box-sizing: border-box; text-align: center;} 
.det_5_c .tit h5{ font-size: 60px; color: #000000;font-weight: normal;letter-spacing: 5px; line-height: 125%; margin-bottom: 50px;} 
.det_5_c .tit p{ font-size: 22px;font-weight: lighter; color: #000000;line-height: 150%;  margin: 30px 0px 50px;transition-delay:0.2s;} 
.det_5_c .tit img{ transition-delay:0.4s;} 




.det_5_d{ width: 100%; padding: 0; height: 940px; background: url(/images/details/det_5_04.jpg) no-repeat center; background-size: cover;} 
.det_5_d .tit{width: 75%; margin: 0 auto;padding:12% 0 0 0;box-sizing: border-box;} 
.det_5_d .tit h5{ font-size: 60px; color: #000000;font-weight: normal;letter-spacing: 5px; line-height: 125%; margin-bottom: 50px;} 
.det_5_d .tit p{ font-size: 22px;font-weight: lighter; color: #000000;line-height: 175%;  margin: 30px 0px 50px;transition-delay:0.2s;} 
.det_5_d .tit img{ transition-delay:0.4s;} 



.det_5_e{ width: 100%; padding: 0; height: 950px; background: url(/images/details/det_5_05.jpg) no-repeat center; background-size: cover;} 
.det_5_e_{width: 75%; margin: 0 auto;padding:10% 0 0 0;box-sizing: border-box;} 
.det_5_e_ .fl{ float: left;} 
.det_5_e_ .fl h5{ font-size: 60px; color: #000000;font-weight: normal;letter-spacing: 5px; line-height: 125%; } 
.det_5_e_ .fl h6{  font-size: 36px; color: #000000;font-weight: bold;  line-height: 125%; margin: 60px 0px 0px;} 
.det_5_e_ .fl p{ font-size: 22px;font-weight: lighter; color: #000000;line-height: 150%;  transition-delay:0.2s; margin: 30px 0px;} 

.det_5_e_ .fr{ float: right;} 
.det_5_e_ .fr ul{} 
.det_5_e_ .fr ul li{ margin-bottom: 45px;} 
.det_5_e_ .fr ul li h5{ font-size: 20px; color: #000000;font-weight: bold;} 
.det_5_e_ .fr ul li p{ font-size: 18px;font-weight: lighter; color: #000000; margin: 10px 0px 0px;}





.det_5_f{ width: 100%; padding: 0; height: 940px; background: url(/images/details/det_5_06.jpg) no-repeat center;background-size: cover; } 

.det_5_f .tit{width: 75%; margin: 0 auto;padding-top:10%;box-sizing: border-box;} 
.det_5_f .tit h3{ font-size: 60px; color: #000000;font-weight: normal; line-height: 125%;} 

.det_5_f .tit ul{ display: flex; margin-top: 80px; gap:0px 50px;} 
.det_5_f .tit ul li{ text-align: center;}
.det_5_f .tit ul li img{ display: block; margin: 0px auto 20px;} 
.det_5_f .tit ul li p{ font-size: 16px;font-weight: lighter; color: #000000; margin: 0px 0px; transition-delay:0.1s; line-height: 150%;} 
.det_5_f .tit ul li em{display: block; height: 2px; width: 20px; background: #000000; margin: 15px auto;} 






.det_5_g{ width: 100%; padding: 0; height: 980px; background: url(/images/details/det_5_07.jpg) no-repeat center; background-size: cover;} 
.det_5_g .tit{width: 75%; margin: 0 auto;padding:12% 0 0 0;box-sizing: border-box;} 
.det_5_g .tit h5{ font-size: 60px; color: #000000;font-weight: normal;letter-spacing: 5px; line-height: 125%; margin-bottom: 50px;} 
.det_5_g .tit p{ font-size: 22px;font-weight: lighter; color: #000000;line-height: 175%;  margin: 30px 0px 50px;transition-delay:0.2s;} 
.det_5_g .tit img{ transition-delay:0.4s;} 




.det_5_h{ width: 100%; padding: 0; height: 950px; background: url(/images/details/det_5_08.jpg) no-repeat center; background-size: cover;} 
.det_5_h .tit{width: 75%; margin: 0 auto;padding:12% 0 0 0;box-sizing: border-box;} 
.det_5_h .tit h5{ font-size: 60px; color: #000000;font-weight: normal;letter-spacing: 5px; line-height: 125%; margin-bottom: 50px;} 
.det_5_h .tit img{ transition-delay:0.4s;} 




.det_5_i{ width: 100%; padding: 0; height:880px; background: url(/images/details/det_5_09.jpg) no-repeat center; background-size: cover;} 
.det_5_i .tit{width: 75%; margin: 0 auto;padding:12% 0 0 0;box-sizing: border-box;} 
.det_5_i .tit h5{ font-size: 60px; color: #FFFFFF;font-weight: normal;letter-spacing: 5px; line-height: 125%; margin-bottom: 50px;} 
.det_5_i .tit p{ font-size: 22px;font-weight: lighter; color: #FFFFFF;line-height: 175%;  margin: 30px 0px 50px;transition-delay:0.2s;} 
.det_5_i .tit img{ transition-delay:0.4s;} 



.det_5_j{ width: 100%; padding: 0; height: 945px; background: url(/images/details/det_5_10.jpg) no-repeat center;background-size: cover; } 

.det_5_j .tit{width: 75%; margin: 0 auto;padding-top:220px;box-sizing: border-box;} 
.det_5_j .tit h3{ font-size: 50px; color: #FFFFFF;font-weight: normal; line-height: 125%;} 
.det_5_j .tit h6{ font-size: 40px;font-weight: bold; color: #FFFFFF; margin: 80px 0px 30px; transition-delay:0.2s;} 

.det_5_j .tit ul{ display: flex; gap:0px 10px;} 
.det_5_j .tit ul li{} 
.det_5_j .tit ul li p{ font-size: 16px;font-weight: lighter; color: #FFFFFF; background: rgba(255,255,255,0.2); padding: 10px 20px; border-radius: 5px;} 




.det_5_k{ width: 100%; padding: 0; height:945px; background: url(/images/details/det_5_11.jpg) no-repeat center; background-size: cover;} 
.det_5_k .tit{width: 75%; margin: 0 auto;padding:12% 0 0 0;box-sizing: border-box;} 
.det_5_k .tit h3{ font-size: 60px; color: #000000;font-weight: bold;letter-spacing: 3px; } 
.det_5_k .tit h5{ font-size: 50px; color: #000000;font-weight: lighter;letter-spacing: 3px; line-height: 150%; } 
.det_5_k .tit p{ font-size: 22px;font-weight: lighter; color: #000000;line-height: 175%;  margin: 80px 0px 0px;transition-delay:0.2s;} 



.det_5_l{ width: 100%; padding: 0; height:950px; background: url(/images/details/det_5_12.jpg) no-repeat center; background-size: cover;} 
.det_5_l .tit{width: 75%; margin: 0 auto;padding:12% 0 0 50%;box-sizing: border-box;} 
.det_5_l .tit h3{ display: inline-block;font-size: 28px; color: #FFFFFF;font-weight: lighter; background: #a26d4d; padding: 10px 30px; border-radius: 20px;} 
.det_5_l .tit h6{ font-size: 50px;font-weight: normal; line-height: 125%; color: #000000;letter-spacing: 5px; margin: 50px 0px 50px;transition-delay:0.2s;} 
.det_5_l .tit img{ transition-delay:0.4s;} 




.det_5_m{ width: 100%; padding: 0; height:950px; background: url(/images/details/det_5_13.jpg) no-repeat center; background-size: cover;} 
.det_5_m .tit{width: 75%; margin: 0 auto;padding:12% 0 0 0;box-sizing: border-box;} 
.det_5_m .tit h3{ font-size: 50px;font-weight: normal;  color: #FFFFFF; line-height: 125%; letter-spacing: 3px;}
.det_5_m .tit p{ font-size: 20px;font-weight: lighter; color: #FFFFFF;line-height: 150%;  margin:50px 0px 0px;transition-delay:0.2s;}
.det_5_m .tit h6{display: inline-block;font-size: 50px; font-weight: bold; color: #83b5f8;  margin: 35px 0px 10px;transition-delay:0.3s; padding-bottom: 10px; border-bottom: #83b5f8 1px solid;} 
.det_5_m .tit span{display: block;font-size: 20px;font-weight: lighter; color: #FFFFFF; transition-delay:0.4s;}



.det_5_n{ width: 100%; padding: 0; height:950px; background: url(/images/details/det_5_14.jpg) no-repeat center; background-size: cover;} 
.det_5_n .tit{width: 75%; margin: 0 auto;padding:15% 0 0 0;box-sizing: border-box;} 
.det_5_n .tit h3{ display: inline-block;font-size: 28px; color: #FFFFFF;font-weight: lighter; background: #a26d4d; padding: 10px 30px; border-radius: 20px;} 
.det_5_n .tit h5{ font-size: 50px; color: #FFFFFF;font-weight: normal;letter-spacing: 3px; line-height: 125%; margin: 30px 0px 80px; transition-delay:0.1s;} 
.det_5_n .tit p{ font-size: 22px;font-weight: lighter; color: #FFFFFF;line-height: 150%;  transition-delay:0.2s;} 




.det_5_o{ width: 100%; padding:100px 0px; margin: 0; background:#fffbf3; } 

.det_5_o > h3{ font-size: 50px; color: #000000;font-weight: normal; text-align: center; letter-spacing: 3px;} 

.det_5_o_{width: 75%; margin: 0 auto;} 
.det_5_o_ ul{ display: flex; margin-top: 50px; gap:0px 15px;} 
.det_5_o_ ul li{ width: 33%; height: 550px; background-size: cover; padding:60px; box-sizing: border-box;} 
.det_5_o_ ul li:first-child{ background:url(/images/details/det_5_15_01.png) no-repeat center; border-radius: 30px; overflow: hidden;}
.det_5_o_ ul li:nth-child(2){ background:url(/images/details/det_5_15_02.png) no-repeat center; border-radius: 30px; overflow: hidden;} 
.det_5_o_ ul li:last-child{ background:url(/images/details/det_5_15_03.png) no-repeat center; border-radius: 30px; overflow: hidden;} 
.det_5_o_ ul li h5{font-size: 28px; color: #FFFFFF;font-weight: normal;} 
.det_5_o_ ul li h3{font-size: 36px; color: #FFFFFF;font-weight: normal; margin-top: 30px; letter-spacing: 2px;} 
.det_5_o_ ul li p{ font-size: 18px;font-weight: lighter; color: #FFFFFF; } 
.det_5_o_ ul li em{display: block; height: 2px; width: 20px; background: #FFFFFF; margin: 20px 0px;} 





/******护眼灯******/



@media screen and (min-width:1500px) and (max-width:1700px){

} 

@media screen and (min-width:1400px) and (max-width:1500px){

} 

@media screen and (min-width:1300px) and (max-width:1400px){

} 

@media (max-width: 768px) {


}