* {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	border: 0;
 	outline: 0;
 	text-decoration: none;
 	background: transparent;
 	font-family: arial, helvetica, sans-serif;
 	font-size: 100%;
 }

 ul {
 	margin: 0;
 	padding: 0;
 	display: block;
 }

#particles-box{
	display: none;
}
 div {
 	display: block;
 }

 .pop-wrap {
 	position: relative;
 }

 #header {
 	position: fixed;
 	top: 0px;
 	left: 0px;
 	/* width:100%; */
 	height: 42px;
 	text-align: center;
 	backdrop-filter: saturate(180%) blur(6px);
	background-color: var(--header-background);

 }

 #header {
 	display: block;
 	padding: 0 0px;
 	line-height: 20px;
 	z-index: 10;
 }

 #header a {
 	text-decoration: none;
 }

 #header #logo {
 	height: auto;
 	line-height: 42px;
	float: left;
 }
 #header #logo img{
 	height: 30px;
 	width: auto;
 	vertical-align: 10px;
	padding-top: 6px;
 }
#header #mobile-h{
	float: right;
	display: block;
	height: 40px;
	line-height: 40px;
}
#header #logo label {
    font-size: 22px;
    color: #f7c331;
    padding-left: 6px;
}
 #header img {
 	vertical-align: middle;
 	width: 30%;
 	float: left;
 }

 #header i {
 	display: block;
 	/* position: absolute; */
 	float: right;
 	font-size: 22px;
 	color: #ffae27;
 }
.content-banner{
	height: auto !important;
}
 .iconfont {
 	font-family: "iconfont" !important;
 	font-style: normal;
 	-webkit-font-smoothing: antialiased;
 }

#menu {
	float: right;
	padding-top: 2px;
}
#header #menu {
 	position: absolute;
 	right: 0;
 	top: 42px;
 	z-index: 100;
 	width: 50%;
 	height: auto;
 	background-color: #395280;
 	text-align: left;
 	display: none;
 }

 #header #menu li {
 	border-bottom: 1px solid #6892AB;
 	float: none;
 	font-size: 16px;
 	padding-left: 20px;
 	color: #395280;
 	margin: 0 0px;
	width: 100%;
 }

#header  #menu a {
 	color: #E2F0F7;
	display: inline-block;
	width: 100%;
 }
#header #menu li a.active {
	border-bottom: 0px solid #F7C331;
	color: #EE9900;
}
#header #menu li a:hover {
	border-bottom: 0px solid #F7C331;
	color: #EE9900;
}

