@media only screen and (max-width:760px) {
	.company h3,.case h3 a,.news h3,.contact h3 {
		text-indent: 18px;
		font-size: 34px;
	}

	.case h3 a,.news h3,.contact h3 {
		line-height: 110px;
	}

	.company h3 {
		line-height: 140px;
	}

	.contact h5 {
		padding-left: 18px;
	}

	footer address p {
		padding-left: 18px;
	}

	.contact-map {
		margin-left: 18px;
		margin-right: 18px;
	}

	.job-top {
		margin: 0 18px;
	}

	.news-article-title {
		padding: 0 18px 18px;
	}

	.news-pages {
		padding: 0 18px 0 0;
	}

	.news-article {
		padding: 18px 18px 0;
	}

	.service-content .friend {
		margin: 30px 18px 0 18px;
	}

	.service-view-bg h3 {
		padding: 30px 0 0 18px;
	}

	.service-view-bg p.p1 {
		padding-left: 18px;
	}

	.extend {
		margin: 50px 18px 0;
	}

	.company ul {
		padding-top: 6%;
	}

	.company ul li {
		width: 27%;
		padding: 0 6.5% 6% 0;
	}

	.contact h3 {
		line-height: 110px;
	}

	.contact ul li {
		padding: 0 0 0 20px;
	}

	.contact .move_menu {
		left: 20px;
	}

	.contact-content span {
		display: block;
	}

	.content-banner h3 {
		font-size: 22px;
	}

	.content-banner h4 {
		font-size: 20px;
	}

	.content-banner p {
		font-size: 16px;
	}

	.extend-con-plan img {
		width: 84%;
		float: left;
		margin: 10px 8% 30px;
	}

	.extend-con-plan ul {
		width: 84%;
		margin: 0 8%;
		overflow: hidden;
	}

	.extend-con-plan ul li {
		width: 100%;
		text-align: left;
		height: 30px;
	}

	.extend-con-plan h5 {
		margin: 0 8%;
	}

	.site-content .site-con2 ul {
		width: 420px;
	}

	.mobile-con1 ul {
		width: 90%;
	}

	.c3d h5 {
		padding: 0 18px;
	}

	.c3d h6 {
		padding: 0 18px;
	}

	.c3d strong {
		padding: 0 18px;
	}

	.c3d em {
		padding: 18px;
	}

	.c3d p {
		padding: 0 18px 5px;
	}

	.case-sm .mask-point {
		margin: -21px 0 0 -21px;
		left: 50%;
		top: 50%;
	}

	.content-banner .banner-title {
		top: 15%
	}

	.content-banner .moblie-banner-title {
		top: 28% !important
	}

	.content-banner .extend_title {
		top: 30% !important
	}

	.content-banner .title_3d {
		top: 30% !important
	}
}

