/**

 * 首页

 */





/**

 * header

 */



.header {

	width: 100%;

	height: 65px;

	background: rgba(255, 255, 255, .85);

	position: fixed;

	top: 0;

	left: 0;

	padding: 10px 25px 0 28px;

	box-sizing: border-box;

	overflow: hidden;

	z-index: 2;

}



.header-r {

	height: 55px;

	overflow: hidden;

}



.header_user_btn {

	height: 55px;

	padding: 9px 0;

	margin-left: 75px;

	box-sizing: border-box;

}



.header_user_btn a {

	width: 120px;

	height: 37px;

	display: inline-block;

	line-height: 34px;

	text-align: center;

	font-size: 16px;

	border-radius: 15px;

	box-sizing: border-box;

}



.header_user_btn a.reg {

	color: #78909c;

	border: 1px solid #78909c;

}



.header_user_btn a.log {

	color: #ffffff;

	border: 1px solid #01d5c6;

	background-color: #01d5c6;

	margin-left: 30px;

}



.header-nav {

	height: 55px;

}



.header-nav a {

	height: 55px;

	display: inline-block;

	padding: 0 34px;

	font-size: 16px;

	color: #78909c;

	line-height: 55px;

}



.header-nav a.current,

.header-nav a:hover {

	color: #01d5c6;

}



@media (max-width:1366px) {

	.header_user_btn {

		height: 55px;

		padding: 11px 0;

		margin-left: 22px;

		box-sizing: border-box;

	}

	.header_user_btn a {

		width: 100px;

		height: 32px;

		display: inline-block;

		line-height: 30px;

		text-align: center;

		font-size: 16px;

		border-radius: 15px;

		box-sizing: border-box;

	}

	.header_user_btn a.reg {

		color: #78909c;

		border: 1px solid #78909c;

	}

	.header_user_btn a.log {

		color: #ffffff;

		border: 1px solid #01d5c6;

		background-color: #01d5c6;

		margin-left: 15px;

	}

	.header-nav a {

		height: 55px;

		display: inline-block;

		padding: 0 25px;

		font-size: 16px;

		color: #78909c;

		line-height: 55px;

	}

}



@media (max-width:1280px) {

	.header_user_btn {

		height: 55px;

		padding: 11px 0;

		margin-left: 22px;

		box-sizing: border-box;

	}

	.header_user_btn a {

		width: 100px;

		height: 32px;

		display: inline-block;

		line-height: 30px;

		text-align: center;

		font-size: 16px;

		border-radius: 15px;

		box-sizing: border-box;

	}

	.header_user_btn a.reg {

		color: #78909c;

		border: 1px solid #78909c;

	}

	.header_user_btn a.log {

		color: #ffffff;

		border: 1px solid #01d5c6;

		background-color: #01d5c6;

		margin-left: 15px;

	}

	.header-nav a {

		height: 55px;

		display: inline-block;

		padding: 0 25px;

		font-size: 16px;

		color: #78909c;

		line-height: 55px;

	}

}



@media (max-width:1024px) {

	.header_user_btn {

		height: 55px;

		padding: 11px 0;

		margin-left: 22px;

		box-sizing: border-box;

	}

	.header_user_btn a {

		width: 100px;

		height: 32px;

		display: inline-block;

		line-height: 30px;

		text-align: center;

		font-size: 16px;

		border-radius: 15px;

		box-sizing: border-box;

	}

	.header_user_btn a.reg {

		color: #78909c;

		border: 1px solid #78909c;

	}

	.header_user_btn a.log {

		color: #ffffff;

		border: 1px solid #01d5c6;

		background-color: #01d5c6;

		margin-left: 15px;

	}

	.header-nav a {

		height: 55px;

		display: inline-block;

		padding: 0 18px;

		font-size: 16px;

		color: #78909c;

		line-height: 55px;

	}

}





/**

 * banner

 */



.banner {

	width: 100%;

	height: 559px;

	position: relative;

	overflow: hidden;

}



.banner ul {

	min-width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}



.banner li {

	overflow: hidden;

	display: block;

	float: left;

}



.banner li img {

	width: 100%;

	height: auto;

	display: block;

}



.banner a {

	display: block;

}



.banner ol {

	position: absolute;

	bottom: 8%;

	left: 50%;

}



.banner ol li {

	float: left;

	width: 15px;

	height: 15px;

	background-color: #78909c;

	opacity: .6;

	border-radius: 50%;

	margin-left: 10px;

	cursor: pointer;

}



.banner ol li.current {

	background-color: #01d5c6;

	opacity: 1;

}



@media (max-width:1680px) {

	.banner {

		width: 100%;

		height: 489px;

		position: relative;

		overflow: hidden;

	}

}



@media (max-width:1440px) {

	.banner {

		width: 100%;

		height: 419px;

		position: relative;

		overflow: hidden;

	}

}



