.center {
		width: 1400px;
		height: auto;
		margin: 0 auto;
	}
	
	.cleardiv {
		clear: both;
	}
	
	.fl {
		float: left;
	}
	
	.fr {
		float: right;
	}
	
	.op_banner {
		width: 100%;
		height: 400px;
		background: url(/network-monitoring/images/banner_bg.jpg) no-repeat center;
		background-size: 100% 100%;
		margin-top: 120px;
	}
	
	.op_banner_left {
		width: 50%;
	}
	
	.op_banner_left1 {
		width: 70%;
		font-size: 30px;
		line-height: 50px;
		text-align: left;
		color: white;
		font-weight: 100;
		margin-top: 90px;
	}
	
	.op_banner_left2 {
		display: block;
		font-size: 18px;
		color: rgba(255, 255, 255, .6);
		text-align: left;
		margin-top: -10px;
	}
	
	.op_banner_left3 a {
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		padding: 12px;
		background: #e03860;
		width: 150px;
		border-radius: 5px;
		display: block;
		margin-top: 20px;
		text-decoration: none;
	}
	
	.op_banner_right {
		width: 50%;
		margin-top: 70px;
		text-align: right;
	}
	
	.con1 {
		width: 100%;
		height: auto;
		margin-top: 80px;
		background: url(/network-monitoring/images/con1_bg.png);
	}
	
	.con1_title {
		width: 100%;
		text-align: left;
	}
	
	.con1_title span {
		font-size: 16px;
		font-weight: 100;
		line-height: 24px;
	}
	
	.con1_p {
		font-size: 14px;
		line-height: 28px;
		font-weight: 100;
	}
	
	.con1 ul {
		display: flex;
		flex-direction: row;
		margin-top: 20px;
		padding: 0;
	}
	
	.con1 ul li {
		width: 33.3%;
		height: 230px;
		list-style: none;
	}
	
	.con1 ul li p {
		color: white;
		font-size: 16px;
		line-height: 28px;
		margin-top: 44px;
	}
	
	.con1 ul li a {
		color: white;
		line-height: 60px;
		margin-left: 15px;
		font-size: 24px;
		text-decoration: none;
	}
	
	.con1_center {
		width: 80%;
		margin: 40px auto;
	}
	
	.con1_1 {
		background: url(/network-monitoring/images/con1_1.png);
	}
	
	.con1_2 {
		background: url(/network-monitoring/images/con1_2.png);
	}
	
	.con1_3 {
		background: url(/network-monitoring/images/con1_3.png);
	}
	
	.con1_4 {
		background: url(/network-monitoring/images/con1_4.png);
	}
	
	.con1_5 {
		background: url(/network-monitoring/images/con1_5.png);
	}
	
	.con1_6 {
		background: url(/network-monitoring/images/con1_6.png);
	}
	
	.line {
		width: 40px;
		height: 1px;
		background: #E03860;
		margin: 16px 0;
	}
	
	.con2 {
		width: 100%;
		height: 300px;
		background: url(/network-monitoring/images/con2_bg.png);
		margin-top: 80px;
	}
	
	.con2_fl {
		width: 50%;
		height: 230px;
		padding-top: 70px;
	}
	
	.con2_fl:hover {
		background: rgba(0, 0, 0, .1);
		transition: .5s;
	}
	
	.con2_fr:hover {
		background: rgba(0, 0, 0, .1);
		transition: .5s;
	}
	
	.con2_fl p {
		text-align: center;
		font-size: 24px;
	}
	
	.con2_fl a {
		padding: 10px 30px;
		display: block;
		width: 140px;
		text-align: center;
		margin: 20px auto;
		color: white;
		background: #E03860;
		border-radius: 5px;
		text-decoration: none;
	}
	
	.con2_fr {
		width: 50%;
		height: 230px;
		padding-top: 70px;
	}
	
	.con2_fr p {
		text-align: center;
		font-size: 24px;
	}
	
	.con2_fr a {
		padding: 10px 30px;
		display: block;
		width: 140px;
		text-align: center;
		margin: 20px auto;
		color: white;
		background: #E03860;
		border-radius: 5px;
		text-decoration: none;
	}
	
	.con3 {
		margin-top: 80px;
		background: url(/network-monitoring/images/con3_bg.png) no-repeat;
		background-size: 100% 65%;
		background-position: bottom;
		padding-bottom: 35px;
	}
	
	.con4 {
		width: 100%;
		margin-top: 80px;
	}
	
	.con4_title {
		height: 103px;
	}
	
	.con4_title_right a {
		font-size: 16px;
		color: #333333;
		line-height: 24px;
		margin-top: 30px;
		text-decoration: none;
	}
	
	.con4_title_right a img {
		padding-left: 10px;
		padding-top: 50px;
	}
	
	.con4_body {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: row;
		margin-top: 50px;
	}
	
	.con4 h2 {
		text-align: center;
		margin-top: 40px;
		line-height: 50px;
	}
	
	.con4_1 {
		width: 32%;
		background: url(/network-monitoring/images/con4_1.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.con4 ul {
		display: flex;
		width: 100%;
		height: 350px;
		padding-left: 0px;
		margin-left: 0px;
		flex-direction: column;
		text-align: center;
	}
	
	.con4 ul li {
		font-size: 16px;
		list-style: none;
		line-height: 32px;
	}
	
	.con4 ul li a {
		color: #333;
		text-decoration: none;
	}
	
	.con4_a {
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		padding: 12px;
		background: #e03860;
		width: 150px;
		border-radius: 5px;
		display: block;
		text-decoration: none;
		margin: 40px auto;
	}
	
	.con4_2 {
		width: 32%;
		margin-left: 2%;
		background: url(/network-monitoring/images/con4_2.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.con4_3 {
		width: 32%;
		margin-left: 2%;
		background: url(/network-monitoring/images/con4_3.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.con5 {
		margin-top: 140px;
		background: url(/network-monitoring/images/con3_bg.png) no-repeat;
		background-size: 100% 65%;
		background-position: bottom;
		padding-bottom: 35px;
	}
	
	.con6 {
		width: 100%;
		height: 200px;
		background: url(/network-monitoring/images/con6_bg.png);
		margin-top: 70px;
		text-align: center;
	}
	
	.con6 h2 {
		padding-top: 70px;
		line-height: 20px;
	}
	
	.con6 p {
		color: #000000;
		font-size: 14px;
		line-height: 26px;
	}
	
	.con6 p a {
		color: #E03860;
		text-decoration: none;
	}
	
	.con8 {
		width: 100%;
		height: auto;
		margin-top: 80px;
		background: #fbfbfb;
	}
	
	#lanren {
		width: 100%;
		height: 200px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}
	
	#lanren2 {
		position: absolute;
		left: 0;
		top: 50px;
	}
	
	#lanren2 li {
		width: 190px;
		height: 100px;
		line-height: 100px;
		background-color: #fff;
		margin: 0 5px;
		display: block;
		float: left;
		list-style: none;
	}
	
	.footer {
		width: 100%;
		background: #222;
		display: flex;
		flex-direction: column;
	}
	
	.footer h3 {
		margin: 50px 0 0 0;
		font-weight: 300;
		color: #eee;
		font-size: 1.3em;
		padding-bottom: 15px;
	}
	
	.footer_1_body {
		width: 80%;
		margin: 0 auto;
	}
	
	.footer_2_body {
		width: 50%;
		margin: 0 auto;
	}
	
	.footer_3_body {
		width: 50%;
		margin: 0 auto;
	}
	
	.footer_4_body {
		width: 50%;
		margin: 0 auto;
	}
	
	.footer_1 {
		width: 25%;
		height: auto;
	}
	
	.footer_2 {
		width: 25%;
		height: auto;
		border-left: 1px solid #292929;
	}
	
	.footer_3 {
		width: 25%;
		height: auto;
		border-left: 1px solid #292929;
	}
	
	.footer_4 {
		width: 24%;
		height: auto;
		border-left: 1px solid #292929;
	}
	
	.footer_1 p {
		color: #bbb;
		margin: 15px 0;
		line-height: 26px;
		text-align: justify;
	}
	
	.footer_1 a {
		color: #bbb;
		text-decoration: none;
	}
	
	.footer_2 ul {
		margin-left: 0px;
		padding-left: 0px;
	}
	
	.footer_2 ul li {
		list-style: none;
	}
	
	.footer_2 ul li a {
		text-decoration: none;
		color: #BBBBBB;
		line-height: 30px;
	}
	
	.footer_3 ul {
		margin-left: 0px;
		padding-left: 0px;
	}
	
	.footer_3 ul li {
		list-style: none;
	}
	
	.footer_3 ul li a {
		line-height: 30px;
		text-decoration: none;
		color: #BBBBBB;
	}
	
	.footer_4 a {
		color: #BBBBBB;
		margin-top: 2px;
		text-decoration: none;
	}
	
	.footer_4_2 {
		margin-top: 20px;
	}
	
	.footer_4_3 {
		margin-top: 20px;
	}
	
	.footer_bottom {
		margin-top: 40px;
		width: 100%;
		height: auto;
		border-top: 1px solid #292929;
	}
	
	.footer_bottom p{
		font-size: 0.8rem;
		color: #BBBBBB;
		text-align: center;
	}
	.footer_bottom a{
		color: #BBBBBB;
		text-decoration: none;
	}
	
	@media screen and (max-width: 760px) {
		.footer_1{
			width: 100%;
		}
		.footer_2{
			width: 100%;
		}
		.footer_3{
			width: 100%;
		}
		.footer_4{
			width: 100%;
		}
		.footer_1_body{
			width: 90%;
		}
		.footer_2_body{
			width: 90%;
		}
		.footer_3_body{
			width: 90%;
		}
		.footer_4_body{
			width: 90%;
		}
		.footer_bottom{
			width: 90%;
			margin: 20px auto;
		}
		.footer_bottom p{
			line-height: 24px;
			    margin-top: 28px;
		}
		
		.con1_title h1 {
			line-height: 50px;
		}
		.con1 ul li a {
			font-size: 22px;
			font-weight: bold;
		}
		.con1_p {
			margin-bottom: 30px;
		}
		.con2 {
			width: 100%;
			height: 600px;
			background: url(/network-monitoring/images/con2_bg.png) no-repeat;
			background-size: 100% 100%;
			margin-top: 80px;
		}
		.con2_fl {
			width: 70%;
			margin: 0 auto;
			border-bottom: 1px solid #999;
		}
		.con2_fl.fl {
			float: none;
		}
		.con2_fl p {
			font-size: 22px;
			line-height: 40px;
		}
		.con2_fl a {
			width: 115px;
			font-size: 14px;
		}
		.con2_fr {
			width: 70%;
			margin: 0 auto;
			padding-top: 46px;
		}
		.con2_fr.fr {
			float: none;
		}
		.con2_fr p {
			font-size: 22px;
			line-height: 40px;
		}
		.con2_fr a {
			width: 115px;
			font-size: 14px;
		}
		.con3 {
			background-size: 3000% 58%;
		}
		.con5 {
			background-size: 3000% 58%;
		}
		.con5_title {
			margin-top: 0px;
		}
		.w-newsList2.con5_bb {
			margin-top: 0px
		}
		.con4 {
			width: 100%;
			height: auto;
			margin-top: 50px;
		}
		.con4_body {
			width: 100%;
			flex-direction: column;
		}
		.con4_1 {
			width: 100%;
		}
		.con4_1.fl {
			float: none;
		}
		.con4_2 {
			clear: both;
			width: 100%;
			margin-left: 0px;
			margin-top: 2%;
		}
		.con4_3 {
			clear: both;
			width: 100%;
			margin-left: 0px;
			margin-top: 2%;
		}
		#newsList2 {
			margin-top: 30px;
		}
		.con4_title_right {
			display: none;
		}
		.op_banner_right img {
			width: 100%;
		}
		.center {
			width: 90%;
		}
		.op_banner {
			height: 670px;
			background-size: 250% 100%;
		}
		.op_banner_left {
			width: 100%;
		}
		.op_banner_left1 {
			width: 100%;
			text-align: center;
			margin-top: 70px;
			font-size: 38px;
			line-height: 60px;
		}
		.op_banner_left2 {
			text-align: center;
			font-size: 20px;
		}
		.op_banner_left3 {
			clear: both;
			display: flex;
			justify-content: center;
		}
		.op_banner_left3 a {
			width: 200px;
		}
		.op_banner_right {
			width: 100%;
			display: flex;
			justify-content: center;
		}
		.con1 ul {
			display: flex;
			flex-direction: column;
		}
		.con1 ul li {
			width: 100%;
		}
		.con6 {
			height: 240px;
			background-size: 150% 100%;
		}
		.con7 {
			display: none;
		}
		.con8 {
			margin-top: 0;
		}
	}
	
	.w-newsList2 {
		position: relative;
		overflow: hidden;
		margin-top: -176px;
	}
	
	.w-newsList2 a {
		display: block;
		text-decoration: none;
		color: #333;
	}
	
	.w-newsList2 .news-item {
		position: relative;
	}
	
	.w-newsList2 .img {
		float: right;
		overflow: hidden;
	}
	
	.w-newsList2 .img img {
		width: 100%;
		transition: transform 3.5s;
		-webkit-transition: transform 3.5s;
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	
	.w-newsList2 .swiper-slide.swiper-slide-active .img img {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	
	.w-newsList2 .news-text {
		margin-right: 66%;
		padding-top: 300px;
	}
	
	.w-newsList2 .news-h {
		font-size: 28px;
		line-height: 1.4;
		margin-bottom: 1em;
	}
	
	.w-newsList2 .news-sum {
		margin-top: 24px;
		line-height: 1.8;
		color: #808080;
	}
	
	.w-newsList2 .more {
		position: absolute;
		left: 0;
		bottom: -4em;
		line-height: 2.8;
		padding: 0 2.8rem;
		border: 1px solid #aaa;
		color: #333;
		overflow: hidden;
		-webkit-transition: all .6s;
		transition: all .6s;
	}
	
	.w-newsList2 .more:hover {
		color: #fff;
		border-color: #E03860;
	}
	
	.w-newsList2 .more .bgsqr1,
	.w-newsList2 .more .bgsqr2,
	.w-newsList2 .more .bgsqr3,
	.w-newsList2 .more .bgsqr4 {
		background: #FF6600;
		position: absolute;
		top: 0;
		width: 0px;
		height: 100%;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		opacity: 0.35;
	}
	
	.w-newsList2 .more .bgsqr3,
	.w-newsList2 .more .bgsqr4 {
		opacity: 0.75;
	}
	
	.w-newsList2 .more .bgsqr1 {
		left: 0;
	}
	
	.w-newsList2 .more .bgsqr2 {
		right: 0
	}
	
	.w-newsList2 .more .bgsqr3 {
		right: 0;
	}
	
	.w-newsList2 .more .bgsqr4 {
		left: 0;
	}
	
	.w-newsList2 .more:hover .bgsqr1,
	.w-newsList2 .more:hover .bgsqr2,
	.w-newsList2 .more:hover .bgsqr3,
	.w-newsList2 .more:hover .bgsqr4 {
		width: 100%;
	}
	
	.w-newsList2 .more:hover .bgsqr3,
	.w-newsList2 .more:hover .bgsqr4 {
		-webkit-transition-delay: .4s;
		transition-delay: .4s;
	}
	
	.w-newsList2 .more span {
		position: relative;
		z-index: 1;
	}
	
	.w-newsList2 .adSN_page {
		position: absolute;
		left: auto;
		right: 40px;
		width: auto;
		z-index: 10;
		text-align: right;
	}
	
	.w-newsList2.swiper-container-horizontal .adSN_page {
		bottom: 40px;
		right: 50px;
	}
	
	.w-newsList2 .adSN_page span {
		background: #c9c9c9;
		opacity: 1;
		width: 40px;
		height: 5px;
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	.w-newsList2 .adSN_page span.swiper-pagination-bullet-active {
		background: #f60;
	}
	
	.w-newsList2.swiper-container-vertical .adSN_page span {
		margin: 15px 0;
	}
	
	@media (max-width:960px) {
		.w-newsList2 .news-h {
			font-size: 24px;
		}
		.w-newsList2 .news-sum {
			display: none;
		}
	}
	
	@media (max-width:767px) {
		.w-newsList1 .news-imgbox {
			width: 100%;
		}
		.w-newsList1 .aspectRatio {
			padding-bottom: 56.25%;
		}
		.w-newsList1 .news-text {
			position: relative;
			width: 100%;
			top: 0;
			transform: none;
			-webkit-transform: none;
			padding: 1.2em 4% 1.5em;
		}
		:root .w-newsList1 .news-text {
			top: 0;
		}
		.w-newsList1 .adSN_page {
			left: 0;
			bottom: 2em;
			margin-bottom: 0;
		}
		.w-newsList1 .swiper-num {
			bottom: 232px;
			top: auto;
			margin-top: 0;
		}
		.w-newsList2 .news-h {
			font-size: 20px;
		}
		.w-newsList2 .img {
			float: none;
			width: 100%;
		}
		.w-newsList2 .news-text {
			margin-right: 0;
			text-align: center;
			padding: 1em 0 3em;
		}
		.w-newsList2 .more {
			position: relative;
			margin-top: 1.2em;
			bottom: 0;
			display: inline-block;
		}
		.w-newsList2 .adSN_page {
			top: auto;
			bottom: 0 !important;
			left: 0;
			right: 0;
			transform: none;
			-webkit-transform: none;
			text-align: center;
		}
		.w-newsList2 .adSN_page span {
			margin: 0 0.3em !important;
			display: inline-block;
			width: 1.8em;
			height: 0.25em;
		}
	}
	
	@media (max-width:480px) {
		body {
			font-size: 4vw;
		}
		.title {
			font-size: 6vw;
		}
		.w-newsList1 .news-h {
			font-size: 125%;
		}
		.w-newsList1 .date .year {
			font-size: 300%;
		}
		.w-newsList1 .date .day_month {
			font-size: 110%;
		}
		.w-newsList1 .swiper-num {
			bottom: 15em;
		}
		.w-newsList1 .swiper-num .active {
			font-size: 200%;
		}
		.w-newsList2 .news-h {
			font-size: 125%;
		}
	}
	/**
 * Swiper 4.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2018
 */
	
	.swiper-container {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		list-style: none;
		padding: 0;
		z-index: 1
	}
	
	.swiper-container-no-flexbox .swiper-slide {
		float: left
	}
	
	.swiper-container-vertical>.swiper-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	
	.swiper-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-box-sizing: content-box;
		box-sizing: content-box
	}
	
	.swiper-container-android .swiper-slide,
	.swiper-wrapper {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	
	.swiper-container-multirow>.swiper-wrapper {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	
	.swiper-container-free-mode>.swiper-wrapper {
		-webkit-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		margin: 0 auto
	}
	
	.swiper-slide {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform
	}
	
	.swiper-invisible-blank-slide {
		visibility: hidden
	}
	
	.swiper-container-autoheight,
	.swiper-container-autoheight .swiper-slide {
		height: auto
	}
	
	.swiper-container-autoheight .swiper-wrapper {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-transition-property: height, -webkit-transform;
		transition-property: height, -webkit-transform;
		-o-transition-property: transform, height;
		transition-property: transform, height;
		transition-property: transform, height, -webkit-transform
	}
	
	.swiper-container-3d {
		-webkit-perspective: 1200px;
		perspective: 1200px
	}
	
	.swiper-container-3d .swiper-cube-shadow,
	.swiper-container-3d .swiper-slide,
	.swiper-container-3d .swiper-slide-shadow-bottom,
	.swiper-container-3d .swiper-slide-shadow-left,
	.swiper-container-3d .swiper-slide-shadow-right,
	.swiper-container-3d .swiper-slide-shadow-top,
	.swiper-container-3d .swiper-wrapper {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d
	}
	
	.swiper-container-3d .swiper-slide-shadow-bottom,
	.swiper-container-3d .swiper-slide-shadow-left,
	.swiper-container-3d .swiper-slide-shadow-right,
	.swiper-container-3d .swiper-slide-shadow-top {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 10
	}
	
	.swiper-container-3d .swiper-slide-shadow-left {
		background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
		background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
		background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
	}
	
	.swiper-container-3d .swiper-slide-shadow-right {
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
		background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
		background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
	}
	
	.swiper-container-3d .swiper-slide-shadow-top {
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
		background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
		background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
	}
	
	.swiper-container-3d .swiper-slide-shadow-bottom {
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
	}
	
	.swiper-container-wp8-horizontal,
	.swiper-container-wp8-horizontal>.swiper-wrapper {
		-ms-touch-action: pan-y;
		touch-action: pan-y
	}
	
	.swiper-container-wp8-vertical,
	.swiper-container-wp8-vertical>.swiper-wrapper {
		-ms-touch-action: pan-x;
		touch-action: pan-x
	}
	
	.swiper-button-next,
	.swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 27px;
		height: 44px;
		margin-top: -22px;
		z-index: 10;
		cursor: pointer;
		background-size: 27px 44px;
		background-position: center;
		background-repeat: no-repeat
	}
	
	.swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		opacity: .35;
		cursor: auto;
		pointer-events: none
	}
	
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
		left: 10px;
		right: auto
	}
	
	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
		right: 10px;
		left: auto
	}
	
	.swiper-button-prev.swiper-button-white,
	.swiper-container-rtl .swiper-button-next.swiper-button-white {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
	}
	
	.swiper-button-next.swiper-button-white,
	.swiper-container-rtl .swiper-button-prev.swiper-button-white {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
	}
	
	.swiper-button-prev.swiper-button-black,
	.swiper-container-rtl .swiper-button-next.swiper-button-black {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
	}
	
	.swiper-button-next.swiper-button-black,
	.swiper-container-rtl .swiper-button-prev.swiper-button-black {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
	}
	
	.swiper-button-lock {
		display: none
	}
	
	.swiper-pagination {
		position: absolute;
		text-align: center;
		-webkit-transition: .3s opacity;
		-o-transition: .3s opacity;
		transition: .3s opacity;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		z-index: 10
	}
	
	.swiper-pagination.swiper-pagination-hidden {
		opacity: 0
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		width: 100%
	}
	
	.swiper-pagination-bullets-dynamic {
		overflow: hidden;
		font-size: 0
	}
	
	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		-webkit-transform: scale(.33);
		-ms-transform: scale(.33);
		transform: scale(.33);
		position: relative
	}
	
	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	
	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	
	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
		-webkit-transform: scale(.66);
		-ms-transform: scale(.66);
		transform: scale(.66)
	}
	
	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
		-webkit-transform: scale(.33);
		-ms-transform: scale(.33);
		transform: scale(.33)
	}
	
	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
		-webkit-transform: scale(.66);
		-ms-transform: scale(.66);
		transform: scale(.66)
	}
	
	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
		-webkit-transform: scale(.33);
		-ms-transform: scale(.33);
		transform: scale(.33)
	}
	
	.swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		display: inline-block;
		border-radius: 100%;
		background: #000;
		opacity: .2
	}
	
	button.swiper-pagination-bullet {
		border: none;
		margin: 0;
		padding: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none
	}
	
	.swiper-pagination-clickable .swiper-pagination-bullet {
		cursor: pointer
	}
	
	.swiper-pagination-bullet-active {
		opacity: 1;
		background: #007aff
	}
	
	.swiper-container-vertical>.swiper-pagination-bullets {
		right: 10px;
		top: 50%;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}
	
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 6px 0;
		display: block
	}
	
	.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 8px
	}
	
	.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		display: inline-block;
		-webkit-transition: .2s top, .2s -webkit-transform;
		transition: .2s top, .2s -webkit-transform;
		-o-transition: .2s transform, .2s top;
		transition: .2s transform, .2s top;
		transition: .2s transform, .2s top, .2s -webkit-transform
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 4px
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		white-space: nowrap
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		-webkit-transition: .2s left, .2s -webkit-transform;
		transition: .2s left, .2s -webkit-transform;
		-o-transition: .2s transform, .2s left;
		transition: .2s transform, .2s left;
		transition: .2s transform, .2s left, .2s -webkit-transform
	}
	
	.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		-webkit-transition: .2s right, .2s -webkit-transform;
		transition: .2s right, .2s -webkit-transform;
		-o-transition: .2s transform, .2s right;
		transition: .2s transform, .2s right;
		transition: .2s transform, .2s right, .2s -webkit-transform
	}
	
	.swiper-pagination-progressbar {
		background: rgba(0, 0, 0, .25);
		position: absolute
	}
	
	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background: #007aff;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top
	}
	
	.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		-webkit-transform-origin: right top;
		-ms-transform-origin: right top;
		transform-origin: right top
	}
	
	.swiper-container-horizontal>.swiper-pagination-progressbar,
	.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		width: 100%;
		height: 4px;
		left: 0;
		top: 0
	}
	
	.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
	.swiper-container-vertical>.swiper-pagination-progressbar {
		width: 4px;
		height: 100%;
		left: 0;
		top: 0
	}
	
	.swiper-pagination-white .swiper-pagination-bullet-active {
		background: #fff
	}
	
	.swiper-pagination-progressbar.swiper-pagination-white {
		background: rgba(255, 255, 255, .25)
	}
	
	.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
		background: #fff
	}
	
	.swiper-pagination-black .swiper-pagination-bullet-active {
		background: #000
	}
	
	.swiper-pagination-progressbar.swiper-pagination-black {
		background: rgba(0, 0, 0, .25)
	}
	
	.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
		background: #000
	}
	
	.swiper-pagination-lock {
		display: none
	}
	
	.swiper-scrollbar {
		border-radius: 10px;
		position: relative;
		-ms-touch-action: none;
		background: rgba(0, 0, 0, .1)
	}
	
	.swiper-container-horizontal>.swiper-scrollbar {
		position: absolute;
		left: 1%;
		bottom: 3px;
		z-index: 50;
		height: 5px;
		width: 98%
	}
	
	.swiper-container-vertical>.swiper-scrollbar {
		position: absolute;
		right: 3px;
		top: 1%;
		z-index: 50;
		width: 5px;
		height: 98%
	}
	
	.swiper-scrollbar-drag {
		height: 100%;
		width: 100%;
		position: relative;
		background: rgba(0, 0, 0, .5);
		border-radius: 10px;
		left: 0;
		top: 0
	}
	
	.swiper-scrollbar-cursor-drag {
		cursor: move
	}
	
	.swiper-scrollbar-lock {
		display: none
	}
	
	.swiper-zoom-container {
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}
	
	.swiper-zoom-container>canvas,
	.swiper-zoom-container>img,
	.swiper-zoom-container>svg {
		max-width: 100%;
		max-height: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}
	
	.swiper-slide-zoomed {
		cursor: move
	}
	
	.swiper-lazy-preloader {
		width: 42px;
		height: 42px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -21px;
		margin-top: -21px;
		z-index: 10;
		-webkit-transform-origin: 50%;
		-ms-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
		animation: swiper-preloader-spin 1s steps(12, end) infinite
	}
	
	.swiper-lazy-preloader:after {
		display: block;
		content: '';
		width: 100%;
		height: 100%;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
		background-position: 50%;
		background-size: 100%;
		background-repeat: no-repeat
	}
	
	.swiper-lazy-preloader-white:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
	}
	
	@-webkit-keyframes swiper-preloader-spin {
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg)
		}
	}
	
	@keyframes swiper-preloader-spin {
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg)
		}
	}
	
	.swiper-container .swiper-notification {
		position: absolute;
		left: 0;
		top: 0;
		pointer-events: none;
		opacity: 0;
		z-index: -1000
	}
	
	.swiper-container-fade.swiper-container-free-mode .swiper-slide {
		-webkit-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	
	.swiper-container-fade .swiper-slide {
		pointer-events: none;
		-webkit-transition-property: opacity;
		-o-transition-property: opacity;
		transition-property: opacity
	}
	
	.swiper-container-fade .swiper-slide .swiper-slide {
		pointer-events: none
	}
	
	.swiper-container-fade .swiper-slide-active,
	.swiper-container-fade .swiper-slide-active .swiper-slide-active {
		pointer-events: auto
	}
	
	.swiper-container-cube {
		overflow: visible
	}
	
	.swiper-container-cube .swiper-slide {
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		z-index: 1;
		visibility: hidden;
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		width: 100%;
		height: 100%
	}
	
	.swiper-container-cube .swiper-slide .swiper-slide {
		pointer-events: none
	}
	
	.swiper-container-cube.swiper-container-rtl .swiper-slide {
		-webkit-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
	
	.swiper-container-cube .swiper-slide-active,
	.swiper-container-cube .swiper-slide-active .swiper-slide-active {
		pointer-events: auto
	}
	
	.swiper-container-cube .swiper-slide-active,
	.swiper-container-cube .swiper-slide-next,
	.swiper-container-cube .swiper-slide-next+.swiper-slide,
	.swiper-container-cube .swiper-slide-prev {
		pointer-events: auto;
		visibility: visible
	}
	
	.swiper-container-cube .swiper-slide-shadow-bottom,
	.swiper-container-cube .swiper-slide-shadow-left,
	.swiper-container-cube .swiper-slide-shadow-right,
	.swiper-container-cube .swiper-slide-shadow-top {
		z-index: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}
	
	.swiper-container-cube .swiper-cube-shadow {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .6;
		-webkit-filter: blur(50px);
		filter: blur(50px);
		z-index: 0
	}
	
	.swiper-container-flip {
		overflow: visible
	}
	
	.swiper-container-flip .swiper-slide {
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		z-index: 1
	}
	
	.swiper-container-flip .swiper-slide .swiper-slide {
		pointer-events: none
	}
	
	.swiper-container-flip .swiper-slide-active,
	.swiper-container-flip .swiper-slide-active .swiper-slide-active {
		pointer-events: auto
	}
	
	.swiper-container-flip .swiper-slide-shadow-bottom,
	.swiper-container-flip .swiper-slide-shadow-left,
	.swiper-container-flip .swiper-slide-shadow-right,
	.swiper-container-flip .swiper-slide-shadow-top {
		z-index: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}
	
	.swiper-container-coverflow .swiper-wrapper {
		-ms-perspective: 1200px
	}
	/*导航样式效果*/
	/*====================导航*********/
	
	.header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		height: 120px;
		background: #fff;
	}
	/*左侧logo*/
	
	.header .left {
		width: 12%;
	}
	
	.header .left a img {
		height: 40px;
		margin-top: 12px;
	}
	
	.header .left .img2 {
		display: block;
	}
	
	.header .left .img2 {
		margin-top: 10px;
	}
	/*右侧*/
	
	.header .nav {
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		height: 100%;
		line-height: 120px;
		display: block;
	}
	
	.header .navbar_nav li {
		float: left;
		position: relative;
		display: block;
	}
	
	.header .navbar_nav li:after {
		content: "";
		width: 0;
		height: 2px;
		background: orangered;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: all 0.5s ease 0s;
	}
	
	.header .navbar_nav li:hover:after {
		width: 100%;
	}
	
	.header .navbar_nav li a {
		text-decoration: none;
		height: 100%;
		padding: 0 16px;
		display: block;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		color: #333;
		font-size: 16px;
	}
	
	.header .navbar_nav li:hover a {
		color: orangered;
	}
	
	.header .navbar_nav li.dropdown {
		display: inherit;
		position: relative;
	}
	
	.header .navbar_nav li.dropdown .jt {
		width: 20px;
		height: 20px;
		background: url(i/top.png) no-repeat;
		background-size: 100% 100%;
		display: block;
	}
	
	.header .navbar_nav li.dropdown .dropdown_menu {
		display: none;
		position: absolute;
		top: 50px;
		width: 100%;
		background: #fff;
		box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
		width: 120%;
		left: -10%;
	}
	
	.header .navbar_nav li.dropdown .dropdown_menu a {
		font-size: 14px;
		color: #666;
		padding: 0 10px;
		line-height: 40px;
		text-align: center;
		background: #fff;
		margin-bottom: 2px;
	}
	
	.header .navbar_nav li.dropdown:hover .dropdown_menu {
		display: block;
		background: #f3f3f3;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	
	.header .navbar_nav li.dropdown:hover .dropdown_menu a {
		color: #666;
	}
	
	.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
		color: #fff;
		background: orange;
	}
	/*白色背景的头部*/
	
	.header.on {
		background: #fff;
		border-bottom: 1px solid #ccc;
		height: 70px;
	}
	
	.header.on .left .img2 {
		margin-top: 15px;
	}
	
	.header.on .nav {
		line-height: 70px;
	}
	
	.header.on .left .img1 {
		display: none;
	}
	
	.header.on .left .img2 {
		display: block;
	}
	
	.header.on .navbar_nav li a {
		color: #333;
	}
	
	.header.on .navbar_nav li:hover a {
		color: orangered;
	}
	
	#navToggle {
		display: none;
	}
	
	.m_nav {
		position: fixed;
		top: 0px;
		box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
		width: 100%;
		height: 100%;
		background: #fff;
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		z-index: 1000;
		opacity: 1;
		visibility: visible;
		margin-top: 0;
		overflow-y: auto;
		transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
		top: 0;
		transform: translateX(100%);
	}
	
	.m_nav.open {
		transform: translateX(0);
	}
	
	.m_nav .top {
		height: 60px;
		padding: 20px;
		box-sizing: border-box;
	}
	
	.m_nav .top .closed {
		width: 30px;
		height: 30px;
		vertical-align: middle;
		float: right;
		cursor: pointer;
	}
	
	.m_nav .logo {
		width: 100%;
		margin: 0 auto;
	}
	
	.m_nav .logo img {
		height: 50px;
		display: block;
		margin: 30px auto;
	}
	
	.m_nav .ul {
		margin-top: 20px;
		margin-left: 0px;
		padding-left: 0px;
	}
	
	.m_nav .ul li {
		padding: 0 20px;
		border-bottom: 1px solid #f5f5f5;
		transform: translateY(0);
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
		opacity: 0;
	}
	
	.m_nav.open .ul li {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		list-style: none;
		text-align: center;
	}
	
	.m_nav .ul li:nth-child(1) {
		-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	}
	
	.m_nav .ul li:nth-child(2) {
		-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	}
	
	.m_nav .ul li:nth-child(3) {
		-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	}
	
	.m_nav .ul li:nth-child(4) {
		-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	}
	
	.m_nav .ul li:nth-child(5) {
		-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	}
	
	.m_nav .ul li:nth-child(6) {
		-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	}
	
	.m_nav .ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		font-size: 16px;
		height: 50px;
		line-height: 50px;
		width: 100%;
	}
	
	.m_nav .ul li .dropdown_menu {
		display: none;
	}
	
	.m_nav .ul li.dropdown.active .dropdown_menu {
		display: block;
	}
	
	.m_nav .ul li .dropdown_menu a {
		display: block;
		height: 50px;
		line-height: 50px;
		padding: 0 40px;
		box-sizing: border-box;
		border-bottom: 1px solid #f5f5f5;
	}
	
	.m_nav .ul li .dropdown_menu a:last-child {
		border: none;
	}
	
	.banner {
		width: 100%;
	}
	
	.banner img {
		width: 100%;
	}
	
	@media screen and (max-width: 992px) {
		.op_banner {
			margin-top: 100px;
		}
		.header .left a img {
			height: 26px;
			margin-top: 12px;
		}
		.header {
			height: 100px;
			padding: 0 10px;
		}
		.header.on {
			height: 100px;
		}
		.header.on .left .img1 {
			display: block;
		}
		.header #navToggle {
			height: 100%;
			padding: 30px 30px;
			display: inline-block;
			float: right;
		}
		.header #navToggle span {
			position: relative;
			width: 25px;
			height: 1px;
			margin-top: 19px;
		}
		.header #navToggle span:before,
		.header #navToggle span:after {
			content: '';
			position: relative;
			width: 100%;
			height: 1px;
			left: 0;
		}
		.header #navToggle span,
		.header #navToggle span:before,
		.header #navToggle span:after {
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
			display: block;
			background: #4f4f4f;
		}
		.header #navToggle span:before {
			top: 8px;
		}
		.header #navToggle span:after {
			bottom: 10px;
		}
		.header #navToggle.open span:before {
			top: 10px;
			-webkit-transform: translateY(-11px) rotate(-45deg);
			-moz-transform: translateY(-11px) rotate(-45deg);
			-ms-transform: translateY(-11px) rotate(-45deg);
			-o-transform: translateY(-11px) rotate(-45deg);
			transform: translateY(-11px) rotate(-45deg);
		}
		.header #navToggle.open span:after {
			bottom: 12px;
			-webkit-transform: translateY(10px) rotate(45deg);
			-moz-transform: translateY(10px) rotate(45deg);
			-ms-transform: translateY(10px) rotate(45deg);
			-o-transform: translateY(10px) rotate(45deg);
			transform: translateY(10px) rotate(45deg);
		}
		.header #navToggle.open span {
			background: none;
		}
		.header #navToggle.open span:before,
		.header #navToggle.open span:after {
			background: #4f4f4f;
		}
		.header .nav {
			display: none;
		}
		.banner img {
			height: 600px;
			object-fit: cover;
		}
	}