﻿.section{ position:relative; width:100%; height:100%; overflow: hidden;}
a#logo{ position:fixed; display:block; left:140px;top:30px;z-index:80;transition: all 1s;}

.language{position: fixed;left: 380px;top: 56px;z-index:80;}
.language:hover{background: none;}
.language a{display: inline-block; margin:0 3px;padding: 0px 15px;width: 24px;height: 24px;line-height: 24px;text-align: center;font-size: 12px; color:#222; background:#fff;}
.language a:hover ,.language a.on{ background:#eda81b;color:#fff;}

#menu{position:fixed;top:50px; right:125px; text-align:right;z-index: 70;}
#menu li {display:inline-block;margin-left:30px;}
#menu li.active{background:#eda81b;color: #fff;}
#menu li a{text-decoration:none; font-size:16px;color: #fff;}
#menu li.active a:hover{color: #fff;}
#menu li:hover{background:#eda81b;}
#menu li a,#menu li.active a{padding: 10px 20px;display:block;}
#menu li.active a{color: #fff;}

.MenuList_d1{display:none;}

#section0{background: url(../images/page1_bg.jpg) center 0 no-repeat; background-size:cover;}
#section1{background: url(../images/page2_bg.jpg) center 0 no-repeat; background-size:cover;}
#section2{ background:#1b1b1b;}

#section3{background: url(../images/page4_bg.jpg) center 0 no-repeat; background-size:cover;}
#about0{background: url(../images/about_bg.jpg) center 0 no-repeat; background-size:cover;}
#product0{background: url(../images/product_bg.jpg) center 0 no-repeat; background-size:cover;}
#case0{background: url(../images/case_bg.jpg) center 0 no-repeat; background-size:cover;}
#job0{background: url(../images/job_bg.jpg) center 0 no-repeat; background-size:cover;}

/*首页-第一版*/
#p1_title{ position:absolute; left:0; top:32%; width:100%; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
#p1_title h1{ padding-bottom:5px; color:#fff; font-size:48px; letter-spacing:14px; text-indent:14px;}
#p1_title h2{ color:#fff;font-size:14px;letter-spacing:4px; text-indent:4px; font-family:arial;}

#PricesList{color:#fe7d29; margin:25px auto 0 auto; padding-left:10px; background:rgba(0,0,0,0.6); width:450px; height:30px; line-height:30px;text-align:center;}
#PricesList span , #PricesList em{ margin-right:16px; font-size:14px;color:#fff !important;}
#PricesList em a{ margin:0 0 0 10px;color:#eda81b !important;}

#p1_con{ position:absolute; left:0; bottom:0px; width:100%; height:330px;}
    .p1_list2{width:100%; height:170px;}
	.p1_list2 li a{ display:block; float:left; width:50%; height:170px; text-align:center; color:#1b1b1b;}
	.p1_list2 li a:hover h2{margin-top:35px;transition: all 0.5s;}
	.p1_list2 li a h2{ font-size:48px; margin-top:45px; line-height:60px; letter-spacing:15px;}
	.p1_list2 li a h3{ font-size:18px; text-transform:uppercase; font-family:arial;}
	.p1_list2 li a h3.hlt{text-indent:-13px;}
	.p1_list2 li a h3.hrt{text-indent:-10px;letter-spacing:2px;}
	
	.p1_list2 li a.b_white{ background-color:#fff;}
	.p1_list2 li a.b_yellow{ background-color:#eda81b;}
	
	.p1_footer{width:100%; height:160px; text-align:center;background-color:#1b1b1b; }
	
	.social{ padding-top:40px;}
	.social a{ position:relative;display:inline-block; margin:0 22px;width:26px; height:20px; color:#fff;  text-indent:-9999px; cursor:pointer;}
	.social a.soc1{ background:url(../images/ico_social1_1.png) center 0 no-repeat; background-size:26px auto;}
	.social a.soc2{ background:url(../images/ico_social1_2.png) center 0 no-repeat; background-size:26px auto;}
	.social a.soc3{ background:url(../images/ico_social1_3.png) center 0 no-repeat; background-size:26px auto;}
	.social a.soc4{ background:url(../images/ico_social1_4.png) center 0 no-repeat; background-size:26px auto;}
	/*首页 底部4个图标tooltip插件设置*/
	.tooltip_templates { display: none;}
	
	.copyright{padding-top:30px; color:#646464; text-align:center;}
	.copyright span{letter-spacing:10px;text-indent: 10px; padding-right:15px;}
	.copyright em{ font-family:arial;}

/*首页-第二版 企业文化介绍*/
#p2_title{ position:absolute; left:0; top:26%; width:100%; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
#p2_title h2{ padding-bottom:5px; color:#fff; font-size:36px; letter-spacing:8px;}
#p2_title h3{ color:#fff;font-size:12px;letter-spacing:0.6px; text-indent:-7px;text-transform:uppercase; font-family:arial;}

    .p2_list3{position:absolute; top:45%; left:50%; margin-left:-27%;width:54%; opacity: 0; transition: all 1s;}
	.p2_list3 li{ width:30.33%; margin:0 1.5%; float:left;}
	.p2_list3 li a{position:relative;display:block;overflow:hidden;}
	.p2_list3 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/ width:100%;}
	.p2_list3 li a:hover img{transform: scale(1.2);transition: all 1s ease 0s;-webkit-transform: scale(1.2);-webkit-transform: all 1s ease 0s;}
	.p2_list3 li p{z-index:10;display:block;width:100%;text-align:center;line-height:20px;color:#fff; padding-top:10px;}
	.p2_list3 li p span{letter-spacing:15px;font-size:14px;}
	.p2_list3 li p em{ display:block; text-transform:uppercase; font-size:8px;font-family:arial;}
	.p2_list3 li p em.em1{ letter-spacing:-1px; text-indent:-16px !important;}
	.p2_list3 li p em.em2{ letter-spacing:2.8px; text-indent:-12px !important;}
	.p2_list3 li p em.em3{ letter-spacing:2.8px; text-indent:-12px !important;}
	
	.p2_footer{position:absolute;bottom:0; left:0; width:100%; height:170px; text-align:center;background-color:#eda81b; }
		.social2{ padding-top:45px;}
		.social2 a{position:relative;display:inline-block;margin:0 22px;width:26px;height:20px;color:#fff; text-indent:-9999px; cursor:pointer;}
		.social2 a.soc1{background:url(../images/ico_social2_1.png) center 0 no-repeat; background-size:26px auto;}
		.social2 a.soc2{background:url(../images/ico_social2_2.png) center 0 no-repeat; background-size:26px auto;}
		.social2 a.soc3{background:url(../images/ico_social2_3.png) center 0 no-repeat; background-size:26px auto;}
		.social2 a.soc4{background:url(../images/ico_social2_4.png) center 0 no-repeat; background-size:26px auto;}
		
		.copyright2{padding-top:30px; color:#fff; text-align:center;}
		.copyright2 span{letter-spacing:10px;text-indent: 10px;padding-right:15px;}
		.copyright2 em{ font-family:arial;}

/*首页-第三版 业务介绍板块*/
/*.p3_pro3{ width:100%;}
.p3_pro3 a{ position:relative; display:block; float:left; width:33.333%; height:100%;overflow:hidden; cursor:pointer;}
.p3_pro3 a img{ display:block;z-index:1;transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;  width:100%;overflow:hidden; }
.p3_pro3 a:hover img{transform: scale(1.2);transition: all 1s ease 0s;-webkit-transform: scale(1.2);-webkit-transform: all 1s ease 0s;}
	.p3_pro3 a p{ position:absolute; top:25.5%;z-index:100;width:100%;text-align:center;line-height:40px;font-size:36px;color:#fff;transition: all 0.5s;}
	.p3_pro3 a:hover p{top:23%;}
	.p3_pro3 a p span{letter-spacing:8px;}
	.p3_pro3 a p em{ display:block; font-size:18px;font-family:arial;}
	.p3_pro3 a p em.em1{ letter-spacing:3px; text-indent:-10px !important;}
	.p3_pro3 a p em.em2{ letter-spacing:0.6px; text-indent:-10px !important;}
	.p3_pro3 a p em.em3{ letter-spacing:-0.3px; text-indent:-10px !important;}
*/
.p3_footer{position:absolute;bottom:0; left:0; width:100%; height:160px; text-align:center; z-index:9999;}

/*首页-第四版 联系我们*/
#p4_title{ position:absolute; left:0; top:26%; width:100%; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
#p4_title h2{ padding-bottom:5px; color:#fff; font-size:36px; letter-spacing:8px;}
#p4_title h3{ color:#fff;font-size:12px;letter-spacing:0.6px; text-indent:-7px;text-transform:uppercase; font-family:arial;}

    .p4_contact{position:absolute; left:50%; top:45%; margin-left:-476px; width:952px; height:340px; opacity:0; transition: all 1s;}
	.p4_contact_info{ padding-right:100px; width:310px; float:left; color:#fff;}
	.p4_contact_info strong{ display:block; padding:40px 0 10px 0; font-size:20px; font-weight:normal;}
	.p4_contact_info p{ line-height:29px;font-size:14px;}
	.p4_contact_pic{ width:542px; float:right;}
	.p4_contact_pic img{ display:block; width:100%;}

/*首页-铝锭报价*/
.alu_price_list{ width:1200px; margin:20px auto 0;}

/* CSS3过度及动画 */
.active #p1_title{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active #p2_title{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p2_list3{top:40%;opacity:1; transition-delay: 0.7s;}

.active #p4_title{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p4_contact{top:37%;opacity:1; transition-delay: 0.7s;}