@media (max-width:1366px) {

	.banner {

		width: 100%;

		height: 398px;

		position: relative;

		overflow: hidden;

	}

}



@media (max-width:1280px) {

	.banner {

		width: 100%;

		height: 373px;

		position: relative;

		overflow: hidden;

	}

}



@media (max-width:1024px) {

	.banner {

		width: 100%;

		height: 298px;

		position: relative;

		overflow: hidden;

	}

	.banner ol li {

		float: left;

		width: 10px;

		height: 10px;

		background-color: #78909c;

		opacity: .6;

		border-radius: 50%;

		margin-left: 10px;

		cursor: pointer;

	}

}





/**

 * interaction

 */



.interaction {

	width: 100%;

	height: 500px;

	background-color: #fff;

}



.interaction.bg_gray {

	background-color: #f9fafc;

}



.inner {

	width: 60%;

	height: 100%;

	margin: 0 auto;

	padding-top: 23px;

	box-sizing: border-box;

	overflow: hidden;

	position: relative;

}



.title {

	margin: 0 auto;

	text-align: center;

}



.title_b {

	font-size: 26px;

	color: #455a64;

}



.title_s {

	font-size: 16px;

	color: #b0bec5;

	margin-top: 14px;

}



.onsite_box {

	width: 100%;

	margin: 55px 0 auto;

	overflow: hidden;

}



.onsite_item {

	width: 33.3333%;

	height: 140px;

	text-align: center;

	float: left;

	margin-bottom: 38px;

}



.onsite_item a {

	/*width: 100%;*/

	height: 100%;

	display: inline-block;

	text-align: center;

	position: relative;

}



.onsite_item img {

	width: 88px;

	height: auto;

}



.onsite_item span {

	width: 100%;

	display: block;

	font-size: 16px;

	text-align: center;

	color: #455a64;

	position: absolute;

	bottom: 0;

	left: 0;

}



@media (max-width:1680px) {

	.interaction {

		width: 100%;

		height: 437.5px;

		position: relative;

		overflow: hidden;

	}

	.inner {

		width: 60%;

		height: 100%;

		margin: 0 auto;

		padding-top: 20px;

		box-sizing: border-box;

		overflow: hidden;

		position: relative;

	}

	.title_b {

		font-size: 24px;

		color: #455a64;

	}

	.title_s {

		font-size: 16px;

		color: #b0bec5;

		margin-top: 12px;

	}

	.onsite_box {

		width: 100%;

		margin: 40px 0 auto;

		overflow: hidden;

	}

	.onsite_item {

		width: 33.3333%;

		height: 122.5px;

		text-align: center;

		float: left;

		margin-bottom: 33.25px;

	}

	.onsite_item img {

		width: 77px;

		height: auto;

	}

}



@media (max-width:1440px) {

	.interaction {

		width: 100%;

		height: 375px;

		position: relative;

		overflow: hidden;

	}

	.inner {

		width: 60%;

		height: 100%;

		margin: 0 auto;

		padding-top: 18px;

		box-sizing: border-box;

		overflow: hidden;

		position: relative;

	}

	.title_b {

		font-size: 18px;

		color: #455a64;

	}

	.title_s {

		font-size: 12px;

		color: #b0bec5;

		margin-top: 10px;

	}

	.onsite_box {

		width: 100%;

		margin: 35px auto 0;

		overflow: hidden;

	}

	.onsite_item {

		width: 33.3333%;

		height: 105px;

		text-align: center;

		float: left;

		margin-bottom: 28.5px;

	}

	.onsite_item img {

		width: 66px;

		height: auto;

	}

}



@media (max-width:1366px) {

	.interaction {

		width: 100%;

		height: 355px;

		position: relative;

		overflow: hidden;

	}

	.inner {

		width: 60%;

		height: 100%;

		margin: 0 auto;

		padding-top: 16px;

		box-sizing: border-box;

		position: relative;

	}

	.title_b {

		font-size: 18px;

		color: #455a64;

	}

	.title_s {

		font-size: 12px;

		color: #b0bec5;

		margin-top: 14px;

	}

	.onsite_box {

		width: 100%;

		margin: 30px 0 auto;

		overflow: hidden;

	}

	.onsite_item {

		width: 33.3333%;

		height: 99.6px;

		text-align: center;

		float: left;

		margin-bottom: 27px;

	}

	.onsite_item img {

		width: 62.6px;

		height: auto;

	}

}



