.title{
		font-family:"helvetica"; font-size:1.5em; font-weight:500; margin:0 auto; padding-top:50px;
		text-align: center;
	}
.title_line{width:5%; height:3px; background-color:red; margin:0 auto;}
.clearfloat{clear:both;}
*{
	font-family: Manrope,Roboto,Helvetica,Arial,PingFangSC-Medium,PingFang SC,PingFang-SC-Regular,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
	}	

/*1.导航栏部分*/
#header_nav{width:100%; height:60px; background-color: #ffffff; margin:0 auto; position:fixed; left:0;top:0;
z-index:7;}
nav ul li{width:12%; height:60px; float:right; line-height:60px; text-align: center; z-index:6;}
.logo{float:left;}
nav ul li img{width:100%;  margin-left:30px; }
nav ul li a{font-family:"helvetica"; font-size:1em; font-weight:500; color:black;}
.active{position:relative;}
.active span{position:absolute; width:100%; height:2px; bottom:0; left:0; background-color:indianred;}
.project_list{width:150px; display:none;}
.project_list li{
	width:100%; height:40px;  margin-left:0px; text-align: left;
	background-color:rgba(0,0,0,0.7); margin-bottom:1px; line-height:40px; 
	padding-left:5px; z-index: 99;
}
.project_list li a{font-size:0.8em; color:white; }


/*2.Banner栏部分-图片轮播-开始*/
	#banner_box{width:100%; overflow:hidden; position:relative; z-index:5; margin-top:60px; }
	#banner_box #pic_box{width:500%; position:absolute; left:0px;top:0px; }
	
	#pic_box p{width:20%;float:left;}
	#pic_box p img{width:100%;}

	#dot{height:1px; width:200px; position:relative; margin:0 auto;}
	#dot ul{width:200px; height:12px; position:absolute;top:-15px; z-index:5; }
	#dot ul li{width:45px; height:2px; background-color:yellowgreen; float:left; 
		list-style: none; margin-right:5px;
	}

/*3.introduction*/
#intro_box{width: 100%; height:700px; background-color:#f9f9f9; }
#intro_text{width:90%; height:60px; margin:0 auto;text-align: left; line-height:60px;}
.intro_content_box{
	width:300px; height:300px; margin:30px auto; background-color: mistyrose; position:relative;
	
}
.intro_aboutus{width:300px;height:300px; margin:100px auto;  border-radius:50%; overflow:hidden;
		vertical-align: middle; z-index: 900; display:flex; position:relative; 
}

/*旋转部分:*/
#outter_box{
		width:350px; height:350px; margin:100px auto; position:relative;
		z-index: 999; display:flex;
	}
	#ball4{width:280px;height:280px; border:solid white 1px}
	#ball4 img{width:100%; height:100%; }
	#outter_box::before{
		content: "";
		width:350px; height:350px;
		background: url(img/2.png) no-repeat;
		background-size:cover;
		z-index:-1;
		animation: rotates 3s linear infinite;/*添加旋转动画*/
	}
	
	 @keyframes rotates{
	   0%{-webkit-transform:rotate(0deg);}
	   25%{-webkit-transform:rotate(90deg);}
	   50%{-webkit-transform:rotate(180deg);}
	   75%{-webkit-transform:rotate(270deg);}
	   100%{-webkit-transform:rotate(360deg);}
	 }
			
			
	.circle_line{
		width:60px; height:60px; border:solid #888888 1px; border-radius:50%; position:absolute;
		}
	.circle_line img{width:100%;height:100%;}	
	.circle_line a{
		width:100%; height:30px; 
		text-decoration:none;text-align: center; font-siz:25px; color:#888888;}	
	#ball8{width:130px;height:25px; border-radius:4px;}
	#ball8 a{
		width:100%; height:25px;line-height:25px;text-align:center;font-size:12px;
		font-family:"microsoft yahei"; color:black; padding-left:5px;
		}
	#ball8 a:hover{color:red; }

/*3.Aboout_US栏部分-Our service*/
#aboutus_box{width:100%; height:0; padding-bottom:57%; margin:0 auto; background-color:#f9f9f9; }
.aboutus_icon{width:20%; height:0px;padding-bottom:32%; background-color:lightgrey; margin-left:4%; 
			border-top-left-radius:5px; border-top-right-radius:5px;overflow:hidden;
			float:left; margin-top:50px; }
		
