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

#header{width:100%; height:100px;}
	#logo{ display:block; float:left; width:340px; padding:13px 0 12px 30px;}
	#logo img{ width:100%; vertical-align:middle;}

	#lan{float:right; height:100px; line-height:100px; margin:0 30px 0 0; position: relative;display:inline-block;z-index: 100; color: #222; }
	.dropbtn {display: block; padding:0 20px; font-size: 14px;background: #fff url(../images/ico_arrow_d_7.gif) no-repeat right center;cursor: pointer;}
	.lan_select {display: none; position: absolute; top:100px; left:10px; width:150px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); background: #fff;}
	.lan_select a {display: block;width:100%; height:50px; line-height:50px; text-align:center;color: #666; }
	.lan_select a:hover {background-color: #f1f1f1}
	#lan:hover .lan_select {display: block;}
	
	#menu{ width:720px; margin:0 auto; z-index:100;}
	#menu_btn{ display:none;}
/*首页 - 关于新华兴*/	
#index_about{ position:relative; width:100%;height:600px; background:url(../images/about_bg.jpg) center 0 no-repeat; background-size:cover; }
	.about_content{ float:left; width:55%; margin:90px 0 0 130px;}
	.about_txt{width:100%;}
	.about_txt p{ padding:50px 0;}
	
	.about_X4{width:100%; position:relative;}
	/* 数字动画 */
	.count_list {width:86%;z-index:100;}
	.counter{ margin:0;padding:0;width:22%;display:inline-block;float: left;color:#222;}
	.counter_ls{width:160px; margin:0 auto; }
	.count-number { margin-bottom:6px; font-size: 56px; line-height:48px; color:#03a43d; font-weight: normal; text-align: center; }
	.count-text {width:100%;font-size: 16px; font-weight: normal;  text-align: center; }
	.count-unit {width:100%;font-size: 16px;color: #000;text-align:right; display:block; }
	
	.about_more{ position:absolute; right:0; bottom:2px;}
/*首页 - 新闻*/
#index_news{position:absolute; top:-190px; right:130px; width:410px; height:530px; background-color:#3ea2ee; z-index:20;}
  
		#index_news .hd{ padding:0 8%; width:84%; height:40px;overflow:hidden; }
		#index_news .hd .prev,#index_news .hd .next{ display:block;float:left; margin-right:10px;   width:36px; height:36px; border:2px solid #fff; overflow:hidden; cursor:pointer; background:url("../images/ico_arrow_white_20.png") no-repeat;}
		#index_news .hd .prev{background-position:left center;  }
		#index_news .hd .next{ background-position:right center;}

		#index_news .bd{ padding:0; width:100%; overflow:hidden;}
		#index_news .bd ul{ zoom:1; }
		#index_news .bd ul li{ float:left;}
		#index_news .bd ul li .news_img{ float:left; width:100%; height:240px; overflow:hidden;}
        #index_news .bd ul li .news_img img{width:100%;}
        #index_news .bd ul li .news_content{float:left; padding:0 8%; width:84%; height:200px; color:#fff; overflow:hidden; }
		#index_news .bd ul li .news_content a{ display:block; padding:38px 0; color:#fff; border-bottom:1px solid #fff;}
		#index_news .bd ul li .news_content a:hover{color:#20599c;}
		#index_news .bd ul li .news_content a span{ display:inline-block; float:left;}
		#index_news .bd ul li .news_content a em{ display:inline-block; float:right; font-size:12px;}
		#index_news .bd ul li .news_content p{padding:38px 0;font-size:12px; line-height:22px; }
/*首页 - 新华兴产品*/
#index_pro{ width:100%; overflow:hidden;}
    #idx_pro_L{ float:left;width:50%; height:840px;  background-color:#20599c;}
	#idx_pro_L .pro_txt{float:left;margin:50px 0 0 130px;width:78%;color:#fff;}
	#idx_pro_L .pro_txt p{ padding:50px 0 70px 0;}
	
	#idx_pro_L .pro_listX2{float:left; margin-left:160px;}
	#idx_pro_L .pro_listX2 a{ display:block;float:left; margin:0 50px; width:220px; height:220px; text-align:center; border:1px solid #fff; cursor:pointer;}
	#idx_pro_L .pro_listX2 a.alu{ background:#20599c url(../images/pro_x2_alu.png) center 0 no-repeat;}
	#idx_pro_L .pro_listX2 a.steel{ background:#20599c url(../images/pro_x2_steel.png) center 0 no-repeat;}
	#idx_pro_L .pro_listX2 a.on{ border:1px solid #00a73b;}
	#idx_pro_L .pro_listX2 a.on.alu ,#idx_pro_L .pro_listX2 a.on.steel{ background-color:#00a73b;}
	#idx_pro_L .pro_listX2 a p{ margin-top:70%; font:bold 20px "微软雅黑";color:#fff;}
	
	#idx_pro_L .pro_more{float:left; margin:100px 0 0 130px;}
	
	#idx_pro_R{ width:50%; height:840px; float:right;}
	#idx_pro_R ul{ width:100%; height:100%;}
/*首页 - 工程实例*/
#index_cases{width:100%; height:740px; background:url(../images/case_bg.jpg) center 0 no-repeat; overflow:hidden;}
   .case_txt{width:100%; margin:70px 0 60px 0; text-align:center; color:#fff;}
   .case_more{width:100%; margin:80px auto 0 auto;}
/*尾部开始*/
.footer_wrap{width: 100%;height: 390px;background:#f6f6f6; overflow:hidden;}
.footer_wrap .footer{margin: 0 auto;height: 320px;width: 80%;}
.footer_wrap .footer ul{float: left;width: 150px;padding: 50px 30px 0 0;}
.footer_wrap .footer ul h5{font-family: "微软雅黑";font-size: 16px;color: #222;margin-bottom: 10px;}
.footer_wrap .footer ul li{line-height: 28px;}
.footer_wrap .footer ul li a{font-family: "微软雅黑";font-size: 12px;color: #555555;}
.footer_wrap .footer ul li a:hover{color: #555555;text-decoration: underline;}
.footer_wrap .footer .foot_right{display: block; float:right; width: 300px;}
.footer_wrap .footer .foot_right dl{ margin:50px 0 20px 0; width:300px; overflow:hidden;}
.footer_wrap .footer .foot_right dl dt{ font-size:24px; letter-spacing:0.4px;}
.footer_wrap .footer .foot_right dl dd{ letter-spacing:4.75px;}
.footer_wrap .footer .foot_right .qrc_box{ padding:15px; width:265px; height:120px; border:1px solid #bfbfbf; background:url(../images/ico_arrow_r_24.png) 15px 100px no-repeat;}
.footer_wrap .footer .foot_right .qrc_box span{ float:left; font-size:16px;}
.footer_wrap .footer .foot_right .qrc_box img{ width:120px; height:120px; float:right;}
.footer_wrap .copyright{ width:100%;height: 70px; line-height:70px; background:#e8e8e8;}
.footer_wrap .copyright p{font-size: 14px; display:block;margin: 0 auto;width: 1200px;color: #555555; text-align:center;}
.footer_wrap .copyright p a{color: #555555;display:inline-block;}
.footer_wrap .copyright p a#beian , .footer_wrap .copyright p span{ padding-left:10px;}
.footer_wrap .copyright p a:hover{text-decoration: underline;}

@media only screen and (max-width: 1680px){
	#index_about{ height:560px;}
	.about_content{ margin:90px 0 0 100px;}
    #index_news{right:100px;}
	#idx_pro_L , #idx_pro_R{ height:736px;}
	#idx_pro_L .pro_txt{margin:50px 0 0 100px;}
	#idx_pro_L .pro_txt p{ padding:50px 0;}
	#idx_pro_L .pro_listX2{margin-left:100px;}
	#idx_pro_L .pro_more{margin:60px 0 0 100px;}

    .footer_wrap .footer{width: 86%;}
	.footer_wrap .footer ul{float: left;width: 120px;padding: 50px 30px 0 0;}
	}

@media only screen and (max-width: 1600px){
	#idx_pro_L , #idx_pro_R{ height:728px;}
	#idx_pro_L .pro_listX2 a{margin:0 40px; width:200px; height:200px;}
	#idx_pro_L .pro_listX2 a.alu{ background-size:100% auto;}
	#idx_pro_L .pro_listX2 a.steel{background-size:100% auto;}
	}
	
@media only screen and (max-width: 1480px){
	#header{ height:80px;}
	#logo{ width:272px; padding:10px 0 10px 20px;}
	
	#lan{height:80px; line-height:80px; margin:0 20px 0 0;}
	.lan_select {top:80px;}
	
	#menu{ width:595px; margin:0 auto; z-index:100;}
	
	#index_about{ height:500px;}
	.about_content{ margin:60px 0 0 80px;}
    #index_news{top:-150px;right:80px;}
	#idx_pro_L , #idx_pro_R{ height:630px;}
	#idx_pro_L .pro_txt{margin:40px 0 0 80px; }
	#idx_pro_L .pro_txt p{padding:30px 0;font-size:14px;}
	#idx_pro_L .pro_listX2{margin-left:80px;}
	#idx_pro_L .pro_listX2 a{margin:0 40px; width:170px; height:170px;}
	#idx_pro_L .pro_more{margin:50px 0 0 80px;}
	
	/*首页 - 工程实例*/
   #index_cases{height:650px;}
   .case_txt{margin:50px 0 50px 0;}
   .case_more{margin:0px auto 0 auto;}
   
   .footer_wrap .footer ul{float: left;width: 115px;padding: 50px 25px 0 0;}
	}

@media only screen and (max-width: 1366px){
	#lan{height:80px; line-height:80px; margin:0 20px 0 0;}
	.lan_select {top:80px;}
	#menu{ width:600px; margin:0 auto; z-index:100;}
	
	/* 数字动画 */
	.counter_ls{width:150px; margin:0 auto; }
	.count-number { font-size: 40px; line-height:36px; }

	#index_news{right:80px; width:380px; height:490px;}
	#index_news .hd{ padding:0 5%; width:90%; }
	#index_news .bd ul li .news_content{padding:0 5%; width:90%; height:180px; }
	#index_news .bd ul li .news_content h3{ padding:20px 0 38px 0;}
	
	#idx_pro_L , #idx_pro_R{ height:600px;}
	#idx_pro_L .pro_listX2 a{margin:0 40px; width:160px; height:160px;}
	
	/*首页 - 工程实例*/
   #index_cases{height:680px;}
   .case_txt{margin:50px 0 60px 0;}
   .case_more{margin:10px auto 0 auto;}
	
	/*尾部开始*/
	.footer_wrap .footer{width: 90%;}
	.footer_wrap .footer ul{float: left;width: 110px;padding: 50px 25px 0 0;}
}

@media only screen and (max-width: 1200px){
	#lan{ display:none;}

	#menu{ float:inherit; width:100%; position: relative; z-index:20px;top:0; left:0; display:none; overflow:auto;}
	#menu_btn{ display: block; width:80px; height:80px; background: url(../images/menu.png) no-repeat center; background-size:38px; position:absolute; top:0; right:0;}
	#menu_btn.on{ background:#20599c url(../images/close.png) no-repeat center; background-size:38px; }
	
	#index_about{ height:460px;}
	.about_content{ margin:50px 0 0 50px;}
    #index_news{ top:-150px;right:50px;}
	#idx_pro_L , #idx_pro_R{ height:530px;}
	#idx_pro_L .pro_txt{margin:40px 0 0 50px;width:84%;}
	#idx_pro_L .pro_txt p{ padding:25px 0;}
	#idx_pro_L .pro_listX2{margin-left:70px;}
	#idx_pro_L .pro_listX2 a{margin:0 40px; width:130px; height:130px;}
	#idx_pro_L .pro_more{margin:30px 0 0 50px;}
	/*生产体系*/
	.pagecontainer.w1200.clearfix>p{max-width: 775px;padding-left:5%;}
	.pagecontainer.w1200.clearfix>p img{width: 100%;}
	
	.footer_wrap .footer ul{float: left;width: 100px;padding: 50px 25px 0 0;}
	}
	
@media only screen and (max-width: 1199px){
	/*尾部开始*/
.footer_wrap{width: 100%;height: 70px;background:#f6f6f6; overflow:hidden;}
.footer_wrap .footer{ display:none;}
.footer_wrap .copyright{line-height:24px;padding-top:15px;}
.footer_wrap .copyright p{width: 100%; text-align:center;}
.footer_wrap .copyright p i{display:none;}
.footer_wrap .copyright p span{ display:block;}
.footer_wrap .copyright p a#beian{ display:none;}
	}

@media only screen and (max-width: 861px){
.pc-show{ display:none;}
.mob-show{ display:block;}	

#header{ height:50px;}
#logo{ display:block; float:left; width:150px; padding:10px 0 0 12px;}

#lan{ display:none;}
#mob_lan{float:right; display:block; margin:13px 55px 0 0; width:26px; height:26px;border-radius:26px; text-align:center; background-color:#999; font:normal 12px/26px arial; color:#fff;}

#menu{ float:inherit; width:100%; position: relative; z-index:20px;top:7px; left:0; display:none; overflow:auto;}
#menu_btn{ display: block; width:50px; height:50px; background: url(../images/menu.png) no-repeat center; background-size:28px; position:absolute; top:0; right:0;}
#menu_btn.on{background:#20599c url(../images/close.png) no-repeat center; background-size:38px; }

/*首页 - 关于新华兴*/	
#index_about{ position:static; width:100%;height:auto; background:url(../images/about_bg.jpg) left 0 no-repeat; background-size:cover; }
.about_content{ float:left; width:100%; margin:0;}
.about_txt{width:90%; margin:25px auto 0;}
.about_txt p{ padding:15px 0;}

.about_X4{width:100%; position:relative;}

	/* 数字动画 */
	.count_list { width: 100%; position: relative;z-index:99;}
	.counter {width: 49.7%;position: relative;display:block;float: left;margin:0; padding: 20px 0; color:#000; border-right:1px solid #ccc;border-top:1px solid #ccc;}
	.counter.br0{ border-right:none;}
	.counter.bt0{ border-top:none;}
	.counter_ls{width:75%; margin:0 auto; }
	.count-number { margin-bottom:4px; font-size: 40px; line-height:30px;}
	.count-text { font-size: 14px;}
	.count-unit {font-size: 14px; }

.about_more{ display:none;}

/*首页 - 新闻*/
#index_news{ position:static; float:left; width:100%; height:auto; background-color:#3ea2ee; z-index:0;}
#index_news .hd{ margin-bottom:20px; padding:0 5%; width:90%; height:40px;overflow:hidden; }
#index_news .bd ul li .news_img{ float:left; width:100%; height:210px; overflow:hidden;}
#index_news .bd ul li .news_img img{width:100%;}
#index_news .bd ul li .news_content{padding:0 5%; width:90%; height:auto;}
#index_news .bd ul li .news_content h3{ padding:20px 0 38px 0; }
#index_news .bd ul li .news_content p{padding:20px 0;}
		
/*首页 - 新华兴产品*/
#index_pro{ width:100%; overflow:hidden;}
    #idx_pro_L{ float:left;width:100%; height:auto; }
	#idx_pro_L .pro_txt{margin:30px 5% 0 5%;width:90%;}
	#idx_pro_L .pro_txt p{ padding:15px 0;}
	
	#idx_pro_L .pro_listX2{float:left; margin-left:5%;width:90%;}
	#idx_pro_L .pro_listX2 a{float:left; margin:0 4.5%; width:40%; height:200px;}
	#idx_pro_L .pro_listX2 a p{ margin-top:55%; font:bold 20px "微软雅黑";color:#fff;}
	
	#idx_pro_L .pro_more{float:left; margin:30px 0 30px 5%;}
	
	#idx_pro_R{ width:100%; height:600px; float:left;}
	
/*首页 - 工程实例*/
#index_cases{width:100%; height:auto; background:url(../images/case_bg.jpg) center 0 no-repeat;background-size:1200px auto;}
   .case_txt{width:100%; margin:30px 0;}
   .case_more{width:100%; margin:30px auto;}
}

@media only screen and (max-width: 641px){
	#idx_pro_L .pro_listX2 a{float:left; margin:0 2%; width:45%; height:150px;}
	#idx_pro_L .pro_listX2 a.alu{ background-size:100% auto;}
	#idx_pro_L .pro_listX2 a.steel{ background-size:100% auto;}
	#idx_pro_L .pro_listX2 a p{ margin-top:100px; font:bold 16px "微软雅黑";color:#fff;}
	
	#idx_pro_R{ width:100%; height:340px; float:left;}
	#index_cases{width:100%; height:auto; background:url(../images/case_bg.jpg) center 0 no-repeat; background-size:1200px auto;}
	}
		
@media only screen and (max-width: 320px){
	#idx_pro_L .pro_listX2 a{float:left; margin:0 2%; width:45%; height:130px;}
	#idx_pro_L .pro_listX2 a p{ margin-top:90px;}
	#idx_pro_R{ width:100%; height:300px; float:left;}
}