@charset "UTF-8";

/* CSS Document */

body{
	background: #fff;
}



/*开场动画===========================================*/

.mp4box{
		position: fixed;
		z-index: 1000;
		width:100vw;
		height:100vh;
		background:url(../../banner_img/banner.jpg) no-repeat;
		background-position: center;
		background-size: cover;
		overflow: hidden;
		animation: KCdonghua 1.5s linear 2s forwards;
		 -webkit-animation: KCdonghua 1.5s linear 2s forwards;
			-moz-animation: KCdonghua 1.5s linear 2s forwards;
	}

	#mp4{
	
		height: 40vh;
		vertical-align: middle;
		margin-top: 26vh;
		margin-left: auto;
		margin-right: auto;

	
	}

	@-webkit-keyframes KCdonghua{
		0%{
			opacity: 1;
			z-index: 20;
		}
		80%{
			opacity: 0.2;
		
		}
		100%{
			opacity: 0;
			z-index: -1;
			
		}
	}
@-moz-keyframes KCdonghua{
		0%{
			opacity: 1;
			z-index: 20;
		}
		80%{
			opacity: 0.2;
			
			
		}
		100%{
			opacity: 0;
			z-index: -1;
			
		}
	}

@keyframes KCdonghua{
		0%{
			opacity: 1;
			z-index: 20;
			
		}
		80%{
			opacity: 0.2;
		
		}
		100%{
			opacity: 0;
			z-index: -1;
			
		}
	}

@-o-keyframes KCdonghua{
		0%{
			opacity: 1;
			z-index: 20;
			
		}
		80%{
			opacity: 0.2;
		
		}
		100%{
			opacity: 0;
			z-index: -1;
			
		}
	}
	
@media screen and (max-width: 750px) {
	
#mp4{
		
		height:36vw;

		margin-top: 23vh;


	
	}

}



/*nav=============================================================*/

/*.SSnav_bigbox{
	background-color:#1e1e1e; 
	box-shadow:0px 2px 8px rgba(0,0,0,0.1);
		-webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.1);
			-moz-box-shadow:0px 2px 8px rgba(0,0,0,0.1);
				-o-box-shadow:0px 2px 8px rgba(0,0,0,0.1);
}
.SS_nav a{
	color:#fff; 
}*/

/*foot=============================================================*/

/*.foot{ 
	background-color:#161616;  
	box-shadow: 0 -2px 4px #000; 
		-webkit-box-shadow: 0 -2px 4px rgba(0,0,0,0.5); 
			-moz-box-shadow: 0 -2px 4px rgba(0,0,0,0.5); 
				-o-box-shadow: 0 -2px 4px rgba(0,0,0,0.5); 
}

.wenan p{ color:rgba(255,255,255,1.00) !important;
	
}
#xiaozi1{color:rgba(255,255,255,0.7) !important;
}





	
	label {
		color: rgba(255,255,255,0.9) !important;
		display: block;
		font-family: Raleway, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: 0 0 0.7em 0;
		text-transform: uppercase;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, 0.025);
		border-radius: 5px;
		border: none;
		border: solid 2px rgba(255, 255, 255, 0.125);
		color: inherit;
		display: block;
		outline: 0;
		text-decoration: none;
		
	}



	::-webkit-input-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: rgba(255, 255, 255, 0.35) !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: rgba(255, 255, 255, 0.35) !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: rgba(255, 255, 255, 0.35) !important;
		opacity: 1.0;
	}

	.polyfill-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

ul.actions {
			background-color: rgba(202, 169, 97, 0.4);
			border-radius: 5px;
			text-align: center;
			width: 100%;
			cursor: default;
			list-style: none;

		}*/

/*banner=============================================================*/

.banner_bigbox{
	width: 100%; 
	margin-top: 0px; overflow: hidden;	
	position: relative;

}
.bannerbox{width: 500%; 
}
.bannerbox a{
	cursor: pointer;
}
.bannerbox img{
	float: left;
}
.banner{width: 20%; margin-left: auto; margin-right: auto; 
}

.youjiantou_box, .zuojiantou_box{
	position: absolute;
	display: block;
	top:50%;
	padding: 200px 60px;
	margin-top: -225px;
	overflow: hidden;
	
}
.youjiantou, .zuojiantou{
	width:50px;
	height:50px;

	
	
	
}
.youjiantou img, .zuojiantou img{
	height: 100%;
	margin: auto;
	opacity: 0.8;
	
	
	
}
.zuojiantou_box{
	position: absolute;
	top:50%;
	left: -20%;
	
}
.youjiantou_box{
	position: absolute;
	top:50%;
	right:-20%;
}
.youjiantou_box:hover, .zuojiantou_box:hover{
	transform: scale(1.2);
	cursor: pointer;
}
.yuanniu{
	position: absolute;
	width:100px;
	left:50%;
	margin-left: -50px;
	bottom:5%;
	text-align: center;
}
.yuanniu li{
	display: inline-block;
	border-radius:50%;
	background:#0e0e0e;
	width:12px;
	height:12px;
	margin: 5px;
	vertical-align: middle;
	cursor: pointer;
	
}
.yuanniu > li:first-child{
	background:#e4bb62;
}


