@media only screen and (max-width: 1200px) {


	.wrap {
		width: 100%;
		max-width: 100%;
	}

	.header {
		height: 50px;
		z-index: 105;
	}

	.header .logo {
		width: 100px;
		height: 20px;
		margin-top: 15px;
		margin-left: 10px;
	}

	.header .searchBox {
		margin-right: 50px;
		margin-top: 0px;
	}

	.header .searchBox .searchBtn {
		width: 50px;
		height: 50px;
	}

	.header .searchBox .searchBar {
		width: 100%;
		height: 50px;
		position: fixed;
		right: 0px;
		top: 0px;
		z-index: 101;
	}

	.header .searchBox .searchBar .inpu {
		width: 100%;
		height: 46px;
		padding-right: 52px;
		box-sizing: border-box;
	}

	.header .searchBox .searchBar .inpu input {
		height: 46px;
		line-height: 46px;
	}

	.header .searchBox .searchBar .btn {
		width: 50px;
		height: 46px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
	}

	.header .menuBtn {
		width: 50px;
		height: 50px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 3;
	}

	.header .menuBtn span {
		width: 32px;
		height: 3px;
		background: #000;
		border-radius: 2px;
		position: absolute;
		left: 9px;
		top: 23px;
		z-index: 2;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-ms-transition: 0.8s;
		-o-transition: 0.8s;
	}

	.header .menuBtn span.line1 {
		top: 12px;
	}

	.header .menuBtn span.line3 {
		top: 34px;
	}

	.header .nav {
		width: 200px;
		float: right;
		position: fixed;
		right: -200px;
		top: 0;
		bottom: 0;
		z-index: 105;
		background: #fff;
		margin: 0;
		padding: 0;
		overflow: scroll;
	}

	.header .nav .tit {
		display: block;
		font-size: 40px;
		font-weight: bold;
		color: #000;
		text-align: center;
		padding: 30px 0;
		box-sizing: border-box;
	}

	.header .nav>ul>li {
		float: none;
		margin: 0px;
		position: relative;
	}

	.header .nav>ul>li:hover a,
	.header .nav>ul>li>a {
		width: 100%;
		height: 60px;
		line-height: 60px;
		font-size: 14px;
		color: #333333;
	}

	.header .nav>ul>li.on>a:after,
	.header .nav>ul>li:hover>a:after,
	.header .nav>ul>li>a:after {
		display: none;
	}

	.header .nav>ul>li.now>a:after {
		display: block;
	}

	.header .nav>ul>li:hover {
		background: #fff;
	}

	.header .nav>ul>li.now,
	.header .nav>ul>li.on {
		background: #e50115;
	}

	.header .nav>ul>li.now a,
	.header .nav>ul>li.on a {
		color: #fff;
	}

	.header .nav li .sub {
		width: 100%;
		min-width: 100%;
		position: static;
		background: #eee;
		padding: 0 10px;
		transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		box-sizing: border-box;
	}

	.header .nav li .sub li {
		width: 100%;
		border-bottom: solid 1px #ddd;
		box-sizing: border-box;
	}

	.header .nav li .sub li a,
	.header .nav li .sub li a:hover {
		width: 100%;
		height: 40px;
		line-height: 40px;
		background: none;
		color: #333333;
		box-sizing: border-box;
	}

	.header.shiftLeft {
		left: -200px;
		z-index: 105;
	}

	.header.shiftLeft .nav {
		right: 0;
	}

	.header.shiftLeft .menuBtn span.line1 {
		top: 23px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}

	.header.shiftLeft .menuBtn span.line2 {
		display: none;
	}

	.header.shiftLeft .menuBtn span.line3 {
		top: 23px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
	}

	.wrapper,
	.header,
	.header .nav {
		transition: 0.4s;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
	}

	#superContainer {
		height: 100%;
		position: relative;
		-ms-touch-action: none;
		/* Touch detection for Windows 8 */
		touch-action: none;
		/* IE 11 on Windows Phone 8.1*/
	}

	.fp-section {
		position: relative;
		-webkit-box-sizing: border-box;
		/* Safari<=5 Android<=3 */
		-moz-box-sizing: border-box;
		/* <=28 */
		box-sizing: border-box;
	}

	.fp-slide {
		float: left;
	}

	.fp-slide,
	.fp-slidesContainer {
		height: 100%;
		display: block;
	}

	.fp-slides {
		z-index: 1;
		height: auto !important;
		overflow: hidden;
		position: relative;
		-webkit-transition: all 0.3s ease-out;
		/* Safari<=6 Android<=4.3 */
		transition: all 0.3s ease-out;
	}

	.fp-section.fp-table,
	.fp-slide.fp-table {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.fp-tableCell {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: auto !important;
	}

	.fp-slidesContainer {
		float: left;
		position: relative;
	}

	.fp-controlArrow {
		position: absolute;
		z-index: 4;
		top: 50%;
		cursor: pointer;
		width: 0;
		height: 0;
		border-style: solid;
		margin-top: -38px;
	}

	.fp-controlArrow.fp-prev {
		left: 15px;
		width: 0;
		border-width: 38.5px 34px 38.5px 0;
		border-color: transparent #fff transparent transparent;
	}

	.fp-controlArrow.fp-next {
		right: 15px;
		border-width: 38.5px 0 38.5px 34px;
		border-color: transparent transparent transparent #fff;
	}

	.fp-scrollable {
		overflow: scroll;

	}

	.fp-notransition {
		-webkit-transition: none !important;
		transition: none !important;
	}

	/*右侧导航点*/
	#fp-nav {
		display: none;
	}

	/*横向幻灯片导航点*/
	.fp-slidesNav {
		bottom: 5px;
	}

	.fp-slidesNav ul li {
		margin: 0 5px;
	}

	.fp-slidesNav ul li a {
		width: 20px;
		height: 2px;
	}

	#dowebok {
		overflow: hidden;
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.section,
	.section1 {
		height: auto !important;
	}

	.section1 .slide img {
		width: 100%;
		display: block;
	}

	#dowebok .columnTitle .tit {
		line-height: 30px;
		font-size: 24px;
	}

	#dowebok .columnTitle .entit {
		line-height: 20px;
		font-size: 18px;
		margin-top: 2px;
	}

	#dowebok .columnTitle .line {
		width: 30px;
		height: 2px;
		margin-top: 0px;
	}

	.section2 {

		padding: 20px 0;
	}

	.section2 .slogan {
		line-height: 24px;
		font-size: 16px;
		margin-top: 10px;
	}

	.section2 .solutionList {
		margin: 20px auto 0 auto;
	}

	.section2 .solutionList li a:hover img {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}

	@media only screen and (max-width: 908px) {
		.section2 .solutionList {
			width: 100%;
			padding: 0 2px;
			box-sizing: border-box;
		}

		.section2 .solutionList li:nth-child(3n+1),
		.section2 .solutionList li {
			width: 33.333%;
			height: auto;
			padding: 0 1px;
			margin-bottom: 2px;
			box-sizing: border-box;
		}

		.section2 .solutionList li .text {
			height: 20px;
			line-height: 20px;
			font-size: 16px;
			margin-top: -20px;
		}

		.section2 .solutionList li .icon {
			height: 22px;
			margin-bottom: -36px;
		}
	}

	@media only screen and (max-width: 600px) {
		.section2 .solutionList ul {
			padding: 10px;
		}

		.section2 .solutionList li:nth-child(3n+1),
		.section2 .solutionList li {
			width: 50%;
		}

		#dowebok .productList ul li {
			width: 90%;
			margin: auto;
		}
	}

	.section3 {
		padding: 20px 0;
	}

	#dowebok .section3 .columnTitle {
		text-align: center;
	}

	#dowebok .section4 .columnTitle {
		text-align: center;
	}

	.section4 {
		padding: 20px 20px 40px 20px;
		box-sizing: border-box;
	}

	.section4 .contont {
		width: 100%;
		max-width: 600px;
		float: none;
		margin: 0 auto;
	}

	.section4 .contont .text {
		line-height: 30px;
		font-size: 18px;
		margin-top: 30px;
	}

	.section4 .contont .text .line {
		height: 2px;
		margin-top: 32px;
	}

	.section4 .contont .list {
		margin-top: 32px;
	}

	.section4 .contont .list li:nth-child(even),
	.section4 .contont .list li {
		width: 100%;
		height: 26px;
		line-height: 26px;
		font-size: 18px;
		padding: 0 0px 0 44px;
		margin-bottom: 20px;
	}

	.section4 .contont .list li span {
		-webkit-line-clamp: 2;
	}

	.section4 .contont .more {
		width: 120px;
		height: 32px;
		line-height: 32px;
		font-size: 16px;
		background: url(../image/section3_more.png) no-repeat right 10px center;
		padding-right: 30px;
		margin-top: 22px;
	}

	.section4 .contont .more:hover {
		background-image: url(../image/section3_more.png);
		background-color: none;
		color: #fff;
	}

	.section4 .services {
		float: none;
		margin: 50px auto 0 auto;
	}

	.section4 .services li:hover .pic img {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
	}



	.section5 {
		padding: 20px 0;
		box-sizing: border-box;
	}

	.section5 .contont {
		overflow: hidden;
		width: 100%;
		max-width: 612px;
		float: none;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
	}

	#dowebok .section5 .columnTitle {
		text-align: center;
	}

	.section5 .contont .text {
		line-height: 30px;
		font-size: 18px;
		margin-top: 20px;
	}

	.section5 .contont .text .line {
		height: 2px;
		margin-top: 22px;
	}

	.section5 .contont .more {
		width: 120px;
		height: 32px;
		line-height: 32px;
		font-size: 16px;
		background: url(../image/section3_more3.png) no-repeat right 10px center;
		padding-right: 30px;
		margin-top: 20px;
	}

	.section5 .contont .more:hover {
		background-image: url(../image/section3_more3.png);
		background-color: none;
		color: #666666;
	}

	.section5 .contont .list {
		margin-top: 30px;
	}

	.section5 .contont .list li .number {
		line-height: 40px;
		font-size: 15px;
	}

	.section5 .contont .list li .number .num {
		font-size: 40px;
	}

	.section5 .contont .list li .txt {
		font-size: 16px;
	}

	.section5 .hand {
		width: 70%;
		max-width: 870px;
		height: auto;
		position: static;
		margin-left: 10%;
		margin-top: 50px;
	}

	@media only screen and (max-width: 600px) {
		.section5 .contont .text {
			line-height: 22px;
			font-size: 14px;
			margin-top: 20px;
		}

		.section5 .contont .text .line {
			height: 2px;
			margin-top: 22px;
		}

		.section5 .contont .more {
			width: 80px;
			height: 28px;
			line-height: 28px;
			font-size: 14px;
			padding-right: 20px;
			margin-top: 20px;
		}

		.section5 .contont .list {
			margin-top: 20px;
		}

		.section5 .contont .list li .number {
			line-height: 30px;
			font-size: 14px;
		}

		.section5 .contont .list li .number .num {
			font-size: 30px;
		}

		.section5 .contont .list li .txt {
			font-size: 14px;
		}

		.section5 .hand {
			float: none;
			width: 70%;
			margin: 20px auto;
			height: auto;
			position: static;
			margin-top: 20px;
		}

	}

	#dowebok .section6 {
		padding: 20px 0 0 0;
	}

	.section6 .clientsList {
		width: 959px;
		margin: 30px auto 0 auto;
		padding-bottom: 20px;
	}

	.section6 .clientsList .swiper-container {
		padding-bottom: 40px;
	}

	.section6 .clientsList .swiper-slide a:hover img {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}

	.section6 .clientsList .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 10px;
	}

	@media only screen and (max-width: 959px) {
		.section6 .clientsList {
			width: 719px;
			margin: 20px auto 0 auto;
		}
	}

	@media only screen and (max-width: 720px) {
		.section6 .clientsList {
			width: 100%;
			padding: 0 20px;
		}

		.section6 .clientsList .swiper-pagination-bullet {
			width: 8px;
			height: 8px;
			margin: 0 5px;
		}
	}

	@media only screen and (max-width: 480px) {
		.section6 .clientsList {
			width: 100%;
			padding: 0 15px;
			box-sizing: border-box;
		}
	}

	.section6 .footer {
		position: static;
	}

	.footer {
		padding-top: 0;
	}

	.footer .tit {
		height: 40px;
		line-height: 40px;
		display: block;
	}

	.footer .link-list {
		float: none;
	}

	.footer .list {
		width: 100%;
		float: none;
		text-align: center;
		border-bottom: solid 1px #1a4d7b;
	}

	.footer .list ul {
		margin-top: 0;
		padding-bottom: 10px;
		display: none;
	}

	.footer .list li a {
		height: 30px;
		line-height: 30px;
	}

	.footer .contact {
		max-width: none;
		float: none;
		text-align: center;
		margin: 20px 0;
	}

	.footer .contact .text {
		max-width: 230px;
		display: inline-block;
		text-align: left;
	}

	.footer .qrcodebox {
		float: none;
		text-align: center;
	}

	.footer .qrcodebox .box {
		float: none;
		display: inline-block;
		margin: 0 5px;
	}

	.footer .bottom {
		margin-top: 20px;
	}

	.footer .copy,
	.footer .record {
		float: none;
		text-align: center;
	}


	/*首页end*/
	.wrapper {
		padding: 50px 0;
		padding-bottom: 0;
	}

	.container .columnMenu {
		height: 40px;
	}

	.container .columnMenu.white {
		display: none;
	}

	.container .columnMenu .crumbs {
		display: none;
	}

	.container .columnMenu .menu {
		width: 100%;
		float: right;
	}

	.container .columnMenu .menu li {
		margin: 0px;
		line-height: 40px;
		text-align: center;
	}

	.container .columnMenu .menu.two li {
		width: 50%;
	}

	.container .columnMenu .menu.three li {
		width: 33.333%;
	}

	.container .columnMenu .menu.four li {
		width: 25%;
	}

	.container .columnMenu .menu.five li {
		width: 20%;
	}

	.container .columnMenu .menu.six li {
		width: 16.66666%;
	}

	.container .columnMenu .menu.seven li {
		width: 14.2857%;
	}

	.container .columnMenu .menu.eight li {
		width: 12.5%;
	}

	.container .columnMenu .menu.nine li {
		width: 11.1111%;
	}

	.container .columnMenu .menu.ten li {
		width: 10%;
	}

	.container .columnMenu .menu li a:hover,
	.container .columnMenu .menu li a {
		color: #666666;
	}

	.container .pagingBox li {
		margin: 0 2px;
	}

	.container .pagingBox li a:hover,
	.container .pagingBox li a {
		background: none;
		color: #757575;
		border: solid 1px #cccccc;
	}

	.newsPage {
		padding-bottom: 30px;
	}

	.newsPage .newsList {
		margin-bottom: 30px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.newsPage .newsList li {
		padding: 14px 0;
	}

	.newsPage .newsList li .pic {
		width: 207px;
		height: 135px;
	}

	.newsPage .newsList li .pic a:hover img {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}

	.newsPage .newsList li .conten {
		padding-left: 20px;
	}

	.newsPage .newsList li .tit {
		line-height: 22px;
		font-size: 18px;
	}

	.newsPage .newsList li .tit a {
		font-size: 18px;
	}

	.newsPage .newsList li .tit a:hover {
		color: #003665;
	}

	.newsPage .newsList li .txt {
		line-height: 20px;
		font-size: 12px;
		margin-top: 8px;
	}

	.newsPage .newsList li .btn {
		width: 100px;
		height: 30px;
		line-height: 30px;
		margin-top: 18px;
	}

	.newsPage .newsList li .btn:hover {
		background: #00396c;
	}

	@media only screen and (max-width: 640px) {
		.link-list {
			display: none;
		}

		.newsPage {
			padding-bottom: 20px;
		}

		.newsPage .newsList {
			margin-bottom: 20px;
		}

		.newsPage .newsList li {
			padding: 20px 0;
		}

		.newsPage .newsList li .pic {
			width: 100%;
			height: auto;
			margin-top: 3px;
			float: none;
		}

		.newsPage .newsList li .conten {
			padding-left: 0;
			margin-top: 5px;
		}

		.newsPage .newsList li .tit {
			font-size: 16px;
		}

		.newsPage .mediacenter li .conten {
			padding-left: 0;
		}

		.newsPage .newsList li .tit a {
			font-size: 16px;
		}

		.newsPage .newsList li .txt {
			line-height: 18px;
			font-size: 12px;
			margin-top: 5px;
		}

		.newsPage .newsList li .btn {
			width: 70px;
			height: 22px;
			line-height: 22px;
			margin-top: 6px;
		}
	}

	.newsPage .newsDetails {
		padding: 20px 14px;
	}

	.newsPage .newsDetails .title {
		padding: 0 0 16px 0;
	}

	.newsPage .newsDetails .title .tit {
		font-size: 18px;
		line-height: 22px;
	}

	.newsPage .newsDetails .title .date {
		font-size: 14px;
		line-height: 18px;
		margin-top: 10px;
	}

	.newsPage .newsDetails .article {
		padding: 14px 0;
	}

	.newsPage .newsDetails .turnPage {
		padding: 10px 0;
	}

	.newsPage .newsDetails .turnPage .next,
	.newsPage .newsDetails .turnPage .prev {
		height: 22px;
		line-height: 22px;
		font-size: 14px;
	}

	.newsPage .newsDetails .turnPage .next a:hover,
	.newsPage .newsDetails .turnPage .prev a:hover {
		color: #a4a4a4;
	}

	@media only screen and (max-width: 600px) {
		.newsPage .newsDetails .title .tit {
			font-size: 16px;
			line-height: 22px;
		}

		.newsPage .newsDetails .title .date {
			font-size: 12px;
			line-height: 14px;
			margin-top: 6px;
		}
	}

	.newsPage .title {
		line-height: 30px;
		font-size: 26px;
		margin-top: 20px;
	}

	.newsPage .videoList {
		margin-top: 20px;
		padding: 0 6px;
		box-sizing: border-box;
	}

	.newsPage .videoList li:nth-child(3n-1),
	.newsPage .videoList li {
		width: 33.33%;
		height: auto;
		padding: 0 6px;
		margin-top: 12px;
		box-sizing: border-box;
	}

	.newsPage .videoList li .pic {
		width: 100%;
		height: auto;
	}

	.newsPage .videoList li .pic:hover img {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}

	.newsPage .videoList li:nth-child(1) {
		padding: 0 6px;
		box-sizing: border-box;
	}

	.newsPage .videoList li:nth-child(1) .pic {
		height: auto;
	}

	@media only screen and (max-width: 600px) {
		.newsPage .title {
			line-height: 24px;
			font-size: 18px;
			margin-top: 10px;
		}

		.newsPage .videoList {
			margin-top: 10px;
			padding: 0 3px;
		}

		.newsPage .videoList li:nth-child(1) {
			padding: 0 3px;
		}

		.newsPage .videoList li:nth-child(3n-1),
		.newsPage .videoList li {
			padding: 0 3px;
			margin-top: 6px;
			box-sizing: border-box;
		}

		.newsPage .videoList li .pic .icon {
			width: 30px;
			height: 30px;
		}

		.newsPage .videoList li:nth-child(1) .icon {
			width: 50px;
			height: 50px;
		}
	}

	/*媒体中心end*/
	.casePage {
		padding: 40px 0;
	}

	.casePage .caseList {
		max-width: 826px;
		width: 100%;
		margin: 0 auto;
	}

	.casePage .caseList li:nth-child(3n+1),
	.casePage .caseList li {
		padding: 0 20px;
	}

	@media only screen and (max-width: 826px) {
		.casePage {
			padding: 20px 0 10px 0;
		}

		.casePage .caseList {
			padding: 0 10px;
			box-sizing: border-box;
		}

		.casePage .caseList li:nth-child(3n+1),
		.casePage .caseList li {
			width: 50%;
			padding: 0 10px;
			margin-bottom: 20px;
			box-sizing: border-box;
		}

		.casePage .caseList li .pic {
			width: 100%;
			height: auto;
			border: solid 10px #f2f1f1;
		}
	}

	@media only screen and (max-width: 600px) {
		.casePage {
			padding: 20px 0 20px 0;
		}

		.casePage .caseList {
			padding: 0 4px;
			margin-bottom: 10px;
		}

		.casePage .caseList li:nth-child(3n+1),
		.casePage .caseList li {
			padding: 0 4px;
			margin-bottom: 8px;
		}

		.casePage .caseList li .pic {
			border: solid 3px #f2f1f1;
		}

		.casePage .caseList li .filter {
			height: 26px;
		}

		.casePage .caseList li .txt {
			height: 26px;
			line-height: 26px;
			font-size: 14px;
		}

		.casePage .caseList li .icon {
			width: 20px;
			height: 20px;
			top: -20px;
		}

		/*	.casePage .caseList li .pic:hover .txt{
		line-height: 20px;
		transform: translate(0%,30px);
		-webkit-transform: translate(0%,30px);
		-moz-transform: translate(0%,30px);
		-ms-transform: translate(0%,30px);
		-o-transform: translate(0%,30px);
	}
	.casePage .caseList li .pic:hover .icon{
		transform: translate(-50%,-20px);
		-webkit-transform: translate(-50%,-20px);
		-moz-transform: translate(-50%,-20px);
		-ms-transform: translate(-50%,-20px);
		-o-transform: translate(-50%,-20px);
	}*/
	}

	/*案例列表end*/
	.solutionPage .concept {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.solutionPage .concept .pic {
		max-width: 600px;
		width: 100%;
		margin: 10px auto 0 auto;
		float: none;
		overflow: hidden;
	}

	.solutionPage .concept .text {
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
		position: static;
		transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
	}

	.solutionPage .worth .title,
	.solutionPage .concept .title {
		text-align: center;
	}

	.solutionPage .worth .title .tit,
	.solutionPage .concept .title .tit {
		line-height: 30px;
		font-size: 26px;
	}

	.solutionPage .worth .title .line,
	.solutionPage .concept .title .line {
		width: 30px;
		height: 2px;
		margin: 10px auto 0 auto;
	}

	.solutionPage .concept .text .txt {
		line-height: 24px;
		font-size: 16px;
		margin-top: 20px;
	}

	@media only screen and (max-width: 600px) {

		.solutionPage .worth .title .tit,
		.solutionPage .concept .title .tit {
			line-height: 26px;
			font-size: 22px;
		}

		.solutionPage .worth .title .line,
		.solutionPage .concept .title .line {
			width: 30px;
			height: 2px;
			margin: 5px auto 0 auto;
		}

		.solutionPage .concept .text .txt {
			margin-top: 10px;
		}
	}

	.solutionPage .core {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.solutionPage .scene .title,
	.solutionPage .core .title {
		line-height: 30px;
		font-size: 26px;
	}

	.solutionPage .core .title {
		margin-bottom: 20px;
	}

	.solutionPage .core .row {
		margin-top: 10px;
	}

	.solutionPage .core .pic {
		max-width: 590px;
		width: 100%;
		margin: 0 auto;
		float: none;
	}

	.solutionPage .core .row:nth-child(odd) .pic {
		float: none;
	}

	.solutionPage .core .text {
		max-width: 550px;
		width: 100%;
		position: static;
		margin: 0 auto;
		transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
	}

	.solutionPage .core .tit {
		line-height: 22px;
		font-size: 18px;
	}

	.solutionPage .core .txt {
		line-height: 28px;
		font-size: 16px;
		margin-top: 12px;
	}

	@media only screen and (max-width: 640px) {

		.solutionPage .scene .title,
		.solutionPage .core .title {
			line-height: 30px;
			font-size: 22px;
			margin-bottom: 10px;
		}

		.solutionPage .scene li {
			width: 100%;
		}

		.solutionPage .scene li .txt {
			min-height: 40px !important;
		}

		.solutionPage .scene .list {
			margin-top: 20px;
		}

		.dflex {
			flex-wrap: wrap;
		}

		.flex1 {
			width: 100%;
		}

		.wrapper .contactPage .addressBox,
		.wrapper .contactPage .mapBox {
			width: 100%;
		}

	}




	.solutionPage .worth {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.solutionPage .worth .pic {
		width: 100%;
		float: none;
		margin: 50px auto 0 auto;
	}

	.solutionPage .worth ul {
		margin-top: 26px;
	}

	.solutionPage .worth .text li {
		line-height: 20px;
		font-size: 16px;
		margin-bottom: 22px;
	}

	@media only screen and (max-width: 600px) {
		.solutionPage .worth .text li {
			line-height: 18px;
			font-size: 14px;
			margin-bottom: 12px;
		}
	}

	/*解决方案end*/
	.servicePage .operator {
		margin: 20px 14px;
		box-sizing: border-box;
	}

	.servicePage .operator .title .tit {
		line-height: 30px;
		font-size: 26px;
	}

	.servicePage .operator .title .line {
		width: 30px;
		height: 2px;
		margin: 10px auto;
	}

	.servicePage .operator .text {
		max-width: 686px;
		width: 100%;
		margin: 20px auto 0 auto;
		line-height: 25px;
		font-size: 16px;
	}

	.servicePage .operator .list {
		margin-top: 26px;
	}

	.servicePage .operator .list li {
		width: 20%;
		box-sizing: border-box;
	}

	@media only screen and (max-width: 800px) {


		.servicePage .operator .list li .txt {
			margin-top: 10px;
			margin-bottom: 24px;
		}

		.servicePage .operator .list li .tit {
			margin-top: 10px;
			font-size: 16px;
		}

		.servicePage .operator .list li .txt p {
			margin: 0 6px 24px 6px;
			font-size: 12px;
		}
	}

	@media only screen and (max-width: 600px) {
		.servicePage .operator .title .tit {
			line-height: 26px;
			font-size: 22px;
		}

		.servicePage .operator .title .line {
			margin: 6px auto;
		}

		.servicePage .operator .text {
			margin: 10px auto 0 auto;
			line-height: 22px;
			font-size: 14px;
		}

		.servicePage .operator .list li .icon {
			height: 36px;
		}

		.servicePage .operator .list li .tit {
			line-height: 22px;
			font-size: 18px;
			margin-top: 6px;
		}

		.servicePage .operator .list li .txt {
			margin-top: 6px;
		}

		.servicePage .operator .list li .txt p {
			font-size: 16px;
			margin: 0 6px 0px 6px;
			padding-left: 22px;
		}
	}

	.servicePage .worth {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.servicePage .publicTitle {
		line-height: 30px;
		font-size: 26px;
	}

	.servicePage .worth .content {
		padding: 14px 0;
		position: relative;
		margin-top: 22px;
	}

	.servicePage .worth .list {
		max-width: 360px;
		width: 100%;
		padding: 0px 14px;
		box-sizing: border-box;
	}

	.servicePage .worth .list.left {
		margin-left: 0px;
		float: none;
		margin: 0 auto;
	}

	.servicePage .worth .list.right {
		position: static;
		margin: 10px auto 0 auto;
	}

	.servicePage .worth .list .tit {
		line-height: 26px;
		font-size: 22px;
	}

	.servicePage .worth .list ul {
		margin-top: 14px;
	}

	.servicePage .worth .list li {
		width: 100%;
		height: 36px;
		line-height: 36px;
		margin-bottom: 10px;
		font-size: 16px;
	}

	.servicePage .worth .list.right li {
		background: #666666;
	}

	.servicePage .worth .pk {
		width: 120px;
		margin: 0 auto;
		padding: 8px 0;
	}

	.servicePage .worth .pk .tit {
		line-height: 40px;
		font-size: 38px;
	}

	.servicePage .worth .pk ul {
		display: none;
	}

	@media only screen and (max-width: 600px) {
		.servicePage .publicTitle {
			line-height: 26px;
			font-size: 22px;
		}

		.servicePage .worth .content {
			padding: 14px 14;
			box-sizing: border-box;
			margin-top: 18px;
		}

		.servicePage .operator .list li {
			width: 100%;
		}
	}

	.servicePage .service {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.servicePage .service .pic {
		width: 100%;
		max-width: 400px;
		text-align: center;
		margin: 20px auto 0 auto;
		float: none;
	}

	.servicePage .service .right {
		max-width: 600px;
		width: 100%;
		float: none;
		margin: 20px auto 0 auto;
		text-align: center;
	}

	.servicePage .service .right .txt {
		font-size: 20px;
		line-height: 28px;
	}

	.servicePage .service .right .text {
		margin-top: 22px;
	}

	.servicePage .service .right p {
		line-height: 22px;
		font-size: 14px;
		margin-bottom: 28px;
	}

	.servicePage .system {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.servicePage .system .content {
		width: 100%;
		max-width: 600px;
		margin: 20px auto 0 auto;
		float: none;
	}

	.servicePage .system .content .tit {
		line-height: 26px;
		font-size: 22px;
		text-align: center;
	}

	.servicePage .system .content ul {
		margin-top: 22px;
	}

	.servicePage .system .content li {
		margin-bottom: 22px;
	}

	.servicePage .system .content li .txt1 {
		line-height: 24px;
		font-size: 20px;
	}

	.servicePage .system .content li .txt2 {
		line-height: 20px;
		font-size: 16px;
		margin-top: 5px;
	}

	.servicePage .system .pic {
		width: 100%;
		max-width: 400px;
		float: none;
		text-align: center;
		margin: 22px auto 0 auto;
	}

	.servicePage .customer {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.servicePage .customer li {
		width: 100%;
	}

	.servicePage .customer li .icon {
		height: 40px;
		margin-top: 20px;
	}

	.servicePage .customer li .tit {
		line-height: 24px;
		font-size: 20px;
		margin-top: 8px;
	}

	.servicePage .customer li .txt {
		line-height: 20px;
		font-size: 16px;
		margin-top: 8px;
	}

	/*服务运营end*/
	.aboutPage .title {
		line-height: 30px;
		font-size: 26px;
	}

	.aboutPage .introduce {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.aboutPage .introduce .picBox {
		width: 60%;
		float: none;
		margin: 20px auto 0 auto;
		padding: 22px 0 0 22px;
	}

	.aboutPage .introduce .line {
		display: none;
		width: 100%;
		height: auto;
		margin: 0;
	}

	.aboutPage .introduce .picBox .pic {
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		top: 0;
		z-index: 2;
		overflow: hidden;
	}

	.aboutPage .introduce .picBox .pic img {
		width: 100%;
	}

	.subsidiaries-box {
		padding-left: 15px;
		padding-right: 15px;
	}

	.aboutPage .introduce .text {
		width: 100%;
		max-width: 816px;
		float: none;
		margin: 22px auto 0 auto;
		line-height: 24px;
		font-size: 14px;
	}

	.aboutPage .introduce .text .tit {
		font-size: 18px;
	}

	@media only screen and (max-width: 600px) {
		.aboutPage .title {
			line-height: 26px;
			font-size: 22px;
		}

		.aboutPage .introduce .picBox {
			max-width: 331px;
			width: 100%;
			float: none;
			margin: 20px auto 0 auto;
			padding: 0;
			box-sizing: border-box;
		}

		.aboutPage .introduce .line {
			display: none;
		}

		.aboutPage .introduce .picBox .pic {
			width: 100%;
			height: auto;
			position: static;
		}

		.aboutPage .introduce .text .tit {
			font-size: 16px;
		}
	}

	.aboutPage .platform {
		min-height: auto;
		box-sizing: border-box;
		padding: 20px 0;
	}

	.aboutPage .platform .list {
		margin-top: 100px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.aboutPage .platform li {
		padding: 0 10px;
		box-sizing: border-box;
	}

	.aboutPage .platform li .box {
		width: 100%;
		max-width: 286px;
	}

	@media only screen and (max-width: 900px) {
		.aboutPage .platform .list {
			margin-top: 70px;
		}

		.aboutPage .platform li {
			width: 33.333%;
		}

		.aboutPage .platform li .box {
			width: 100%;
			max-width: 286px;
			padding: 60px 10px 20px 10px;
		}

		.aboutPage .platform li .icon {
			width: 96px;
			height: 110px;
			line-height: 110px;
			font-size: 16px;
		}

		.aboutPage .platform li .tit {
			line-height: 22px;
			font-size: 20px;
		}

		.aboutPage .platform li .text {
			line-height: 28px;
			font-size: 16px;
			margin-top: 10px;
		}

	}

	@media only screen and (max-width: 600px) {
		.aboutPage .platform {
			background-size: auto 100%;
		}

		.aboutPage .platform .list {
			margin-top: 70px;
		}

		.aboutPage .platform li {
			width: 100%;
			margin-bottom: 80px;
		}

		.aboutPage .platform li:last-child {
			margin-bottom: 0;
		}
	}

	.aboutPage .centerBox {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.aboutPage .centerBox .title {
		margin-bottom: 20px;
	}

	.aboutPage .centerBox .pic {
		max-width: 600px;
		width: 100%;
		float: none;
		margin: 20px auto 0 auto;
	}

	.aboutPage .centerBox .list {
		max-width: 562px;
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	.aboutPage .centerBox .list li {
		padding: 20px 0;
	}

	.aboutPage .centerBox .list li .icon {
		height: 34px;
	}

	.aboutPage .centerBox .list li .tit {
		line-height: 22px;
		font-size: 18px;
		margin-top: 10px;
	}

	.aboutPage .centerBox .list li .txt {
		margin-top: 6px;
	}

	.aboutPage .culture {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.aboutPage .culture .content {
		height: auto;
		margin-top: 20px;
	}

	.aboutPage .culture li {
		padding: 60px 14px;
	}

	.aboutPage .culture li .icon {
		margin-top: 0px;
		height: 98px;
	}

	@media only screen and (max-width: 800px) {
		.aboutPage .culture li {
			padding: 30px 14px;
		}

		.aboutPage .culture li .icon {
			height: 60px;
		}

		.aboutPage .culture li .tit {
			font-size: 18px;
			margin-top: 12px;
		}

		.aboutPage .culture li .line {
			width: 22px;
			margin: 10px auto 0 auto;
		}

		.aboutPage .culture li .txt {
			line-height: 20px;
			font-size: 14px;
			margin-top: 10px;
		}
	}

	@media only screen and (max-width: 600px) {
		.aboutPage .culture .content {
			background-size: auto 100%;
		}

		.aboutPage .culture li {
			padding: 20px 10px;
		}

		.aboutPage .culture li .icon {
			height: 40px;
		}

		.aboutPage .culture li .tit {
			font-size: 16px;
			margin-top: 10px;
		}

		.aboutPage .culture li .line {
			margin: 5px auto 0 auto;
		}
	}

	/*创捷概况end*/
	.honorPage {
		padding: 20px 0;
	}

	.honorPage .wrap {
		width: 850px;
	}

	.honorPage .honorList {
		margin-bottom: 10px;
	}

	.honorPage .honorList li:nth-child(4n+1),
	.honorPage .honorList li {
		width: 270px;
		padding-left: 20px;
		margin-bottom: 20px;
	}

	.honorPage .honorList li:nth-child(3n+1) {
		padding-left: 0;
	}

	.honorPage .honorList li .box:hover .pic {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}

	.honorPage .honorList li .box:hover .text {
		color: #333333;
	}

	@media only screen and (max-width: 850px) {
		.honorPage .wrap {
			width: 560px;
		}

		.honorPage .honorList li:nth-child(3n+1),
		.honorPage .honorList li {
			width: 270px;
			padding-left: 20px;
			margin-bottom: 20px;
		}

		.honorPage .honorList li:nth-child(2n+1) {
			padding-left: 0;
		}
	}

	@media only screen and (max-width: 600px) {
		.honorPage .wrap {
			width: 100%;
		}

		.honorPage .honorList {
			padding: 0 5px;
			box-sizing: border-box;
		}

		.honorPage .honorList li:nth-child(4n+1),
		.honorPage .honorList li:nth-child(3n+1),
		.honorPage .honorList li:nth-child(2n+1),
		.honorPage .honorList li {
			width: 50%;
			padding: 0 5px;
			margin-bottom: 10px;
			box-sizing: border-box;
		}

		.honorPage .honorList li .box {
			padding: 12px;
		}

		.honorPage .honorList li .pic {
			height: auto;
		}

		.honorPage .honorList li .text {
			line-height: 20px;
			font-size: 14px;
			margin-top: 12px;
		}
	}

	/*资质荣誉end*/
	.talentPage .publicTitle {
		line-height: 30px;
		font-size: 26px;
	}

	.talentPage .recruiting {
		padding: 20px 10px;
		box-sizing: border-box;
	}

	.talentPage .recruiting .publicTitle {
		margin-bottom: 20px;
	}

	.talentPage .recruiting .pic {
		width: 100%;
		max-width: 600px;
		height: auto;
		float: none;
		margin: 0 auto;
		clear: both;
	}

	.talentPage .recruiting .link {
		width: 100%;
		max-width: 600px;
		float: none;
		margin: 0 auto;
	}

	.talentPage .recruiting .link:after {
		content: "";
		height: 0;
		display: block;
		clear: both
	}

	.talentPage .recruiting .link .box {
		width: 50%;
		height: 134px;
		float: left;
		padding-right: 5px;
		box-sizing: border-box;
		margin-top: 10px;
	}

	.talentPage .recruiting .link .box a {
		padding-top: 34px;
	}

	.talentPage .recruiting .link .box:nth-child(2) {
		margin-top: 10px;
		padding-right: 0;
		padding-left: 5px;
	}

	.talentPage .recruiting .link .icon {
		height: 47px;
	}

	.talentPage .recruiting .link .txt {
		line-height: 20px;
		font-size: 16px;
		margin-top: 10px;
	}

	.talentPage .recruiting .way {
		width: 100%;
		max-width: 600px;
		height: auto;
		float: none;
		margin: 10px auto 0 auto;
		padding: 20px 0 10px 0;
	}

	.talentPage .recruiting .way .title {
		line-height: 20px;
		font-size: 18px;
		margin-top: 0px;
	}

	.talentPage .recruiting .way .title span {
		font-size: 14px;
		margin-left: 8px;
	}

	.talentPage .recruiting .way .icon a {
		width: 59px;
		height: 59px;
		margin: 16px 20px 0 20px;
		padding-top: 15px;
	}

	.talentPage .recruiting .way .text {
		margin: 16px 0 0 0;
		padding: 18px 10px 0 10px;
		box-sizing: border-box;
	}

	.talentPage .recruiting .way .text p {
		margin-bottom: 10px;
	}

	@media only screen and (max-width: 600px) {
		.talentPage .publicTitle {
			line-height: 26px;
			font-size: 22px;
		}

		.talentPage .recruiting .pic .title {
			left: 22px;
			top: 22px;
		}

		.talentPage .recruiting .link .box a {
			background-size: auto 100%;
		}
	}

	.talentPage a.a_recruitment {
		position: absolute;
		top: -50px;
	}

	.talentPage .recruitment {
		padding: 20px 10px 0 10px;
		box-sizing: border-box;
	}

	.talentPage .recruitment li {
		margin-bottom: 20px;
	}

	.talentPage .recruitment li .top {
		background: url(../image/recruitment_top1.png) no-repeat right 10px center #fff;
		background-size: 20px;
		padding: 13px 35px 13px 10px;
	}

	.talentPage .recruitment li .text .txt {
		line-height: 26px;
		padding: 10px 0 0px 0;
	}

	@media only screen and (max-width: 600px) {

		.talentPage .recruitment li .top .txt:nth-child(1),
		.talentPage .recruitment li .top .txt:nth-child(2),
		.talentPage .recruitment li .top .txt:nth-child(3),
		.talentPage .recruitment li .top .txt:nth-child(4) {
			width: 50%;
			text-align: left;
		}
	}

	.talentPage .development {
		padding: 20px 14px;
		box-sizing: border-box;
	}

	.talentPage .development .pic {
		width: 50%;
		margin: 20px auto 0 auto;
	}

	.talentPage .activity {
		padding-top: 20px;
		margin-bottom: -22px;
	}

	.talentPage .activity .pic {
		margin-top: 20px;
	}

	@media only screen and (max-width: 540px) {
		.talentPage .activity {
			margin-bottom: 0px;
		}
	}

	/*人才战略end*/
	.contactPage {
		padding: 20px 20px;
	}

	.wrapper .contactPage .addressBox {
		margin-top: 0px;
	}

	.wrapper .contactPage .addressBox h2 {
		font-size: 22px;
	}

	.wrapper .contactPage .addressBox .list {
		margin-top: 10px;
	}

	.wrapper .contactPage .addressBox li {
		margin-bottom: 10px;
		line-height: 22px;
	}

	.wrapper .contactPage .mapBox {
		margin-top: 22px;
	}

	.wrapper .contactPage .mapBox .map {
		height: 400px;
		margin-top: 12px;
		margin-bottom: 0px;
	}

	.wrapper .contactPage .mapBox .map #allmap {
		height: 400px;
	}

	/*联系我们end*/
	.case-details .introduction {
		margin: 30px 0;
		padding: 0 10px;
	}

	.case-details .introduction .wrap {
		max-width: 600px;
	}

	.case-details .introduction .cont,
	.case-details .introduction .pic {
		width: 100%;
		float: none;
	}

	.case-details .introduction .cont {
		padding: 0;
	}

	.case-details .introduction .pic {
		margin-top: 20px;
	}

	.case-details .introduction .title {
		font-size: 20px;
	}

	.case-details .introduction .line {
		width: 38px;
		height: 2px;
		margin: 16px 0 20px 0;
	}

	.case-details .introduction .text {
		line-height: 26px;
		font-size: 14px;
	}

	.case-details .details {
		padding: 30px 10px;
	}

	.case-details .details .row {
		margin-bottom: 30px;
	}

	.case-details .details .row:last-child {
		margin-bottom: 0;
	}

	.case-details .related {
		padding: 30px 10px;
	}

	.case-details .related .title {
		height: 40px;
	}

	.case-details .related .title .tit {
		line-height: 40px;
		font-size: 20px;
	}

	.case-details .related .swiper-button-prev,
	.case-details .related .swiper-button-next {
		margin: 8px 0 0 10px;
	}

	.case-details .related .swiper-slide .pic {
		border: solid 5px #f2f1f1;
	}

	.case-details .related .swiper-slide .txt {
		font-size: 12px;
	}

	.fixed-sidebar {
		width: 100%;
		right: 0;
		top: auto;
		bottom: 0;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
	}

	.fixed-sidebar li {
		width: 25%;
		float: left;
		margin: 0;
		border-left: solid 1px #fff;
		border-top: none;
		box-sizing: border-box;
	}

	.fixed-sidebar li:first-child {
		border-left: none;
	}

	.fixed-sidebar li:first-child a,
	.fixed-sidebar li:last-child a {
		border-radius: 0;
	}

	.fixed-sidebar li:hover a {
		background: #20588a;
	}

	.fixed-sidebar li a {
		height: 50px;
		padding-top: 4px;
	}

	.fixed-sidebar li a i {
		height: 18px;
		line-height: 18px;
	}

	.fixed-sidebar li .hide {
		height: auto;
		line-height: auto;
		top: auto;
		bottom: 50px;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		display: none;
	}

	.fixed-sidebar li .phone {
		display: none;
	}

	.fixed-sidebar li .qrcode {
		width: 148px;
		height: auto;
		top: auto;
		right: auto;
		bottom: 54px;
		left: 50%;
		padding-right: 0;
	}

	.fixed-sidebar li .qrcode .box {
		padding: 10px;
	}

	.fixed-sidebar li .qrcode .box::after {
		display: none;
	}

}

@media only screen and (max-width: 1200px) {

	/*导航产品下拉*/
	.header .nav>ul>li.m4 {
		position: relative;
	}

	.header .nav li.m4 .sub {
		padding-top: 0;
		padding-bottom: 0;
		border-top: 0;
	}

	.header .nav li.m4 .sub li {
		border-bottom: solid 1px #ddd;
		float: none;
		width: 100%;
	}

	.header .nav li.m4 .sub li:first-child {
		border-right: 0px solid #dddddd;
		height: auto;
	}

	.header .nav li.m4 .sub li dl {
		text-align: center;
	}

	.header .nav li.m4 .sub li:first-child dl {
		margin-left: 0px;
	}

	.header .nav li.m4 .sub li:nth-child(2) dl {
		margin-left: 0px;
	}

	.header .nav li.m4 .sub li dl .h4 {
		margin-bottom: 0px;
		font-size: 16px;
		margin-left: 0;
		text-align: center;
		height: 40px;
		line-height: 40px;
	}

	.header .nav li.m4 .sub li dl dd {
		float: none;
		width: 100%;
		text-align: center;
	}

	.header .nav li.m4 .sub li dl dd a {
		padding-left: 0px;
		padding-right: 0;
		color: #333333;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}

	.header .nav li.m4 .sub li dl dd a:hover {
		color: #333333;
	}

	.header .nav li.m4 .sub li dl dd a:after {
		display: none;
	}

	.header .nav li.m4 .sub li dl dd .p {
		padding-bottom: 0px;
	}

	.header .nav li.m4 .sub li dl dd .h5 {
		text-align: center;
		margin-left: 0;
	}

	/*产品详细*/
	.product_type {
		margin-top: 5%;
		margin-bottom: 42px;
	}

	.product_type ul li {
		font-size: 14px;
	}

	.product_type ul li .a {
		padding-left: 20px;
		padding-right: 20px;
	}

	.product_type ul li .smalltype {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.product_one .txts .p {
		min-height: 96px;
		margin-top: 5%;
	}

	.product_one .txts .h3 {
		font-size: 30px;
	}

	.product_one .txts .a {
		font-size: 15px;
		width: 150px;
		text-indent: 28px;
	}

	.product_one .txts .a:hover {
		text-indent: 32px;
	}

	.productPage .wrap {
		width: 96%;
	}

	.product_cons .h4 {
		font-size: 22px;
		line-height: 32px;
	}

	.productPage .productList {
		width: 959px;
		margin: 0px auto 0 auto;
		padding-bottom: 20px;
	}

	.productPage .productList .swiper-container {
		padding-bottom: 40px;
	}

	.productPage .productList .swiper-slide a:hover img {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}

	.productPage .productList .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 10px;
	}

	.productPage .productList .swiper-pagination {
		bottom: 0;
	}
}

@media only screen and (max-width: 960px) {

	/*产品详细*/
	.product_type ul li .a {
		font-size: 15px;
	}

	.product_one .imgs {
		float: none;
		width: 96%;
		margin: 0 auto;
		max-width: none;
	}

	.product_one .txts .h3 {
		font-size: 26px;
	}

	.product_one .txts .cons {
		max-width: none;
	}

	.product_one .txts .p {
		min-height: inherit;
		margin-top: 4%;
	}

	.product_nav {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.product_nav a {
		font-size: 15px;
		margin-right: 30px;
	}

	.productPage .productList {
		width: 719px;
		margin: 0px auto 0 auto;
	}

}

@media screen and (max-width: 720px) {

	/*产品详细*/
	.productPage .productList {
		width: 479px;
	}

	.productPage .productList .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 5px;
	}
}

@media screen and (max-width: 640px) {

	/*产品详细*/
	.product_type {
		/* overflow:hidden;*/
		margin-bottom: 20px;
	}

	.product_type ul li {
		margin-bottom: 2%;
	}

	.product_type ul li .a {
		font-size: 14px;
	}

	.product_type ul li .smalltype {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.case-details .related .title .tit {
		font-size: 18px;
	}

	.product_one {
		margin-bottom: 7%;
	}

	.product_one .txts .cons {
		max-width: none;
	}

	.product_one .txts .h3 {
		font-size: 24px;
	}

	.product_one .txts .p {
		font-size: 13px;
		line-height: 22px;
	}

	.about-cooperate {
		padding: 10px;
	}

	.image-list {
		width: auto;
	}

	.image-list li {
		width: 49%;
		height: auto;
	}

	.image-list .cover img {
		position: relative;
	}

	#pictureViewer>.content {
		width: 100%;
	}

	.product_nav {
		padding: 10px;
	}

	.product_nav a {
		margin-right: 20px;
		font-size: 14px;
	}

	.product_cons {
		font-size: 15px;
		line-height: 22px;
	}

	.product_cons b {
		margin-bottom: 10px;
	}

	.product_cons .h4 {
		font-size: 20px;
		line-height: 30px;
	}

	.serve-advantage img {
		width: 90%;
	}

	.article img {
		width: 90%;
	}

	.container .columnMenu .menu.two li {
		width: 32%;
	}

	.casemoreIframe {
		height: 260px;
	}

	.footerIframe {
		height: 545px;
	}
}

@media screen and (max-width: 480px) {

	/*产品详细*/
	.product_type ul li .a {
		font-size: 13px;
		height: 32px;
		line-height: 32px;
	}

	.product_one .txts .h3 {
		font-size: 20px;
	}

	.product_one .txts .a {
		width: 130px;
		font-size: 13px;
		height: 36px;
		line-height: 36px;
		text-indent: 19px;
		background-position: 94px center;
	}

	.product_one .txts .a:hover {
		text-indent: 23px;
		background-position: 98px center;
	}

	.product_nav a {
		margin-right: 15px;
		font-size: 13px;
	}

	.product_cons {
		font-size: 14px;
	}

	.product_cons b {
		margin-bottom: 8px;
	}

	.product_cons .h4 {
		font-size: 18px;
		line-height: 26px;
	}

	.productPage .productList {
		width: 100%;
		padding: 0 1px;
		box-sizing: border-box;
	}

	.productPage .productList .swiper-slide .h5 {
		height: 40px;
		line-height: 40px;
		font-size: 13px;
	}
}

@media only screen and (max-width: 900px) {
	.product_nav {
		padding: 10px;
	}

	.product_cons {
		padding: 15px;
	}

	.solutionPage .scene {
		padding: 10px;
	}

	.solutionPage .worth .pic {
		max-width: 400px;
	}

	.link-list {
		display: none;
	}

	.objects-item {
		width: calc(33.33% - 10px);
	}

	.previewimgList {
		padding: 20px;
	}

	.image-list {
		width: 100%;
		padding: 0;
	}

	.image-list li {
		width: calc(33.33% - 10px);
	}

	.subsidiaries-text {
		height: auto;
	}

	.newsPage .newsList li .conten {
		padding-left: 220px;
	}

	.newsPage .mediacenter li .conten {
		padding-left: 20px;
	}

	.container .columnMenu .menu.two li {
		width: 33.33%;
	}
}

@media only screen and (max-width: 640px) {
	.section4 {
		padding: 20px 20px 20px 20px;
	}

	.section4 .contont .text {
		line-height: 22px;
		font-size: 14px;
		margin-top: 20px;
	}

	.section4 .contont .list li:nth-child(even),
	.section4 .contont .list li {
		height: 22px;
		line-height: 22px;
		font-size: 14px;
		padding: 0 0px 0 34px;
		margin-bottom: 20px;
		background-size: auto 100%;
	}

	.section4 .contont .list li span {
		-webkit-line-clamp: 2;
	}

	.section4 .contont .more {
		width: 80px;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		padding-right: 20px;
		margin-top: 5px;
	}

	.section4 .services {
		width: 280px;
		height: 280px;
		margin: 30px auto 0 auto;
		background-size: 100%;
	}

	.section4 .services .title {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		padding: 16px 20px;
		line-height: 22px;
		font-size: 16px;
	}

	.section4 .services li {
		width: 80px;
	}

	.section4 .services li .pic {
		height: 25px;
	}

	.section4 .services li .txt {
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		margin-top: 4px;
	}

	.section4 .services li.s1 {
		top: 15px;
		margin-left: -40px;
	}

	.section4 .services li.s2 {
		top: 60px;
		right: 5px;
	}

	.section4 .services li.s3 {
		top: 140px;
		right: 5px;
	}

	.section4 .services li.s4 {
		bottom: 30px;
		right: 50px;
	}

	.section4 .services li.s5 {
		left: 50px;
		bottom: 30px;
	}

	.section4 .services li.s6 {
		left: 5px;
		top: 140px;
	}

	.section4 .services li.s7 {
		top: 60px;
		left: 5px;
	}

	.newsPage .newsList li .conten {
		padding-left: 0px;
	}
}