@media (max-width:1280px) {

	.interaction {

		width: 100%;

		height: 333px;

		position: relative;

		overflow: hidden;

	}

	.inner {

		width: 70%;

		height: 100%;

		margin: 0 auto;

		padding-top: 15px;

		box-sizing: border-box;

		position: relative;

	}

	.title_b {

		font-size: 18px;

		color: #455a64;

	}

	.title_s {

		font-size: 12px;

		color: #b0bec5;

		margin-top: 10px;

	}

	.onsite_box {

		width: 100%;

		margin: 32px 0 auto;

		overflow: hidden;

	}

	.onsite_item {

		width: 33.3333%;

		height: 93.3333px;

		text-align: center;

		float: left;

		margin-bottom: 25px;

	}

	.onsite_item img {

		width: 58px;

		height: auto;

	}

}



@media (max-width:1024px) {

	.interaction {

		width: 100%;

		height: 266px;

		background-color: #fff;

	}

	.inner {

		width: 70%;

		height: 100%;

		margin: 0 auto;

		padding-top: 10px;

		box-sizing: border-box;

		position: relative;

	}

	.title_b {

		font-size: 14px;

		color: #455a64;

	}

	.title_s {

		font-size: 10px;

		color: #b0bec5;

		margin-top: 6px;

	}

	.onsite_box {

		width: 100%;

		margin: 29px 0 auto;

		overflow: hidden;

	}

	.onsite_item {

		width: 33.3333%;

		height: 75px;

		text-align: center;

		float: left;

		margin-bottom: 20px;

	}

	.onsite_item img {

		width: 47px;

		height: auto;

	}

	.onsite_item span {

		width: 100%;

		display: block;

		font-size: 14px;

		text-align: center;

		color: #455a64;

		position: absolute;

		bottom: 0;

		left: 0;

	}

}





/**

 * online

 */



.online_box {

	width: 100%;

	margin: 60px auto 0;

	overflow: hidden;

}



.online_item {

	width: 50%;

	float: left;

	text-align: center;

	vertical-align: middle;

}



.online_ma,

.online_play {

	display: inline-block;

}



.online_ma {

	position: relative;

	top: -54px;

	left: 0;

}



.online_ma h3 {

	width: 100%;

	color: #455a64;

	font-size: 24px;

	text-align: center;

	margin-bottom: 30px;

}



.online_ma .ma img {

	width: 90px;

	height: 90px;

	display: block;

}



.online_ma .ma p {

	width: 100%;

	text-align: center;

	font-size: 14px;

	color: #1f1f2b;

	margin-top: 15px;

}



.online_play {

	width: 173px;

	height: 300px;

	background: url(../images/phone.png) no-repeat center;

	background-size: 100%;

	margin-left: 50px;

	position: relative;

}



.play {

	width: 115px;

	height: 206px;

	position: absolute;

	top: 44px;

	left: 30px;

	overflow: hidden;

}



.play ul {

	min-width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}



.play li {

	overflow: hidden;

	display: block;

	float: left;

}



.play li img {

	width: 100%;

	height: auto;

	display: block;

}



@media (max-width: 1680px) {

	.online_box {

		width: 100%;

		margin: 52.5px auto 0;

		overflow: hidden;

	}

	.online_ma {

		position: relative;

		top: -47.25px;

		left: 0;

	}

	.online_ma h3 {

		width: 100%;

		color: #455a64;

		font-size: 24px;

		text-align: center;

		margin-bottom: 26.25px;

	}

	.online_ma .ma img {

		width: 78.75px;

		height: 78.75px;

		display: block;

	}

	.online_ma .ma p {

		width: 100%;

		text-align: center;

		font-size: 14px;

		color: #1f1f2b;

		margin-top: 13.125px;

	}

	.online_play {

		width: 151.375px;

		height: 262.5px;

		background: url(../images/phone.png) no-repeat center;

		background-size: 100%;

		margin-left: 43.75px;

	}

	.play {

		width: 100.625px;

		height: 180.25px;

		position: absolute;

		top: 38.5px;

		left: 26.25px;

		overflow: hidden;

	}

}



@media (max-width: 1440px) {

	.online_box {

		width: 100%;

		margin: 45px auto 0;

		overflow: hidden;

	}

	.online_ma {

		position: relative;

		top: -40.5px;

		left: 0;

	}

	.online_ma h3 {

		width: 100%;

		color: #455a64;

		font-size: 22px;

		text-align: center;

		margin-bottom: 22.5px;

	}

	.online_ma .ma img {

		width: 67.5px;

		height: 67.5px;

		display: block;

	}

	.online_ma .ma p {

		width: 100%;

		text-align: center;

		font-size: 14px;

		color: #1f1f2b;

		margin-top: 11.25px;

	}

	.online_play {

		width: 129.75px;

		height: 225px;

		background: url(../images/phone.png) no-repeat center;

		background-size: 100%;

		margin-left: 37.5px;

	}

	.play {

		width: 86.25px;

		height: 154.5px;

		position: absolute;

		top: 33px;

		left: 22.5px;

		overflow: hidden;

	}

}



