@charset "UTF-8";
.pc-show{ display:block;}
.mob-show{ display:none;}

.section{ position:relative; width:100%; height:100%; overflow: hidden;}
.i-banner{ height:100% !important;}
#index_about{ background:url(/public/static/images/about.jpg) center center no-repeat; background-size:cover;}
a#logo{ position:absolute; display:block; left:45px;top:36px;z-index:100;transition: all 1s;}

.language{position: absolute;right: 110px;top: 31px;z-index:100;}
.language:hover{background: none;}
.language a{display: inline-block; margin:0 3px;padding: 0px;width: 24px;height: 24px;line-height: 24px;text-align: center;font-size:14px; color:#f50303;}
.language span{font-size:8px; color:#f50303; padding:0 5px;}
.language a:hover ,.language a.on{color:#f50303;}

/*会丰铝业*/
.about_info{ float:left; width:33%; margin-left:5%; padding-top:10%;}
.about_x4{ float:right; width:42%; margin-right:5%; padding-top:4%;}
.about_x4 a.box_item{ float:left; position: relative;display:block;width:46%;background-color:#eee;margin:2% 4% 2% 0;}
.about_x4 a.box_item:before {content: "";display: block;padding-top: 100%;}
.about_x4 a.box_item span{position: absolute;left:15%;bottom: 15%;display: inline-block;width: 85%;height: auto;line-height: 24px;color: #FFf;font-size: 14px;}
.about_x4 a.box_item i{ position:absolute; right:25px; top:25px; display:inline-block; width:30px; height:30px;}
.about_x4 a.box_item i.more1{ background:url(/public/static/images/ico_plus_30.png) left center no-repeat;}
.about_x4 a.box_item i.more2{ background:url(/public/static/images/ico_plus_30.png) right center no-repeat;}

.about_x4 a.box_item.bg1{ background-color:#02a8fd;}
.about_x4 a.box_item.bg2{ background-color:#666;}
.about_x4 a.box_item.bg3{ background-color:#fff;}
.about_x4 a.box_item.bg4{ background-color:#97c606;}

.about_x4 a.box_item .item_span h4{ font-size:20px;}
.about_x4 a.box_item:hover .item_span img{-webkit-animation:run 0.5s linear 0s 1;animation:run 0.5s linear 0s 1;}
.about_x4 a.box_item .item_span em{ text-transform:uppercase;}

@-webkit-keyframes run{     
		from{     
			-webkit-transform:rotateY(0deg);
			transform:rotateY(0deg);
		}     
		to{     
			-webkit-transform:rotateY(360deg);
			transform:rotateY(360deg);
		}     
}     

/*产品系列*/
#p3_pro3{height:100%; background:#000;}
#p3_pro3 li{ float:left; width:33.333%; height:100%;overflow:hidden; }
#p3_pro3 li a{ position:relative; display:block; width:100%; height:100%;cursor:pointer;}
#p3_pro3 li a.p3_pro_img1{ background:url(/public/static/images/p3_pro_img1.jpg) center 0 no-repeat; background-size:cover;}
#p3_pro3 li a.p3_pro_img2{ background:url(/public/static/images/p3_pro_img2.jpg) center 0 no-repeat; background-size:cover;}
#p3_pro3 li a.p3_pro_img3{ background:url(/public/static/images/p3_pro_img3.jpg) center 0 no-repeat; background-size:cover;}
#p3_pro3 li a:hover{ transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; }
#p3_pro3 li a p{position:absolute; bottom:0;z-index:100;width:100%; height:300px;text-align:center;color:#fff; background:rgba(0,0,0,0.6);transition: all 0.5s;}
#p3_pro3 li a:hover p{height:50%;}
#p3_pro3 li a p .ico_img{ width:18%; margin:40px auto 0;}
#p3_pro3 li a p span{font-size:40px;line-height:60px;}
#p3_pro3 li a p em{ display:block; font-size:20px;font-family:arial; text-transform:uppercase;}

/*资讯中心*/
.news_info{ float:left; width:40%; height:100%;background:url(/public/static/images/news_bg.jpg) center 0 no-repeat; }
.news_info .info_box{ width:80%; margin-left:10%;padding-top:30%;}
.arrow_news{ margin-top:5%; width:100%; height:20px; line-height:20px;}
.arrow_news a{ display:inline-block; width:15px; height:20px; background-image:url(/public/static/images/ico_arrow20_news.png); background-repeat:no-repeat; cursor:pointer;}
.arrow_news a.prev{ background-position:left top; margin-right:20px;}
.arrow_news a.prev:hover{background-position:left bottom;}
.arrow_news a.next{ background-position:right top; margin-left:20px;}
.arrow_news a.next:hover{background-position:right bottom;}
.arrow_news i{display:inline-block; width:1px;height:20px; background:#aeaeae;}

.news_list{height:100% !important;}
.news_list ul{float:right; width:55%; height:100% !important; margin-right:5%;}
.news_list ul li{ float:left; padding:0 2.5%;width:28%; height:100% !important; border-left:1px solid #eee;}
.news_list ul li:hover{ background:#db0000;}
.news_list ul li:hover .date , .news_list ul li:hover .ymd , .news_list ul li:hover .item_news_title , .news_list ul li:hover .item_news_details{ color:#fff !important;}
.news_list ul li:hover .item_news_more{background:url(/public/static/images/ico_more.png) left center no-repeat;}
.news_list ul li .date{ display:block;width:100%; font:bold 70px "Arial"; color:#ddd; margin:30% 0 10% 0;}
.news_list ul li .ymd{ display:block;width:100%; font:normal 16px "Arial"; color:#999; padding:10px 0;}
.news_list ul li .item_news_title{ font-size:18px;color:#333; height:60px; line-height:30px; overflow: hidden;/*text-overflow:ellipsis;white-space: nowrap;*/}
.news_list ul li:hover .item_news_title a{ color:#fff;}
.news_list ul li .item_news_img{ margin:15% 0; width:100%; height:230px; text-align:center; overflow:hidden;}
.news_list ul li .item_news_img img{ height:100%;}
.news_list ul li .item_news_details{ line-height:24px;}
.news_list ul li .item_news_more{ display:block;margin:15% 0 0 0; width:100%; height:14px; background:url(/public/static/images/ico_more1.png) left center no-repeat;}

/*联系我们*/
.contact_info{ float:left; width:35%; margin-left:5%; padding-top:8%;}
.contact_list .conl{ width:70%; float:left; position:relative;}
.contact_list .conl p{ line-height:27px;}
.contact_list .conr{ width:30%; float:right;}
.contact_list .conr .qrc_img{ border:1px solid #e8e8e8;}
.contact_list .conl h4 , .contact_list .conr h4{ font-size:18px; color:#333; margin-bottom:10px;}
.contact_list .copyright{ position:absolute; left:60px; bottom:30px;}
.contact_bg{float:right; width:50%; height:100%; background:url(/public/static/images/contact_bg.jpg) center center no-repeat;}

@media only screen and (max-width: 1366px){
	a#logo img{ width:200px;}
	
	.about_x4{ padding-top:5%;}
    .about_x4 a.box_item{width:42%;margin:2% 0 2% 4%;}
	
	#p3_pro3 li a p span{font-size:30px;line-height:50px;}
    #p3_pro3 li a p em{font-size:16px;}
	
	.news_list ul li .date{font:bold 60px "Arial"; margin:25% 0 10% 0;}
	.news_list ul li .item_news_title{ font-size:16px;line-height:26px;height:50px;}
	.news_list ul li .item_news_img{ margin:8% 0; height:160px;}
	.news_list ul li .item_news_details{font-size:12px; line-height:20px;}
	
	.contact_info{ padding-top:12%;}
	.contact_list .conl{ width:69%;}
    .contact_list .conr{ width:31%;}
	.contact_list .conr .qrc_img{ width:145px;}
	.contact_list .conl h4 , .contact_list .conr h4{font-size:16px;}
	.contact_list .copyright{ left:40px;bottom:20px;font-size:12px;}
	}

@media only screen and (max-width: 861px){
	.pc-show{ display:none;}
	.mob-show{ display:block;}
	
	#fp-nav{display:none;}
	
	a#logo{left:20px;top:15px;}
	a#logo img{ width:140px;}
	.language{right:65px;top:17px;}
	
	.about_info{ float:left; width:90%; margin:0 5%; padding-top:15%;}
	.about_x4{ float:left; width:90%; margin:0 5%;padding-top:0;}
	.about_x4 a.box_item{ width:46%;background-color:#eee;margin:2%;}
	.about_x4 a.box_item span{left:12%;bottom: 12%;line-height: 20px;font-size:12px;}
	.about_x4 a.box_item span img{ width:40px;}
	.about_x4 a.box_item i{right:15px; top:15px;width:20px; height:20px;}
	.about_x4 a.box_item i.more1{ background-size:auto 20px;}
	.about_x4 a.box_item i.more2{ background-size:auto 20px;}
	.about_x4 a.box_item .item_span h4{ font-size:16px;}
	
	/*产品系列*/
	#p3_pro3 li{ float:left; width:100%; height:33.333%;}
	#p3_pro3 li a p{height:100%;}
	#p3_pro3 li a:hover p{height:100%;}
	#p3_pro3 li a p .ico_img{ width:18%; margin:50px auto 0;}
	#p3_pro3 li a p span{font-size:24px;line-height:40px;}
	#p3_pro3 li a p em{ font-size:14px;}
	
	/*资讯中心*/
	.news_info{ float:left; width:90%;margin:0 5%; height:auto;background:none; }
	.news_info .info_box{ width:100%; margin:0;padding-top:30%;}
	.news_info .info_box p , .arrow_news , .news_info .info_box .common_more{ display:none;}
	
	.news_list{height:auto !important;}
	.news_list ul{float:left; width:90%; height:auto !important; margin:0 5%;}
	.news_list ul li{ float:left; padding:15px 0;width:100%; height:auto !important; border-left:none;border-top:1px solid #eee;}
	.news_list ul li .item_news_top{float:right;width:55%;}
	.news_list ul li .date{ display:none;}
	.news_list ul li .ymd{font:normal 14px "Arial"; padding:10px 0;}
	.news_list ul li .item_news_title{font-size:14px;line-height:24px;height:auto; }
	.news_list ul li .item_news_img{ float:left; margin:0; width:40%; height:100px;}
	.news_list ul li .item_news_img img{ height:100%;}
	.news_list ul li .item_news_details{ display:none;}
	.news_list ul li .item_news_more{ display:none;}
	
	/*联系我们*/
	.contact_info{ float:left;width:90%;margin:0 5%;padding-top:25%;}
	.contact_list .conl{ width:100%; margin-top:20px;}
	.contact_list .conl p{ line-height:23px;}
	.contact_list .conl h4{ font-size:16px; margin-bottom:5px;}
	.contact_list .conr , .contact_list .copyright{ display:none;}
	.contact_bg{ position:absolute; bottom:0;float:none; width:100%; height:24vh; background:url(/public/static/images/contact_bg.jpg) center center no-repeat; background-size:cover;}
}