@media only screen and (max-width:980px) {
	/*默认样式*/
	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size:20px;
		font: inherit;
		vertical-align: middle;
	}
	/* HTML5 display-role reset for older browsers */
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section,
	main {
		display: block;
	}
	body {
		line-height: 1;
		background: #FFFFFF;
	}
	ol,
	ul {
		list-style: none;
	}
	blockquote,
	q {
		quotes: none;
	}
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	*,
	*::after,
	*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html {
		font-size: 62.5%;
	}
	html * {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	body,
	html {
		/* prevent horizontal scrolling */
		font-size: 14px;
		text-align: left;
	}
	a {
		color: #9cb3a8;
		text-decoration: none;
	}
	.app-footernav ul li .active-span{
		/*font-size: 16px;
		font-weight: 400;*/
		color: #fff;
	}
	.header h1 {
		font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
	}
	.header h1 span,
	.header p {
		color: #202a38;
	}
	.icon {
		color: #de5350;
	}
	/* -------------------------------- 

Main Components 

-------------------------------- */
	main {
		position: relative;
		z-index: 2;
		/* fix bug on iOS */
		height: 100vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 200px 5%;
		background-color: #9cb3a8;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.7s;
		-moz-transition: -moz-transform 0.7s;
		transition: transform 0.7s;
		-webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
		-moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
		transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	}
	main h1,
	main p {
		text-align: center;
	}
	main h1 {
		font-size: 2.6rem;
		margin-bottom: 1em;
	}
	main p {
		font-family: "Merriweather", serif;
		color: #d6dfdb;
		max-width: 450px;
		margin: 0 auto;
		line-height: 1.6;
	}
	.navigation-is-open main {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	@media only screen and (min-width: 768px) {
		main {
			padding: 250px 10%;
		}
		main h1 {
			font-size: 3.6rem;
		}
		main p {
			font-size: 2rem;
		}
	}
	.cd-nav-trigger {
		position: fixed;
		z-index: 10000;
		left: 5%;
		top: 20px;
		height: 45px;
		width: 45px;
		background-color: #243040;
		border-radius: 50%;
		/* image replacement */
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		-webkit-transition: -webkit-transform 0.5s;
		-moz-transition: -moz-transform 0.5s;
		transition: transform 0.5s;
	}
	.cd-nav-trigger .cd-nav-icon {
		/* icon created in CSS */
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		width: 22px;
		height: 2px;
		background-color: #ffffff;
	}
	.cd-nav-trigger .cd-nav-icon::before,
	.cd-nav-trigger .cd-nav-icon:after {
		/* upper and lower lines of the menu icon */
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: inherit;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
		-moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
		transition: transform 0.5s, width 0.5s, top 0.3s;
	}
	.cd-nav-trigger .cd-nav-icon::before {
		-webkit-transform-origin: right top;
		-moz-transform-origin: right top;
		-ms-transform-origin: right top;
		-o-transform-origin: right top;
		transform-origin: right top;
		-webkit-transform: translateY(-6px);
		-moz-transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		-o-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	.cd-nav-trigger .cd-nav-icon::after {
		-webkit-transform-origin: right bottom;
		-moz-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		-o-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translateY(6px);
		-moz-transform: translateY(6px);
		-ms-transform: translateY(6px);
		-o-transform: translateY(6px);
		transform: translateY(6px);
	}
	.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
		top: 2px;
	}
	.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
		top: -2px;
	}
	.cd-nav-trigger svg {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cd-nav-trigger circle {
		/* circle border animation */
		-webkit-transition: stroke-dashoffset 0.4s 0s;
		-moz-transition: stroke-dashoffset 0.4s 0s;
		transition: stroke-dashoffset 0.4s 0s;
	}
	.navigation-is-open .cd-nav-trigger {
		/* rotate trigger when navigation becomes visible */
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
	.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
		/* animate arrow --> from hamburger to arrow */
		width: 50%;
		-webkit-transition: -webkit-transform 0.5s, width 0.5s;
		-moz-transition: -moz-transform 0.5s, width 0.5s;
		transition: transform 0.5s, width 0.5s;
	}
	.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after,
	.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
		top: 0;
	}
	.navigation-is-open .cd-nav-trigger circle {
		stroke-dashoffset: 0;
		-webkit-transition: stroke-dashoffset 0.4s 0.3s;
		-moz-transition: stroke-dashoffset 0.4s 0.3s;
		transition: stroke-dashoffset 0.4s 0.3s;
	}
	@media only screen and (min-width: 1170px) {
		.cd-nav-trigger {
			top: 40px;
		}
	}
	.cd-nav {
		position: fixed;
		z-index: 10000;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgb(0, 134, 218);
		visibility: hidden;
		-webkit-transition: visibility 0s 0.7s;
		-moz-transition: visibility 0s 0.7s;
		transition: visibility 0s 0.7s;
	}
	.cd-nav .cd-navigation-wrapper {
		/* all navigation content */
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 40px 5% 40px calc(5% + 80px);
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: -webkit-transform 0.7s;
		-moz-transition: -moz-transform 0.7s;
		transition: transform 0.7s;
		-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
		-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
		transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	}
	.navigation-is-open .cd-nav {
		visibility: visible;
		-webkit-transition: visibility 0s 0s;
		-moz-transition: visibility 0s 0s;
		transition: visibility 0s 0s;
	}
	.navigation-is-open .cd-nav .cd-navigation-wrapper {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: -webkit-transform 0.5s;
		-moz-transition: -moz-transform 0.5s;
		transition: transform 0.5s;
		-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
		-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
		transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	}
	.cd-nav h2 {
		position: relative;
		margin-bottom: 1.7em;
		font-size: 20px;
		color: #FFFFFF;
		text-transform: uppercase;
	}
	.cd-nav h2::after {
		/* bottom separation line */
		content: '';
		position: absolute;
		left: 0;
		bottom: -20px;
		height: 1px;
		width: 60px;
		background-color: currentColor;
	}
	.cd-nav .cd-primary-nav {
		margin-top: 60px;
	}
	.cd-nav .cd-primary-nav li {
		margin: 1.6em 0;
	}
	.cd-nav .cd-primary-nav a {
		font-family: "Merriweather", serif;
		font-size: 20px;
		color: rgba(255, 255, 255, 0.3);
		display: inline-block;
	}
	.cd-nav .cd-primary-nav a.selected {
		color: #ffffff;
	}
	.no-touch .cd-nav .cd-primary-nav a:hover {
		color: #ffffff;
	}
	.cd-nav .cd-contact-info {
		margin-top: 80px;
	}
	.cd-nav .cd-contact-info li {
		font-family: "Merriweather", serif;
		margin-bottom: 1.5em;
		line-height: 1.2;
		color: rgba(255, 255, 255, 0.3);
	}
	.cd-nav .cd-contact-info a {
		color: #ffffff;
	}
	.cd-nav .cd-contact-info span {
		display: block;
	}
	.cd-nav .cd-contact-info li,
	.cd-nav .cd-contact-info a,
	.cd-nav .cd-contact-info span {
		font-size: 1.6rem;
	}
	@media only screen and (min-width: 1170px) {
		.cd-nav .cd-navigation-wrapper {
			padding: 62px 20%;
		}
		.cd-nav .cd-navigation-wrapper::after {
			clear: both;
			content: "";
			display: table;
		}
		.cd-nav .cd-half-block {
			width: 50%;
			float: left;
		}
		.cd-nav .cd-primary-nav {
			margin-top: 0;
		}
		.cd-nav h2 {
			font-size: 1.5rem;
			margin-bottom: 5.6em;
		}
		.cd-nav .cd-primary-nav li {
			margin: 2em 0;
		}
		.cd-nav .cd-primary-nav a {
			font-size: 4.4rem;
		}
		.cd-nav .cd-contact-info {
			margin-top: 120px;
			text-align: right;
		}
		.cd-nav .cd-contact-info li {
			margin-bottom: 2.4em;
		}
		.cd-nav .cd-contact-info li,
		.cd-nav .cd-contact-info a,
		.cd-nav .cd-contact-info span {
			font-size: 2rem;
		}
	}
	.no-js main {
		height: auto;
		overflow: visible;
	}
	.no-js .cd-nav {
		position: static;
		visibility: visible;
	}
	.no-js .cd-nav .cd-navigation-wrapper {
		height: auto;
		overflow: visible;
		padding: 100px 5%;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	/*导航栏*/
	.header-top {
		display: none;
	}
	.app-header {
		display: block;
		background: #FFFFFF;
	}
	.app-headercon {
		padding:20px;
		padding-bottom: 0;
		padding-top: 0;
		box-sizing: border-box;
	}
	.list-img {
		line-height: 0.2;
		padding-top: 9px;
		margin-left: 60px;
	}
	/*轮播图*/
	/*#container {
		height: 200px
	}*/
	#container .swiper-container-horizontal>.swiper-pagination-bullets, #container .swiper-pagination-custom, #container .swiper-pagination-fraction {
		bottom: 23px;
	}
	.app-swiper {
		display: block;
	}
	.pages li {
		list-style-type: none;
		width: 25px;
		height: 3px;
		background-color: white;
		opacity: 0.5;
	}
	/*企业布局*/
	.layout {
		display: none;
	}
	.app-layout {
		display: block;
	}
	.app-layout {
		width: 100%;
		height: auto;
		background-color: #fff;
	}
	.app-layoutcon {
		padding: 12px;
		box-sizing: border-box;
	}
	.app-imglayout {
		width: 50%;
		margin: 0 auto;
		display: block;
	}
	.app-imghome {
		width: 80%;
		margin: 0 auto;
		display: block;
		padding-top: 30px;
	}
	p {
		color: #000000;
	}
	.app-text {
		padding-top: 30px;
		line-height: 1.5;
	}
	.app-textt {
		padding-top: 10px;
		margin-bottom: 20px;
	}
	.app-text>span {
		color: #0086DA;
	}
	.layout-icon {
		justify-content: space-between;
		padding: 0;
	}
	.layout-iconn {
		margin: 0;
		padding: 0;
	}
	.layout-icon > li {
		padding-right: 0;
		padding-bottom: 25px;
	}
	/*企业特色*/
	.feature {
		display: none;
	}
	.app-feature {
		display: block;
		background: #FFFFFF;
		padding-top: 20px;
		box-sizing: border-box;
	}
	.feature-bot {
		width: 100%;
		padding-top: 15px;
		height: auto;
	}
	.feature-pass {
		display: flex;
		flex-wrap: wrap;
	}
	.feature-pass > li > img,
	.feature-pass > li >p {
		display: inline-block;
		padding-bottom: 12px;
		width: auto;
		text-align: center;
	}
	.feature-pass > li > img {
		width: 50%;
	}
	.feature-pass > li {
		width: 50%;
	}
	/*金牌客户*/
	.client {
		width: 100%;
	}
	.client-con {
		padding: 20px;
	}
	.appclient-top {
		display: block;
		width: 50%;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	.client-top {
		display: none;
	}
	.APPbanner {
		display: block;
	}
	.PCbanner {
		display: none;
	}
	
	/*底部菜单栏*/
	.app-footernav {
		display: block;
	}
	.footer {
		display: none;
	}
	.app-footernav {
		background: #0086da;
		padding: 10px 0 6px 0;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 10000;
	}
	.app-footernav ul {
		height: 0px;
	}
	.app-footernav ul li {
		float: left;
		width: 20%;
		text-align: center;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	.app-footernav ul li span {
		display: block;
		color: #fff;
		font-size: 14px;
		font-family: "微软雅黑";
		line-height: 22px;
	}
	.app-height {
		height: 60px;
		display: block;
	}
	/*app端底部版权设置*/
	.copy {
		width: 100%;
		height: 38px;
		background: #243040;
		position: relative;
	}
	.appcopy-text {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		height: 30px;
		line-height:30px;
		color: #ffffff;
		font-size: 12px;
	}
	.copy-text {
		display: none;
	}
	.layout-top {
    width: 270px;
    height: 74px;
    margin: 11px auto;
    text-align: center;
    line-height: 1;
}
	.layout-top>.layout-rightp {
    display: inline-block;
    line-height: 1.2;
}
	html *{
		font-weight: normal;
	}
	/*2019-3-4*/
	.app-footernav ul li{line-height: 30px;}
/*	.app-footernav a{color: #fff;}*/
/*	.dropup a{color: #fff;}*/
	.dropup .dropdown-menu li{float: none}
	.dropup .dropdown-menu{height: auto;width: 271px;left: -158px;bottom: 125%;}
	.dropup .dropdown-menu>li>a{padding: 3px 10px;}
	.dropup .dropdown-menu>li>a span{color: #333;display: inline-block;}
	.app-height {height: 48px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../../images/home/client03.png);transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../../images/home/client03.png);}
	#container .swiper-pagination-clickable .swiper-pagination-bullet {
		width: 23px;
		height: 3px;}
}