#header #logo img{
	height: 30px;
	width: auto;
	
}
#header #icon-face{
	display: block;
	padding-right: 20px;
}
 .menu-button {
 	display: none !important;
 }
 #popIcon {
 	position: fixed;
 	right: 0;
 	bottom: 60px;
 	z-index: 100000;
 	width: 75px;
 	height: 80px;
 	background: url(../img/popIcon.png) center center no-repeat;
 	background-size: 100% 100%;
	display: inline-block;
 }

 #popTips {
 	display: none;
 	position: absolute;
 	top: 6px;
 	left: 50px;
 	height: 22px;
 	min-width: 16px;
 	padding: 0 3px;
 	line-height: 20px;
 	background: url(../img/popTip.png) center center no-repeat;
 	border-radius: 10px;
 	color: #fff;
 	text-align: center;
 	font-size: 12px;
 }

 .pop {
 	animation-name: pop;
 }

 .animated {
 	animation-duration: 0.2s;
 	animation-fill-mode: both;
 }
 #banner {
 	height: 454px;
 	margin: 0 0 20px;
 }

 .btn-banner {
 	display: none;
 }

 .index-banner ul li {
 	width: 1000px;
 	margin-left: -580px;
 	height: 315px;

 }
 
 .certification{
	 
 }

 .pro-banner {
 	/* 	background-size: 100% ; */
 	height: 200px;
 }

 .pro-banner-left {
 	width: 80%;
 }

 .pro-banner-text .text1 {
 	font-size: 16px !important;
 	line-height: 20px !important;
 	margin: 30px 0 10px 0;
 }

 .pro-banner-text .banner-text {
 	font-size: 11px;
 	line-height: 16px;
 }

 .leftbg {
 	display: none;
 }

 .rightbg {
 	display: none;
 }

 .control-line {
 	display: none;
 }

 .container {
 	width: 90%;
 }

 .contain {
 	padding: 0 10px;
 }

 .index-banner-text {
 	top: 80px;
 	left: -70px;
 	text-align: ;
 	width: 100%;
 }

 .index-banner-text p {
 	width: 100%;
 	margin-top: 50px;
 	line-height: 20px !important;
 	padding-left: 420px;
 	color: #FFFFFF;
 }

 .text1 {

 	height: auto;
 	font-size: 24px;
 	font-weight: 400;
 }

 .text2 {
 	font-size: 14px;
 	margin-top: 0 !important;
 }

 .text3 {
 	font-size: 14px;
 	margin-top: 0 !important;
 }

 .index {
 	margin-top: -120px;
 }

 .index-intro h1 {
 	font-size: 18px;
 	margin-top: 10px;
 }

 .index-intro h2 {
 	font-size: 14px;
 	line-height: 20px;
 	margin-bottom: 40px;
 }

 #purpose {
 	/* margin: -10px; */
 }

 .purpose-u li {
 	width: 20%;
 	padding-left: 2px;
 	padding-right: 2px;

 }

 .purpose-u img: {
 	margin-bottom: 0;
 	padding: 0;
 }

 .p1 {
 	margin-top: -20px;
 	padding-top: 0 !important;
 	margin-bottom: 20px;
 	margin-right: 5px;
 }

 .p2 {
 	margin-top: 10px;
 	padding-top: 0 !important;
 }

 .p3 {

 	padding-top: 0 !important;
 }

 .p4 {
 	margin-top: 30px;
 	padding-top: 0 !important;
 }

 .product-p {
 	margin: 0;
 	/* padding: 10px 10px 20px; */
 }

 .product-p-c p {
 	font-size: 11px !important;
 	line-height: 20px !important;
 	margin-bottom: 10px;
 }

 .product-p-p1 p {
 	margin-top: 0px;
 }

 .purpose-p {
 	padding: 10px 0px 10px;
 	margin: 0 auto;
 }

 .purpose-p p {}

 #purpose p {
 	font-size: 11px;
 }

 .purpose-p i {
 	font-size: 30px;

 }

 .pro-item-title {
 	margin: 20px 0;
 }

 .pro-item-title li {
 	font-size: 14px;
 	line-height: 28px;
 	width: 24%;
 	height: 28px;
 	margin-top: 5px;
 }

 .text-item-title {
 	width: auto;
 }

 .item-content-inner {
 	padding-top: 30px;
 }

 .product-item h3 {
 	font-size: 16px;
 	line-height: 24px;
 	margin-bottom: 10px;
 }

 .image-item {
 	width: auto;
 }

 .image-item1 {
 	width: auto;
 }


 #compose {
 	margin-top: 20px;
 	padding: 10px 0 0 0;
 }

 .compose-img img {
 	width: 100%;
 }

 .compose-pc {
 	display: none;
 }

 .compose-iphone {
 	display: block;

 }

 #content {
 	margin-top: 60px;
 }

 #content ul li {
 	width: 50%;
 }

 .content-pop {
 	margin-left: 10px;
 	margin-right: 10px;
 }

 #product ul li {
 	width: 100%;
 	background-color: rgb(243, 249, 253);
 }

 .product-u li {
 	width: 47%;
 }

 .content-title {
 	font-size: 16px;
 }

 .content-pop p {
 	font-size: 11px;
 	text-align: center;
 }

 #pop-show {
 	margin-top: 0;
 }

 #show {
 	background-color: rgb(243, 249, 253);
 }

 .pro-box {
 	padding: 0;
 	margin: 20px;
 }

 .pro-hot img {
 	width: 20px;
 }

 .pro-title img {
 	width: 20px;
 }

 .pro-title {
 	line-height: 20px;
 	font-size: 16px;
 }

 #product p {
 	font-size: 12px;
 	line-height: 20px;
 	text-align: left;
 }

 .pro-foot {
 	display: none;
 }

 #footer {
 	height: auto;
 }

 .foot-container {
 	display: none;
 }


 .pop_warming {
 	display: none;
 }

 .register {
 	display: block;
 	/* position: relative; */
 	background-color: #395280;
 	height: auto;
 	padding-top: 40px;
 	padding-bottom: 20px;
 	text-align: left;
 }

 .register img {
 	width: 100%;
 }

 #footer {
 	background-color: inherit;
 }

 .register ul {
 	display: none;
 }

 .register .reg_form {
 	/*  display: inline-block; */
 	width: 80%;
 	background-color: inherit;
 	padding: 15px 10px;
 	border-radius: 3px;
 	vertical-align: middle;
 	margin: 10px auto;
 	font-style: inherit;
 	position: relative;
 	right: 0;
 	border: none;
 	height: 400px;
 }

 .foot-contain {
 	height: 490px;
	display: none;
 }

 .copyright {
 	height: auto;


 }

 .footer-title {
 	display: block;
 	padding: 20px 0px;
 	position: relative;
 	line-height: 24px;
 	/* margin-top: 20px; */
 	/* border-bottom: 1px solid #9E9E9E; */
 	text-align: center;
 	color: #fbb519;
 	/*background-image: url(../img/footer_mobie.png);*/
 	background-size: cover;
 	padding-bottom: 20px;
 	background-color: #2f3542;
 	height: 240px;
 }

 .footer-title p {
 	margin: 10px;
 	font-size: 11px;
 }

 .footer-title ul {
 	list-style: none;
 	margin: 0px;
 	padding: 0px;
 }

 .clear {
 	clear: both;
 }

 .footer-title a {
 	display: inline;
 	margin: 10px;
 	vertical-align: sub;

 	color: #e2f0f7;
 }

 .form-content {
 	clear: both;
 	padding: 2px 0;
 	position: relative;
 	overflow: hidden;

 }

 .form-content label {
 	display: block;
 	float: left;
 	width: 27%;
 	text-align: right;
 	padding-right: 1%;
 	padding-top: 4%;
 	line-height: 0.7rem;
 	color: #FFFFFF;
 	font: 14px/100% Arial, Helvetica, sans-serif;
 }

 .form-content input {
 	width: 55%;
 	padding: 5px 0.05333rem;
 	border: 1px #9E9E9E solid;
 	float: left;
 	color: #FFFFFF;
 	margin-left: 8px;
 	margin-top: 4px;
 	/* height: 0.7rem; */
 	font-size: 14px/100%;
 	-webkit-box-sizing: border-box;
 	height: auto;
 }

 ul.openTip {
 	clear: both;
 	display: none;
 	list-style: none;
 	margin: 0;
 	padding: 0.1rem 0 0.1rem 20%;
 	color: #999999;
 	font-size: 10px;
 }

 ul.openTip li {
 	padding: 0;
 	margin: 0;
 	line-height: 0.8rem;
 }

 .sa-lab {
 	font: 14px/100% Arial, Helvetica, sans-serif;
 	color: #FFFFFF;
 	margin: 10px 2px;

 }

 .sa-lab span {
 	display: inline-block;
 	width: 32%;
 	padding: 0;
 	font: 14px/100% Arial, Helvetica, sans-serif;
 	color: #FFFFFF;
 }

 .but-orange {
 	color: #fef4e9;
 	border: solid 1px #da7c0c;
 	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
 }

 .button {
 	display: inline-block;
 	vertical-align: baseline;
 	margin: 20px 2px;
 	outline: none;
 	cursor: pointer;
 	text-align: center;
 	text-decoration: none;
 	font: 14px/100% Arial, Helvetica, sans-serif;
 	padding: .5em 2em .55em;
 	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
 	border-radius: .5em;
 	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 }

 .cert {
 	display: none;
 }

 .footer-title {}

 .footer-title img {
 	width: 20%;
 	margin-top: 20px;

 }

 .copyright p {
 	line-height: 16px;
 	font-size: 10px;
 	padding: 0px 10px;
 	height: auto;
 	/* border-top: 1px solid #9e9e9e; */
 }

 .footer-mobile {
 	position: relative;
 	display: block;
 	margin: 22px 0;
 	width: 33.33%;
 	float: ;

 }

 .footer-mobile li {

 	font-size: 11px;
 	text-align: center !important;
 }

 .footer-right li {
 	text-align: right !important;
 }

 .ours-fl {
 	width: 100%;
 }

 .ours-pur-left img {
 	display: none;
 }

 .ours-compa p {
 	width: auto;
 	font-size: 12px;
 	line-height: 20px;
 	padding: 10px;
 	float: inherit;
 }

 .down {
 	position: relative;
 }

 .down-item {
 	width: 50%;
 	margin: 0;

 	border: none;

 }

 .top-down img {
 	padding: 8px;
 }

 .down-btn {
 	font-size: 12px;
 	height: 30px;
 	line-height: 30px;
 }

 .win_down-btn {
 	font-size: 12px;
 	height: 30px;
 	line-height: 30px;
 }

 .top-down {
 	height: auto;
 }

 .main-cont {
 	width: auto;

 }

 .mid h3 {
 	font-size: 12px;
 	margin: 15px 0px 5px 0px;
 }

 .down .info {
 	font-size: 10px;
 }

 .service-left {
 	width: auto;
 	background-color: #F6F7F7;
 	padding: 20px;
 	float: inherit;
	display: none;
 }

 #help-menu {
 	width: 100%;
 	position: relative !important;
 	top: 0;
 	bottom: 0;
 }
