body {
 	font-family: "Microsoft Yahei", "Microsoft YaHei Regular", "Microsoft YaHei", "Hiragino Sans GB", 'Helvetica Neue', STHeiti, "Open Sans", "WenQuanYi Micro Hei", SimSun, Tahoma, Arial, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Jhenghei", sans-serif !important;
 }

 .nav-centers {
 	display: none;
 }

 #main {
 	width: 100%;
 	height: auto;
 }

 #main-height {
 	width: 100%;
 	height: 686px;
 	background-image: url("../imgs/back.png");
 }

 header {
 	width: 100%;
 	height: 77px;
 }

 #huangse {
 	color: #ffb923 !important;
 }

 #header-s {
 	width: 100%;
 	height: 77px;
 }

 .header-backs {
 	width: 100%;
 	height: 77px;
 	z-index: 999;
 	text-align: center;
 }

 .header-backs #header-nav {
 	width: 1214px;
 	height: 77px;
 	margin: 0 auto;
 	border-bottom: 1px solid #fff;
 	border-color: rgba(255, 255, 255, 0.35);
 }

 #header-nav a img {
 	float: left;
 	margin-top: 18px;
 }

 #header-nav .nav-content {
 	margin-left: 220px;
 	width: 1009px;
 	height: 77px;
 	display: block;
 	font-size: 18px;
 }

 #header-nav .nav-content .mainfun {
 	/* width: 145px; */
 	height: 77px;
 	float: left;
 	margin-right: 42px;
 	font-size: 16px;
 	text-align: center;
 	line-height: 77px;
 	position: relative;
 }

 #header-nav .nav-content .mainfun p {
 	position: absolute;
 	bottom: 0;
 	left: 51%;
 	margin-left: -18px;
 	height: 2px;
 	background: #fff;
 	width: 35px;
 	display: none;
 }

 #header-nav .nav-content .active p {
 	display: block;
 }

 #header-nav .nav-content .mainfun:nth-child(2) {
 	position: relative;
 }

 /* #header-nav .nav-content .mainfun .product-nav {
 	position:fixed;
 	top: 77px;
 	left:0;
 	width:100%;
 	height: 40px;
 	display: none;
	background:rgba(225,225,225,.1);
	z-index: 99;
 }

 #header-nav .nav-content .mainfun .product-nav li {
 	width: 145px;
 	height: 40px;
 	line-height: 40px;
 	margin: 0;
 	float: left;
 } */
 #header-nav .nav-content .mainfun .product-nav {
 	display: none;
 }

 #header-nav .nav-content .mainfun a:hover {
 	color: #fad559 !important;
 	border-bottom: 2px solid #fad559;
 }

 #header-nav .nav-content .active a {
 	color: #fad559 !important;
 }

 #header-nav .nav-content .mainfun a {
 	display: block;
 	width: 100%;
 	height: 100%;
 	color: #ffffff
 }

 #header-nav .nav-content .product:hover .product-nav-wrap {
 	display: block;
 }

 #header-nav .nav-content .mainfun .product-nav-wrap {
 	position: fixed;
 	top: 77px;
 	width: 100% !important;
 	height: 40px;
 	left: 0;
 	background: rgba(225, 225, 225, .1);
 	text-align: center;
 	display: none;
 }

 #header-nav .nav-content .active .product-nav-wrap {
 	background: #fff !important;
 	opacity: 1;
 	box-shadow: 0 0 3px #939da6;
 }

 #header-nav .nav-content .mainfun .product-nav-wrap .product-nav {
 	width: 100%;
 	height: 40px;
 	line-height: 40px;
 	margin: 0 auto;
 }

 #header-nav .nav-content .mainfun .product-nav-wrap .product-nav li {
 	float: left;
 	width: 150px;
 	height: 40px;
 	text-align: center;
 }

 #header-nav .nav-content .mainfun .product-nav-wrap .product-nav li:nth-child(1) {
 	margin-left: 489.5px
 }

 #header-nav .nav-content .mainfun .product-nav-wrap .product-nav li a {
 	font-size: 16px;
 	color: #fff;
 }

 #header-nav .nav-content .mainfun .product-nav-wrap .product-nav li a:hover {
 	border: none;
 	color: #fad559;
 }

 /* #header-nav .nav-content .mainfun:nth-child(1) {
 	width: 89px;
 }

 #header-nav .nav-content .mainfun:nth-child(4) {
 	width: 89px;
 }

 #header-nav .nav-content .mainfun:nth-child(6) {
 	width: 133px;
 	font-size: 14px;
 	margin-left: 100px;
 } */
 /* ---------top----------*/


 /*-------------------*/
 #header-nav .nav-content .mainfun:nth-child(6) span {
 	border: 1px solid #cdd3ed;
 	padding: 3px 12px;
 	border-radius: 17px;
 	color: #cdd3ed;
 }

 #header-nav .nav-content .mainfun:nth-child(7) span {
 	border: 1px solid #cdd3ed;
 	padding: 3px 12px;
 	border-radius: 17px;
 	color: #cdd3ed;
 }

 /* #header-nav .nav-content .mainfun:nth-child(7) {
 	width: 133px;
 	font-size: 14px;

 } */
 #header-nav img {
 	display: block;
 }

 #clear {
 	width: 1214px;
 	height: 605px;
 	display: flex;
 	overflow: hidden;
 	margin: 0 auto;
 	/*position: relative;*/
 }

 /*#clear .hidden-hiden{
 	height:136px;
 	width: 100%;
 	z-index: 99;
 	position: absolute;
 	bottom:0;
 }*/
 #clear .clear-left {
 	width: 40%;
 	height: 202px;
 	padding-top: 159px;
 }

 #clear .clear-left h1 {
 	color: #fff;
 	float: left;
 	margin-left: 10px;
 	font-size: 35px;
 	margin-bottom: 30px;
 }

 #clear .clear-left .kuandu {
 	margin-left: 20px;
 }

 #clear .clear-left p {
 	width: 90%;
 	color: #ffffff;
 	float: left;
 	line-height: 33px;
 	margin-left: 10px;
 	font-size: 17px;
 }

 #clear .clear-left #clear-ts {
 	margin-top: 30px;
 	width: 180px;
 	height: 48px;
 	border: 1px solid #ffb923;
 	margin-left: 10px;
 	float: left;
 	text-align: center;


 	font-size: 24px;
 	line-height: 48px;
 	font-weight: 600;
 	position: relative;
 }

 #clear .clear-left #clear-ts a {
 	color: #ffb923;
 }

 #clear .clear-left #clear-ts p {
 	width: 10px;
 	height: 10px;
 	background: #ffb923;
 	border: 2px solid #a98842;
 	transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	/* IE 9 */
 	-moz-transform: rotate(45deg);
 	/* Firefox */
 	-webkit-transform: rotate(45deg);
 	/* Safari 和 Chrome */
 	-o-transform: rotate(45deg);
 	position: absolute;
 }

 #clear .clear-left #clear-ts .p-shang {
 	top: -7px;
 	left: 183px;
 	animation: mymove 5s infinite;
 	-webkit-animation: mymove 5s infinite linear;
 	/* Safari 和 Chrome */
 }

 @keyframes mymove {
 	0% {
 		top: -7px;
 		left: 163px;
 	}

 	16% {
 		top: 41px;
 		left: 163px;
 	}

 	50% {
 		top: 41px;
 		left: -17px;
 	}

 	66% {
 		top: -7px;
 		left: -17px;
 	}

 	100% {
 		top: -7px;
 		left: 163px;
 	}
 }

 #clear .clear-left #clear-ts .p-xia {
 	top: 41px;
 	left: 17px;
 	animation: mymoves 5s infinite;
 	-webkit-animation: mymoves 5s infinite linear;
 }

 @keyframes mymoves {
 	0% {
 		top: 41px;
 		left: -17px;
 	}

 	16% {
 		top: -7px;
 		left: -17px;
 	}

 	50% {
 		top: -7px;
 		left: 163px;
 	}

 	66% {
 		top: 41px;
 		left: 163px;
 	}

 	100% {
 		top: 41px;
 		left: -17px;
 	}
 }

 #clear .clear-right {
 	width: 65%;
 	box-sizing: border-box;
 	position: relative;
 	height: 361px;
 	display: block;
 	top: 30px;
 }

 #clear .clear-right img {
 	position: absolute;
 	opacity: 0;
 }

 #clear .clear-right #box-heid {
 	position: relative;
 	width: 100%;
 	height: 470px;
 }

 #clear .clear-right img:nth-child(1) {
 	top: 121%;
 	left: 9%;
 	width: 81%;
 	z-index: 5;
 }

 #clear .clear-right img:nth-child(2) {
 	top: 108%;
 	left: 29%;
 	width: 64%;

 }

 #clear .clear-right .di-img3 {
 	position: absolute;
 	top: 135%;
 	left: -2%;
 	width: 112%;
 }

 #box {
 	width: 100%;
 	height: auto;
 }

 #box #top-lb {
 	width: 542px;
 	height: 36px;
 	background: #f5f7f8;
 	border-radius: 18px;
 	margin: 48px auto;
 	overflow: hidden;
 }

 #box #top-lb #swiper-containers .lunbos {
 	width: 400px;
 	float: left;
 	overflow: hidden;
 }

 #box #top-lb #swiper-containers .lunbos .swiper-slide {
 	width: 400px;
 	height: 36px;

 	font-size: 12px;
 	line-height: 38px;
 }

 #box #top-lb p {
 	width: 70px;
 	height: 26px;
 	text-align: center;
 	background: #000;
 	color: #ffbd00;
 	border-radius: 13px;
 	margin: 5px 13px 5px 9px;
 	float: left;

 	font-size: 13px;
 	line-height: 26px;
 }

 #box .nav-box {
 	width: 100%;
 	height: auto;
 	background: #f5f7f8;
 	padding-bottom: 20px;
 }

 #box .nav-box #nav-center {
 	width: 64%;
 	height: auto;
 	margin: 0 auto;
 }

 #box .nav-box #nav-center h2 {

 	font-size: 25px;
 	line-height: 115px;
 	text-align: center;
 	color: #333333;
 }

 #box .nav-box #nav-ul {
 	width: 100%;
 	height: auto;
 	display: flex;
 	flex-wrap: wrap;
 }

 #box .nav-box #nav-ul li {
 	width: 33%;
 	box-sizing: border-box;
 	height: 155px;
 	border-right: 1px solid #e1e3e4;
 	text-align: center;
 	position: relative;
 	overflow: hidden;
 	margin-bottom: 20px;
 }

 #box .nav-box #nav-ul li:last-child {
 	border: none;
 }

 #box .nav-box #nav-ul li img {
 	margin-top: 25px;
 	width: 70px;
 	height: 70px;
 }

 #box .nav-box #nav-ul li ol {
 	position: absolute;
 	top: 160px;
 	left: 50%;
 	margin-left: -40%;
 	width: 80%;

 	font-size: 14px;
 	line-height: 20px;
 }

 #box .nav-box #nav-ul li p {
 	position: absolute;
 	top: 109px;
 	left: 50%;
 	font-weight: 900;
 	font-size: 17px;
 	margin-left: -56px;
 }

 #box .nav-box #nav-ul li .nav-title {
 	left: 50%;
 	margin-left: -48px;
 }

 #er-title {
 	width: 100%;
 	height: 224px;
 	text-align: center;
 }

 #er-title h1 {
 	margin-top: 35px;

 	font-size: 28px;
 	line-height: 100px;
 }

 #er-title p {
 	color: #888;
 }

 #mian-Main {
 	width: 66%;
 	border-top: 1px solid #f2f2f3;
 	margin: 0 auto;
 }

 #mian-Main .main-Ul {
 	width: 100%;
 	display: flex;
 	flex-wrap: wrap;
 	padding-bottom: 80px;
 }

 #mian-Main .main-Ul li {
 	width: 50%;
 	height: 400px;
 	float: left;
 }

 #mian-Main .main-Ul li h2 {


 	font-size: 32px;
 	line-height: 76px;
 	margin-top: 50px;
 	margin-left: 73px;
 }

 #mian-Main .main-Ul li p {

 	font-size: 13px;
 	line-height: 25px;
 	margin-left: 73px;
 	width: 70%;
 	color: #666666;
 }

 #mian-Main .main-Ul li h1 {

 	font-size: 32px;
 	line-height: 76px;
 	margin-top: 50px;
 	margin-left: 168px;
 }

 #mian-Main .main-Ul li ol {

 	font-size: 13px;
 	line-height: 25px;
 	margin-left: 168px;
 	width: 70%;
 	color: #666666;
 }

 aside {
 	width: 100%;
 	height: 310px;
 	background: #000;
 }

 aside #asideMain {
 	width: 63%;
 	margin: 0 auto;
 	height: 310px;
 	overflow: hidden;
 	position: relative;
 }

 aside #asideMain img {
 	width: 100%;
 	height: 140px;
 	position: absolute;
 	top: 170px;
 	left: 0;
 }

 aside #asideMain h3 {
 	font: 30px/70px "微软雅黑";
 	color: #fff;
 	z-index: 9 !important;
 	margin-left: 100px;
 	margin-top: 90px;
 }

 aside #asideMain p {
 	font: 20px/30px "微软雅黑";
 	color: #ffbd00;
 	margin-left: 100px;
 }

 aside #asideMain ol {
 	width: 125px;
 	z-index: 999;
 	height: 36px;
 	text-align: center;
 	line-height: 36px;
 	color: #fff;
 	font-size: 17px;
 	border: 1px solid #fff;
 	border-radius: 8px;
 	position: absolute;
 	top: 135px;
 	right: 80px;
 }

 #particles-js {
 	display: block;

 }

 nav {
 	width: 1200px;
 	height: auto;
 	margin: 0 auto;
 }

 nav h1 {
 	width: 100%;

 	font-size: 40px;
 	line-height: 190px;
 	text-align: center;
 }

 nav .box2 {
 	width: 100%;
 	overflow: hidden;
 	margin: 0 auto;
 	height: 600px;
 	display: none;
 }

 nav .box2 .swiper-wrapper {
 	width: 600%;
 	height: 500px;
 	position: absolute;
 	top: 0;

 }

 nav .box2 .swiper-wrapper .swiper-slide {
 	list-style: none;
 	width: 16.6666667%;
 	height: 500px;
 	float: left;
 	text-align: center;
 }

 nav .box2 .swiper-wrapper .swiper-slide h4 {
 	margin-top: 30px;

 	font-size: 20px;
 	line-height: 40px;
 }

 nav .box2 .swiper-wrapper .swiper-slide img {
 	margin-top: 30px;
 	width: 100%;
 }

 nav .box1 {
 	position: relative;
 	width: 1200px;
 	height: 700px;
 	overflow: hidden;
 	margin: 0 auto;
 	display: block;
 }

 nav .item {
 	width: 6000px;
 	height: 500px;
 	position: absolute;
 	left: 0;
 	top: 0;
 	display: flex;
 }

 nav .item .animateds {
 	list-style: none;
 	flex: 1;
 	height: 500px;


 }

 nav .item .animateds .left-Img {
 	width: 50%;
 	float: left;
 	text-align: center;
 }

 nav .item .animateds:first-child .left-Img img {
 	margin-top: 40px;
 }

 nav .item .animateds .left-Img img {
 	float: right;
 	margin-top: 10px;
 	width: 90%;
 }

 nav .item .animateds .right-title {
 	width: 50%;
 	float: left;
 	position: relative;
 }

 nav .item .animateds .right-title .top {

 	font-size: 20px;
 	line-height: 70px;
 	margin-top: 80px;
 	margin-left: 8%;
 }

 nav .item .animateds .right-title .top-ga {

 	font-size: 20px;
 	line-height: 70px;
 	margin-top: 40px;
 	margin-left: 8%;
 }

 nav .item .animateds .right-title .center {


 	font-size: 15px;
 	line-height: 20px;
 	width: 80%;
 	margin-left: 8%;
 	color: #7b7c7d;
 }

 nav .item .animateds .right-title img {
 	width: 60%;
 	float: left;
 	margin-top: 10px;
 	margin-left: 20px;
 }

 nav .item .animateds .right-title p {
 	width: 23%;
 	font-size: 16px;
 	text-align: center;
 	color: #000;

 }

 nav .item .animateds .right-title .diyige {
 	position: absolute;
 	bottom: 9px;
 	left: 12px;

 }

 nav .item .animateds .right-title .dierge {
 	position: absolute;
 	bottom: 9px;
 	left: 134px;
 }

 nav .item .animateds .right-title .disange {
 	position: absolute;
 	bottom: 9px;
 	left: 255px;
 }

 nav .leftBtn {
 	width: 25px;
 	height: 50px;
 	border-radius: 3px;
 	opacity: .5;
 	position: absolute;
 	left: 0;
 	top: 39%;
 	margin-top: -70px;
 	border: none;
 	outline: none;
 }

 nav .rightBtn {
 	width: 25px;
 	height: 50px;
 	border-radius: 3px;
 	opacity: .5;
 	position: absolute;
 	right: 0;
 	top: 39%;
 	margin-top: -70px;
 	border: none;
 	outline: none;
 }

 nav .page {
 	position: absolute;
 	bottom: 41px;
 	width: 100%;
 	text-align: center;
 	margin-bottom: 40px;
 	overflow: hidden;
 }

 nav .page ul {
 	width: 465px;
 	margin: auto;
 }

 nav .page li {
 	float: left;
 	width: 80px;
 	height: 120px;
 	margin-left: 48px;
 	list-style: none;
 	opacity: .5;
 	text-align: center;
 }

 nav .page li:nth-child(1) {
 	margin-left: 0;
 }

 nav .page li img {
 	width: 80px;
 	height: 80px;
 }

 nav .page li:hover {
 	opacity: 0.8;
 }

 /*  -------------*/

 .footer {
 	background-color: #000;
 	border-top: 1px solid #e6e6e6;
 }

 .footer-log img {
 	height: 65px;
 }

 .footer-cnt-item h4 {
 	line-height: 1;
 	padding-bottom: 15px;
 	font-size: 15px;
 	color: #eaeaea;
 	font-weight: 500;
 }

 .footer-cnt-item a {
 	line-height: 1;
 	font-size: 14px;
 	color: #eaeaea;
 }

 .footer-cnt-item li {
 	line-height: 1;
	 padding-bottom: 15px;
	 display: inline-block;
  margin-right: 30px;
 }

 .footer-wechat p {
 	width: 100%;
 	font-size: 12px;
 	color: #dfdfdf;
 	text-align: center;
 }

 .footer-contact {}

 .footer-contact-phone p:first-child {
 	line-height: 1;
 	color: #dfdfdf;
 	padding-bottom: 10px;
 	font-size: 17px;
 }

 .footer-contact-phone p:last-child {
 	font-size: 14px;
 	line-height: 1;
 	color: #dfdfdf;
 }

 .footer-contact-qq {
 	font-size: 15px;
 	color: #dfdfdf;
 	line-height: 1;
 	margin-top: 20px;
 }

 .footer-contact-mail {
 	padding-top: 10px;
 	line-height: 1;
 	font-size: 15px;
 	color: #dfdfdf;
 }

 * {
 	margin: 0;
 	padding: 0;
 	-webkit-tap-highlight-color: transparent;
 	tap-highlight-color: transparent;
 }

 ul {
 	list-style-type: none;
 }

 a {
 	text-decoration: none;
 }

 a:focus,
 a:hover {
 	text-decoration: none;
 }

 body {
 	font-family: "Microsoft Yahei", "Microsoft YaHei Regular", "Microsoft YaHei", "Hiragino Sans GB", 'Helvetica Neue', STHeiti, "Open Sans", "WenQuanYi Micro Hei", SimSun, Tahoma, Arial, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Jhenghei", sans-serif !important;
 }

 @media all and (max-width: 1199px) {

 	html,
 	body {
 		width: 100%;
 		overflow-x: hidden;
 	}
 }

 #particles-js {
 	display: block;

 }

 /*nav{
 	width:1000px;
 }
 	nav .box1{
 		width:1000px;
 	}
 	nav .item{
 		width:6000px;
 	}
	*/

 .footer {
 	background-color: #000;
 	border-top: 1px solid #e6e6e6;
 }

 .footer-log img {
 	height: 65px;
 }

 .footer-cnt-item h4 {
 	line-height: 1;
 	padding-bottom: 15px;
 	font-size: 15px;
 	color: #dfdfdf;
 	font-weight: 500;
 }

 .footer-cnt-item a {
 	line-height: 1;
 	font-size: 14px;
 	color: #dfdfdf;
 }

 .footer-cnt-item li {
 	line-height: 1;
	 padding-bottom: 15px;
	 display: inline-block;
  margin-right: 30px;
 }

 .footer-wechat p {
 	width: 100%;
 	font-size: 12px;
 	color: #dfdfdf;
 	text-align: center;
 }

 .footer-contact {}

 .footer-contact-phone p:first-child {
 	line-height: 1;
 	color: #dfdfdf;
 	padding-bottom: 10px;
 	font-size: 17px;
 }

 .footer-contact-phone p:last-child {
 	font-size: 14px;
 	line-height: 1;
 	color: #dfdfdf;
 }

 .footer-contact-qq {
 	font-size: 15px;
 	color: #dfdfdf;
 	line-height: 1;
 	margin-top: 20px;
 }

 .footer-contact-mail {
 	padding-top: 10px;
 	line-height: 1;
 	font-size: 15px;
 	color: #dfdfdf;
 }

 @media all and (min-width: 1200px) {
 	/*nav{
 	width:1150px;
 }
 	nav .box1{
 		width:1150px;
 	}
 	nav .item{
 		width:6900px;
 	}*/

 	.footer-content {
 		width: 1200px;
 		height: 215px;
 		padding-top: 70px;
 		margin: 0 auto;
 	}

 	.footer-logo {
 		float: left;
 		margin: 0 100px 0 40px;
 	}

 	.footer-cnt-item {
 		float: left;
 	}

 	.footer-product-wrap {
 		float: left;
 		margin-right: 70px;
 	}

 	.footer-wechat-wrap {
 		float: left;
 		margin-right: 50px;
 	}

 	.footer-product {
 		margin-right: 80px;
 	}

 	.footer-wechat {
 		width: 300px;
 		height: 150px;
 	}

 	.footer-wechat div {
 		float: left;
 		width: 125px;
 		text-align: center;
 	}

 	.footer-wechat div:first-child {
 		margin-right: 50px;
 	}

 	.copyright {
 		width: 70%;
 		padding-top: 10px;
 		padding-bottom: 10px;
 		line-height: 20px;
 		font-size: 12px;
 		text-align: center;
 		color: #73777a;
 		margin: 0 auto;
 		opacity: 0.5;
 		z-index: 1;
 		border-top: 1px solid #666;
 	}
 }

 @media all and (max-width: 1000px) {
 	*::-webkit-scrollbar {
 		display: none;
 	}

 	nav {
 		width: 65%;
 	}

 	#box .nav-box #nav-ul li {
 		width: 50%;
 	}

 	#box .nav-box #nav-ul li:last-child {
 		border-right: 1px solid #e1e3e4;
 	}

 	#mian-Main .main-Ul {
 		text-align: center;
 	}

 	#mian-Main .main-Ul li {
 		width: 100%;
 		height: 200px;
 	}

 	#mian-Main .main-Ul li p {
 		width: 100%;
 		margin: 0;
 	}

 	#mian-Main .main-Ul li h2 {
 		width: 100%;
 		margin: 0;
 	}

 	#mian-Main .main-Ul li h1 {
 		width: 100%;
 		margin: 0;
 	}

 	#mian-Main .main-Ul li ol {
 		width: 100%;
 		margin: 0;
 	}

 	#mian-Main .main-Ul li img {
 		width: 50%;
 	}

 	nav .box2 {
 		display: block;
 	}

 	nav .box1 {
 		display: none;
 	}

 	#mian-Main .main-Ul li img {
 		width: 100%;
 		height: auto;
 	}

 	#clear {
 		width: 100%;
 		height: 400px;
 		text-align: center;
 		position: relative;
 	}

 	#clear .clear-left #clear-ts {
 		margin: 0 auto;
 	}

 	#clear .clear-left h1 {
 		margin: 10px 0 !important;
 	}

 	#clear .clear-right {
 		display: none;
 		position: relative;

 	}

 	#clear .clear-left {
 		padding-top: 30px;
 		width: 100% !important;

 	}

 	#clear .clear-left h1 {
 		width: 100%;

 	}

 	#clear .clear-left #clear-ts {
 		position: absolute;
 		left: 50%;
 		margin-left: -101px;
 		bottom: 100px;
 	}

 	#particles-js {
 		height: 0;

 	}

 	#er-title {
 		height: 154px;
 	}


 	#main-height {
 		height: 430px;
 	}

 	nav h1 {


 		font-size: 34px;
 		line-height: 150px;
 	}

 	.footer-product-wrap {
 		display: none;
 	}
 }

 @media all and (max-width: 1199px) {
 	*::-webkit-scrollbar {
 		display: none;
 	}

 	aside #asideMain ol {
 		top: 109px;
 	}

 	#header-nav {
 		opacity: 0 !important;
 	}

 	.nav-centers {
 		width: 100%;
 		height: 50px;
 		background: #fff;
 		display: block;
 		z-index: 9999;
 		position: fixed;
 		top: 0;
 		left: 0;
 	}

 	.header-backs #header-nav .nav-content {
 		display: none;
 	}

 	#header-nav img {
 		display: none;
 	}

 	.nav-centers .nav-logo img {
 		margin-left: 20px;
 		height: 40px;
 		margin-top: 5px;
 	}

 	.nav-centers .nav-mobile {
 		width: 50px;
 		height: 50px;
 		float: right;
 		margin-right: 10px;
 	}

 	.nav-centers .nav-mobile p {
 		width: 40px;
 		height: 2px;
 		margin-top: 10px;
 		background: #000000;
 	}

 	.nav-mobile-active {
 		z-index: 9999;
 		height: 0;
 		position: fixed;
 		top: 50px;
 		left: 0;
 		width: 100%;
 		height: 0;
 		overflow: hidden;
 		background-color: #fff;
 		opacity: 1;
 		box-shadow: 0 0 3px #939da6;
 		-moz-transition: all 0.5s ease-in-out 0s;
 		-webkit-transition: all 0.5s ease-in-out 0s;
 		-o-transition: all0.51s ease-in-out 0s;
 		-ms-transition: all 0.5s ease-in-out 0s;
 		transition: all 0.5s ease-in-out 0s;
 		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		-o-box-sizing: border-box;
 		-ms-box-sizing: border-box;
 		box-sizing: border-box;
 		overflow-y: scroll;
 		-webkit-overflow-scrolling: touch;
 		overflow-scrolling: touch;
 	}

 	.nav-mobile-active.nav-content {
 		height: 100%;
 	}

 	.nav-mobile-active.nav-content {
 		height: 0;
 	}

 	.nav-content li {
 		width: 100%;
 		padding: 12px 0 12px 52px;
 	}

 	.nav-content li.product {
 		padding: 5px 0 0 52px;
 	}

 	.nav-content li.solution {
 		padding: 5px 0 0 52px;
 	}

 	.nav-content li.homepage {
 		padding: 20px 0 15px 52px;
 	}

 	.nav-content li.product li:first-child {
 		padding: 20px 0 15px 52px;
 	}

 	.nav-content li a {
 		display: inline-block;
 		color: #000;
 		width: 100%;
 	}

 	.footer {
 		width: 100%;
 		background-color: #000;
 		border-top: 1px solid #e6e6e6;
 	}

 	.footer-content {
 		width: 100%;
 		height: auto;
 		padding-top: 25px;
 		display: -webkit-box;
 		display: -o-box;
 		display: -moz-box;
 		display: -ms-box;
 		display: -webkit-flex;
 		display: -o-flex;
 		display: -moz-flex;
 		display: -ms-flex;
 		display: flex;
 		-webkit-box-lines: multiple;
 		-moz-box-lines: multiple;
 		-ms-box-lines: multiple;
 		box-lines: multiple;
 		-webkit-flex-wrap: wrap;
 		-o-flex-wrap: wrap;
 		-moz-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap;
 	}

 	.footer-logo {
 		width: 100%;
 		text-align: center;
 		margin: 0 auto;
 		margin-bottom: 30px;
 	}

 	.footer-product-wrap {
 		position: relative;
 		width: 100%;
 		height: 120px;
 		margin-top: 30px;
 	}

 	.footer-product {
 		position: absolute;
 		top: 0;
 		right: 50%;
 		padding-right: 50px;
 		text-align: center;
 	}

 	.footer-help {
 		position: absolute;
 		top: 0;
 		left: 50%;
 		padding-left: 50px;
 		text-align: center;
 	}

 	.footer-wechat-wrap {
 		position: relative;
 		width: 100%;
 		height: 145px;
 		margin-bottom: 30px;
 	}

 	.footer-wechat {
 		width: 100%;
 		height: 145px;
 	}

 	.footer-wechat div {
 		position: absolute;
 		top: 0;
 		width: 130px;
 		text-align: center;
 	}

 	.footer-wechat div:first-child {
 		right: 50%;
 		padding-right: 20px;
 	}

 	.footer-wechat div:nth-child(2) {
 		left: 50%;
 		padding-left: 20px;
 	}

 	.footer-wechat p {
 		width: 100%;
 		font-size: 12px;
 		color: #dfdfdf;
 		text-align: center;
 	}

 	.footer-contact {
 		width: 100%;
 		text-align: center;
 		padding: 20px 0;
 	}

 	.footer-contact-phone p:first-child {
 		line-height: 1;
 		color: #dfdfdf;
 		padding-bottom: 10px;
 	}

 	.footer-contact-phone p:last-child {
 		font-size: 14px;
 		line-height: 1;
 		color: #dfdfdf;
 	}

 	.footer-contact-qq {
 		font-size: 15px;
 		color: #dfdfdf;
 		line-height: 1;
 		margin-top: 20px;
 	}

 	.footer-contact-mail {
 		padding-top: 10px;
 		line-height: 1;
 		font-size: 15px;
 		color: #dfdfdf;
 	}

 	.copyright {
 		width: 100%;
 		padding: 10px 20px 10px;
 		line-height: 20px;
 		font-size: 12px;
 		text-align: center;
 		color: #333;
 		opacity: 1;
 		z-index: 1;
 		-moz-box-sizing: border-box;
 		-ms-box-sizing: border-box;
 		-o-box-sizing: border-box;
 		-webkit-box-sizing: border-box;
 		box-sizing: border-box;
 	}

 	aside {
 		height: 210px;
 	}

 	#asideMain {
 		text-align: center;
 	}

 	#asideMain h3 {
 		margin: 0 !important;
 	}

 	#asideMain p {
 		margin-top: 0;
 		margin-left: 0 !important;
 	}

 	#asideMain ol {
 		top: 145px !important;
 		left: 50%;
 		margin-left: -63px;
 	}
 }

 @media all and (max-width: 550px) {
 	#box #top-lb {
 		width: 375px !important;
 	}

 	#box #top-lb #swiper-containers .lunbos .swiper-slide {
 		width: 264px;

 	}

 	nav .box2 {
 		height: 400px !important;
 	}

 	nav .box2 .swiper-wrapper .swiper-slide h4 {


 		font-size: 16px;
 		line-height: 40px;
 	}
 }

 @media all and (max-width: 460px) {
 	#clear .clear-left #clear-ts {
 		bottom: 70px;
 	}

 	nav .box2 {
 		height: 400px !important;
 	}

 	nav .box2 .swiper-wrapper .swiper-slide h4 {


 		font-size: 16px;
 		line-height: 40px;
 	}
 }

 /*
  @media all and (max-width: 374px) {
 	#clear .clear-left #clear-ts{
 		bottom: 166px;
 	}
 }*/
 @media all and (max-width: 440px) {
 	#asideMain ol {
 		top: 163px !important;
 	}

 	nav .box2 {
 		height: 400px !important;
 	}

 	nav .box2 .swiper-wrapper .swiper-slide h4 {
 		font: 16px/40px '';

 		font-size: 16px;
 		line-height: 40px;
 	}
 }

 @media all and (max-width: 800px) {
 	#box .nav-box #nav-ul li {
 		width: 100%;
 		border: none !important;
 	}

 	#box .nav-box #nav-center {
 		overflow: hidden;
 	}

 	#box .nav-box #nav-center h2 {



 		font-size: 20px;
 		line-height: 100px;
 		margin-top: 40px;
 	}

 	#clear .clear-right {
 		display: none;
 	}

 	#er-title h1 {


 		font-size: 28px;
 		line-height: 67px;
 	}

 	#mian-Main .main-Ul li h2 {


 		font-size: 27px;
 		line-height: 76px;
 	}

 	#mian-Main .main-Ul li h1 {


 		font-size: 27px;
 		line-height: 76px;
 	}

 	nav .box2 .swiper-wrapper .swiper-slide h4 {


 		font-size: 16px !important;
 		line-height: 40px !important;
 	}

 	aside #asideMain p {
 		font: 16px/30px "微软雅黑";
 	}

 }

 @media all and (max-width: 700px) {
 	nav .box2 {
 		height: 500px !important;
 	}

 	nav .box2 .swiper-wrapper .swiper-slide h4 {

 		font-size: 16px;
 		line-height: 40px !important
 	}
 }

 @media all and (max-width: 500px) {
 	#box .nav-box #nav-center h2 {
 		font-size: 17px;
 		line-height: 100px;
 	}

 	nav .box2 {
 		height: 400px !important;
 	}

 	nav .box2 .swiper-wrapper .swiper-slide h4 {
 		font-size: 16px;
 		line-height: 40px;
 	}
 }

 /*@media all and (max-width: 800px) {
 	#box .nav-box #nav-ul li {
 		width: 100%;
 		border: none !important;
 	}
 	#clear .clear-right {
 		display: none;
 	}
 	#clear .clear-left p {
 		width: 70%;

 	}
 	#asideMain h3 {
 		margin-top: 10px !important;
 		margin-left: 0 !important;
 	}
 	#clear .clear-left {
 		text-align: center;
 	}
 	#clear .clear-left h1{
 		margin-left: 20% !important;
 	}
 	#clear .clear-left #clear-ts {
 		margin-left: 22% !important;
 	}
 	#mian-Main .main-Ul li{
 		height:auto;
 	}
 	#er-title{
 		height:auto;
 	}
 	#mian-Main .main-Ul li img {
 		width: 108%;
 	}
 	#asideMain {
 		text-align: center;
 	}
 	#asideMain p {
 		margin-top: 115px;
 		margin-left: 0 !important;
 	}
 	#asideMain ol {
 		left: 50%;
 		margin-left: -63px;
 	}
 	.clear-left h1 {
 		margin-top: 50px !important;
 	}
 	nav .box2 {
 		height: 400px;
 	}

 	#clear .clear-left {
 		width:400px;
 		padding-top: 20px;

 	}
 	#er-title p{
 		padding-bottom:20px ;
 		}
 	#clear .clear-left p{
 		width:90%;
 	}
 	#mian-Main .main-Ul li img{
  			display: none !important;
  		}
  		#particles-js{
  			display: none !important;
  		}
  		.footer-product-wrap{
  			display: none !important;
  		}
  		.footer-contact{
  			display: none !important;
  		}
 }
  @media all and (max-width: 600px) {
  	#clear .clear-left p{
 		width:90%;

 	}
 	#main-height{
 		height:425px;
 		overflow: hidden;
 	}
 	#clear{
 		height:425px;
 	}
  		#clear .clear-left {
 		width:375px;
 		padding-top: 20px;


  	}
  	#clear .clear-left h1{

  		text-align: center;
  		margin:10px 0 !important;
  		width: 100%;
  	}
  	#box .nav-box #nav-center h2{
  		font-size: 18px;
  		width:100%;
  	}
  	#er-title h1{
  		font-size: 29px;
  	}
  	#mian-Main .main-Ul li h2{
  		font-size: 29px;
  	}
  	#mian-Main .main-Ul li h1{
  		font-size: 29px;
  	}
  		#mian-Main .main-Ul li img{
  			display: none;
  		}
  		#particles-js{
  			display: none;
  		}
  		.footer-product-wrap{
  			display: none;
  		}
  		.footer-contact{
  			display: none;
  		}
  		#box #top-lb{
  			width:375px;
  		}
  		#box #top-lb #swiper-containers .lunbos .swiper-slide{
  			width:264px;

  		}
  		nav h1{
  			    font: 28px/100px '';
  		}
  }*/