@media (max-width: 1366px) {

	.online_box {

		width: 100%;

		margin: 42.6875px auto 0;

		overflow: hidden;

	}

	.online_ma {

		position: relative;

		top: -38px;

		left: 0;

	}

	.online_ma h3 {

		width: 100%;

		color: #455a64;

		font-size: 20px;

		text-align: center;

		margin-bottom: 21px;

	}

	.online_ma .ma img {

		width: 64px;

		height: 64px;

		display: block;

	}

	.online_ma .ma p {

		width: 100%;

		text-align: center;

		font-size: 14px;

		color: #1f1f2b;

		margin-top: 11px;

	}

	.online_play {

		width: 123px;

		height: 213px;

		background: url(../images/phone.png) no-repeat center;

		background-size: 100%;

		margin-left: 35px;

	}

	.play {

		width: 81.8177px;

		height: 146.56px;

		position: absolute;

		top: 31.3px;

		left: 21.34375px;

		overflow: hidden;

	}

}



@media (max-width: 1280px) {

	.online_box {

		width: 100%;

		margin: 40px auto 0;

		overflow: hidden;

	}

	.online_ma {

		position: relative;

		top: -36px;

		left: 0;

	}

	.online_ma h3 {

		width: 100%;

		color: #455a64;

		font-size: 18px;

		text-align: center;

		margin-bottom: 20px;

	}

	.online_ma .ma img {

		width: 60px;

		height: 60px;

		display: block;

	}

	.online_ma .ma p {

		width: 100%;

		text-align: center;

		font-size: 12px;

		color: #1f1f2b;

		margin-top: 10px;

	}

	.online_play {

		width: 115px;

		height: 200px;

		background: url(../images/phone.png) no-repeat center;

		background-size: 100%;

		margin-left: 33px;

	}

	.online_play img {

		width: 78px;

		height: auto;

		display: block;

	}

	.play {

		width: 76.6667px;

		height: 137.3333px;

		position: absolute;

		top: 29.3333px;

		left: 20px;

		overflow: hidden;

	}

}



@media (max-width: 1024px) {

	.online_box {

		width: 100%;

		margin: 32px auto 0;

		overflow: hidden;

	}

	.online_ma {

		position: relative;

		top: -28.8px;

		left: 0;

	}

	.online_ma h3 {

		width: 100%;

		color: #455a64;

		font-size: 16px;

		text-align: center;

		margin-bottom: 16px;

	}

	.online_ma .ma img {

		width: 48px;

		height: 48px;

		display: block;

	}

	.online_ma .ma p {

		width: 100%;

		text-align: center;

		font-size: 12px;

		color: #1f1f2b;

		margin-top: 8px;

	}

	.online_play {

		width: 92.2667px;

		height: 160px;

		background: url(../images/phone.png) no-repeat center;

		background-size: 100%;

		margin-left: 26.6667px;

	}

	.online_play img {

		width: 62.9333px;

		height: auto;

		display: block;

	}

	.play {

		width: 61.3333px;

		height: 109.8667px;

		position: absolute;

		top: 23.4667px;

		left: 16px;

		overflow: hidden;

	}

}





/**

 * news

 */



.news_box {

	width: 100%;

	margin: 90px auto 0;

	overflow: hidden;

}



.news_list {

	margin: 0 auto;

	overflow: hidden;

	text-align: center;

}



.news_item {

	position: relative;

	margin-right: 55px;

	display: inline-block;

}



.news_item:last-child {

	margin-right: 0;

}



.news_item img {

	width: 275px;

	height: auto;

	display: block;

}



.news_bd {

	width: 100%;

	max-height: 45px;

	font-size: 14px;

	background: rgba(255, 255, 255, .75);

	padding: 4px 8px;

	box-sizing: border-box;

	line-height: 1.4em;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	position: absolute;

	bottom: 0;

	left: 0;

}



