@charset 'utf-8';
/*媒体查询*/
/*当页面大于1200px时*/
@media (min-width: 1200px) {
	.rolling_nav {
		padding: 0px;
	}
	.rolling_nav ul li a {
		font-size: 24px;
	}
	.rolling_nav .left,
	.rolling_nav .right {
		display: none;
	}
	.full_nav {
		display: block;
	}
	.rolling_nav {
		display: none;
	}
}
/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 1199px) {
	.header .top {
		width: 95%;
		margin: 0 auto;
	}
	.search {
		width: 95%;
		margin: 0 auto;
	}
	.rolling_nav ul li a {
		font-size: 22px;
	}
	.top_title {
		width: 40% !important;
	}
	.full_nav {
		display: none;
	}
	.rolling_nav {
		display: block;
	}
	.real_cases .list .small_pic .txt {
		font-size: 18px;
	}
	.advantages .txt p {
		width: 90%;
	}
	.cont_way .list .item .pic {
		width: 100%;
		padding-top: 100%;
	}
	.news_center .main_width {
		width: 95%;
		margin: 0 auto;
	}
	.footer .main_width {
		width: 95%;
	}
	.about {
		width: 95%;
		margin: 0 auto;
	}
	.position {
		width: 95%;
	}
	.culture .list .box p {
		width: 95%;
		margin: 0 auto;
	}
	.advantage {
		width: 95%;
	}
	.contact {
		width: 95%;
		margin: 0 auto;
	}
	.knowledge {
		width: 95%;
		margin: 0 auto;
	}
	.know_list {
		width: 95%;
		margin: 0 auto;
	}
	.pro {
		width: 95%;
	}
	.content {
		width: 95%;
		margin: 0 auto;
	}
	.honor .list {
		max-width: 90%;
		overflow: hidden;
	}
}
/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 991px) {
	.header .nav ul li a {
		font-size: 16px;
		padding: 0px 3px;
	}
	.header .top .qq,
	.header .top .wetchart,
	.header .top .sitemap {
		display: none;
	}
	.header .top .phone {
		font-size: 18px;
	}
	.search .hot_word {
		display: none;
	}
	.rolling_nav ul li a {
		font-size: 20px;
	}
	.top_title {
		width: 50% !important;
	}
	.product_center .list .box {
		width: 31.3%;
		margin-right: 1%;
		margin-left: 1%;
	}
	.pro .list .box {
		width: 31.3%;
		margin-right: 1%;
		margin-left: 1%;
	}
	.real_cases .list .small_pic .txt {
		font-size: 16px;
	}
	.advantages .txt h2 {
		font-size: 24px;
	}
	.advantages .txt p {
		font-size: 18px;
	}
	.onjc .list .box {
		width: 24%;
		margin-left: 0.5%;
		margin-right: 0.5%;
	}
	.contact .right .phone {
		font-size: 25px;
	}

}
/*小于767像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 767px) {
	.header .top {
		display: none;
	}
	.header .nav_bg,
	.header .nav {
		display: none;
	}
	.header_m {
		display: block;
		width: 100%;
		position: fixed;
		z-index: 9999;
		top: 0px;
	}
	.header .banner {
		margin-top: 55px;
	}
	.rolling_nav ul li a {
		font-size: 18px;
	}
	.top_title {
		width: 60% !important;
	}
	.real_cases .big_pic {
		width: 100%;
	}
	.real_cases .list {
		width: 100%;
	}
	.real_cases .big_pic {
		box-sizing: border-box;
		padding: 1.5%;
	}
	.advantages .txt h2 {
		font-size: 20px;
		line-height: 1.5;
	}
	.advantages .txt p {
		font-size: 16px;
		line-height: 1.5;
	}
	.cont_way .list .item {
		width: 49%;
	}
	.cont_way .list .item .pic {
		padding-top: 60%;
	}
	.cont_way .list .pic .img {
		background-size: 60% !important;
	}
	.news_center .left {
		width: 100%;
		margin-bottom: 20px;
	}
	.news_center .right {
		width: 100%;
	}
	.footer .code_pic {
		width: 95%;
	}
	.footer .msg {
		width: 100%;
	}
	.about .pic {
		width: 100%;
	}
	.about .txt {
		float: left;
	}
	.culture .list .box {
		width: 50%;
	}
	.advantage .box {
		width: 48%;
	}
	.onjc .list .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.case .list .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.case .list .box h2 {
		font-size: 18px;
	}
	.contact .left {
		width: 100%;
		border-right: 0px;
	}
	.contact .right {
		width: 100%;
		padding-left: 0px;
	}
	.knowledge .intro .pic {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.pro .cont .txt {
		width: 100%;
	}
	.position .right {
		line-height: 1.5;
		margin-top: 30px;
	}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	.search .search_box {
		width: 95%;
		margin: 0 auto;
	}
	.search .search_box input {
		width: 80%;
		margin: -1px;
	}
	.search .search_box button {
		width: 20%;
		max-width: 57px;
		margin: -1px;
		top: 13px;
	}
	.search .search_box button img {
		width: 100%;
	}
	.rolling_nav ul li a {
		font-size: 16px;
	}
	.top_title {
		width: 70% !important;
	}
	.product_center .list .box {
		width: 48%;
		
	}
	.pro .list .box {
		width: 48%;
		
	}
	.real_cases .list .small_pic {
		width: 44%;
		height: 33vw;
		margin-right: 1%;
		margin-left: 1%;
	}
	.real_cases .list .small_pic:nth-child(3n) {
		margin-right: 1%;
	}
	.real_cases .list .small_pic .txt {
		height: 5.5vw;
		line-height: 5.5vw;
		font-size: 14px;
	}
	.advantages .pic {
		width: 100%;
	}
	.advantages .txt {
		width: 90%;
	}
	.cont_way .list {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.cont_way .list .item p {
		font-size: 12px;
	}
	.son_typename {
		width: 270px;
		height: 100px;
	}
	.son_typename .ch {
		font-size: 22px;
		top: 25px;
		left: 95px;
	}
	.son_typename {
		margin-top: 0px;
	}
	.son_typename .en {
		font-size: 15px;
		margin-top: 65px;
	}
	.case .list .box h2 {
		font-size: 16px;
	}
	.case ul {
		margin-top: 15px;
	}
	.case ul li {
		margin-left: 5px;
		margin-right: 5px;
	}
	.case ul li a {
		padding: 5px 10px;
	}
	.case .list {
		margin-top: 30px;
	}
	.case .list .box {
		margin-bottom: 15px;
	}
	.pro ul {
		margin-top: 15px;
	}
	.pro ul li {
		margin-left: 5px;
		margin-right: 5px;
	}
	.pro ul li a {
		padding: 5px 10px;
	}
	.pro .list {
		margin-top: 30px;
	}
	.pro .list .box {
		margin-bottom: 15px;
	}
	.contact .right .r {
		width: 110px;
	}
	.knowledge .intro h2 {
		font-size: 20px;
	}
	.product_center .list .box .txt {
		font-size: 16px;
	}
	.pro .list .box .txt {
		font-size: 16px;
	}
	.gk_right {
		display: none;
	}
	.pro_m_pic {
		display: block;
	}
	.pro .cont .buy .btn {
		width: 150px;
		height: 40px;
		line-height: 40px;
	}
	.pro .cont .buy .btn a {
		font-size: 20px;
	}
	.pro .cont .buy .phone b {
		font-size: 24px;
	}
	.position .right {
		margin-top: 15px;
		width: 64%;
	}
}