@charset"utf-8";
* {
	margin: 0 auto;
	padding: 0;
	margin: 0
}
.loadEffect {
	width: 100px;
	height: 100px;
	position: relative;
	margin: 100px auto 0
}
.loadEffect span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #90ee90;
	position: absolute;
	-webkit-animation: load 1.04s ease infinite
}
@-webkit-keyframes load {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0.2
	}
}
.loadEffect span:nth-child(1) {
	left: 0;
	top: 50%;
	margin-top: -8px;
	-webkit-animation-delay: 0.13s
}
.loadEffect span:nth-child(2) {
	left: 14px;
	top: 14px;
	-webkit-animation-delay: 0.26s
}
.loadEffect span:nth-child(3) {
	left: 50%;
	top: 0;
	margin-left: -8px;
	-webkit-animation-delay: 0.39s
}
.loadEffect span:nth-child(4) {
	top: 14px;
	right: 14px;
	-webkit-animation-delay: 0.52s
}
.loadEffect span:nth-child(5) {
	right: 0;
	top: 50%;
	margin-top: -8px;
	-webkit-animation-delay: 0.65s
}
.loadEffect span:nth-child(6) {
	right: 14px;
	bottom: 14px;
	-webkit-animation-delay: 0.78s
}
.loadEffect span:nth-child(7) {
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	-webkit-animation-delay: 0.91s
}
.loadEffect span:nth-child(8) {
	bottom: 14px;
	left: 14px;
	-webkit-animation-delay: 1.04s
}
li {
	list-style: none
}
body {
	font-family: Microsoft YaHei, Arial, Helvetica, SimSun, san-serif;
	background: #FFF
}
div {
	padding: 0;
	margin: 0
}
img {
	padding: 0;
	margin: 0;
	display: block
}
.header {
	width: 100%;
	position: fixed;
	z-index: 999
}
.head {
	width: 100%
}
.txt_c {
	color: red
}
.menu {
	width: 14%;
	position: fixed;
	z-index: 9999999;
	margin-left: 86%
}
.menu.on {
	width: 14%;
	position: fixed;
	z-index: 9999999;
	margin-left: 86%
}
#menu_btn2 {
	display: none
}
.menu em.e1 {
	display: block;
	width: 60%;
	height: 7%;
	background: #000;
	border-radius: 4px;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -30%;
	z-index: 10;
	transform-origin: center left;
	-webkit-transform-origin: center left;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}
.menu em.e2 {
	display: block;
	width: 60%;
	height: 7%;
	background: #000;
	border-radius: 4px;
	position: absolute;
	top: 48%;
	left: 50%;
	margin-left: -30%;
	z-index: 10;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}
.menu em.e3 {
	display: block;
	width: 60%;
	height: 7%;
	background: #000;
	border-radius: 4px;
	position: absolute;
	top: 70%;
	left: 50%;
	margin-left: -30%;
	z-index: 10;
	transform-origin: center right;
	-webkit-transform-origin: center right;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}
