@charset 'utf-8';
/*媒体查询*/
/*当页面大于1200px时*/
@media (min-width: 1200px) {

}
/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 1199px) {
	.nav ul li {
		width: 14.28%;
	}
	.search .main_width {
		width: 95%;
	}
	.index_pro {
		margin-top: 60px;
	}
	.index_news .list {
		width: 95%;
		margin: auto;
		margin-top: 40px;
	}
	.footer .main_width {
		width: 95%;
		margin: auto;
	}
	.about .content {
		width: 95%;
		margin: auto;
	}
	.pub_title {
		width: 95%;
		margin-left: 2.5%;
	}
	.information .main .left {
		padding: 20px;
	}
	.contact .main {
		width: 95%;
		margin: auto;
		margin-top: 50px;
	}
	.description {
		width: 95%;
		margin-left: 2.5%;
	}
	.description .description_right {
		width: 42%;
	}
	.shop_show {
		width: 95%;
		margin-left: 2.5%;
	}
	.article_article {
		width: 95%;
		margin: auto;
	}
}
/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 991px) {
	.nav ul li {
		width: 14.28%;
	}
	.index_pro .list .box .img_box .more {
		width: 30px;
    	height: 30px;
    	margin-left: -15px;
    	margin-top: -40px;
	}
	.index_about {
		background: none;
		margin-top: 0px;
		padding-top: 30px;
	}
	.index_news .list .box {
		width: 100%;
	}
	.footer .wetchart {
		width: 200px;
		height: 200px;
	}
	.idea .list .box {
		width: 50%;
	}
	.idea .list .box {
		height: 300px;
	}
	.idea .list .box img {
		width: 50px;
		height: 50px;
	}
	.idea .list .box .tit {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.contact .main .left {
		width: 100%;
	}
	.contact .map {
		width: 100%;
		margin-top: 30px;
	}
	.pro_img {
		display: block;
	}
	.description .description_left {
		display: none;
	}
	.description .description_right {
		width: 100%;
		margin-left: 0;
	}
	.quote_list{
		padding: 10px;
		box-sizing: border-box;
	}

}
/*小于767像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 767px) {
	.header {
		display: none;
	}
	.nav {
		display: none;
	}
	.header_m {
		display: block;
	}
	.banner {
		margin-top: 55px;
	}
	.index_pro .list .box {
		width: 48% !important;
	}
	.index_pro .list .box .img_box .title {
		font-size: 16px;
	}
	.search {
		padding-bottom: 10px;
	}
	.search_input {
		width: 100%;
	}
	.search_input form {
		width: 100%;
	}
	.common_title .en {
		font-size: 24px;
	}
	.common_title .ch {
		font-size: 24px;
	}
	.common_title .line {
		font-size: 24px;
	}
	.index_pro {
		margin-top: 40px;
	}
	.index_about .main .left {
		width: 92%;
	}
	.index_about .main .border_right {
		display: none;
	}
	.index_about .main .right {
		width: 92%;
		margin-left: 4%;
	}
	.index_about .main .right .title {
		text-align: center;
		margin-top: 30px;
	}
	.index_about .main .right hr {
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.index_about .more {
		margin: auto;
		margin-top: 30px;
	}
	.index_about .main .right .title .en {
		font-size: 24px;
	}
	.index_about .main .right .title .ch {
		font-size: 24px;
	}
	.index_about2 {
		background: none;
	}
	.index_about2 .box {
		width: 50%;
		border-right: 1px solid #ddd;
	}
	.index_about2 .box:nth-child(2n) {
		border-right: none;
	}
	.index_about2 {
		height: auto;
		padding-top: 0px;
		margin-top: 30px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.index_about2 .box .blue {
		font-size: 35px;
	}
	/*.index_cont {
		height: auto;
	}*/
	.index_cont .list .box {
		width: 98%;
	}
	.index_cont .list .box {
		border-bottom: 1px dashed #ccc;
	}
	.footer {
		display: none;
	}
	.foot_h {
		display: block;
	}
	.myfooter {
		display: block;
	}
	.foot_copy {
		display: block;
	}
	.idea .list .box img {
		margin-top: 25px;
	}
	.idea .list .box .des {
		width: 90%;
	}
	.idea .list .box .des {
		line-height: 1.8;
	}
	.pub_title .en {
		font-size: 24px;
	}
	.pub_title .ch {
		font-size: 18px;
	}
	.product .list .box {
		width: 48%;
	}
	.product .son_nav {
		margin-top: 30px;
	}
	.information .main .left {
		width: 100%;
	}
	.information .main .right {
		width: 90%;
		margin-left: 5%;
		margin-top: 30px;
	}
	.pos_list .box {
		width: 98%;
	}
	.description .description_right h2 {
		font-size: 18px;
	}
	.crumbs {
		height: 50px;
	}
	.index_pro .list .box .img_box .des{
		display: none;
	}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	.index_about2 .box .blue {
		font-size: 30px;
	}
	.idea .list .box .des {
		width: 95%;
	}
	.idea .list .box .des {
		line-height: 1.5;
	}
	
}