/* 自适应

-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1004px){ 
    .header{ max-height: 100%;}
	.headermain{width: 100%;}
	.logo{ margin-top: calc(40px - 0.5vw);width: 33%;}
	.logo img{ max-width: 100%;width: 100%;}
	.tel{ background-position: 10px 50px; width: 25%;background-size: 100%;}
	.kfoutbox{ display: none;}
	

	.menu ul{    display: flex; width: 100%}
	.menu li{    flex-grow: 1;width: calc((100% - 93px) / 7); height: calc(100% - 136px);}
	.menu li a{ font-size: 14px;}
	.menu{ height:30%;}
	.www51buycom ul li img { width: 100% !important;height: calc(100vw - 10%) !important;}

	.banner{width: 100% !important; height: 100%;}
	.www51buycom{width: 100% !important;height: 30vw;}
	.www51buycom ul{width: 100% !important;}
	.www51buycom ul li{width: 100% !important;}
	.num ul li{ display: none;}

	.notice{width: calc(100%);}
	.noticemain{ width: calc(100%);}
	.notice marquee{ width: 90%;}

	#indemo{width: calc(10024%);}
	.pro_area{ width: 100%;}
	.pro_area ul{ width: calc(100%);height: 100%;}
	.main{ width: calc(95%);transition: 0.5s;}
	#demo{width: calc(100%)}
	.proimg{ display: block;width: 95% !important;}
	


	.foot_top{ height: 100%;width: calc(100%);}

	.news{width: 100%; margin-right: 0px;}
	.newslist{width: 100%;margin-top: 40px;}
	.bootTxt{ width: calc(100%); height: 100%;}

	.fyRight{ width: 70%;max-width: 70%;}
	.mainRightMain{ width: 100%;}
	.titleview{width: 100%;}
	.padding25{ width: 90%;}
	.padding25 span{ width: 100%;}
	.padding25 span p{width: 95%;height: 100%;}
	.padding25 span img{width: 50% !important;height: 100% !important;}

	.fyLeft{  width: 25%;}
	.l_pro{ width: 100%; }
	.l_pro_t{ width: 100%;}
	.l_pro_t .fl{text-align: center; width: 100%; padding-left: 0px;font-size: 2vw;}
	.l_promain{width: 100%;}
	.l_procon{width: 100%;}
	.proOne{ width: 100%;}
	.proOne a{text-align: center; width: 100%; padding-left: 0px;font-size: 1.5vw;}
	.l_contact{ width: 100%;}
	.l_contact div img{ width: 100%;}
	.l_contact .l_con{ width: 100%;}
	.l_contact .l_con p{ width: 100% !important;font-size: 0.5vw;}

	.news_list{ width: 100%;}
	.news_list li{ width: 100%;}
	.news_list li a{ width: 90%;}
	.news_list li .floatleft{ width: 57%; font-size: 1.5vw;}
	.news_list li .floatright{ font-size: 1.5vw;}


	.newsview{ width: 100%;}
	.newsview p{ width: 93%;font-size: 0.5vw;}
	.newsview p span{ width: 100%; }

	.pro_list{ width: 100%;}
	.firstRow{ font-size: 2vw;}
}