.menu_and{display: none;}

@media ( max-width : 992px){

	.DivW{width: 100%; min-width: 360px;}
	.head-body .seachBody{  width:280px;}
	.IndexProMain .lefts{ width: 100%; padding-right: 0px;}
	.IndexListBody li .right ul,.IndexListBody li .right .mores{ display: none;}
	.IndexProMain .rights{ display: none;}

	.head{ height: 178px;box-shadow: 0px 2px 4px #dddddd;}
	
	.head .head-top{height: 132px;}
	.head .head-body{ height: 132px; padding-top: 40px;}
	.menuBgs{height: 138px;}
	.p15{ padding-left: 10px; padding-right: 10px;}
	.menuBgs{ height: 188px;}
	.IndexTitle {
		height: 58px;padding-top: 15px;
	}
	.IndexListBody li .right{  padding-left: 15px;}
	.UrlText{ height: 60px; padding-top: 20px;}
	.IndexProMain .ImgGds{ height: 260px;}
	.IndexProMain .ImgGds .imgsDiv{height: 166px;}
	.IndexProMain .ImgGds .imgsDivImg,
	.IndexProMain .ImgGds .imgsDivImg img{ width: 146px; height: 123px;}
	.hdBody{padding-left: 0px; padding-right: 0px; padding-top: 20px;}
	.hdBody li .imgs{width: 150px; height: 150px;}
	
	.IndexLShow .right li,.IndexLShow .right li:nth-child(3n){width: calc((100% - 32px) / 3);}

	}

	

@media ( max-width : 768px){
	.head .headBody{ padding-left: 0px; padding-right: 0px;}
	.head .head-top{height: 68px;}
	.head .head-body{height: auto;}
	.menuBgs{height: 78px;}
	.menu_and {
		display: block;		height: 50px;		width: 35px; padding-right: 10px; 		float: right;		padding-top: 20px;		text-align: center;
	}
	.nav{width:auto; height:36px; }
.nav li{position: relative; width:100%; float: left; padding-right: 30px; line-height: 50px; height: 50px; padding-left: 30px; border-bottom: 1px solid #dddddd; background-color: #fff;}
.nav li a{width: auto; height: 100%;  display:block;font-size: 16px;}
	.logo{ width:1.3rem; padding-left: 10px;}
	.logo img{width:100%; height:auto}
	.head-body{ padding-left: 20px;}
	.head-body .seachBody{  width:208px;}
	.head-main{display: none;}
	.head{ height: 68px;}
	.flash .swiper-pagination{bottom: 6px;}
	.IndexTitle {
		height: 36px;padding-top: 11px;
	}
	.IndexListBody li{ padding-top: 10px; padding-bottom: 15px;}

	.head .head-body{ padding-top: 16px;}
	.IndexListBody li .right{  padding-left: 10px;}
	.IndexProMain .lines span.clickCode,
	.IndexListBody li .right .coms,
	
	.IndexListBody li .left p{display: none;}
	.IndexListBody li .left{width: 100px;}
	.IndexListBody li .left img{ max-width: 100px; max-height: 100px;}
	.IndexListBody li .right{width: calc(100% - 100px);}

	.IndexListBody li .right .title{line-height: 24px;}
	.IndexProMain .lines{ line-height: 42px;}
	.footer,
	.footer .bodys{height: auto;}
	.footer .bodys .left{height: auto;}
	.footer .bodys .selectBody{display: none;}
	.footer .bodys .left,.footer .bodys .right{width: 100%; height: auto; padding: 0px;}
	.footer .bodys .left .menuBottom{ height: auto;}
	.footer .bodys .right{ padding-bottom: 15px;}
	.dlmailInput{ width: calc(100% - 50px);}

	.UrlText {
		height: 40px;	padding-top: 0px;
	}
	.IndexProMain .Coms{ padding-top: 30px; height: 160px;}
	
	.IndexProMain .ImgGds .titles{ height: 46px; line-height: 46px;}
	.IndexProMain .ImgGds {
		height: 255px;
	}
	.IndexProMain .ImgGds .imgsDiv{width: 33.33%;padding-right: 10px;}
	
	.hdBody li {width: 33.33%; }
	.IndexLShow .right li:nth-child(3n),
	.IndexLShow .right li{width: calc((100% - 5px) / 2); height: 238px; padding-right: 5px;}
	.IndexLShow .right li:nth-child(2n){ padding-right: 0px;}
	.IndexLShow .right li .imgsTitle{width: 100%; }
	.IndexLShow .right li .imgs img {
    max-width: 124px; max-height: 104px;
}
	}	



	@media ( max-width : 650px){
	
		.IndexLShow .right li .libody{padding: 5px;}
		.IndexLShow .right li .imgs,
		.IndexLShow .right li .imgsTitle{width: 100%;}
		.IndexLShow .right li .imgs img{ max-width: 128px;}
		.IndexLShow .right li .imgs{padding: 5px;}
		.IndexLShow .right .coms{ padding-top: 0px;}
		.IndexLShow .left{ position: relative;}
		.IndexLShow .left p{ position: absolute; bottom: 0; padding: 0;}
		.IndexLShow .left p a{ width: 100%;  border-radius: 0; background-color: rgba(0, 0, 0, 0.4);}
	}

@media ( max-width : 576px){
	
	.logo{ width:80px;}
	.head .head-body{ padding-left: 10px;}
	.IndexProMain .ImgGds .imgsDiv{width: 50%;}
	.IndexProMain .ImgGds .imgsDiv{height: 146px;}
	.IndexProMain .ImgGds .imgsDivImg,
	.IndexProMain .ImgGds .imgsDivImg img{ width: 120px; max-height: 100px;}
	.IndexProMain .ImgGds {
		height: 240px;
	}
	.IndexProMain .hbodys,
	.IndexProMain .hbodys .seachBody{width: 100%;}
	.IndexLShow{ padding-top: 5px;}
	.IndexLShow .left,.IndexLShow .right{width: 100%;}
	.IndexLShow .right{ padding-left: 0px; padding-top: 20px;}
	.hdBody{ padding-left: 7px; padding-right: 7px;}
	.hdBody li {width: 50%; padding-left: 3px; padding-right: 3px; padding-bottom: 6px; }
	.hdBody li .imgs{width: 130px; height: 130px;}
	
	}



@media ( max-width : 480px){
	
	.head-body .seachBody{ padding-left: 28px; width: 196px;}
	.IndexProMain .ImgGds {
		height: 220px;
	}
	.IndexProMain .ImgGds .imgsDivImg,
	.IndexProMain .ImgGds .imgsDivImg img{ width: 110px; max-height: 92px;}

	}