@charset "utf-8";

/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
}

@font-face {
	font-family: 'webfont';
	font-display: swap;
	src: url('//at.alicdn.com/t/webfont_pgcqfpfi4z.eot');
	/* IE9*/
	src: url('//at.alicdn.com/t/webfont_pgcqfpfi4z.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('//at.alicdn.com/t/webfont_pgcqfpfi4z.woff2') format('woff2'), url('//at.alicdn.com/t/webfont_pgcqfpfi4z.woff') format('woff'), /* chrome、firefox */
	url('//at.alicdn.com/t/webfont_pgcqfpfi4z.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('//at.alicdn.com/t/webfont_pgcqfpfi4z.svg#思源黑体-极细') format('svg');
	/* iOS 4.1- */
}

.content {
	width: 100%;
}

.gray {
	background-color: #f7f7f7;
}

.navBox {
	height: 80px;
	background: none;
	padding: 30px 0 30px 0;
	width: 100%;
	position: fixed;
}

.navBox.hoverBar {
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}

.navBox .navBar {
	margin: 0 auto;
}

.navBox .nav {
	float: right;
}

.navBox .nav ul {
	list-style: none;
	width: auto;
}

.navBox .nav ul li {
	text-align: center;
}

.navBox .nav ul li a {
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}

.navBox .logo {
	float: left;
	background: url(../img/logo.png) no-repeat;
	background-size: cover;
	width: 200px;
	height: 60px;
}

.bannerBox {
	width: 100%;
	text-align: center;
	height: 600px;
	background: -webkit-linear-gradient(#dfe2e8, #ffffff);
	background: -o-linear-gradient(#dfe2e8, #ffffff);
	background: -moz-linear-gradient(#dfe2e8, #ffffff);
	background: -mos-linear-gradient(#dfe2e8, #ffffff);
	background: linear-gradient(#dfe2e8, #ffffff)
}

.bannerBox img {
	margin: 140px 0 100px 0;
	width: 100%;
	max-width: 1200px;
}

.showMenu {
	display: none;
	width: 32px;
	height: 32px;
	background: url(../img/showMenu1.png) no-repeat;
	background-size: 100%;
}

.back-top {
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 9999;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.6) url(../img/top.png) no-repeat center center;
	background-size: 60%;
	cursor: pointer;
}

@keyframes turn {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(90deg);
	}
}


/* PC端 */

@media screen and (min-width: 1200px) {
	.content {
		height: 792px;
	}
	.navBox {
		height: 80px;
		background: none;
		padding: 20px 0 0px 0;
		width: 100%;
		position: fixed;
	}
	.navBar {
		width: 1280px;
	}
	.nav {
		width: 240px;
	}
	.nav ul li {
		float: left;
		width: 100px;
		margin-right: 20px;
		height: 50px;
		line-height: 50px;
	}
	.nav ul li.current {
		border-bottom: 2px solid #000000;
	}
	.nav ul li:hover a {
		border-bottom: 2px solid #000000;
		height: 50px;
	}
	.nav .title {
		display: none;
	}
	.copyrightBox {
		float: left;
		width: 100%;
		height: 250px;
		padding: 50px 0 50px 0;
		border-top: 1px solid #f2f2f2;
		margin: 100px 0 0 0;
	}
	.copyrightBox .ctitle {
		font-size: 15px;
		height: 30px;
		text-align: center;
		line-height: 30px;
	}
}


/* 移动端 */


/*@media only screen and (min-width: 640px) and (max-width: 1200px) {*/

@media only screen and (max-width: 1200px) {
	.navBox .logo {
		width: 155px;
		height: 46px;
	}
	.bannerBox {
		width: 100%;
		text-align: center;
		height: 300px;
		background: #f2f2f2;
	}
	.bannerBox img {
		margin: 100px 0 20px 0;
		max-width: 800px;
	}
	.appGray {
		background-color: #f2f2f2;
	}
	.appWhite {
		background-color: #FFFFFF;
	}
	.showMenu {
		display: none;
		width: 24px;
		height: 24px;
	}
	.content {
		width: 100%;
		/*height: 300px;*/
		background: #f7f7f7;
	}
	.navBox {
		width: 100%;
		height: auto;
		box-sizing: content-box;
		padding: 10px 0px 10px 20px;
	}
	.navBox.hoverBar {
		background: rgba(255, 255, 255, 0.96);
	}
	.navBox .nav {
		display: none;
		position: fixed;
		right: 0;
		top: 60px;
		width: 100%;
		height: 150px;
		z-index: 999;
		padding: 25px 0 40px 0;
		background: rgba(255, 255, 255, 0.98);
		border-top: 1px solid rgba(255, 255, 255, 0.6);
		box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
	}
	.navBox .nav ul {
		position: relative;
	}
	.navBox .nav ul li {
		width: 100%;
		min-width: 100px;
		height: 50px;
	}
	.navBox .nav ul li a {
		display: block;
		font-size: 16px;
		text-decoration: none;
		color: #000;
		height: 50px;
		line-height: 50px;
		width: 80%;
		border-radius: 8px;
		margin: 0 auto;
	}
	.showMenu {
		display: block;
		position: absolute;
		right: 40px;
		top: 16px;
	}
	.copyrightBox {
		float: left;
		width: 100%;
		height: 250px;
		padding: 50px 0 50px 0;
		border-top: 1px solid #f2f2f2;
	}
	.copyrightBox .ctitle {
		font-size: 0.25rem height: 30px;
		text-align: center;
		line-height: 30px;
	}
	.closeMenu {
		background: url(../img/close1.png) no-repeat;
		background-size: 100%;
		animation: turn 0.3s linear infinite;
		animation-iteration-count: 1;
	}
}