@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1920px){
	.a1{display: none;}
} 
@media screen and(max-width:1024px){
	 img{width: 100%;}
    .n_baner{  margin-left: -448px;}
}
@media screen and (max-width: 1000px){
    .wp{padding: 0 20px;} 
    .nav li a{margin-right: 25px;}
	.nav li a:hover{margin-right: 25px;}
	.wp{ width:90%;}

	.baner{ margin-top:5em;}
	
	.n_pro_left{ width:100%; float:none;}
    .n_pro_right{ width:100%; float:none; padding:.5em;}
	 
}

@media screen and (max-width:960px){
	.wp{ width:90%;}
.head_logo{ background:url(../images/logo.jpg) no-repeat center top; width:100%; background-size:100%;  height:110px; margin:0 auto;}	
.nav li a{
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 5px;
	color:#ffffff;
	text-align:center;
}
.nav li a:hover{
    display: block;
    height: 50px;
    line-height: 50px;

    font-size: 14px;
    text-transform: uppercase;
    padding: 0 5px;
	background: #3151b6;
}
	
	.iplist_title{ background:url(../images/plisttitle.jpg) center top; width:100%; height:36px; margin:0 auto; margin-top:2em;}
	
	.inewsbg{ display:none;}
	
	.ia_left{ width:35%;}
	.ia_right{ width:62%;}
	.iatitle{ background:url(../images/atitle.jpg) no-repeat center top; width:100%; background-size:100%; height:59px; margin:0 auto; }
	.about_pic{ background:url(../images/apic.jpg) no-repeat center top; width:100%; margin-top:2em;}
	
	.contact_left{ width:30%; float:left; margin-top:2em;}
	.contact_right{ width:68%; float:right; margin-top:2em;}
	.cpic{ width:90%;}
	
	
	}

@media screen and (max-width: 800px){
    .head_logo{ display:none;}
    #hd{display: none;}
    .m-hd{display: block;}
    .nav li a{margin-right: 20px;}
	.nav li a:hover{margin-right: 25px;}
	.wp{ width:90%;}
	img{ max-width:100%;}
	
	.ia_left{ width:40%;}
	.ia_right{ width:55%;}
	.about_pic{ background:url(../images/apic.jpg) no-repeat center top; width:100%; background-size:100%; margin-top:2em;}




}

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



@media screen and (max-width:480px){
	.wp{ width:90%;}
	.n_baner .num{ position:absolute; width:100%; height:12px; bottom:15%; left:0; text-align:center; z-index:1;}
	
	.product-wrap .product .cf li { width: 100%; margin-left:.6em; margin-bottom: 25px; height: auto; float: left; display: inline; background: #f3f3f3; box-shadow: 0 0 5px #8d8d8d; /*transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; border: 2px solid #fafafa;*/ }
	.pro-name { padding: 10px 0 10px 15px; line-height: 24px; display: inline-block; float: left; background: #666; width: 100%; text-align: center; }
	
	.iplist_title{ background:url(../images/plisttitle.jpg) center top; width:100%; height:36px; margin:0 auto; margin-top:2em;}
	

	.iatitle{ background:url(../images/atitles.jpg) no-repeat center top;width:100%; background-size:100%; height:59px; margin:0 auto;}

    .ia_left{ width:100%; float:none;}
	.ia_right{ width:100%; float:none;}
	.about_pic{ background:url(../images/apic.jpg) no-repeat center top; width:100%; background-size:100%; margin-top:2em;}
	
	.cpic{ width:90%;}
	
	.map{ display:none;}
	
	.inewsbg{ display:none;}
	
/*	.video_left{ display:none;}
	.news_right{ width:100%; float:none;}*/
	
	#footbg{ background-color:#b4b3b3; width:100%; margin-top:0em;}
	.txtfoot{ width:100%; height:75px; padding:1em 0;}
	
	.video_icon{ display:none;}
	
	
	.about_ctitle{ background-image:url(../images/contact.png); background-repeat:no-repeat; width:100%; height:74px;}
		
	#productslists li {max-width:50%; margin-bottom: 15px; padding:0 10px; float: left; text-align: center;}
	#productslists h3 {font-size: 12px;  font-weight:normal; height:30px; overflow:hidden;}
	
	.contactbg{ display:none;}
	.contact_left{ width:100%; float:none; margin-top:2em;}
	.contacts_left{ display:none;}
	.contact_icon{ border:1px solid #dddddd; width:100%;}
	.txtcontact{ width:90%; margin:0 auto;}
	.cpic{display: none;}
	.a1{display:inline; color: #e9592c; font-size: 16px; padding-left: 3px;font-weight: bold;}
    .a1 a{display:inline; color: #e9592c;font-size: 16px; padding-left: 3px;font-weight: bold;}
}

@media screen and (max-width:414px){
    .ia_left{ width:100%; float:none;}
	.ia_right{ width:100%; float:none;}
	.about_pic{ background:url(../images/apic.jpg) no-repeat center top; width:100%; margin-top:2em;}
.dobuy{width: 100%;position: fixed;bottom: 0;left: 0; height: 45px;color: #ffffff;text-align: center;line-height: 45px; font-size: 26px;font-weight: bold;background-color: #e9592c;display: block;}
	
	.footbg{display: none;}
	.txtfoot{display: none;}
}


@media screen and (max-width:360px){
	
    .ia_left{ width:100%; float:none;}
	.ia_right{ width:100%; float:none;}
	.about_pic{ background:url(../images/apic.jpg) no-repeat center top; width:100%; margin-top:2em;}
	}

	
    
	
@media screen and (max-width:320px){
	.wp{ width:95%;}
    img{ max-width:100%;}
    .ia_left{ width:100%; float:none;}
	.ia_right{ width:100%; float:none;}
	.about_pic{ background:url(../images/apic.jpg) no-repeat center top; width:100%; background-size:100%; margin-top:2em;}

	}