.qa_list .content {
	display: none;
}
 .search-box {
 	padding-top: 30px;
 }

 .form-help {
 	width: 300px;
 }

 .search-box .form-help form {
 	width: 300px;
 	height: 40px;
 	line-height: 40px;
 	font-size: 12px;
 	margin: 0;
 }

 .button-help {
 	width: 40px;
 	height: 30px;
 	font-size: 26px;
 }

 .search-box .text-help {
 	width: auto;
 	line-height: 30px;
 	margin: 0;
 }

 .search-box .text1 {
 	margin: 10px 0;
 }

 .left-box {
 	background-color: #F6F7F7;
 }

 .left-box li {
 	line-height: 56px;
 	font-size: 16px;
 	height: 60px;
 	margin: 10px 0;
 	background-color: #FFFFFF;

 }

 .service-left {
 	position: relative;
 }


 .service-right {
 	padding-left: 0;
	width: 100%;
 }
 .service-right .qa_list{
	 width: 100% !important;
 }

 .qa_list-mobie {
 	position: absolute;
 	display: inherit;
 }

.banner-land{
	padding: 40px 0px;
}
.lreg-img{
	position: absolute;
}
 .sig-form {
 	width: auto;
 	right: auto;
 }
 .reg_form{
	padding-top: 20px;
	width: auto;
	right: auto;
	position:relative;
 }

 .login_form {
 	width: auto;
 	right: auto;
	position:relative;
 }

 .case-pc {
 	display: none;
 }

 .case-mobie {
 	display: block;
 }

 .case-purp {
 	margin-top: 0;
 }

 .case-pur h1 {
 	font-size: 16px !important;
 	margin-top: 20px !important;
 }

 .case-pur h2 {
 	font-size: 12px;
 	line-height: 20px;
 }

 #case5 img {
 	margin-bottom: 0px;
 }

 #case4 img {
 	margin-bottom: 0;
 }

 #case3 img {
 	margin-bottom: 0;
 }

 #case2 img {
 	margin-bottom: 0;
 }

 #case6 img {
 	margin-bottom: 60px;
 }

 .pop_box {
 	right: 0 !important;
 	display: block;
 }