@media only screen and (max-width:655px) {
	header {
		height: 70px;
		overflow: hidden;
	}

	header h1 {
		width: 70px;
		background-position: -244px -10px;
	}

	header nav {
		display: none;
	}

	header .contact-info {
		display: none;
	}

	.top-banner {
		top: 16px;
		left: 94px;
		display: block;
	}

	.top-banner i.ico1 {
		display: none;
	}

	.btn-nav-bar {
		display: block;
	}

	.case-list li {
		width: 35%;
		margin-left: 10%;
	}

	.news-article-title {
		padding-bottom: 15px;
	}

	.news-article-title h3 {
		width: 60%;
		font-size: 18px;
	}

	.news-article-title .news-pages {
		width: 40%
	}

	.about-content h3 {
		font-size: 32px;
		font-weight: 100;
	}

	.about-content h3 {
		width: 100%;
		padding: 5% 18px 0 18px;
		float: left;
		display: block;
	}

	.about-con {
		margin: 0 auto;
		width: 93%;
		padding-left: 18px;
		padding-right: 18px;
	}

	.contact {
		height: 400px;
	}

	.contact form {
		margin-left: 8%
	}

	.contact_city form {
		display: none
	}

	.contact-article {
		display: none;
	}

	.contact .contact-detail {
		width: 55%
	}

	.contact_city .contact-detail {
		width: 70%
	}

	.contact h5 {
		font-size: 28px;
		font-weight: 100;
	}

	.contact h5 {
		width: 92%;
		padding: 3% 4% 0 18px;
		float: left;
		display: block;
	}

	.service h3,.service strong {
		text-align: left;
	}

	.service-content .friend li {
		width: 24%;
	}

	.extend ul li {
		width: 50%;
	}

	.extend-con pre {
		right: 19%;
	}

	.extend-pic3 {
		right: 30%;
	}

	.mobile-con1 ul {
		width: 100%;
	}

	.mobile-con1 ul li {
		width: 65%;
		margin: 0 0 0 15%;
		height: 50px;
	}

	.mobile-con1 ul li p {
		width: 80%;
	}

	.site-content .site-con1 ul li {
		width: 40%;
		margin: 0 0 50px 6.66%;
	}

	.site-content .site-con1 ul li span {
		right: 35%;
	}

	.site-con2 p,.site-con3 p,.site-con4 p,.site-con5 p {
		width: auto;
	}

	.site-tech {
		padding-left: 10%;
	}

	.visual1 .visual-con div {
		width: 100%;
		margin-top: -30px;
		min-height: 230px;
	}

	.visual1 .visual-con h3 {
		padding-top: 35px;
	}

	.visual1 .visual-con div.visual-con-left {
		margin-top: 0px;
	}

	.visual3 ul {
		padding: 0;
		width: 100%
	}

	.visual3 ul li,.visual4 ul li {
		width: 88%;
		margin: 20px 0 0 6%;
	}

	.shop5-bottom ul li {
		width: 18%;
		height: 110px;
		overflow: hidden;
		padding: 0 1%;
	}

	.case-sm .mask-point {
		margin: 0;
		top: 50%;
		left: 50%;
		margin: -21px 0 0 -21px
	}

	.about .about-con h3 {
		font-size: 28px;
	}

	.about-content h3 {
		font-size: 28px;
	}
}

