@font-face {
    font-family: "cc";
    src: url("../font/ArialNarrow.Ttf");
}
@font-face {
    font-family: simhei;
    src: url("../font/SimHei.ttf");
}

.navon{
	
}
*{margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: 'cc',simhei;color: #585858;}
.nav_main {
	text-align: center;
}
.nav_main li a{
	display: block;
	position: relative;
}

			@media screen and (min-width: 100px) and (max-width: 768px) {
				.login{
					margin-top: 0.1rem;
					width: 100px;
					margin-left: 1rem;
				}
				.login img{
					width: 100%;
				}
				.nav_main{
					display: none;
				}
				.nav_main a{
					display: block;
					color: #333;
				}
				.nav_main li{
					line-height: 24px;
					text-indent: 15px;
					font-size: 18px;
					font-weight: 100;
					
				}
				.nav_fx{
					margin-top: 15px;
					display: none;
				}
				.nav_
				.nav_fx li{
					
					line-height: 24px;
					
					
				}
				.nav_fx a{
					display: block;
				}
				.nav_fx img{
					width: 20px;
					margin-left: 15px;
				}
				.nav_xl{
					position: absolute;
					right: 1rem;
					top: 0;
					width: 50px;
				}
				
				
			}
/*768结束================================================================*/
			
			@media only screen and (min-width: 768px) and (max-width: 1000px) {
				nav {
				    padding: 0 0.9rem 0 1.1rem;
				    height: 0.9rem;
				    overflow: hidden;
				   
				}
				.login{
					
					float: left;
					width: 100px;
					}
					
				.login img{
					width: 100%;
					vertical-align: middle;
				}	
				.nav_xl{
					display: none;
				}
				.nav_main{
					float: left;
					margin-left: 1rem;
				}
				.nav_main li{
					float: left;
					margin-top: 20px;
					font-size: 15px;
					font-weight: 100;
					margin-left: 0.2rem;
				}
				.nav_main li span{
					position: relative;
					
					top:-40px;
					font-size: 12px;
					display: none;
					text-align: center;
				}
				.nav_main a{
					color: #333;
					border-bottom: 2px solid #fff;
				}
				.nav_main a:hover{
					padding-bottom: 3px;
					color: #804b4d;
					border-bottom: 2px solid #804b4d;
				}
				.nav_fx{
					float: right;
					margin-top: 20px;
					
				}
				.nav_fx li{
					display: inline-block;
					

				}
				.nav_fx a{
					width: 100%;
				}
				.nav_fx li img{
					width: 18px;
					height: 18px;		
					vertical-align: top;			
				}
				
			}
			/*=================1000=======================*/
			@media only screen and (min-width: 1000px) and (max-width: 1200px) {
				nav{
					padding: 0 15px;
					height: 60px;
					overflow: hidden;
				}
				nav {
				    padding: 0 0.9rem 0 1.1rem;
				    height: 0.9rem;
				    overflow: hidden;
				   
				}
				.login{
					
					float: left;
					width: 130px;
					}
					
				.login img{
					width: 100%;
				
				}	
				.nav_xl{
					display: none;
				}
				.nav_main{
					float: left;
					margin-left: 1rem;
				}
				.nav_main li{
					float: left;
					margin-top: 25px;
					font-size: 18px;
					font-weight: 100;
					margin-left: 0.3rem;
					/*line-height: 60px;*/
				}
				.nav_main li span{
					position: relative;
					
					top:-45px;
					font-size: 12px;
					display: none;
					text-align: center;
				}
				.nav_main a{
					color: #333;
					border-bottom: 2px solid #fff;
				}
				.nav_main a:hover{
					padding-bottom: 3px;
					color: #804b4d;
					border-bottom: 2px solid #804b4d;
				}
				.nav_fx{
					float: right;
					
					
				}
				.nav_fx li{
					float: left;
					margin-left: 5px;
					line-height: 60px;
				}
				.nav_fx a{
					width: 100%;
				}
				.nav_fx li img{
					width: 20px;
					height: 20px;	
					vertical-align: middle;				
				}	
				
			}


/*=================1000=======================*/
			@media only screen and (min-width: 1200px) and (max-width: 1500px) {
				nav{
					padding: 0 15px;
					height: 70px;
					overflow: hidden;
					
				}
				nav {
				    padding: 0 0.9rem 0 1.1rem;
				    height: 0.9rem;
				    overflow: hidden;
				   
				}
				
				
				
				.login{
					
					float: left;
					width: 1.8rem;
					margin-left: 0.2rem;
					}
					
				.login img{
					width: 100%;
				
				}	
				.nav_xl{
					display: none;
				}
				.nav_main{
					float: left;
					margin-left: 2rem;
				}
				.nav_main li span{
					position: relative;
					
					top:-55px;
					font-size: 12px;
					display: none;
					text-align: center;
				}
				.nav_main li{
					margin-top: 26px;
					float: left;
					font-size: 22px;
					font-weight: 100;
					margin-left: 0.3rem;
					/*line-height: 60px;*/
				}
				.nav_main a{
					color: #333;
					border-bottom: 2px solid #fff;
				}
				.nav_main a:hover{
					padding-bottom: 3px;
					color: #804b4d;
					border-bottom: 2px solid #804b4d;
				}
				.nav_fx{
					float: right;
					
					
				}
				.nav_fx li{
					float: left;
					margin-left: 8px;
					line-height: 60px;
				}
				.nav_fx a{
					width: 100%;
				}
				.nav_fx li img{
					width: 24px;
					height: 24px;	
					vertical-align: middle;				
				}	
				
			}


/*=================1000=======================*/
@media screen and (min-width: 1500px) {
	nav{
		padding: 0 0.9rem 0 1.1rem;
		height: 0.9rem;
		overflow: hidden;
	}
	.login{
		float: left;
		margin-top: 0.2rem;
		width: 1.8rem;
		
		}
		
	.login img{
		width: 100%;
		
		vertical-align: top;
	}	
	.nav_xl{
		display: none;
	}
	.nav_main{
		float: left;
		margin-left: 2rem;
		margin-top:0.2rem;
	}
	.nav_main li{
		margin-top: 27px;
		float: left;
		font-size: 24px;
		font-weight: 100;
		margin-left: 0.3rem;
		/*line-height: 60px;*/
	}
	.navon{
		color:#804b4d !important;
		
		border-bottom: 2px solid #804b4d !important;
		
	}
	.nav_main li span{
		position: relative;
		font-family: simhei;
		top:-50px;
		font-size: 13px;
		color:#804b4d !important;
		display: none;
		letter-spacing: 10px;
		text-align: center;
	}
	.nav_main a{
		color: #333;
		padding-bottom: 3px;
		border-bottom: 2px solid #fff;
	}
	.nav_main a:hover{
		
		color: #804b4d;
		border-bottom: 2px solid #804b4d;
	}
	.nav_fx{
		margin-top: 0.2rem;
		float: right;
		
		
	}
	.nav_fx li{
		float: left;
		margin-left: 8px;
		line-height: 60px;
	}
	.nav_fx a{
		width: 100%;
	}
	.nav_fx li img{
		width: 30px;
		height: 30px;	
		vertical-align: middle;				
	}
	
}



.lxf-box { position: relative; }
.lxf-box li {background: #fff;  text-align: center; padding: 0px; left: 0px; top: 0; }
h3 { padding-top: 8px; }

/*css3动画*/
.lxf-box li { -webkit-transition: all .7s ease-out .1s; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out .1s; transition: all .7s ease-out .1s }

@media only screen and (min-width: 100px) and (max-width: 414px) {
	#lxf-box li img { /*width: 320px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 100px) and (max-width: 414px) {
	#lxf-box li img { /*width: 320px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 414px) and (max-width: 500px) {
	#lxf-box li img { /*width: 414px; */height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 500px) and (max-width: 600px) {
	#lxf-box li img { /*width: 500px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 600px) and (max-width: 640px) {
	#lxf-box li img {/* width: 300px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
	#lxf-box li img { /*width: 360px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	#lxf-box li img {/* width: 384px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 960px){
	#lxf-box li img { /*width: 340px; */height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 1024px) {
	#lxf-box li img { /*width: 322px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 1280px) {
	#lxf-box li img { /*width: 306px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 1366px)  {
	#lxf-box li img { /*width: 328px; */height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 1440px){
	#lxf-box li img { /*width: 345px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 1680px) and (max-width: 1700px) {
	#lxf-box li img {/* width: 327px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 1700px) {
	#lxf-box li img {/* width: 330px;*/ height: auto; display: block; border: 0 }
}
@media only screen and (min-width: 1900px) {
	#lxf-box li img { /*width: 373px; */height: auto; display: block; border: 0 }
}



.footer{
	position: fixed;
	bottom: 0px;
	height: 30px;
	width: 100%;
	background: url(../img/footbg.png) ;
}
.footer>div{
	
	margin-right: 35px;
}
.footer>div:first-child{
	margin-left: 70px;
}
.footer-left,.footer_fgx,.footer_r,.footer_th{
	float: left;
}
.footer-left img,.footer_fgx img,.footer_r img,.footer_th img{
	margin-top: 5px;
	vertical-align: top;
	height: 18px;
}
.footer_th img,.footer_th,.footer_th a {
	
	height: 18px;
}
.footer-left{
	width: 22px;
}
.footer_copy{
	float: right;
	font-size: 14px;
	line-height: 30px;
	text-align: right;
	font-weight: 600;
	color: #6b6b6b;
}
.footer_copy p{
	float: right;
}
/*========================大图片需要显示的样式=============================*/
.bigpic{
	overflow: ;
}