/*内容通用属性*/




.left-biaoti *{float:left; 
}


.jiantou{ margin-top: 6px; margin-left: 10px;
}




/*设备*/

.equipmentbox{ width: 100%;overflow: hidden; background: #dedede;
}
.equipment{width: 1200px;  margin: 0 auto; display: block; overflow: hidden; margin-bottom: 80px; margin-top: 80px;
}
.equipment-biaoti{ overflow: hidden; width: 100% 
}
.equipment *{float:left; 
}.equipment *:hover{
	cursor: pointer;
}
.jiqishebei{margin-top: 24px; width: 100%; 
}
.zuoshebei{ float: left; width: 48.6%;
}
.youshebei img, .zuoshebei img{ width: 100%;
}
.zuoshebeiwenan{ width: 100%; background-color:#5f5f5f; color: #fff; 
}
.zuoshebeiwenan h3{font-size:1.8em; margin-left: 30px; line-height: 40px; }

.youshebei{float: right; width:50%;
}
.shebei3{ margin-top: 3.2%;
}
.shebei3 img{	
}
.equipment{margin-bottom: 80px;
}

/*建筑==================================================================================*/


.jianzhubox{
	width: 100%; background-color: #ededed;overflow: hidden;
}
.chanpinbox1{margin-top:40px;  overflow: hidden; width: 1200px; position: relative;
}
.chanpinbox1 > div{
	width: 400px;
	overflow: hidden;
	border-right: 12px solid #dedede;
	border-left: 12px solid #dedede;
	
}
.chanpinbox1 > div:hover{
	border:none;

}
.chanpinbox1 .boder_none{
	border:none  !important;
}
.chanpinbox1 > div:first-child{
	border-left: none;
	position:absolute;
	top:0;
	left: 0;
	z-index: 2;
}
.chanpinbox1 > div:nth-child(2){
	position: relative;
	z-index: 1;
	width: 1200px;
	border:none;
}
.chanpinbox1 > div:last-child{
	border-right: none;
	position:absolute;
	top:0;
	right:0;
	z-index: 2;
	
}
.chanpinbox1 > div > .construction{
	width: 1200px;
	overflow: hidden;
	z-index: 1;
	position: relative;
}

.chanpinbox1 .jiancai_2{
	position:absolute;
	right:0;
	width: 800px;
}

.chanpinbox1 > div:nth-child(3):hover,
.chanpinbox1 > div:nth-child(1):hover{
	animation: jiancai 0.3s  forwards;
	-webkit-animation: jiancai 0.3s  forwards;
	z-index: 4;
}

.chanpinbox1 div img{
	width: 800px;
	display: block !important;
}