@media only screen and (max-width:590px) {
	.case-list li {
		width: 40%;
		margin-left: 6.3%;
	}

	.mobile-con2 ul li {
		width: 90%;
		padding-bottom: 20px;
	}

	.mobile-con3 ul li {
		width: 42.5%;
		margin-left: 5%;
	}

	.shop2 ul {
		width: 88%;
	}

	.shop2 ul li {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}

	.shop3 ul {
		width: 88%;
	}

	.shop3 ul li {
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.shop4-top,.shop5-top,.shop6,.shop8-top {
		width: 88%;
	}

	.shop4-con,.shop5-con,.shop6-con,.shop8-con {
		width: 100%;
		margin: 0;
	}

	.content-banner .banner-title {
		position: absolute;
		top: 8%;
		width: 70%
	}

	.content-banner .extend_title {
		top: 30% !important
	}

	.content-banner .title_3d {
		top: 30% !important
	}
}

@media only screen and (max-width:545px) {
	.case h3 {
		height: 14.3%;
	}

	.case h3 a {
		width: 50%;
	}

	.case-lg {
		height: 28.5%;
	}

	.case-sm {
		width: 100%;
		height: 14.3%;
	}

	.case-con {
		width: 50%;
	}

	.case-lg .case-con {
		width: 0%;
	}

	.case-lg-1 {
		top: 14.3%;
		left: 0;
	}

	.case-lg-1 .ico2 {
		display: none
	}

	.case-lg-2 {
		top: 33.4%;
		left: 100%;
	}

	.case-lg-3 {
		top: 66.8%;
		left: 100%;
	}

	.case-sm-1 {
		top: 42.8%;
		left: 0;
	}

	.case-sm-2 {
		top: 57.1%;
		left: 0;
	}

	.case-sm-3 {
		top: 71.4%;
		left: 0;
	}

	.case-sm-3 .fr {
		float: right
	}

	.case-sm-4 {
		top: 85.7%;
		left: 0;
	}

	.case-sm-4 .ico2 {
		display: block
	}

	.case-sm-7 {
		top: 0;
		left: 50%;
	}

	.case-sm-5 {
		top: 0;
		left: 100%;
	}

	.case-sm-6 {
		top: 16.7%;
		left: 100%;
	}

	.case-lg .case-img-wrapper {
		width: 100%;
		height: 100%;
	}

	.company h3 {
		height: 100px;
	}

	.company ul {
		padding: 0;
		padding-top: 12%;
		width: 100%;
	}

	.company ul li {
		width: 26%;
		padding: 0 0 12% 5.5%;
	}

	.company strong {
		display: none;
	}

	.news {
		height: 280px;
	}

	.news h3 {
		width: 100%;
		height: 80px;
		background: #272727;
		position: relative;
		z-index: 200;
	}

	.news-show {
		width: 86%;
		margin-left: 8%;
	}

	.news-list li {
		width: 90%;
		margin-left: 5%;
	}

	.contact {
		height: 430px;
	}

	.contact-article {
		display: none;
	}

	.contact h3 {
		height: 110px;
	}

	.contact ul {
		display: none;
	}

	.contact .move_menu {
		display: none;
	}

	.contact .contact-detail {
		margin: 0 18px 0 18px;
		width: auto;
		clear: left;
		float: none
	}

	.contact h5 {
		width: 87%;
		padding-bottom: 4%;
		padding-top: 8%;
		float: left;
		display: block;
	}

	.service li {
		width: 90%;
		margin-left: 5%;
		height: auto;
	}

	.extend {
		margin-top: 30px;
	}

	.shop1 h3 {
		margin-top: 0px;
	}

	.extend h4 {
		font-size: 22px;
	}

	.service-view .sv1 {
		top: 260px;
		left: 2%;
	}

	.service-view .sv2 {
		top: 380px;
		left: 15%;
	}

	.service-view .sv3 {
		top: 140px;
		left: 30%;
	}

	.service-view .sv4 {
		top: 295px;
		left: 35%;
	}

	.service-view .sv5 {
		top: 150px;
		left: 65%;
	}

	.service-view .sv6 {
		top: 280px;
		left: 70%;
	}

	.about .about-con ul {
		padding: 110px 0 0 0;
	}

	.c3d-left,.c3d-right {
		width: 100%;
	}

	.c3d-left img,.c3d-right img {
		width: 88%;
		margin: 0 18px;
		float: none;
	}

	.extend-pic3 {
		right: 7%;
	}

	footer {
		height: 160px;
	}

	footer address p {
		width: 380px;
		padding-left: 18px;
	}

	footer address .f-photo {
		padding-top: 10px;
		float: left;
		display: block;
	}

	.contact form {
		margin-left: 8%;
		display: none
	}
}

@media only screen and (max-width:520px) {
	.job-content ul li {
		width: 84%;
		margin-left: 8%;
	}

	.service-content .friend li {
		width: 32.5%;
	}

	.mobile-con1 ul li {
		width: 65%;
		margin: 0 0 0 11%;
	}

	.site-content .site-con3 ul {
		width: 210px;
	}

	.site-content .site-con3 ul li {
		width: 80%;
	}

	.shop7 ul {
		width: 230px;
	}

	.content-banner h3 {
		font-size: 18px;
	}

	.content-banner h4 {
		font-size: 16px;
	}

	.content-banner p {
		font-size: 14px;
	}

	.content-banner .banner-title {
		left: 20px;
	}

	#banner .preNext {
		display: none !important
	}

	.case h3 a {
		line-height: 100px;
	}

	.mobile-con3 ul li i {
		margin-top: 6px;
	}
}

@media only screen and (max-width:477px) {
	.case h3 a,.company h3,.news h3,.contact h3 {
		width: 100%;
		font-size: 28px;
		text-indent: 16px;
	}

	.extend ul li {
		width: 100%;
	}

	.extend-con pre {
		padding-top: 50px;
		font-size: 12px;
		right: 19%;
	}

	.content-banner .banner-title {
		top: 5%;
	}

	.content-banner .extend_title {
		top: 25% !important
	}

	.content-banner .title_3d {
		top: 25% !important
	}

	.content-banner h3 {
		font-size: 18px;
	}

	.content-banner h4 {
		font-size: 15px;
	}

	.content-banner p {
		font-size: 13px;
	}

	.contact {
		height: 400px;
	}

	.site-con4 div {
		text-align: center
	}

	.extend-con-mobile {
		height: 405px;
	}

	.site-con-right {
		margin-left: 0px;
		text-align: center
	}

	.news-article-title h3 {
		width: 45%;
		font-size: 18px;
	}

	.news-article-title .news-pages {
		width: 55%
	}
}