.aboutus_icon:hover{
	box-shadow:0px 0px 5px grey; 
	}		

.aboutus_pic{width:100%;margin:0 auto;}
.aboutus_pic img{width:100%; height:100%; }
.aboutus_header{width:60%; margin:0 auto; margin-top:10px; margin-bottom:5px;}
.aboutus_header a{width:100%;}
.aboutus_header a p{width:100%;height:20%; text-align: center; color:white;}


	
.aboutus_text{width:85%;margin:0 auto; font-size:0.8em; text-align: center;font-family:"helvetica";
		color:whitesmoke; line-height:1.5em;
}



/*4.Projects栏部分*/
#project_box{width:100%; height:580px; }
.product_note{width:60%; margin:30px auto; text-align: center; font-size:1em; font-family:helvetica;}
#project_content_box{width:100%;}	
.project_content{width:20%; height:310px; background-color:#f5f5f7 ; margin-left:4%; border-radius:5px; 
overflow:hidden; float:left; margin-bottom:30px;}
.project_content_pic{width:150px;height:150px; margin:30px auto; margin-top:20px;
	border-radius:75px; overflow:hidden;}
.project_content_pic a img{width:100%; height:100%; }
/*.project_content_pic a img:hover{width:103%;height:103%;}*/
.project_content_header{width:100%; margin:0 auto; font-size:1.2em; font-family:helvetica; 
 text-align: center;}
.project_content_text{width:90%; margin:0 auto; font-size:0.9em; font-family:helvetica; 
padding-top:1em; padding-bottom:1em; text-align: center; color:#6b6b6b; line-height:1.5em;}

/*5.contactus*/
#customer_box{width:100%; height:0;padding-bottom:50%;}
#customers{width:80%; height:200px; margin:0 auto; }
#customers p{width:20%; float:left; margin-right:5%;}
#customers p img{width:100%;}


/*5.底部部分*/
#footer{width:100%; height:90px; background-color:#222222; color:lightgrey; position:relative;}

#footer_text1{width:80%;height:20px; text-align: center; line-height:20px; font-size:14px; 
	position:absolute; left:10%; top:25px;
	}
#bjtime{width:80%;height:20px; text-align: center; line-height:20px; font-size:14px; 
	position:absolute; left:10%; top:50px;}



/*Aboutus页面*/

/*2.Banner栏部分	*/
#banner_aboutus{width:100%; margin-top:60px;}
#banner_aboutus p img{width:100%;}

/*3.中间区域*/

#aboutus_dis_box{width:100%;font-family:"microsoft yahei"; }
#aboutus_box2{width:80%;  margin:0 auto; }
#aboutus_title{ font-family:"helvetica"; font-size:1.5em; font-weight:500; margin:0 auto; 
		text-align: center; margin-top:30px; margin-bottom:50px; }
#aboutus_picbox{width:750px;height:320px; margin:0 auto; margin-top:30px;}
#contact_picbox img{width:100%; height:100%;}


#weizi1{margin-top:40px;}
.aboutus_weizi{margin-top:10px;font-family:"helvetica"; font-size:14px; line-height:30px;
		color:#2b2523; text-spacing: 14px;}
		

/*Contactus页面*/
#kongbai{width:100%;height:100px;background-color:#f9f9f9;}
#contact_box{width:90%;  margin:0 auto; }
#add{width:100%; }
#add_header{width:100%; height:50px; font-size:35px; color:#c4c8c8; margin-bottom: 30px;}
#add_factory{width:100%;}
.add_factory{
	width:25%; height:0; padding-bottom: 27%; float:left; margin-right:5%;
	}
.fh{width:100%; height:50px; line-height:25px; font-size:18px;}
.fd{width:100%;  line-height:20px; font-size:16px; margin:15px auto;}


.contact_info{width:100%;}
.contact_person{width:100%;}
.contact_title{width:100%; height:30px; line-height:25px; font-size:18px; font-weight:600;}
.contact_person_info{width:100%;  line-height:26px; font-size:16px; margin:15px auto; margin-left:0;}


/*Joinus页面*/
.joinus_img{width:100%; height:300px;text-indent:5em;  }
.joinus_img img{width:700px;height:300px;}
#contactus_m_l_joinus{width:20%;height:520px; float:left; background-color:#f9f9f9;}


/*Product页面*/
#product_banner{
	width:100%;height:300px; background-image: url(img/banner_product.jpg);background-size:contain;
	margin-top:60px;
	}