.menu.on em.e1 {
	background: #000;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 25%;
	left: 60%
}
.menu.on em.e2 {
	opacity: 0
}
.menu.on em.e3 {
	background: #000;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 25%;
	left: 42%
}
.menu_content {
	width: 100%;
	position: fixed;
	right: -100%;
	z-index: 1000;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease
}
.menu_content.on {
	right: 0
}
.menu_content ul {
	width: 100%
}
.menu_content ul li {
	width: 100%
}
.menu_content ul li span {
	display: inline-block
}
.gotop {
	position: absolute;
	z-index: 999999;
	border: 0
}
.nav_bg {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	background: url("../images/bg.png") repeat
}
.nav-content {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99999;
	background: #356c9b
}
.gotop .an {
	position: fixed;
	width: 11%;
	margin-left: 89%;
	bottom: 0
}
.tit1 {
	width: 100%;
	position: relative
}
.home_bg1 {
	width: 100%;
	overflow: hidden;
	position: relative
}
.home_bg2 {
	width: 100%;
	overflow: hidden;
	position: relative
}
.home_bg3 {
	width: 100%;
	overflow: hidden;
	position: relative
}
.home_bg4 {
	width: 100%;
	overflow: hidden;
	position: relative
}
.kv {
	width: 100%;
	position: relative;
	background: #FFF;
	margin: 0 auto
}
.kv_bg {
	width: 100%;
	position: relative;
	overflow: hidden
}
.tit {
	background: #FFF;
	width: 100%
}
.logo1 {
	width: 70%;
	position: absolute;
	left: 50%;
	margin-left: -35%;
	transform: scale(0);
	-webkit-transform: scale(0)
}
.foot {
	width: 100%;
	background: #111
}
.foot_l {
	width: 32%;
	height: 14%;
	position: absolute;
	top: 32%;
	left: 11%;
}
.foot_l2 {
	width: 40%;
	height: 14%;
	position: absolute;
	top: 32%;
	left: 50%;
}
.foot_l a, .foot_l2 a{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.foot_r {
	width: 30%;
	background: #111;
	position: absolute;
	top: 57%;
	left: 1%
}
.foot_qa {
	width: 100%;
	background: #111;
	position: relative
}
.foot_news {
	width: 100%;
	background: #111
}
.content {
	position: relative;
	width: 100%
}
.btn01 {
	width: 100%
}
.btn02 {
	width: 100%
}
.btn03 {
	width: 100%
}
.btn04 {
	width: 100%
}
.btn_cl {
	width: 100%
}
.main1 {
	width: 100%;
	background: #eae8e9
}
.hide{
	display: none;
}
.install2-tab-board{
	position: relative;
	width: 100%;
	height: 20vw;
}
.install2-tab-btn{
	position: absolute;
	left: 5vw;
	top: 10vw;
	width: 42vw;
	height: 7vw;
	background-image: url(../images/install/install2_tab_btn_1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.install2-tab-btn-1{
	background-image: url(../images/install/install2_tab_btn_1.png);
}
.install2-tab-btn-1-active{
	background-image: url(../images/install/install2_tab_btn_1_active.png);
}
.install2-tab-btn-2{
	left: 53vw;
	background-image: url(../images/install/install2_tab_btn_2.png);
}
.install2-tab-btn-2-active{
	background-image: url(../images/install/install2_tab_btn_2_active.png);
}
.content01 {
	width: 86%;
	margin: 0 auto
}
.content001 {
	width: 100%;
	margin: 0 auto
}
.content001-div{
	position: relative;
	width: 100%;
}
.content001-div>img{
	width: 100%;
	display: block;
}
.sc-bar-001{
	position: relative;
	width: 100vw;
	height: 15vw;
	background-color: #eae8e9;
	text-align: center;
	line-height: 15vw;
	font-size: 3.5vw;
}

.main2 {
	width: 100%;
	background: #eae8e9;
	display: none
}

.content02 {
	width: 86%;
	margin: 0 auto
}

.main3 {
	width: 100%;
	background: #eae8e9;
	display: none
}

.content03 {
	width: 86%;
	margin: 0 auto
}

.main4 {
	width: 100%;
	background: #eae8e9;
	display: none
}

.content04 {
	width: 86%;
	margin: 0 auto
}


.main5 {
	width: 100%;
	background: #eae8e9;
	display: none
}

.content05 {
	width: 100%;
	margin: 0 auto
}


.product {
	width: 100%;
	background: #eae8e9;
	position: relative
}

.p_bg {
	width: 86%;
	margin: 0 auto
}

.p_btn01 {
	width: 25%;
	position: absolute;
	top: 35%;
	left: 20%
}

.p_btn02 {
	width: 25%;
	position: absolute;
	top: 35%;
	left: 55%
}

.p_btn03 {
	width: 25%;
	position: absolute;
	top: 66%;
	left: 20%
}

.p_btn04 {
	width: 25%;
	position: absolute;
	top: 66%;
	left: 55%
}

.detail {
	width: 100%;
	background: #eae8e9;
	position: relative
}

.detail_bg {
	width: 86%;
	margin: 0 auto
}

.detail_btn01 {
	width: 25%;
	position: absolute;
	top: 76%;
	left: 66%
}

.s_txt {
	width: 100%;
	background: #eae8e9
}

.s_txtbg {
	width: 86%;
	margin: 0 auto
}

.u_btn01 {
	width: 100%
}

.i_txt {
	width: 100%;
	position: relative;
}
.i_txt_title{
	position: absolute;
	width: 71%;
	left: 25%;
	top: 5.6%;
	font-weight: 400;
	font-size: 3.8vw;
	line-height: 5.5vw;
}

.i_txt_content{
	position: absolute;
	left: 50%;
	width: 92vw;
	top: 29%;
	font-size: 2.6vw;
	line-height: 4vw;
	transform: translateX(-50%);
}

.i_btn {
	width: 96%;
	margin: 0 auto;
	position: relative
}

.i_btn1 {
	width: 96%;
	margin: 0 auto;
	position: relative;
	margin-top: 3%
}

.i_btn2 {
	width: 96%;
	margin: 0 auto;
	position: relative
}

.i_btn3 {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.i_btn01 {
	position: absolute;
	top: 54%;
	left: 64%;
	width: 31%
}

.i_btn02 {
	position: absolute;
	top: 31%;
	left: 58%;
	width: 35%
}

.i_btn03 {
	position: absolute;
	top: 60%;
	left: 58%;
	width: 35%
}

.i_btn04 {
	position: absolute;
	top: 31%;
	left: 58%;
	width: 35%
}

.i_btn05 {
	position: absolute;
	top: 60%;
	left: 58%;
	width: 35%
}

.i_btn06 {
	position: absolute;
	top: 50%;
	left: 58%;
	width: 35%
}

.foot_txt {
	position: relative;
	width: 94%;
	margin: 2% auto 0
}
.foot_txt01 {
	position: absolute;
	width: 9%;
	top: 6.5%;
	left: 49.3%
}
.foot_txt02 {
	position: absolute;
	width: 9%;
	top: 6.5%;
	left:61%
}


.foot_txt03 {
	position: absolute;
	width: 8%;
	top: 6.5%;
	left: 72%
}

.foot_txt04 {
	position: absolute;
	width: 10%;
	top:  6.5%;
	left: 82.5%
}
.foot_txt05 {
	position: absolute;
	width: 21%;
	top: 16%;
	left:2%
}

.foot_txt06 {
	position: absolute;
	width: 19%;
	top: 16%;
	left: 28%
}


.foot_txt07 {
	position: absolute;
	width: 19%;
	top: 16%;
	left: 49.5%
}





.foot_txt08 {
	position: absolute;
	width: 11%;
	top: 16%;
	left:72%
}

.foot_txt09 {
	position: absolute;
	width: 11%;
	top: 16%;
	left: 84.5%
}

.foot_txt10 {
	position: absolute;
	width: 11%;
	top: 25%;
	left:2%
}
.foot_txt11 {
    position: absolute;
    width: 12.5%;
   top: 25%;
    left: 14%;
}
.foot_txt12 {
	position: absolute;
	width: 12.5%;
	top: 25%;
	left: 28.5%
}


.foot_txt13 {
	position: absolute;
	width: 14%;
	top: 25%;
	left: 43.5%
}

.foot_txt14 {
	position: absolute;
	width: 12.5%;
	top: 25%;
	left: 61%
}

.foot_txt15 {
	position: absolute;
	width: 14%;
	top: 25%;
	left: 75%
}

.foot_txt16 {
	position: absolute;
	width: 14%;
	top: 33.3%;
	left: 2%
}

.foot_txt17 {
	position: absolute;
	width: 14%;
	top: 33.3%;
	left: 18.5%
}

.foot_txt18 {
	position: absolute;
	width: 9.8%;
	top: 33.3%;
	left:35%
}


.foot_txt19 {
	position: absolute;
	width: 10.8%;
	top: 33.3%;
	left: 48%
}

.foot_txt20 {
	position: absolute;
	width: 19.5%;
	top: 33.3%;
	left: 61.5%
}

.foot_txt21 {
	position: absolute;
	width: 9.8%;
	top: 33.3%;
	left: 83%
}
.foot_txt22 {
	position: absolute;
	width: 12.5%;
	top: 42.5%;
	left: 2%
}

.foot_txt23 {
	position: absolute;
	width: 12.5%;
	top: 42.5%;
	left: 18%
}
.foot_txt24 {
	position: absolute;
	width:30%;
	top: 42.5%;
	left:32.5%
}
.foot_txt25 {
	position: absolute;
	width: 30%;
	top: 42.5%;
	left: 64%
}

.foot_txt26 {
	position: absolute;
	width: 30%;
	top: 51%;
	left: 2%
}
.foot_txt27 {
	position: absolute;
	width: 30%;
	top: 51%;
	left: 35%
}


.foot_txt28 {
	position: absolute;
	width: 26%;
	top: 51%;
	left: 66%
}

.foot_txt29 {
	position: absolute;
	width: 26%;
	top: 61%;
	left:2%
}

.foot_txt30{
	position: absolute;
	width: 26%;
	top: 61%;
	left:31%
}

.foot_txt31 {
	position: absolute;
	width: 26%;
	top: 61%;
	left:59.2%
}

.foot_txt32 {
	position: absolute;
	width: 11%;
	top: 61%;
	left:87%
}
.foot_bg {
	width: 100%
}

.ad {
	position: absolute;

	right: 5px;

}

.products-board{
	width: 94%;
	margin: 0 auto;
	padding-top: 3vw;
	font-size: 3vw;
	padding-bottom: 3vw;
	font-family: 'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.products-row a{
	font-size: 3vw;
	color: #000;
	white-space:nowrap;
}
.tips-row1{
	margin-top: 1vw;
}
.tips-row2{
	margin-top: 1vw;
}

.hide{
    display: none;
}
.notic-board {
    position: fixed;
    left: 50%;
    top: 52%;
    width: 90vw;
    max-width: unset;
    height: 82vh;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 50px 0px #aaa;
    z-index: 999;
}
.intro-btn-close{
    position: absolute;
    width: 5%;
    right: 4%;
    top: 3%;
    z-index: 1;
}
.intro-title{
    position: relative;
    width: 100%;
    height: 15%;
    font-size: 3.8vw;
    color: #212121;
    font-weight: 800;
}
.intro-title span{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.intro-content{
    position: absolute;
    width: 100%;
    height: 80%;
    left: 50%;
    top: 15%;
    transform: translate(-50%, 0%);
    overflow-y: auto;
    padding: 0 8%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 3.5vw;
    color: #5a5a5a;
    line-height: 5vw;
    word-break: break-all;
}
.intro-date{
    display: block;
    margin-bottom: 14px;
    text-align: center;
}
.intro-c-01{
    font-size: 3vw;
}
.intro-c-02{
    display: block;text-indent: 7vw;
}
.intro-c-03{
    display: block;text-indent: 4vw;
}
.intro-c-04{
    display: block;text-indent: 25vw
}
.intro-c-05{
    display: block;text-align: right
}