.jiancai_shuoming{
	width: 400px;
	height:505px;
	background:#878787;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}
.jiancai_shuoming h2{
	font-size:24px;
	color: #e3bc67;
	text-transform: uppercase;
	
}
.jiancai_shuoming hr{
	border: none;
	height: 1px;
	background: rgba(255,255,255,0.1);
	width: 20%;
	margin: 1.5vw auto;
}
.jiancai_shuoming ul a{
	font-size: 16px;
	line-height: 2;
	color:rgba(255,255,255,0.7);
	margin-right: 1vw;
	display: block;
}
.jiancai_shuoming ul a:hover{
	color:#caa961;
}

.chanpinbox_fx{
	animation: jiancai_fx 0.3s  forwards;
	-webkit-animation: jiancai_fx 0.3s  forwards;
	z-index: 4;
}

@keyframes jiancai{
	0%{
		weidth:400px;
	}
	100%{
		width: 1200px;
	}
}
@-webkit-keyframes jiancai{
	0%{
		weidth:400px;
	}
	100%{
		width:1200px;
	}
}
@keyframes jiancai_fx{
	0%{
		weidth:400px;
	}
	100%{
		width: 0px;
	}
}
@-webkit-keyframes jiancai_fx{
	0%{
		weidth:400px;
	}
	100%{
		width:0px;
	}
}





/*包装------------------------------------------------------------------------------*/
.packagebox{width: 100%; background-color:#dedede; overflow: hidden; 
}
.package{width: 1200px;  margin: 0 auto; display: block; overflow: hidden; margin-bottom: 80px; margin-top: 80px; 
}
.package-biaoti{ overflow: hidden; width: 100% 
}
.left-biaoti h1{margin-top: -5px;
}
.left-biaoti *{float:left; 
}
.rignt-biaoti{ float: right; margin-top: 8px;
}
.rignt-biaoti h2{  font-size: 18px;
}
.rignt-biaoti:hover{ 
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform-origin: right;
	-webkit-transform-origin: right;
}
.rignt-biaoti *{ float: right;
}

.chanpinbox{margin-top: 40px;  overflow: hidden; clear: both;
}

.chanpinwenan{height:54px; width: 100%; background-color: #424242; text-align: center;
}
.chanpinwenan h4{font-size: 1.8em; color: #fff; line-height: 54px;
}
.shangxiaotiao{height:24px; width: 100%; background-color: #424242;
}
.display-stand{margin-right: 1.3%; width: 24%;
}
.chanpinbox div{ float: left; 
}
.packing{width: 24%;
}
.packing img, .display-stand img{ width: 100%; display: block;
}





/*自适应*/



@media screen and (max-width: 1380px) {

	.youjiantou, .zuojiantou{
	width:40px;
	height:40px;
		}
	
	.youjiantou_box, .zuojiantou_box{
	padding:120px 50px;
		margin-top:-140px; 
	
	
		}
	

}

@media screen and (max-width: 1280px) {
	
	
	

	
	.youjiantou, .zuojiantou{
	width:36px;
	height:36px;
		}
	
	.youjiantou_box, .zuojiantou_box{
	padding:120px  50px;
		margin-top:-138px; 
	
	
		}
	
	
	
	/*英文*/
	.package{width: 960px;  margin: 0 auto; display: block; overflow: hidden; margin-bottom: 80px; margin-top: 80px; 
	}
	
	/*jiancai==============================================================================*/
	.chanpinbox1{ width: 960px;
		
	}	
	.chanpinbox1 > div{
		width: 320px;
		overflow: hidden;
	}
	.chanpinbox1 > div:nth-child(2){
		width: 960px;
	}
	.chanpinbox1 > div > .construction{
		width: 960px;
	}
	
	.chanpinbox1 .jiancai_2{
		width: 640px;
	}
	.chanpinbox1 div img{
		width: 640px;
		display: block !important;
	}

	.jiancai_shuoming{
		width: 320px;
		height:404px;
	}
	.jiancai_shuoming h2{
		font-size:20px;
	
	}
	.jiancai_shuoming ul a{
		font-size: 14px;
	}


}



@media screen and (max-width: 1024px) {
	
	
	/*banner*/


	.youjiantou, .zuojiantou{
		width:32px;
		height:32px;
		
	}
	
	
		.youjiantou_box, .zuojiantou_box{
		padding: 40px;
			margin-top:-70px; 
		
		
			}
	
		.zuojiantou_box{
		left: 2vw;
		
	}
	.youjiantou_box{
		right:2vw;
	}
		
		

	.package, .equipment{width: 920px; 
	}
	
		
	/*jiancai==============================================================================*/
	.chanpinbox1{ width: 920px;
	}	
	.chanpinbox1 > div{
		width: 310px;
		overflow: hidden;
	
	}
	.chanpinbox1 > div:nth-child(2){
		width: 920px;
	}
	.chanpinbox1 > div > .construction{
		width: 920px;
	}
	
	.chanpinbox1 .jiancai_2{
		width: 612px;
	}
	.chanpinbox1 div img{
		width: 612px;
		display: block !important;
	}

	.jiancai_shuoming{
		width: 320px;
		height:387px;
	}
}



@media screen and (max-width: 980px) {

	

	
	
	/*英文*/
	
	

	.package{width: 800px;  margin: 0 auto; display: block; overflow: hidden; margin-bottom: 60px; margin-top: 60px;
	}

	/*jiancai==============================================================================*/
	.chanpinbox1{ width: 800px;
	}	
	.chanpinbox1 > div{
		width: 270px;
		overflow: hidden;
	
	}
	.chanpinbox1 > div:nth-child(2){
		width: 800px;
	}
	.chanpinbox1 > div > .construction{
		width: 800px;
	}
	
	.chanpinbox1 .jiancai_2{
		width: 530px;
	}
	.chanpinbox1 div img{
		width: 530px;
		display: block !important;
	}

	.jiancai_shuoming{
		width: 270px;
		height:301px;
	}
	.jiancai_shuoming ul a{
		font-size: 14px;
		line-height: 1.5;
	}
	

}

@media screen and (max-width: 800px) {
	.tubiao{
		margin-top: 5px;
	}

	
	
	

}


/*手机*/

.xiangshi{display:block;
}
.yingcang{display:none;
}



@media screen and (max-width: 780px) {
	
	span4{
		display: none;
	}
	/*开场动画===========================================*/
	
	#mp4{
	
		height: 20vh;
		vertical-align: middle;
		margin-top: 34vh;
		margin-left: auto;
		margin-right: auto;

	
	}
	
	
	/*banner===========================*/

	.banner_bigbox{
		width: 120%; 
		margin-left: -10%;
	}

	.youjiantou_box, .zuojiantou_box{
		display: none;
	
	}

	.yuanniu li{

		width:10px;
		height:10px;

	
	}
	
	
	
	/*手机建材==============*/
	.equipmentbox{ 
	}
	.equipment{
		width: 90vw;
		margin: 14vw auto;
	}
	.equipment-biaoti{margin-bottom: 6vw;
	}
	.jiqishebei{
		margin-top: 0;
	}
	.rignt-biaoti{
		margin-top: 0;
	}
	.rignt-biaoti h2{ font-size:3.4vw;
	}
	
	.jiantou{
		width: 3vw;
	}
	.zuoshebei{ float:none; width: 100%; overflow: hidden;
	}
	.youshebei{float:none; width:100%; margin-top:6vw;
	}
	.shebei3{
		margin-top:6vw;
	}
	.yingcang{display:block;
	}
	.shebeiimg2,
	.shebeiimg3,
	.xiangshi{ display: none;
	}
	.zuoshebeiwenan{
		background: #101010;
		color:rgba(255,255,255,0.8);
	}
	.zuoshebeiwenan h3{font-size:3.2vw; line-height: 2.6; margin-left: 3vw;
	}
	
	.shebei3 img,
	.zuoshebei img{
		width: 130%;
		margin-left: -15%;
	}
	.shebei2 img{
		width: 114%;
		margin-left: -7%;
	}
	
	
	/*包装*/
	.packagebox{ 
	}
	.package{
		width: 90vw;
		margin: 14vw auto;
	}
	.package-biaoti{
		margin-bottom: 6vw;
	}
	
	.display-stand{margin-right: 2vw; width: 44vw; 
	}
	.chanpinbox a:nth-child(2) .display-stand{
		margin-right: 0;
	}
	.packing{width: 44vw;  float: left;
	}
	.top{ margin-top: 4vw;
	}
	.chanpinwenan{height:8vw;
	}
	.chanpinwenan h4{
		line-height:8vw;
		font-size: 3.2vw;
		color:rgba(255,255,255,0.8);
	}
	/*jiancai==============================================================================*/
	
	.chanpinbox1{ width:90vw;margin-top:6vw;
	}	
	.chanpinbox1 > div{
		width:90vw;
		border:none;
		margin-bottom: 4vw;
		
	}
	.chanpinbox1 > div:first-child{
		position:relative;
		border-left: none;
		border-right: none;
	}
	.chanpinbox1 > div:nth-child(2){
		width:90vw;
		border-right: none;
		border-left: none;
		position:relative;
	}
	.chanpinbox1 > div:last-child{
		border-right: none;
		border-left: none;
		position:relative;
	
	}
	.chanpinbox1 > div > .construction{
		width:90vw;
	}
	
	.chanpinbox1 .jiancai_2{
		width:90vw;
		position: relative;
	}
	.chanpinbox1 div img{
		width: 90vw;
		display: block !important;
	}

	.jiancai_shuoming{
		width:90vw;
		height:7vw;
		text-align: left;
		line-height: 7vw;
		background:#424242;
	}

	.jiancai_shuoming a{
		line-height: 7vw;
		display: block;
	}
	.jiancai_shuoming hr,
	.jiancai_shuoming ul{
		display: none;
		
		
	}
	.jiancai_shuoming h2{
		font-size:3vw;
		line-height: 7vw;
		text-transform: capitalize;
		font-family:"Helvetica Neue", Helvetica, Arial;
		font-weight: 500;
		text-indent: 4vw;
		margin-top: 0;
		color:rgba(255,255,255,0.8);
	}

		
}







@media screen and (max-width: 414px) {
	
	
	
	
	/*banenr*/

	.yuanniu li{
	
		width:8px;
		height:8px;
	
		
	}

	
	
	
	/*手机建材*/

	
	
	/*包装*/

	

}



@media screen and (max-width: 375px) {
	

}




@media screen and (max-width: 320px) {
	



		
	
	/*banenr*/
	

.yuanniu li{

	width:6px;
	height:6px;

	
}
	

	
	
	
	
	
	/*手机设备*/
	
	.zuoshebei{ float:none; width: 100%; overflow: hidden;
	}
	.youshebei{float:none; width:100%; margin-top:3.2%;
	}
	.yingcang{display:block;
	}
	.xiangshi{display: none;
	}
	
	
	/*包装*/
	
	.display-stand{margin-right: 1.3%; width: 48.6%;
	}
	.packing{width: 48.6%;
	}
	.top{ margin-top: 10px;
	}
	
	
	
		
}