.pbp0{height:50px;}

.pbp1{width:70%;height:100px; line-height:100px; margin:0px auto;	color:whitesmoke;text-align: center;}
.pbp2{width:70%; height:150px; margin:0 auto;font-size:30px;font-weight:600;	color:whitesmoke;text-align: center;}

.pd{width:85%; margin:0 auto;}
.pt{color:black; text-align: left; width:100%; height:50px;line-height:50px;}
.pdm{width:100%;margin:0 auto;}
.pdml{width:30%; box-shadow:0px 0px 3px 3px whitesmoke; border-radius: 2px; float:left;}
.pdmlimg{width:45%;margin-left:10%;}
.pdmlimg img{width:100%; }
.pdmlt{width:85%; margin:0 auto; text-align:left; font-size:18px;font-weight:600; line-height:20px; color:black;}
.pdmld{width:85%; margin:0 auto; text-align:left; font-size:14px; line-height:24px;color:#252526;}

.pdmr{width:55%; margin-left:8%; float:left;}
.pdmrt{font-size:18px;font-weight:600;height:50px; line-height:50px; color:black;}
.pdmrd{text-align:left; font-size:14px; line-height:24px;color:#252526; margin-bottom:20px;}
.pdmrimg{width:100%;}


/*caseshow页面*/
#caseshow{
	width:85%;  margin:50px auto; /*border:solid black 1px;*/
}
#csp1{width:100%;}
.csp1{font-size:24px;color:#131415; font-weight:500; height:50px;}
#csp1 p{width:100%}
#csp1 p img{width:10%;}

.fengge_box{width:100%;background-color:#f1f3f7;}
.fengge{width:85%; margin:0px auto; padding-top:40px; }
.csp2{width:18%; height:24px; line-height:24px; color:#4737ff;float:left;}
.csp3{width:82%; height:12px; float:left;border-bottom:solid 2px gainsboro;}

/*lighting solution*/
.lighting_solution_box, #case_outterbox{width:100%; background-color:#f1f3f7; padding-top:20px; padding-bottom:20px;}
.lighting_solution{width:85%;  margin:0 auto; margin-bottom:10px;}
.lsl{
	width:20%;  border-radius:6px;overflow:hidden; float:left; position:relative;
	}
.lsli{width:100%;}
.lsli img{width:100%;}

.imgt1{width:60%; font-size:18px; font-weight:600;line-height:22px; position:absolute; top:20px;left:20px; color:#ffffff;}
.imgt2{width:90%; font-size:14px; line-height:15px; position:absolute; top:70px;left:20px;color:rgba(255,255,255,0.7) }


.lsr{width:80%; height:300px;  float:left;}
.lsrp{
	width:20%; height:0; padding-bottom:20%;margin:0 auto;margin-left:5%; background-color: white; 
	float:left; border-radius: 5px; overflow:hidden;
	}
.lsrps{width:100%;padding-bottom:2.85%;}
	
.lsrpi{width:50%; margin:15% auto;}
.lsrpi img{width:100%;}
.lsrpt{width:100%; margin:0 auto; text-align: center; font-size:13px; color:dimgrey}

.case_innerbox{width:88%;margin:15px auto; margin-left:5%; }
.case_listbox{
	width:22%; height:0; padding-bottom: 22%; background-color:#f1f3f7;float:left; margin-left:3%;
	border-radius:10px; overflow:hidden;
}
.case_listbox a{width:100%; }
.case_listbox a img{width:100%;}
.case_des{width:100%;}
.casse_dex_h{width:90%;margin:10px auto; font-size:12px; text-alight:center; font-weight:600;color:whitesmoke;}
.casse_dex_t{width:90%;margin:0 auto; font-size:10px; text-alight:center;color:whitesmoke;}
.case_more{width:85%; height:15px; margin:10px auto; text-align: right; font-size:12px;}

/*case1页面*/
.pfeature{with:90%; }
.pfeature li{list-style:square;list-style-position: inside; text-align:left; font-size:14px; line-height:24px;color:#252526; }













