﻿/*767px以下通用样式*/
@media only screen and (max-width : 959px) {
	.header{ width:100%; height:auto; left:0; margin-left:0;}
	.header_top1 { width:100%; }
	.header_top1 span{ margin-left: 1%;}
	.header_top1 p { display: none;}
	.header_center{ margin: 0; height: auto;}
	/*.m_logo{ margin: 0; display: block; float: left;}*/
	.header_center p{ display: none;}
	.header_txt{ display: none;}
	.nav_bg { width: 100%; height: auto; left: 0%; margin-left: 0px; }
	.nav{ width:100%; height:auto; overflow:hidden; margin: 0;}
	.nav ul{ width: 100%;}
	.nav li{ height: auto; background: none;}
	.nav li a{ margin: 15px 0;}
	.banner_txt{ width: 100%; margin: 0; line-height: 35px;}
	.banner_txt p{ margin: 0 auto; width: 100%; text-align: center; font-size: 1.2em;}
	.suosuo{ display: none;}

	.sy_title{ width: 100%;}
	.sy_title img,.sy_title1 img{ width: auto;}

	.product_bg{ width: 100%; margin: 1% 0; }
	.product { }
	.product ul li{ margin: 0.5% 0;}
	.product ul h3{ font-size: 1.6em; height: 70px;}
	.product ul li .shuzi{ font-size: 3.5em; right: 20px;}
	.product ul div{ height: 70px;}

	.choose{ height: auto; }
	.choose_title{ width: 100%; overflow: hidden;}
	.choose_title img{ width: 120%; margin-left: -10%;}
	.choose_content{ white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
	.choose_content1{ width: 100%; }
	.choose_content ul{ width: 100%;}
	.choose_content ul li{ width: 33.33%; }

	.youshi { width: 100%; height: auto; margin: 0px auto; background-size: cover;}
	.youshi_content{ width: 100%;}
	.youshi_txt{ width: 100%; background: none; margin: 5% 0;}
	.youshi_txt ul li:nth-child(3),.youshi_txt ul li:nth-child(4){ margin: 0;}


	.abouts{ width: 100%; height: auto; margin-top: 0px; left: 0; margin-left: 0; background-size: contain;}
	.abouts_content{ width: auto; padding: 0% 4% 5%; margin: 0;}
	.abouts_txt{ width: 100%; height: auto;  }
	.abouts_txt img { margin: 81% 0 30px 0; width: 100%;}
	.abouts_txt a{ width: 135px; height: 30px; line-height: 30px; margin-top: 30px; }


	.zizhi{ height: auto; }
	.zizhi_content{ width: 100%; margin: 40px auto; overflow: hidden;}
	.picMarquee-left{ width:100%;  margin: 40px auto 30px; }
	.picMarquee-left .bd{ width: 100%; }

	.anli{ }
	.anli_content{ width: 100%; margin-top: 5%;}
	.anli dl dt,.anli dl dd{ width: 100%;}
	/*.picScroll-left{ width: 100%; margin: 30px 0 0;}*/
	/*.picScroll-left .bd{ width: 100%;}*/

	.huoban{width: 100%;}
	.huoban_content ul li{ width: 48%;}

	.news{ width: 100%; height: auto; margin:20px auto 75px; background: #0a915c;}
	.news_fl{ width: 100%; margin-top: 30px;}
	.news_title{ float: none; margin: 50px auto 0;}
	.news_title img,.news_fl img{ display: block; float: none; margin: 0px auto; }
	.news_content{ width:98%; height:auto; float: left; margin: 0 1%;}
	.txtScroll-left .bd{ width: 100%;}


	
	.footers{ width:100%; height:56px; border:8px solid #00a6c0; border-left:none; border-right:none; position: fixed; z-index: 99999; bottom:0; background-color:#0a915c; 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{ display:none;}

    .izl-rmenu{ display:none;}
    .nav .peiseka{ display:block;}
	
	.daohang{ width:99.5%; background:none; border-bottom:1px solid #D5D5D5;}
	.ny_main{ width:100%; height:auto; overflow:hidden; margin:3% auto 0%;}
	.ny_pro{ width:100%; height:auto; margin:0px auto; overflow:hidden;}
	.ny_cont{ display:none;}

	.product_l{ display: block; width: 99%; float: none; margin: 0px auto;}
	.product_l dl dt{ background: #118437;}
	/*.product_l dl dt img{ width: 100%;}*/
	.product_l2 dl dd{ width: 47%; margin-left: 2%; float: left; display: block; margin-top: 20px; overflow: hidden; text-align: center;}
	.product_l2 dl dd a{ margin: 0;}
	
	/*产品列表页*/
	.ny_pro_content{ width:100%; margin-bottom: 75px;}
	.ny_pro_content ul{ width:99%; margin:20px auto 0;}
	.ny_pro_content ul li{ width:48%; height:auto; margin:1%; }
	.ny_pro_content ul li a{ width:100%; height:auto; line-height:30px;}
	.ny_pro_content ul li img{ width:100%; height:auto;}

	.ny_anli_content{ margin-top: 10px; margin-bottom: 75px;}


	/* 产品详细页 */
	.ny_prodetail_txt{ }
	.ny_prodetail_txt img{ width:100%; height:auto; margin:0px auto; float:none; display:block;}
	.shuoming{ width:100%; height:auto; float:none; margin:0px auto;}
	.shuoming p{ height:auto; line-height:25px; padding-bottom:20px;}
	.shuoming i{ margin-top: 0;}
	.ny_prodetail_txt2{ margin-bottom: 0;}
	.ny_detailtxt_content{ width:100%; margin:0px auto; float:none;}

	/*新闻列表页*/
	.ny_news,.ny_l{ width:100%;}
	.ny_con{ display: none;}
	.ny_news_content{ width:100%; margin-bottom: 75px;}
	.ny_news_content dl{ width:98%; height:auto; overflow:hidden; margin:20px auto 0px;}
	.ny_news_content ul li span{ width: 14%;}

	
	
	.ny_main_r_content .news_list li p{ width:65%;}
	.ny_main_r_content .news_name{ width:100%;}
	
	.prodetail22{ width:94%;}

    .line{ margin: 1% auto;}
	
}



/*Styles for screen 960px-1200px,主要为了小屏浏览器 */
@media screen and (min-width: 960px) and (max-width: 1200px) {
	
	
}
/*Styles for screen 768px-959px 主要是平板横屏显示*/
@media screen and (min-width: 768px) and (max-width: 959px) {
	.logo{ margin: 2% 1%; }
	.mune{ width:10%; float:right; margin:5% 1% 0 0; display:block; cursor: pointer;}
	.header_txt{background:#23487F;}
	.header_tel{ display:none;}
	.nav_bg{ width:100%; height:auto; display:none; position:relative;}
	.nav{ width:100%; height:auto; display: none;}
	.nav li{ width:100%;}

	.product ul li{ width: 48%; margin: 0.5%;}
	.product ul li img{ width: 100%;}
	.abouts_txt img{ width: auto;}
	.choose_title img{ width: 100%; margin-left: 0;}

	.anli dl dt{ width: 100%;}
	.anli dl dd{ width: 50%;}

	.pro_r_wz { width: 313px;}

	.abouts_content > img{ display: none;}

	.picScroll-left .bd{ height: auto;}
	.picScroll-left .bd ul li{ width: 33.33%; margin: 0%;}
	.picScroll-left .bd ul li a{ display: block; width: 99%; margin: 0 0.5%;}
	.picScroll-left .hd{ margin: 20px auto;}

	.product_r_content ul li{ width:31.3%; height:auto; float:left; margin:1%;}


	.footers ul li p img{ width:15%; margin:1% auto; display:block;}
	
	/*新闻列表页*/
	.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 img{ display:block;}
	
	
	.ny_pro_content ul li{ width:30.4%; height:auto; float:left; margin:1%;}
	.ny_prodetail_txt img{ width:auto; height:100%; margin:0px auto; float:none; display:block;}
}

/*Styles for screen 480px-767px,主要是手机横屏和平板竖屏显示*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.logo{ width: 80%; height: auto; margin: 2% 1%;}
	.mune{ width:10%; float:right; margin:6% 1% 0 0; display:block; cursor: pointer;}
	.header_txt{background:#23487F;}
	.header_tel{ display:none;}
	.nav_bg{ width:100%; height:auto; display:none; position:relative;}
	.nav{ width:100%; height:auto; display: none;}
	.nav li{ width:100%;}

	.sy_title2{ width: 90%; transform: scale(2);}
	.sy_title img,.sy_title2 img{ float: none; }

	.huoban_content img{ width: auto; display: block; margin: 0px auto;}

	.product ul .pro_title{ height: auto; }
	.product ul .pro_title img{ width: 60%; display: block; margin: 0px auto;}

	.shili ul li{ width: 50%; margin: 1% 0;}
	.shili ul li:nth-child(2){ background: none;}
	/*.shili ul li img{ width: 100%;}*/
	.shili ul li img{ width: 40%; margin: 0px auto;}

	.anli_title{ width: 100%; background: #0a915c;}
	.anli_title img{ width: 50%;}

	.product ul li{ width: 100%; height: auto;}
	.product ul li img { width: 100%; height: auto; }

	.abouts_txt{ background-size: cover;}

	.youshi_txt ul li{ float: left; width: 50%; height: auto; }

	.picMarquee-left{ width:100%;  margin: 40px auto 0px; }
	.picMarquee-left .hd{ display: none;}
	.picMarquee-left .bd ul li{ width: 50%; }

	.picScroll-left .bd{ height: auto;}
	.picScroll-left .bd ul li{ width: 50%; margin: 0%;}
	.picScroll-left .bd ul li a{ display: block; width: 99%; margin: 0 0.5%;}
	.picScroll-left .hd{ margin: 20px auto;}

	.txtScroll-left .bd ul li{ width: 100%;}

	.footers ul li p img{ width:18%; margin:1% auto; display:block;}

    .ny_news_content dl dt img{ margin: 0px auto; float: none; display: block;}
}

@media only screen and (min-width: 480px) and (max-width: 525px) {
	.news_txt2 a{ margin: 0;}
}



/*479px,主要是手机竖屏显示*/
@media only screen and (max-width : 479px) {
	.logo{ width: 80%; height: auto; margin: 3% 1%; }
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:5% 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%; height: auto;}
	.rmgjc_bg{ height: auto;}
	.rmgjc{ width:100%; height: 40px; margin: 2% 0; overflow: hidden;}
	.suosuo{ display:none;}

	.sy_title{ width: 60%; margin: 0 auto;}
	.sy_title img,.sy_title2 img{ width: 100%; }

	.product ul .pro_title{ height: auto; }
	.product ul .pro_title img{ width: 60%; display: block; margin: 0px auto;}

	.shili ul li{ width: 50%; margin: 1% 0;}
	.shili ul li:nth-child(2){ background: none;}
	/*.shili ul li img{ width: 100%;}*/
	.shili ul li img{ width: 40%; margin: 0px auto;}

	.anli_title{ width: 100%; background: #0a915c;}
	.anli_title img{ width: 50%;}

	.product ul li{ width: 100%; height: auto;}
	.product ul li img { width: 100%; height: auto; }
	.abouts_txt h2{ margin-left: 18px;}


	.youshi_txt ul li{ float: left; width: 50%; height: auto; }

	.anli_fl img{ width: 100%;}

	.txtScroll-left .bd ul li{ width: 100%;}

	.youshi_title img{width: 100%;}


	.picMarquee-left{ width:100%;  margin: 20px auto 0px; }
	.picMarquee-left .hd{ display: none;}
	.picMarquee-left .bd ul li{ width: 50%; }
	.picMarquee-left .bd p{ margin-top: 30px;}

	.picScroll-left .bd ul li{ width: 50%;}
	.picScroll-left .bd ul li .title a{ display: none;}

	
	.daohang span{ display:none;}
	.daohang p{ float:left;}

	
	.ny_main_r_content ul{ width:100%; height:auto; margin:0px auto; overflow:hidden;}
	.ny_main_r_content ul li{ width:90%; height:auto; float:none; margin:20px auto 0px; overflow:hidden;}
	.ny_main_r_content ul li img{ width:100%; height:auto;}

.prodetail22 img,.ny_detailtxt_content img{ width:100%; height:auto;}

	.ny_news_content ul li { width: 95.5%; padding: 3% 2%; margin-bottom: 15px;}
	.ny_news_content ul li span{ display: none;}
	.news_txt2{ width:98%; height:auto; margin-right: 1%;}
	.news_txt2 p{ margin-top:10px;}

	.footers{ display:block;}
	
	.newslist dd span{ display:none}

    .ny_news_content dl dt img{ margin: 0px auto; float: none; display: block;}
	
}
@media only screen and (max-width : 413px){
	.sy_title1 img{ width: 100%;}
}
