
/*媒体查询*/
/*当页面大于1200px时*/
@media (min-width: 1200px) {
	.header_m {
		display: none;
	}
	.case .case_list .box:hover {
		margin-top: 15px;
	}
	.footer_m_h {
		display: none;
	}
	.footer_m {
		display: none;
	}
	.pro_list .box:hover .pic {
		padding-top: 80%;
	}
	.pro_list .box:hover .txt {
		height: 115px;
	}
	.pro_list .box:hover .intro {
		display: inline-block !important;
	}
	.pro_list .box:hover h2 {
		margin-top: 10px !important;
	}
	.pro_list .box:hover .more img {
		margin-top: 35px;
	}
}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 1199px) {
	.header_m {
		display: none;
	}
	.company_intro {
		width: 95%;
	}
	.pro_list {
		width: 98%;
	}
	.news_list {
		width: 95%;
	}
	.footer .main_width {
		width: 95%;
		margin: 0 auto;
	}
	.footer_m_h {
		display: none;
	}
	.footer_m {
		display: none;
	}
	.list_pro {
		width: 95%;
		margin: 0 auto;
	}
	.list_case {
		width: 95%;
		margin: 0 auto;
	}
	.index_about {
		width: 95%;
		margin: 0 auto;
	}
	.list_news {
		width: 95%;
		margin: 0 auto;
	}
	.article_pro {
		width: 95%;
		margin: 0 auto;
	}
	.pro_intro .main_width {
		width: 95%;
		margin: 0 auto;
	}
	.pro_jscs .main_width {
		width: 95%;
		margin: 0 auto;
	}
	.pro_next .main_width {
		width: 95%;
		margin: 0 auto; 
	}
	.article_article .main_width {
		width: 95%;
		margin: 0 auto;
	}

}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 991px) {
	.header {
		display: none;
	}
	.header_m {
		display: block;
	}
	.header_m {
		height: 65px;
		text-align: center;
		color: #fff;
		font-weight: normal;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
		background: url(../image/index_29.png);
	}
	.header_m .logo {
		height: 65px;
		margin-left: 1.8%;
		display: inline;
		float: left;
		margin-left: 25%;

	}
	.header_m .logo img {
		height: 35px;
		margin-top: 15px;
		display: inline-block;
	}
	.header_m .flbox {
		float: right;
		display: inline;
		height: 65px;
		cursor: pointer;
	}
	.header_m .flbox img {
		height: 100%;
	}
	#sideMenuContainer {
	  background: url(../image/index_29.png);
	  height: 100%;
	  padding: 10px;
	  position: fixed;
	  top: 65px;
	  right: -150px;
	  width: 150px;
	  z-index: 4;
	}
	#sideMenuContainer > a {
	  display: block;
	  padding: 10px;
	  color: #fff;
	  font-size: 17px;
	}
	.search .search_left {
		display: none;
	}
	.case .case_list .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.pic_list .con {
		width: 80%;
	}
	.pro_center .con {
		width: 80%;
	}
	.index_about .pic {
		width: 50%;
	}
	.case .case_list .box .pic img {
		height: 30vw;
	}
	.welcome {
		display: none;
	}
	.left_cont {
		width: 100% !important;
	}

}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 767px) {
	.common_top h2 {
		font-size: 40px;
	}
	.common_top h3 {
		font-size: 22px;
	}
	.pro_list .box {
		width: 47%;
		margin-right: 1.5%;
		margin-left: 1.5%;
		margin-top: 40px;
	}
	.pro_list .box:nth-child(3n) {
		margin-right: 1.5%;
	}
	.pic_list .con {
		width: 75%;
	}
	.news_list .left {
		width: 100%;
	}
	.news_list .right {
		display: none;
	}
	.footer {
		display: none;
	}
	.footer_m_h {
		display: block;
	}
	.footer_m {
		display: block;
	}
	.list_pro .box {
		width: 48%;
	}
	.list_case .box {
		width: 48%;
	}
	.pro_center .con {
		width: 72%;
	}
	.list_news .pic {
		width: 40%;
		margin-right: 4%;
	}
	.pro_intro .pic img {
		width: 47%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.list_case .box .pic img {
		height: 35vw;
	}
}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	.search_word {
		display: block;
		text-align: center;
	}
	.search_box {
		display: block !important;
		text-align: center;
	}
	.common_top h2 {
		font-size: 30px;
	}
	.common_top h3 {
		font-size: 22px;
	}
	.pro_list .box {
		width: 95%;
		margin-right: 2.5%;
		margin-left: 2.5%;
		margin-top: 30px;
	}
	.case .case_list .box {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.company_intro .pic {
		width: 100%;
	}
	.pic_list .con {
		width: 72%;
	}
	.news_list .left .other ul li {
		width: 100%;
		border-right: none;
	}
	.news_list .left .other ul li:nth-child(2n) a {
		float: left;
	}
	.news_list .left .nav li {
		width: 30%;
	}
	.footer {
		display: none;
	}
	.footer_m_h {
		display: block;
	}
	.footer_m {
		display: block;
	}
	.list_pro .box {
		width: 95%;
		margin-left: 2.5%;
	}
	.list_case .box {
		width: 95%;
		margin-left: 2.5%;
	}
	.pro_center .con {
		width: 62%;
	}
	.index_about .pic {
		width: 100%;
	}
	.contact .contact_us span {
		font-size: 18px !important;
	}
	.pages {
		display: none !important;
	}
	.pages_m {
		display: block !important;
	}
	.pcdes {
		display: none !important;
	}
	.wapdes {
		display: block !important;
	}
	.article_pro {
		width: 95%;
		margin: 0 auto;
	}
	.article_pro .description_left {
		display: none;
	}
	.pro_left {
		display: block !important;
	}
	.pro_left img {
		width: 100%;
	}
	.article_pro .description_right {
		margin-top: 20px;
	}
	.article_pro .description_right h2 {
		text-indent: 5px;
	}
	.article_pro .description_right .right_txt .right_content {
		width: 100%;
	}
	.article_pro .description_right .call {
		margin: 0 auto;
	}
	.list_case .box .pic img {
		height: 65vw;
	}
	.case .case_list .box .pic img {
		height: 50vw;
	}
}