/*767px以下通用样式*/
@media only screen and (max-width : 959px) {
	.header{ position: relative;background-color: #1b1d1e; overflow: hidden;}
	.header_center{ width:100%; height: auto; margin: 0;}
	.heder_center_r{ display: none;}
	.m_logo{ margin: 0; display: block; float: left;}
	.header_center p{ display: none;}
	.header_txt{ display: none;}
	.nav_bg { width: 100%; height: auto; margin-top: 0; display: none; margin-right: 0; }
	.nav{ width:100%; height:auto; overflow:hidden; background: none;}
	.nav li{ width: 100%; border: none;}
	.nav li a{ line-height: 35px; display: block;}
	.banner{ margin-top: 0;}
	.rmgjc_bg{ width: 100%; height: auto; left: 0; margin-left: 0; background: none; display: none;}
	.suosuo{ display: none;}

	/*.dianfan{ height: auto; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch;}*/
	/*.dianfan_content{ margin: 3% 1%;}*/
	/*.dianfan_title{ width: 15%;}*/
	/*.dianfan_title img{ width: 100%; display: block;}*/
	/*.dianfan_img{ width: 85%;}*/
	/*.dianfan_img img{ width: 100%;}*/

	.dianfan{ display: none;}
	.m_dianfan{ width: 100%; display: block;}
	.m_dianfan img{ width: 100%;}



	.grid figure{ width: 50%;}
	figure.effect-lily > img{ width: 100%;}
	figure.effect-lily figcaption > div{ height: 80%;}
	figure.effect-lily a {
		font-size: 1.3em;
		width: 120px;
		height: 40px;
		text-align: center;
		line-height: 32px;
		margin-top: 30px;
	}
	.effect-lily h2{ width: 70%; display: none;}
	.effect-lily p{ font-size: 2em; transform: translate3d(0,105px,0);}
	figure.effect-lily:hover p{
		-webkit-transform: translate3d(0,50px,0);
		transform: translate3d(0,50px,0);
	}
	figure.effect-lily:hover a {
		-webkit-transform: translate3d(0,50px,0);
		transform: translate3d(0,50px,0);
	}
	.grid figure span img{ width: 70%;}

	.abouts{ height: auto; background: none; margin: 0% 0;}
	.abouts_content{ width: 100%; height: auto; background: url(../images/shipin_bg.jpg) no-repeat center top;}
	.abouts_content ul{ width: 100%; margin: 10% 0; display: none;}
	.abouts_content ul li{ border-right: 0; margin-bottom: 20px;}
	.abouts_content ul li p{ text-align: left;}
	.abouts_content ul li span img{ width: 50%;}
	.abouts_content > img{position: relative; margin: 20px 0;}
	.abouts_content1{ width: 100%;}
	.abouts_txt{ width: 94%; margin:3%;}
	.abouts_txt p{ font-size: 1.5em;}


	.shipin{ width: 100%; height: auto; margin-bottom: 50px;}

	.zyyw_title{ margin: 45px auto 35px;}

	.product_bg{ margin: 0;}
	.product_1 img{ width: 100%;}
	.pro_tong{ position: relative; width: 100%; height: auto; left: 0; top: 0; margin: 0; display: none;}
	.pro_tong img{ width: 100%; display: block;}


	.youshi{ background-size: cover; height: auto; margin-bottom: 0px; }
	.sy_title{ z-index: 2; position: relative;}

	.liucheng{ width: 100%;}
	.liucheng_title{ width: 100%;}
	.liucheng_content{ width: 100%;}
	.liucheng_content ul li{ width: 10%;}

	.youshi_content{ width: 100%;}


	.anli{ }
	.anli_content{ margin-top: 1%;}
	.anli_content dl{ width: 101%;}
	.anli_content dl dd div{ display: none;}
	.anli_content dl dd:nth-child(3){ display: none;}
	.anli_content dl dt,.anli_content dl dd{ width: 49%; margin: 0 1% 1% 0%;}



	.news_bg { margin-bottom: 75px; }
	.news_title{ width: 100%; margin: 0; text-align: center;}
	.news_title span{ margin: 3% 0;}
	.news_title p{ margin: 5% 0;}
	.news{ width: 99%; float: left;  margin:50px 0 65px 0.5%; }
	.news_content{ width: 100%;}
	.picScroll-left{ width: 100%;}
	.picScroll-left .bd ul li{ width: 33.33%;}

	.news_txt2 p {line-height: 20px;margin-top: 0px;}

	.hzkh{ width: 100%; margin: 0px auto 90px; float: left;}
	.hzkh_title{ display: none;}
	.picMarquee-left{ width: 100%;}


	.footers{ width:100%; height:56px; border:8px solid #5A5657; border-left:none; border-right:none; position: fixed; z-index: 99999; bottom:0; background-color:#A4834E; display:block;}
	.footers ul li{ width:25%; height:56px; float:left;}
	.footers ul li p{ width:85%; height:48px; margin:0px auto; text-align:center; padding:4px 0px;}
	.footers ul li p img{ width:30%; margin:1% auto; display:block;}
	.footers ul li p a{ color:#ffffff; font-size:0.8rem;}
	.link,.footer,.copy,.izl-rmenu{ display:none;}

	.ny_banner{ margin-top: 0;}
	.daohang{ width:95%; background-image: none}
	.ny_main{ width:100%; height:auto; overflow:hidden; margin:3% auto 0%;}
	.ny_pro{ width:100%; height:auto; margin:0px auto; overflow:hidden;}
	.product_l2{ display:block;}
	
	/*产品列表页*/
	.ny_news{ width:100%; margin: 0px auto 70px;}
	.ny_news_l{  width: 100%; }
	.ny_news_fl{ width: 100%; height: auto; overflow: hidden; margin: 0px auto; float: none; border: none;}
	.ny_news_fl span{display: none}
	.ny_news_fl ul{  width: 100%;  height: auto;  margin: 0px auto; overflow: hidden;}
	.ny_news_fl ul li{ width: 48%; height: 40px; overflow: hidden; margin: 0 0 1% 1%; text-align: center; border:1px solid #D6D6D6;}
	.ny_news_fl ul li a{ padding: 0; }

	.ny_pro_content{ width: 100%; height: auto; margin: 0px auto; overflow: hidden;}
	.da-thumbs2{
		height:auto;
		position:relative;
		margin:0px;
		padding:0;
	}
	.da-thumbs2 li{
		width:48%;
		float:left;
		position:relative;
		margin: 1.5% 1% 0 1%;
	}
	.da-thumbs2 li a img{

	}


	/* 产品详细页 */
	.ny_prodetail_txt{ }
	.ny_prodetail_txt img{ width:96%; height:auto; float:none; display:block;}
	.shuoming{ width:90%; height:auto; float:none; margin:0px auto;}
	.shuoming span{ width:100%; font-size:20px; border-bottom:1px solid #C1C1C1; line-height:50px; float:left;}
	.shuoming p{ width:100%; height:auto; float:left; margin-top:30px; line-height:25px; padding-bottom:20px;}
	.ny_prodetail_txt2{ width:100%; height:auto; margin:35px auto 0px; background:#fff; overflow:hidden;}
	.ny_detailtxt_content{ width:95%; margin:0px auto; float:none;}

	/*新闻列表页*/
	.ny_news_r{ width:100%;}
	.ny_news_r ul{ width:100%; height:auto; overflow:hidden; margin:20px auto 0px;}
	.ny_news_r ul li{ width:98%; height:auto; overflow:hidden; margin: 3% auto 0; float: none;}

	.ny_newsdetial{ }
	.ny_newsdetial .news_name{ width:96%; padding-bottom: 10px; }

    .pro_tj_content{ width:100%; margin:10px auto 10px;}
	
}



/*Styles for screen 960px-1360px,主要为了小屏浏览器 */
@media screen and (min-width: 960px) and (max-width: 1400px) {
	.nav_bg{ display: none;}

	.rmgjc{ width: 100%;}
	.gjc li img{ width: 98%;}

	.heder_center_r{ margin-right: 80px; float: right;}
	.dianfan_content{ width: 100%; margin-left: 0}
	.dianfan_title{ width: 18%; margin-left: 2%;}
	.dianfan_img{ width: 75%; margin-right: 1%;}
	.dianfan_title img ,.dianfan_img img{ width: 100%;}

	.zyyw_content ul{ width: 1300px; margin:0px auto;}
	.zyyw_content ul li{width: 260px;}
	.zyyw_content ul li img{ height: 100%}

	.liucheng{ width: 1300px;}
	.liucheng_title{ width: 100%;}
	.liucheng_content ul{ width: 105%;}

	.youshi_content{ width: 100%;}
	.youshi_txt{ width: 33%;}
	.youshi_txt img{ width: 100%;}

	.youshi_img1, .youshi_img2{ width: 65%;  top: 237px;margin-left: -430px;}
	.youshi_img1 img, .youshi_img2 img{ width: 100%;}

	.news_title{ margin-left: 5%;}

}
/*Styles for screen 768px-959px 主要是平板横屏显示*/
@media screen and (min-width: 768px) and (max-width: 959px) {
	.mune{ width:10%; float:right; margin:5% 1% 0 0; display:block; cursor: pointer;}

	.logo{ width:auto; margin:4% 0 5% 1%;}
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:7% 1% 0 0; display:block; cursor: pointer;}
	.nav_bg{ width:100%; height:auto;  position:relative;}
	.nav{ width:100%; height:auto; display:none;}
	.nav li{ width:100%; background-image: none;}

	.news_list{ width: 31%; height: auto; margin: 1% 0 0 1%;}

	.shuzi ul li{ width: 50%;}
	.shuzi ul li img{ }
	.shuzi ul li p{ width: 92%; font-size: 0.95em;}
	.shuzi ul li span{ display: inline;}

	.game_pic_tab{ height: 370px;}
	.game_pic_icon_l{  left:0px; }
	.game_pic_icon_r{ left: 554px; }
	.prev_l,.next_r{ display: none;}

	.shili ul li{ width: 49%; margin: 0.5%;}
	.shili ul li img{ width: 100%;}

	.slideTxtBox2 .bd li { width: 100%; padding: 0%; }

	.footers ul li p img{ width:15%; margin:1% auto; display:block;}

	.ny_prodetail_txt img{ width: auto; height: 100%;}
	
	/*新闻列表页*/
	.ny_news{ width:100%;}
	.ny_news_content{ width:100%;}
	.ny_news_content ul{ width:96%; height:auto; overflow:hidden; margin:20px auto 0px;}
	.ny_news_content ul li{ width:100%; height:auto; margin-bottom:15px; overflow:hidden; border-bottom:1px solid #E7E7E7; padding-bottom:15px;}
	.ny_news_content ul li img{ display:block;}
    .ny_news_r ul li img{ margin: 0;}
	.ny_prodetail_xq img{ width:auto; height:100%; float:none; display:block;}
}

/*Styles for screen 480px-767px,主要是手机横屏和平板竖屏显示*/
@media only screen and (min-width: 590px) and (max-width: 767px) {

	.logo{ margin: 2%;}
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:4% 1% 0 0; display:block; cursor: pointer;}
	.nav_bg{ width:100%; height:auto;  position:relative;}
	.nav{ width:100%; height:auto;}
	.nav li{ width:100%; background-image: none;}

	.zyyw{ height: auto; padding-bottom: 50px;}
	.zyyw_content ul{ width: 100%;}
	.zyyw_content ul{width: 100%;height: auto;}
	.zyyw_content ul li{float: left;width: 50%;overflow: hidden;height: auto;}
	.zyyw_content ul li a img{ height: 320px;}
	.zyyw_content ul li .layerr_txt{ padding: 7%;}
	.zyyw_content ul li .layerr h2{ font-size: 2em;}
	.zyyw_content ul li .layerr p{ font-size: 1.4em;}

	.liucheng_content ul li{ width: 22%; background: none; text-align: center; margin-bottom: 10px;}
	.liucheng_content ul li img { width: auto; display: block; margin: 0px auto;}

	.picScroll-left .bd ul li{ width: 50%;}

	.youshi_txt,.youshi_txt2,.youshi_txt3,.youshi_txt4{ width: 70%; margin-top: 30px;}
	.youshi_txt img,.youshi_txt2 img,.youshi_txt3 img,.youshi_txt4 img{ width: 100%;}
	.youshi_im{ position: relative; float: left; height: 520px; }
	.youshi_img1,.youshi_img2{
		width: 100%;
		top: 20px;
		position: absolute;
		left: 0%;
		margin-left: 0px;
	}
	.youshi_img1 img,.youshi_img2 img{ width: 100%;}

	.shili ul li{ width: 49%; margin: 0.5%;}
	.shili ul li img{ width: 100%;}

	.youshi_title img{ width: 96%; display: block; margin: 0px auto;}

	.ny_news_fl a{ width:31%; margin: 1%;}
	.ny_news_fl a:hover{ background-size: cover;}
	.ny_news_fl .newsfl_active{ background-size: cover;}
    .ny_news_r ul li img{ display:none;}

	.ny_pro_content ul li{ width:48%; height:auto; float:left; margin:1%;}
	.footers ul li p img{ width:18%; margin:1% auto; display:block;}
}
@media screen and (min-width: 480px) and (max-width: 590px) {
	.header_mune {
		width: 45px;
		height: 44px;
		margin: 1%;
	}

	.logo{ margin: 2%;}
	.header_tel{ display:none;}
	.nav_bg{ width:100%; height:auto;  position:relative;}
	.nav{ width:100%; height:auto;}
	.nav li{ width:100%; background-image: none;}

	.sy_title,.sy_title2{ width: 100%;}
	.sy_title2 img{ width: 80%;}

	.picScroll-left .bd ul li{ width: 50%;}

	.liucheng_content ul li{ width: 22%; background: none; text-align: center; margin-bottom: 10px;}
	.liucheng_content ul li img { display: block; margin: 0px auto;}

	.zyyw{ height: auto; padding-bottom: 50px;}
	.zyyw_content ul{ width: 100%;}
	.zyyw_content ul{width: 100%;height: auto;}
	.zyyw_content ul li{float: left;width: 50%;overflow: hidden;height: auto;}
	.zyyw_content ul li a img{ height: 320px;}
	.zyyw_content ul li .layerr_txt{ padding: 7%;}
	.zyyw_content ul li .layerr h2{ font-size: 2em;}
	.zyyw_content ul li .layerr p{ font-size: 1.4em;}

	.youshi_txt,.youshi_txt2,.youshi_txt3,.youshi_txt4{ width: 70%; margin-top: 30px;}
	.youshi_txt img,.youshi_txt2 img,.youshi_txt3 img,.youshi_txt4 img{ width: 100%;}
	.youshi_im{ position: relative; float: left; height: 460px; }
	.youshi_img1,.youshi_img2{
		width: 100%;
		top: 20px;
		position: absolute;
		left: 0%;
		margin-left: 0px;
	}
	.youshi_img1 img,.youshi_img2 img{ width: 100%;}

	.product_l dl dd{ display: none;}
	.product_r ul li{ margin-bottom: 1%; background: #f7f7f7;}
	.product_r ul li img{ width: 100%;}
	.product_r_txt{ width: 90%; padding-bottom: 5%;}

	.youshi_title img{ width: 96%; display: block; margin: 0px auto;}

	.news_l li{ width: 100%;}

	.footers ul li p img{ width:18%; margin:1% auto; display:block;}
}


/*479px,主要是手机竖屏显示*/
@media only screen and (max-width : 479px) {
	.logo{ margin: 2%;}
	.header_mune{ width: 45px; height: 44px; margin: 1%;}
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:6% 1% 0 0; display:block; cursor: pointer;}
	.nav{ width:100%; height:auto;}
	/*.nav li{ width:100%; background: #c59b7e; border: none; }*/
	/*.nav li a{ margin-bottom: 8px;}*/

	.sy_title,.sy_title2{ width: 100%;}
	.sy_title2 img{ width: 80%;}

	.product_l dl dd{ display: none;}
	.product_r ul li{ margin-bottom: 1%; background: #f7f7f7;}
	.product_r ul li img{ width: 100%;}
	.product_r_txt{ width: 90%; padding-bottom: 5%;}

	.youshi_title img{ width: 100%;}

	.picScroll-left .bd ul li{ width: 100%;}

	.zyyw{ height: auto; padding-bottom: 50px;}
	.zyyw_content ul{ width: 100%;}
	.zyyw_content ul{width: 100%;height: auto;}
	.zyyw_content ul li{float: left;width: 50%;overflow: hidden;height: auto;}
	.zyyw_content ul li a img{ height: 320px;}
	.zyyw_content ul li .layerr_txt{ padding: 7%;}
	.zyyw_content ul li .layerr h2{ font-size: 2em;}
	.zyyw_content ul li .layerr p{ font-size: 1.4em;}


	.liucheng_content ul li{ width: 22%; background: none; text-align: center; margin-bottom: 10px;}
	.liucheng_content ul li img { width: 80%; display: block; margin: 0px auto;}


	.youshi_txt,.youshi_txt2,.youshi_txt3,.youshi_txt4{ width: 70%; margin-top: 30px;}
	.youshi_txt img,.youshi_txt2 img,.youshi_txt3 img,.youshi_txt4 img{ width: 100%;}
	.youshi_im{ position: relative; float: left; height: 370px; }
	.youshi_img1,.youshi_img2{
		width: 100%;
		top: 20px;
		position: absolute;
		left: 0%;
		margin-left: 0px;
	}
	.youshi_img1 img,.youshi_img2 img{ width: 100%;}


	.picMarquee-left .hd{ display: none;}
	.picMarquee-left .bd ul li{ width: 33.33%;}

	.anli_r dl dt{ width: 99%; margin: 0.5%}
	.anli_r dl dd{ width: 99%; margin: 0.5%}

	.news_r ul li img{ display: none;}
	.news_r_txt{ width: 100%;}

	.footers{ display:block;}

	
}
@media only screen and (max-width : 420px) { .game_pic_tab{ height: 190px;} }
