@charset "utf-8";
/* CSS Document */
@media(max-width:1200px){
	.mobile{ display:block;}
	.header{display:none;}
	.warp{ width:97%;}
	.bom_nav{ width:100%;} 
	.logo{ width:45%;}
	.cn_l{ width:100%; text-align:center;}
	.cn_r{ width:100%; text-align:center;}
	.left_btn{ display:none;}
	.right_btn{ display:none;}
	} 
@media(max-width:800px){.on_txt{ width:100%;}

.on_txt{    left: 0%;}}
@media(max-width:640px){
		.ny1_txt{ width:100%;}
		.on_txt span{ font-size:18px;}
		.wai .swiper-button-next,.wai .swiper-button-prev{ margin-top:-60px;}
		.bnt_l{ display:none;}
		.bnt_r{ display:none;}
		.on_txt p{     font-size: 14px;line-height: inherit;}
		.on_txt span{margin: 1% 0px;}
		.nwes_nav ul li{ width:100%; margin-bottom:2%;}
		.nwes_nav ul li span a{margin: 2% 0px;}
		.ct_nav{ display:none;}
		.qr{ width:100%; text-align:center; float:inherit; width:100%;}
		.qr_img{ float:inherit; width:100%; text-align:center; margin:0px;}
		
		.logo{ width:30%; margin-bottom:2%;}
		.bnttop_img {  margin-top: 4%;width: 10%;}
		.on_div{padding: 2% 0px 5% 0px;}
		.on_div span{margin: 5% 0px;}
		.hide_div span {
			font-size: 18px;
			color: #fff;
			font-weight: bold;
			display: block;
			margin-bottom: 0%;
		}
		.hide_div p {
			font-size: 12px;
			color: #fff;
			line-height: 27px;
		}
		.hide_div{ margin:0px;}
		.hide_div p {
    font-size: 12px;
    color: #fff;
    line-height: inherit;
		}
		.nwes_txt p{line-height: 22px;font-size: 12px;}
		.nwes_nav ul li span a{ font-size:16px;}
		.qr_txt {  width: 100%;}
		.end_l{ width:100%;}
		.end_r{ width:100%;}
		.end{ text-align:center;}
		.por_nav ul li{ width:45%; margin-right:10%;}
		.por_nav ul li:nth-child(2n){ margin-right:0px;}
		.ny4_nav ul li{ width:100%; float:left;}
	}
@media(max-width:500px){
	.por_nav ul li{ width:48%; margin-right:2%;}
	.ny_top span{ width:96%;}
	.tab .swiper-button-next,tab .swiper-button-prev{bottom: 1%; outline:none; top:inherit;}
	.tab .swiper-button-next,.tab  .swiper-button-prev{bottom: 1%; outline:none; top:inherit;}
	.large_box  ul li img{ width:300px; height:300px;}
	.small_list ul li img{ width:75px; height:75px;}
	.large_box{margin-bottom:10px;width:300px;height:302px;overflow:hidden;}
.large_box ul li{ border:2px solid #b5b5b4;}
.large_box img{display:block;}
.small_box{width:300px;height:80px;overflow:hidden;}
.small_list{position:relative;float:left;width:300px;height:80px;overflow:hidden;}
.small_list ul{height:145px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:22px;width:75px; border:2px solid #000;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:75px;height:75px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}
.por_box{ width:300px; margin:0 auto; }
.ft_top ul li a{    font-size: 12px;}
.ft_top ul li{ font-size:12px;}
}