@media (max-width: 1680px) {

	.news_box {

		width: 100%;

		margin: 88px auto 0;

		overflow: hidden;

	}

	.news_item {

		position: relative;

		margin-right: 48.125px;

		display: inline-block;

	}

	.news_item img {

		width: 240.625px;

		height: auto;

		display: block;

	}

	.news_bd {

		width: 100%;

		max-height: 39.375px;

		font-size: 14px;

		background: rgba(255, 255, 255, .75);

		padding: 3.5px 7px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

}



@media (max-width: 1440px) {

	.news_box {

		width: 100%;

		margin: 82px auto 0;

		overflow: hidden;

	}

	.news_item {

		position: relative;

		margin-right: 41.25px;

		display: inline-block;

	}

	.news_item img {

		width: 206.25px;

		height: auto;

		display: block;

	}

	.news_bd {

		width: 100%;

		max-height: 33.75px;

		font-size: 14px;

		background: rgba(255, 255, 255, .75);

		padding: 3px 6px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

}



@media (max-width: 1366px) {

	.news_box {

		width: 100%;

		margin: 65.6875px auto 0;

		overflow: hidden;

	}

	.news_item {

		position: relative;

		margin-right: 39.13px;

		display: inline-block;

	}

	.news_item img {

		width: 195.65px;

		height: auto;

		display: block;

	}

	.news_bd {

		width: 100%;

		max-height: 32px;

		font-size: 12px;

		background: rgba(255, 255, 255, .75);

		padding: 2.845px 5.69px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

}



@media (max-width: 1280px) {

	.news_box {

		width: 100%;

		margin: 67px auto 0;

		overflow: hidden;

	}

	.news_item {

		position: relative;

		margin-right: 36.6667px;

		display: inline-block;

	}

	.news_item img {

		width: 183.3333px;

		height: auto;

		display: block;

	}

	.news_bd {

		width: 100%;

		max-height: 30px;

		font-size: 12px;

		background: rgba(255, 255, 255, .75);

		padding: 2.845px 5.69px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

}



@media (max-width: 1024px) {

	.news_box {

		width: 100%;

		margin: 55px auto 0;

		overflow: hidden;

	}

	.news_item {

		position: relative;

		margin-right: 29.3333px;

		display: inline-block;

	}

	.news_item img {

		width: 146.6667px;

		height: auto;

		display: block;

	}

	.news_bd {

		width: 100%;

		max-height: 24px;

		font-size: 12px;

		background: rgba(255, 255, 255, .75);

		padding: 2.845px 5.69px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

}





/**

 * case

 */



.case_box {

	width: 100%;

	margin: 40px auto 0;

	overflow: hidden;

}



.case_box img {

	width: 100%;

	height: auto;

	display: block;

}



@media (max-width: 1680px) {

	.case_box {

		width: 100%;

		margin: 28.5px auto 0;

		overflow: hidden;

	}

}



@media (max-width: 1440px) {

	.case_box {

		width: 100%;

		margin: 27px auto 0;

		overflow: hidden;

	}

}



@media (max-width: 1366px) {

	.case_box {

		width: 100%;

		margin: 23.6875px auto 0;

		overflow: hidden;

	}

}



@media (max-width: 1280px) {

	.case_box {

		width: 100%;

		margin: 25px auto 0;

		overflow: hidden;

	}

}



@media (max-width: 1024px) {

	.case_box {

		width: 100%;

		margin: 17px auto 0;

		overflow: hidden;

	}

}





/**

 * footer

 */



.footer {

	width: 100%;

	height: 300px;

	background-color: #1f1f2b;

	box-sizing: border-box;

}



.footer_box {

	width: 100%;

	height: 100%;

	overflow: hidden;

}



.footer_item {

	width: 33.3333%;

	height: 115px;

	float: left;

	text-align: right;

}



.footer_item.im {

	line-height: 115px;

	text-align: center;

}



.footer_item.im>img {

	width: 60%;

	height: auto;

	vertical-align: baseline;

}



.footer_item .accout {

	display: inline-block;

	text-align: center;

	margin: 0 3%;

}



.footer_item .accout img {

	width: 95px;

	height: 95px;

}



.footer_item .accout span {

	display: block;

	font-size: 14px;

	color: #ffffff;

}



.footer_right {

	font-size: 12px;

	color: #fff;

	text-align: center;

	position: absolute;

	bottom: 20px;

	left: 50%;

	line-height: 1.6em;

	margin-left: -175.21px;

}



@media (max-width: 1680px) {

	.footer {

		width: 100%;

		height: 262.5px;

		background-color: #1f1f2b;

	}

	.footer_item {

		width: 33.3333%;

		height: 113.625px;

		float: left;

		text-align: right;

	}

	.footer_item.im {

		line-height: 110.625px;

		text-align: center;

	}

	.footer_right {

		font-size: 12px;

		color: #fff;

		text-align: center;

		position: absolute;

		bottom: 17.5px;

		left: 50%;

		line-height: 1.6em;

		margin-left: -175.21px;

	}

	.footer_item .accout img {

		width: 83.125px;

		height: 83.125px;

	}

}



@media (max-width: 1440px) {

	.footer {

		width: 100%;

		height: 225px;

		background-color: #1f1f2b;

	}

	.footer_item {

		width: 33.3333%;

		height: 91.25px;

		float: left;

		text-align: right;

	}

	.footer_item.im {

		line-height: 86.25px;

		text-align: center;

	}

	.footer_right {

		font-size: 10px;

		color: #fff;

		text-align: center;

		position: absolute;

		bottom: 15px;

		left: 50%;

		line-height: 1.6em;

		margin-left: -175.21px;

	}

	.footer_item .accout img {

		width: 71.25px;

		height: 71.25px;

	}

	.footer_item .accout span {

		display: block;

		font-size: 12px;

		color: #ffffff;

	}

}



@media (max-width: 1366px) {

	.footer {

		width: 100%;

		height: 213.4375px;

		background-color: #1f1f2b;

	}

	.footer_item {

		width: 33.3333%;

		height: 86.8px;

		float: left;

		text-align: right;

	}

	.footer_item.im {

		line-height: 81.8px;

		text-align: center;

	}

	.footer_right {

		font-size: 10px;

		color: #fff;

		text-align: center;

		position: absolute;

		bottom: 14.229px;

		left: 50%;

		line-height: 1.6em;

		margin-left: -175.21px;

	}

	.footer_item .accout img {

		width: 67.6px;

		height: 67.6px;

	}

	.footer_item .accout span {

		display: block;

		font-size: 12px;

		color: #ffffff;

	}

	.footer_item .accout {

		display: inline-block;

		text-align: center;

		margin: 0 2%;

	}

}



@media (max-width: 1280px) {

	.footer {

		width: 100%;

		height: 200px;

		background-color: #1f1f2b;

	}

	.footer_item {

		width: 33.3333%;

		height: 84.6667px;

		float: left;

		text-align: right;

	}

	.footer_item.im {

		line-height: 76.6667px;

		text-align: center;

	}

	.footer_right {

		font-size: 8px;

		color: #fff;

		text-align: center;

		position: absolute;

		bottom: 13.3333px;

		left: 50%;

		line-height: 1.6em;

		margin-left: -175.21px;

	}

	.footer_item .accout img {

		width: 63.3333px;

		height: 63.3333px;

	}

	.footer_item .accout span {

		display: block;

		font-size: 8px;

		color: #ffffff;

	}

	.footer_item .accout {

		display: inline-block;

		text-align: center;

		margin: 0 1%;

	}

}



@media (max-width: 1024px) {

	.footer {

		width: 100%;

		height: 160px;

		background-color: #1f1f2b;

	}

	.footer_item {

		width: 40%;

		height: 61.3333px;

		float: left;

		text-align: right;

	}

	.footer_item.im {

		line-height: 61.3333px;

		text-align: center;

		width: 30%;

	}

	.footer_right {

		font-size: 8px;

		color: #fff;

		text-align: center;

		position: absolute;

		bottom: 10.6667px;

		left: 50%;

		line-height: 1.6em;

		margin-left: -175.21px;

	}

	.footer_item .accout img {

		width: 50.6667px;

		height: 50.6667px;

	}

	.footer_item .accout span {

		display: block;

		font-size: 8px;

		color: #ffffff;

	}

	.footer_item .accout {

		display: inline-block;

		text-align: center;

		margin: 0;

	}

}





/**

 * news_model

 */



.news_model {

	width: 100%;

}



.news_model .inner {

	padding: 0;

}



.news_model_box {

	width: 100%;

	height: 803.22px;

	padding-top: 28px;

	box-sizing: border-box;

	border-bottom: 1px solid #B0BEC5;

}



.model_box {

	width: 100%;

	margin: 60px auto 0;

	overflow: hidden;

}



.model_list {

	margin: 0 auto;

	overflow: hidden;

	text-align: center;

}



.model_item {

	position: relative;

	margin-right: 55px;

	margin-bottom: 55px;

	display: inline-block;

}



.model_item:nth-child(3n) {

	margin-right: 0;

}



.model_item img {

	width: 275px;

	height: auto;

	display: block;

}



.page {

	width: 100%;

	text-align: center;

}



.page a {

	width: 49px;

	height: 49px;

	display: inline-block;

	margin: 0 21px;

}



.page a.pre {

	background: url(../images/pre.png) no-repeat center;

	background-size: 100%;

}



.page a.next {

	background: url(../images/next.png) no-repeat center;

	background-size: 100%;

}



.model_bd {

	width: 100%;

	max-height: 45px;

	font-size: 14px;

	background: rgba(255, 255, 255, .75);

	padding: 4px 8px;

	box-sizing: border-box;

	line-height: 1.4em;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	position: absolute;

	bottom: 0;

	left: 0;

}



@media (max-width: 1680px) {

	.news_model_box {

		width: 100%;

		height: 702.8px;

		padding-top: 24.597px;

		box-sizing: border-box;

		border-bottom: 1px solid #B0BEC5;

	}

	.model_box {

		width: 100%;

		margin: 52.5px auto 0;

		overflow: hidden;

	}

	.model_item {

		position: relative;

		margin-right: 48.125px;

		display: inline-block;

	}

	.model_item img {

		width: 240.625px;

		height: auto;

		display: block;

	}

	.model_bd {

		width: 100%;

		max-height: 39.375px;

		font-size: 14px;

		background: rgba(255, 255, 255, .75);

		padding: 3.5px 7px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

	.page a {

		width: 43px;

		height: 43px;

		display: inline-block;

		margin: 0 18px;

	}

}



@media (max-width: 1440px) {

	.news_model_box {

		width: 100%;

		height: 602.41px;

		padding-top: 20px;

		box-sizing: border-box;

		border-bottom: 1px solid #B0BEC5;

	}

	.model_box {

		width: 100%;

		margin: 45px auto 0;

		overflow: hidden;

	}

	.model_item {

		position: relative;

		margin-right: 41.25px;

		display: inline-block;

	}

	.model_item img {

		width: 206.25px;

		height: auto;

		display: block;

	}

	.model_bd {

		width: 100%;

		max-height: 33.75px;

		font-size: 14px;

		background: rgba(255, 255, 255, .75);

		padding: 3px 6px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

	.page a {

		width: 37px;

		height: 37px;

		display: inline-block;

		margin: 0 15.8px;

	}

}



@media (max-width: 1366px) {

	.news_model_box {

		width: 100%;

		height: 571.4583px;

		padding-top: 20px;

		box-sizing: border-box;

		border-bottom: 1px solid #B0BEC5;

	}

	.model_box {

		width: 100%;

		margin: 42.6875px auto 0;

		overflow: hidden;

	}

	.model_item {

		position: relative;

		margin-right: 39.13px;

		display: inline-block;

	}

	.model_item img {

		width: 195.65px;

		height: auto;

		display: block;

	}

	.model_bd {

		width: 100%;

		max-height: 32px;

		font-size: 12px;

		background: rgba(255, 255, 255, .75);

		padding: 2.845px 5.69px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

	.page {

		width: 100%;

		text-align: center;

	}

	.page a {

		width: 35px;

		height: 35px;

		display: inline-block;

		margin: 0 15px;

	}

}



@media (max-width: 1280px) {

	.news_model_box {

		width: 100%;

		height: 535.48px;

		padding-top: 18.74px;

		box-sizing: border-box;

		border-bottom: 1px solid #B0BEC5;

	}

	.model_box {

		width: 100%;

		margin: 40px auto 0;

		overflow: hidden;

	}

	.model_item {

		position: relative;

		margin-right: 36.6667px;

		display: inline-block;

	}

	.model_item img {

		width: 183.3333px;

		height: auto;

		display: block;

	}

	.model_bd {

		width: 100%;

		max-height: 30px;

		font-size: 12px;

		background: rgba(255, 255, 255, .75);

		padding: 2.845px 5.69px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

	.page a {

		width: 32.8px;

		height: 32.8px;

		display: inline-block;

		margin: 0 14px;

	}

}



@media (max-width: 1024px) {

	.news_model_box {

		width: 100%;

		height: 428.3845px;

		padding-top: 15px;

		box-sizing: border-box;

		border-bottom: 1px solid #B0BEC5;

	}

	.model_box {

		width: 100%;

		margin: 32px auto 0;

		overflow: hidden;

	}

	.model_item {

		position: relative;

		margin-right: 29.3333px;

		display: inline-block;

	}

	.model_item img {

		width: 146.6667px;

		height: auto;

		display: block;

	}

	.model_bd {

		width: 100%;

		max-height: 24px;

		font-size: 12px;

		background: rgba(255, 255, 255, .75);

		padding: 2.845px 5.69px;

		box-sizing: border-box;

		line-height: 1.4em;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		position: absolute;

		bottom: 0;

		left: 0;

	}

	.page a {

		width: 26.23px;

		height: 26.23px;

		display: inline-block;

		margin: 0 11.24px;

	}

}





/**

 * about

 */



.about {

	width: 100%;

	padding-top: 20px;

}



.about_box {

	width: 100%;

	text-align: center;

	margin-bottom: 60px;

}



.about_box .title .title_b {

	color: #01D5C6;

}



.about_content {

	width: 100%;

	text-align: center;

	margin-top: 35px;

}



.about_content p {

	font-size: 14px;

	line-height: 1.6em;

	text-align: center;

}



.about_content img {

	width: 40%;

	height: auto;

	margin-top: 20px;

}



@media (max-width: 1680px) {

	.about {

		width: 100%;

		padding-top: 17.5px;

	}

	.about_box {

		width: 100%;

		text-align: center;

		margin-bottom: 52.5px;

	}

	.about_content {

		width: 100%;

		text-align: center;

		margin-top: 30.625px;

	}

	.about_content p {

		font-size: 14px;

		line-height: 1.6em;

		text-align: center;

	}

	.about_content img {

		width: 40%;

		height: auto;

		margin-top: 17.5px;

	}

}



@media (max-width: 1440px) {

	.about {

		width: 100%;

		padding-top: 15px;

	}

	.about_box {

		width: 100%;

		text-align: center;

		margin-bottom: 45px;

	}

	.about_content {

		width: 100%;

		text-align: center;

		margin-top: 26.25px;

	}

	.about_content p {

		font-size: 14px;

		line-height: 1.6em;

		text-align: center;

	}

	.about_content img {

		width: 40%;

		height: auto;

		margin-top: 15px;

	}

}



@media (max-width: 1366px) {

	.about {

		width: 100%;

		padding-top: 14.229px;

	}

	.about_box {

		width: 100%;

		text-align: center;

		margin-bottom: 41.76px;

	}

	.about_content {

		width: 100%;

		text-align: center;

		margin-top: 24.9px;

	}

	.about_content p {

		font-size: 14px;

		line-height: 1.6em;

		text-align: center;

	}

	.about_content img {

		width: 40%;

		height: auto;

		margin-top: 14.229px;

	}

}



@media (max-width: 1280px) {

	.about {

		width: 100%;

		padding-top: 13.3333px;

	}

	.about_box {

		width: 100%;

		text-align: center;

		margin-bottom: 40px;

	}

	.about_content {

		width: 100%;

		text-align: center;

		margin-top: 23.333px;

	}

	.about_content p {

		font-size: 14px;

		line-height: 1.6em;

		text-align: center;

	}

	.about_content img {

		width: 40%;

		height: auto;

		margin-top: 13.3333px;

	}

}



@media (max-width: 1024px) {

	.about {

		width: 100%;

		padding-top: 10.6667px;

	}

	.about_box {

		width: 100%;

		text-align: center;

		margin-bottom: 32px;

	}

	.about_content {

		width: 100%;

		text-align: center;

		margin-top: 18.6667px;

	}

	.about_content p {

		font-size: 14px;

		line-height: 1.6em;

		text-align: center;

	}

	.about_content img {

		width: 40%;

		height: auto;

		margin-top: 10.6667px;

	}

}





/**

 * news_detail

 */



.detail {

	width: 100%;

	padding-top: 20px;

}



.detail_box {

	width: 100%;

	margin-bottom: 60px;

}



.detail_content {

	width: 100%;

	margin-top: 35px;

}



.detail_content p {

	font-size: 16px;

	line-height: 1.8em;

	text-indent: 2em;

}



.detail_content img {

	width: 40%;

	height: auto;

	display: block;

	margin: 20px auto;

}



@media (max-width: 1680px) {

	.detail {

		width: 100%;

		padding-top: 17.5px;

	}

	.detail_box {

		width: 100%;

		text-align: center;

		margin-bottom: 52.5px;

	}

	.detail_content {

		width: 100%;

		text-align: center;

		margin-top: 30.625px;

	}

	.detail_content p {

		font-size: 16px;

		line-height: 1.8em;

		text-indent: 2em;

	}

	.detail_content img {

		width: 40%;

		height: auto;

		margin-top: 17.5px;

	}

}



@media (max-width: 1440px) {

	.detail {

		width: 100%;

		padding-top: 15px;

	}

	.detail_box {

		width: 100%;

		text-align: center;

		margin-bottom: 45px;

	}

	.detail_content {

		width: 100%;

		text-align: center;

		margin-top: 26.25px;

	}

	.detail_content p {

		font-size: 16px;

		line-height: 1.8em;

		text-indent: 2em;

	}

	.detail_content img {

		width: 40%;

		height: auto;

		margin-top: 15px;

	}

}



@media (max-width: 1366px) {

	.detail {

		width: 100%;

		padding-top: 14.229px;

	}

	.detail_box {

		width: 100%;

		text-align: center;

		margin-bottom: 41.76px;

	}

	.detail_content {

		width: 100%;

		text-align: center;

		margin-top: 24.9px;

	}

	.detail_content p {

		font-size: 16px;

		line-height: 1.8em;

		text-indent: 2em;

	}

	.detail_content img {

		width: 40%;

		height: auto;

		margin-top: 14.229px;

	}

}



@media (max-width: 1280px) {

	.detail {

		width: 100%;

		padding-top: 13.3333px;

	}

	.detail_box {

		width: 100%;

		text-align: center;

		margin-bottom: 40px;

	}

	.detail_content {

		width: 100%;

		text-align: center;

		margin-top: 23.333px;

	}

	.detail_content p {

		font-size: 16px;

		line-height: 1.8em;

		text-indent: 2em;

	}

	.detail_content img {

		width: 40%;

		height: auto;

		margin-top: 13.3333px;

	}

}



@media (max-width: 1024px) {

	.detail {

		width: 100%;

		padding-top: 10.6667px;

	}

	.detail_box {

		width: 100%;

		text-align: center;

		margin-bottom: 32px;

	}

	.detail_content {

		width: 100%;

		text-align: center;

		margin-top: 18.6667px;

	}

	.detail_content p {

		font-size: 16px;

		line-height: 1.8em;

		text-indent: 2em;

	}

	.detail_content img {

		width: 40%;

		height: auto;

		margin-top: 10.6667px;

	}

}