﻿@media screen and (max-width:1400px) {
	#about-advantage .advantage-des {
	height:200px
}
}@media screen and (max-width:1300px) {
	#header .header-nav a {
	margin:0 10px
}
#about-advantage .advantage-des {
	height:250px
}
}@media screen and (max-width:1200px) {
	#header {
	padding:0 15px
}
#header .header-btn span {
	display:none
}
}@media screen and (max-width:991px) {
	.scroll-bar {
	overflow-x:scroll
}
.m-b-130 {
	margin-bottom:30px
}
.m-b-90 {
	margin-bottom:30px
}
.m-b-80 {
	margin-bottom:30px
}
.m-b-60 {
	margin-bottom:20px
}
.m-b-50 {
	margin-bottom:20px
}
body {
	padding-top:70px
}
#header {
	padding:0;
	background:#000
}
#header .header-btn {
	display:none
}
#header .header-nav {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	background:rgba(0,0,0,0.9);
	display:none
}
#header .header-nav a {
	display:block;
	color:#fff;
	line-height:60px;
	border-bottom:1px solid rgba(255,255,255,0.2)
}
#footer .footer-top {
	padding:30px 0
}
#footer .footer-center {
	padding-top:30px;
	padding-bottom:30px
}
#footer .row>div {
	margin-bottom:20px
}
#footer .footer-bottom .to-top {
	display:none
}
#right-fixed {
	display:none
}
#right-mobile {
	display:block
}
#recommend .left-content {
	padding-top:30px
}
#recommend .left-content .content-title {
	margin-bottom:30px
}
#recommend .left-content .swiper-container {
	padding-bottom:0px
}
#recommend .left-content .swiper-container .swiper-pagination {
	bottom:10px
}
#recommend .recommend-right .right-content {
	padding:20px 15px
}
#simple ul {
	margin-left:-15px;
	margin-right:-15px
}
#case .case-list {
	margin-left:-15px;
	margin-right:-15px
}
#news-list .news-list li {
	padding-bottom:30px;
	margin-bottom:30px
}
.news-right {
	margin-top:40px;
	padding-left:15px
}
#about-advantage {
	padding:30px 0
}
#about-advantage .advantage-des {
	height:150px
}
#about-advantage .row>li {
	margin-bottom:30px
}
#contact .form-top li {
	margin-bottom:20px
}
#contact .form-top .contact-title {
	font-size:3rem
}
}@media screen and (max-width:768px) {
	#header .header-logo span {
	display:none
}
#footer .footer-top .top-content {
	padding-right:0
}
#footer .footer-top .top-content .top-btn {
	position:static;
	margin-top:20px
}
#service .service-item {
	margin-bottom:20px
}
#about-advantage .advantage-des {
	height:auto
}
#contact .form-container {
	padding:15px 10px
}
.input-item.row>div:first-child {
	margin-bottom:20px
}
}@media screen and (min-width:789px) {
	#pictures {
	display:none;
}
}@media screen and (max-width:788px) {
	#banner .swiper-slide {
	height:auto !important;
}
}@media screen and (max-width:1000px) {
	.right-bar {
	padding-top:40px;
}
}@media screen and (max-width:971px) {
	#top .center-box {
	margin-top:-50px;
}
}@media screen and (max-width:1400px) {
	#about-advantage .advantage-des {
	height:200px
}
}@media screen and (max-width:1300px) {
	#header .header-nav a {
	margin:0 10px
}
#about-advantage .advantage-des {
	height:250px
}
}@media screen and (max-width:1200px) {
	#header {
	padding:0 15px
}
#header .header-btn span {
	display:none
}
}@media screen and (max-width:991px) {
	.scroll-bar {
	overflow-x:scroll
}
.m-b-130 {
	margin-bottom:30px
}
.m-b-90 {
	margin-bottom:30px
}
.m-b-80 {
	margin-bottom:30px
}
.m-b-60 {
	margin-bottom:20px
}
.m-b-50 {
	margin-bottom:20px
}
body {
	padding-top:70px
}
#header {
	padding:0;
	background:#000
}
#header .header-btn {
	display:none
}
#header .header-nav {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	background:rgba(0,0,0,0.9);
	display:none
}
#header .header-nav a {
	display:block;
	color:#fff;
	line-height:60px;
	border-bottom:1px solid rgba(255,255,255,0.2)
}
#footer .footer-top {
	padding:30px 0
}
#footer .footer-center {
	padding-top:30px;
	padding-bottom:30px
}
#footer .row>div {
	margin-bottom:20px
}
#footer .footer-bottom .to-top {
	display:none
}
#right-fixed {
	display:none
}
#right-mobile {
	display:block
}
#recommend .left-content {
	padding-top:30px
}
#recommend .left-content .content-title {
	margin-bottom:30px
}
#recommend .left-content .swiper-container {
	padding-bottom:0px
}
#recommend .left-content .swiper-container .swiper-pagination {
	bottom:10px
}
#recommend .recommend-right .right-content {
	padding:20px 15px
}
#simple ul {
	margin-left:-15px;
	margin-right:-15px
}
#case .case-list {
	margin-left:-15px;
	margin-right:-15px
}
#news-list .news-list li {
	padding-bottom:30px;
	margin-bottom:30px
}
.news-right {
	margin-top:40px;
	padding-left:15px
}
#about-advantage {
	padding:30px 0
}
#about-advantage .advantage-des {
	height:150px
}
#about-advantage .row>li {
	margin-bottom:30px
}
#contact .form-top li {
	margin-bottom:20px
}
#contact .form-top .contact-title {
	font-size:3rem
}
}@media screen and (max-width:767px) {
	#header .header-logo span {
	display:none
}
#footer .footer-top .top-content {
	padding-right:0
}
#footer .footer-top .top-content .top-btn {
	position:static;
	margin-top:20px
}
#service .service-item {
	margin-bottom:20px
}
#about-advantage .advantage-des {
	height:auto
}
#contact .form-container {
	padding:15px 10px
}
.input-item.row>div:first-child {
	margin-bottom:20px
}
}@media screen and (min-width:789px) {
	#pictures {
	display:none;
}
}@media screen and (max-width:788px) {
	#banner .swiper-slide {
	height:auto !important;
}
}@media screen and (max-width:1000px) {
	.right-bar {
	padding-top:40px;
}
}@media screen and (max-width:971px) {
	#top .center-box {
	margin-top:-50px;
}
}