@media only screen and (max-width:468px) {
	.news-con-top h4 {
		padding-left: 0px;
	}

	.news-con-top span {
		padding: 0 0 0 0px;
	}

	.news-con-top img {
		display: block;
	}

	.news-show {
		width: 76%;
		margin-left: 12%;
	}

	.news-con-top {
		width: 100%;
	}

	.news-show-list ul li {
		width: 100%;
	}

	.news-select-left {
		right: -10%;
	}

	.news-select-right {
		right: -10%;
	}

	.about-con {
		width: 92%;
	}

	.case-lg-1 .mask-point {
		margin: -21px 0 0 -21px;
		left: 50%;
		top: 50%;
	}
}

@media only screen and (max-width:450px) {
	.company ul {
		padding-top: 5%;
	}

	.company ul li {
		width: 34%;
		padding: 0 0 5% 11%;
	}

	.site-con4 {
		width: 200px;
	}

	.site-con4 div {
		float: inherit;
	}

	.case h3 a {
		line-height: 90px;
	}
}

@media only screen and (max-width:440px) {
	.case-content .filter-btn {
		padding-top: 0px;
		height: auto;
	}

	.case-content .filter-btn ul {
		padding: 0 0 5px 0;
		width: auto;
	}

	.case-content .filter-btn li {
		padding: 0 0 0 18px;
		float: none;
	}

	.news-content .filter-btn {
		height: auto;
		padding-top: 0px;
		border-top: 1px solid #f1f1f1
	}

	.news-content .filter-btn ul {
		padding: 0 0 5px 0;
		width: auto;
	}

	.news-content .filter-btn li {
		padding: 0 0 0 18px;
		float: none;
	}

	.site-content .site-con2 ul {
		width: 250px;
	}

	.visual2 ul li {
		width: 88%;
		margin: 0 0 0 6%;
		float: left;
	}

	.site-tech-right p {
		margin: 0;
		padding-top: 20px;
	}
}

@media only screen and (max-width:400px) {
	.top-banner {
		display: none;
	}

	.case-con h4 {
		padding-top: 5px;
		font-size: 12px;
	}

	.case-con {
		font-size: 11px;
	}

	.service-content .friend li {
		width: 48.6%;
		margin: 0.2%;
	}

	.mobile-con3 ul li {
		width: 80%;
		margin-left: 10%;
	}

	.shop5-bottom ul li {
		width: 33.33%;
		padding: 0;
	}

	.site-tech-right p {
		margin: 0;
	}

	.case-list li {
		width: 80%;
		margin-left: 0;
		margin: 0 auto;
		float: none
	}

	.case-list li img {
		width: 100%;
		height: auto !important;
	}

	.case-list .mask-point {
		margin: 0 !important;
		left: 42%;
		top: 20%
	}
}

@media only screen and (max-width:370px) {
	.contact-content p {
		text-align: left;
		padding-left: 18px;
	}

	.mobile-con1 ul {
		width: 100%;
	}

	.mobile-con1 ul li {
		width: 90%;
		margin: 0 0 0 0;
		height: 50px;
	}

	.case-list ul li i.mask-point {
		margin: 0;
		margin-top: 12%;
		margin-left: 34%;
	}
}

@media only screen and (max-width:355px) {
	.case-list ul {
		width: 234px;
		margin: 0 auto;
	}

	.case-list li {
		width: 234px;
		margin-left: 0;
	}

	.contact-list p {
		text-align: left;
	}

	.contact-list span {
		padding: 0 0 10px 0;
	}

	.mobile-con1 ul li {
		width: 90%;
		margin: 0 0 0 0;
		height: 50px;
	}
}

@media only screen and (max-width:345px) {
	.company ul li {
		width: 42%;
		padding-left: 5.5%;
	}

	.company ul li a {
		font-size: 12px;
	}

	.company ul li a span {
		font-size: 11px;
	}

	.news-list .news-con-top img {
		display: none;
	}

	.news-list .news-con-top h4 {
		padding-left: 20px;
	}

	.news-list .news-con-top span {
		padding-left: 20px;
	}

	.news-list .news-con-top span.news-more {
		position: absolute;
		top: 90px;
	}
}