/*.ilightbox-holder{
	width: 40%;
}*/
.pro_nav{
    			width: 40%;
    			
    			margin-top: 30px;
    		}
    		.pro_nava{
    			position: absolute;
    			right: 0;
    		}
    		 .pro_nav .container{
    		 	width: 100%;
    		 }
    		.pro_nav ul{
    			overflow: hidden;
    			border:1px solid #F2F2F2;
    			width: 100%;
    			padding: 0;
    			margin: 0;
    		}
    		.pro_nav ul li{
    			width: 25%;
    			float: left;
    			line-height: 50px;
    			text-align: center;
    		}
    		.pro_nav ul li a{
    			color: #000;
    			font-size: 14px;
    			display: block;
    			width: 100%;
    			
    		}
    		#gaiyao{
    			margin-top: 110px;
    			margin-bottom: 30px;
    		}
    		
    		#gaiyao .gaiyao_text .gaiyao_text_l{
    			float: left;
    			width: 45%;
    			margin-top: 30px;
    			padding-left: 5%;
    		}
    		#gaiyao .gaiyao_text .gaiyao_text_l .text_in{
    			margin-bottom: 30px;
    		}
    		#gaiyao .gaiyao_text .gaiyao_text_l h3{
    			font-weight: normal;
    			font-size: 16px;
    			color: #4D4D4D;
    			margin-top: 0;
    			font-weight: bold;
    			line-height: 26px;
    		}
    		
    		#gaiyao .gaiyao_text .gaiyao_text_l p{
    			font-size: 16px;
    			
    		}
    		#gaiyao .gaiyao_text .gaiyao_text_r{
    			float: left;
    			margin-left: 10%;
    			width: 40%;
    			margin-top: -55px;
    		}
    		#gaiyao .gaiyao_text .gaiyao_text_r img{
    			display: block;
    			max-width: 100%;
    			margin: 0 auto;
    		}
    		#xn{
    			background-color:#fff ;
    			width: 100%;
    			padding: 60px 0;
    		
    		}
    		#xn .xn{
    			overflow: hidden;
    			margin-top:30px ;
    		}
    		#xn .xn .xn_l{
    			float: left;
    			color: #4D4D4D;
    			font-size: 16px;
    		}
    		#xn .xn .xn_r{
    			float: right;
    		}
    		#xn .xn .xn_r .xnr{
    			overflow: hidden;
    		}   
    		#xn .xn .xn_r .xnr img{
    			display: block;
    			width: 50%;
    			float: left;
    		} 	
    		#xn .xn .xn_r .xnr p{
    			width: 50%;
    			float: left;
    			font-size: 14px;
    			margin: 0;
    			padding: 0 0 0 30px;
    			color: #666666;
    		}
    		#use{
    			width: 100%;
    			margin-top: 60px;
    			padding-bottom: 60px;
    		}
    		.use{
    			width: 100%;
    			margin-top: 30px;
    		}
    		.use table{
    			width: 100%;
    			margin-bottom: 30px;
    			border-top: #ccc solid 1px;
    			border-left: #ccc solid 1px;
    		}
    		.use table tr{
    			width: 100%;
    			border-bottom: 1px solid #CCCCCC;
    			
    		}	
    		.use table tr td{
    			text-align: center;
    			font-size: 14px;
    			padding: 15px 0;
    			border-right: 1px solid #CCCCCC;
    			background-color: #fff;
    			word-break: break-all;
    		}
    		.use table tr td:nth-child(1){
    			width: 30%;
    			background-color: #FFDEDE;
    		}
    		.use table tr td:nth-child(2){
    			width: 70%;
    		}
    		.use p{
    			font-size: 12px;
    		}
    		.use_pic{
    			margin-top: 30px;
    			overflow: hidden;
    		}
    		.use_pic img{
    			display: block;
    			width: 49.5%;
    			float: left;
    		}
    		.use_pic img:nth-child(1){
    			margin-right: 1%;
    		}
    		#size{
    			padding: 60px 0;
    			background-color: #fff;
    		}
    		#size .use table tr td{
    			width: 25%;
    		}
    		.download p{
    			font-size: 14px;
    			margin-top: 30px;
    			margin-left: 30px;
    		}
    		.download{
    			padding: 60px 0;
    		}
    		.download .pdf_down{
    			margin-top: 30px;
    			margin-left: 30px;
    		}
    		.download .pdf_down a {
    			font-size: 16px;
    			color: #4d4d4d;
    		}
    		.download .pdf_down a span{
    			color: #FF0000;
    			font-family: icon;
    			font-weight: 400;
    		}
    		.pc{display: block !important}
            .sp{display: none !important }
            @media only screen and (max-width:374px ) {
            	
            }
            @media only screen and  (max-width: 767px) {
            		
            }
    		@media only screen and (max-width:991px ) {
    			#gaiyao{
    				margin-top: 80px;
    			}
    			
    			.this_pro_nav{
    				margin-top: 0;
    			}
    			.pro_nav{
    				width: 100%;
    			}
    			
    			#xn .xn .xn_r{
    				margin-top: 30px;
    			}
    			#xn .xn .xn_r .xnr img{
    				width: 100%;
    			}
    			#xn .xn .xn_r .xnr p{
    				width: 100%;
    				padding: 0;
    			}
    			
    			
    			#nachi_search{
    			width: 80%;
    			float: none;
    			margin:30px auto;
    			
    		}
    		#product_infor{
    			padding: 100px 0 10px 0;
    		}  
    		#product_infor .kv_title{   			
    		width: 90%;	
    		}
    		
    		.topics_img{width: 100%;}
    			.topics_img:nth-child(2){margin:10px 0;}
    		
    			.pc{display: none !important}
 				.sp{display: block !important}
 				
    			
    		}
    		@media only screen and (max-width:1025px ) {
    			 		
    			.nachi_f1_sp input{margin: 30px auto;}
    			.nachi_f1_sp h3{font-weight: bold;line-height: 30px;}
    			.nachi_f1_sp{width: 95%;text-align: center;padding: 15px 0;margin-bottom: 30px;margin: 0 auto;float: none;}
    			.nachi_f1_sp p{margin-top: 0;}
    			.nachi_f1_sp ul{margin: 0 auto;width: 120px;margin-top: 10px;overflow: hidden;padding: 0;}
    			.nachi_f1_sp span{width: 20px;height: 2px;display: block;margin: 15px auto;background-color: red;}
    			.c-layout-footer-6{padding-top: 0;}
    		}
    		.video_play_button{
    			top: 50%;
			    position: absolute;
			    left: 50%;
			    width: 90px;
			    height: 90px;
			    margin-top: -45px;
			    margin-left: -45px;
			    opacity: 0.6;
			    background: url(/img/about/play_w.svg) no-repeat;
			    background-size:cover;
    		}
    		.video_play_button2{
    			top: 25%;
			    position: absolute;
			    left: 25%;
			    width: 40px;
			    height: 40px;
			    margin-top: -2px;			    
			    opacity: 0.6;
			    background: url(/img/about/play_w.svg) no-repeat;
			    background-size:cover;
    		}
    		.video_play_button:hover{opacity: 0.8;}