/* CSS Document */
@font-face {
  font-family: 'icomoon';
  src:  url('../font/fonts/icomoon.eot?1seupt');
  src:  url('../font/fonts/icomoon.eot?1seupt#iefix') format('embedded-opentype'),
    url('../font/fonts/icomoon.ttf?1seupt') format('truetype'),
    url('../font/fonts/icomoon.woff?1seupt') format('woff'),
    url('../font/fonts/icomoon.svg?1seupt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
*{
			margin:0;
			padding:0;
		}
html , body{
	width:100%!important;
	overflow-x: hidden!important;
}
		.index-product{
			width:100%;
			height:946px;
		}
		 h2{
			text-align: center;
			font-size: 32px;
			color:#2e3846;
			font-weight: 400;
			padding:88px 0px 102px;
		}
		 h2::after{
			content:"";
			display:block;
			width:100px;
			height:3px;
			margin:30px auto 0px;
			background:#00AF83;
		}
		.index-product .index-product-nav{
			width:1180px;
			height:132px;
			margin:0px auto 36px;
		}
		.index-product .index-product-view{
			width:100%;
			height:510px;
			background:rgb(238, 246, 255);
			position:relative;
		}
		.index-product .index-product-nav ul{
			width:100%;
			height:100%;
			list-style: none;
			display:flex;
			flex-direction:row;
			justify-content: space-between;
			align-items: center;
			margin:0;
			padding:0;
		}
		.index-product .index-product-nav ul li{
			width:20%;
			height:100%;
			margin:0;
			padding:0;
			box-sizing:border-box;
			float:left;
		}
		.index-product .index-product-nav ul li:hover{
			cursor:pointer;
		}
		.index-product .index-product-nav ul li.active p{
			color:#00AF83;
		}
		.index-product .index-product-nav ul li.active p.index-product-img1{
			color:#fff;
			background:#00AF83;
		}
		.index-product .index-product-nav ul li p{
			margin:0;
			pading:0;
			text-align: center;
			color:#2e3846;
		}
		.index-product .index-product-nav ul li .index-product-img1{
			width:78px;
			height:78px;
			line-height: 78px;
			border-radius: 50%;
			background:#e5f1ff;
			margin:0px auto 20px;
			font-size: 40px;
			font-family: "icomoon";
		}
		.index-product .index-product-nav ul li .index-product-word1{
			width:100%;
			font-size: 18px;
		}
		.index-product .index-product-view .index-product-box{
			width:1180px;
			height:100%;
			margin:0 auto;
			overflow-x: hidden;
		}
		.index-product .index-product-view .move-box{
			width:1180px;
			height:5px;
			position:absolute;
			top:0px;
			left:50%;
			transform:translateX(-50%);
		}
		.index-product .index-product-view .move-box #move-tabs{
			border-left:12px solid transparent;
			border-right:12px solid transparent;
			border-bottom: 18px solid rgb(238,246,255);
			position:absolute;
			top:-18px;
			left:9%;
			transition:all 0.5s;
		}
		.index-product .index-product-view #index-product-content{
			width:500%;
			height:100%;
			overflow: hidden;
			transition:all 0.5s;
		}
		.index-product .index-product-view #index-product-content .index-product-item{
			width:20%;
			height:100%;
			float:left;
			position:relative;
		}
		.index-product .index-product-view #index-product-content .index-product-item .index-product-img2{
			width:619px;
			height:412px;
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			right:10px;
			background-size:100% 100%;
			background-repeat: no-repeat;
		}
.index-product .index-product-view #index-product-content .index-product-item:nth-of-type(1) .index-product-img2{
	background-image: url("../images/phone1.png");
}
.index-product .index-product-view #index-product-content .index-product-item:nth-of-type(2) .index-product-img2{
	background-image: url("../images/phone2.png");
}
.index-product .index-product-view #index-product-content .index-product-item:nth-of-type(3) .index-product-img2{
	background-image: url("../images/phone3.png");
}
.index-product .index-product-view #index-product-content .index-product-item:nth-of-type(4) .index-product-img2{
	background-image: url("../images/phone4.png");
}
.index-product .index-product-view #index-product-content .index-product-item:nth-of-type(5) .index-product-img2{
	background-image: url("../images/phone5.png");
}
		.index-product .index-product-view #index-product-content .index-product-item .index-product-word2{
			width:441px;
			height:300px;
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			left:0;
		}
		.index-product .index-product-view #index-product-content .index-product-item .index-product-word2 h3{
			font-size: 28px;
			color:#2e3846;
			font-weight: 400;
			margin-bottom: 31px;
		}
		.index-product .index-product-view #index-product-content .index-product-item .index-product-word2 p{
			font-size: 16px;
			color:#6c737d;
			margin-bottom: 55px;
			line-height: 28px;
		}
		.index-product .index-product-view #index-product-content .index-product-item .index-product-word2 button{
			width:152px;
			height:46px;
			border-radius: 27px;
			background:#00AF83;
			outline: none;
			border:none;
			overflow: hidden;
		}
		.index-product .index-product-view #index-product-content .index-product-item .index-product-word2 button a{
			display:block;
			width:100%;
			height:100%;
			text-align: center;
			line-height: 46px;
			text-decoration:none;
			color:#fff;
			font-size: 16px;
		}
		.goodness{
			width:100%;
			height:800px;
			background:#fff;
			box-sizing: border-box;
			padding:32px 0px 70px;
			position:relative;
		}
		.goodness .goodness-content{
			width:1180px;
			margin:10px auto;
			height:480px;
			display:flex;
			justify-content: space-between;
			align-items:flex-start;
		}
		.goodness .goodness-content .item{
			width:256px;
			height:326px;
			border-radius: 8px;
			float:left;
			position:relative;
			box-shadow: 0px 0px 10px  ,2px 2px 4px rgba(0,200,120,.2),0 5px 10px rgba(0,200,120,.19);
			border:1px solid gray;
			box-sizing: border-box;
			margin-left:52px;
		}
		.goodness .goodness-content .item:nth-of-type(1){
			margin-left:0px;
		}
		.goodness .goodness-content .item .goodness-img{
			width:90px;
			height:100px;
			position:absolute;
			top:66px;
			left:50%;
			transform:translateX(-50%);
			background-size: 100% 100%;
			background-position: center;
			background-repeat: no-repeat;
		}
.goodness .goodness-content .item div.goodness-img1{
	background-image: url("../images/qun1.png");
}
.goodness .goodness-content .item div.goodness-img2{
	background-image: url("../images/mai.png");
}
.goodness .goodness-content .item div.goodness-img3{
	background-image: url("../images/dianhua.png");
}
.goodness .goodness-content .item div.goodness-img4{
	background-image: url("../images/wenjian.png");
}
		.goodness .goodness-content .item .goodness-title{
			font-size: 24px;
			width:100%;
			text-align: center;
			position: absolute;
			top:207px;
		}
		.goodness .goodness-content .item .goodness-char{
			width:100%;
			text-align: center;
			text-transform:uppercase;
			font-size: 13px;
			color:gray;
			position:absolute;
			bottom:45px;
		}
		.goodness .goodness-content .item .zeheng{
			width:80%;
			height:2px;
			background:#fff;
			margin:200px auto 0px;
		}
		.goodness .goodness-content .item .goodness-decoration{
			width:80%;
			color:#fff;
			letter-spacing: 1px;
			position:absolute;
			top:215px;
			left:50%;
			transform:translateX(-50%);
			overflow: auto;
			word-wrap:break-word;
			-webkit-word-wrap:break-word;
			-ms-word-wrap:break-word;
			-o-word-wrap:break-word;
			-moz-word-wrap:break-word;
			display:none;
			line-height: 30px;
		}
		.goodness .goodness-content .item:hover{
			box-shadow: none;
			background:#00AF83;
			cursor:pointer;
		}
		.goodness .goodness-content .item:hover .goodness-img{
			top:35px;
		}
		.goodness .goodness-content .item:hover .goodness-title{
			top:155px;
			color:#fff;
		}
		.goodness .goodness-content .item:hover .goodness-char{
			display:none;
		}
		.goodness .goodness-content .item:hover .goodness-decoration{
			display:block;
		}
		.goodness .goodness-span{
			width:259px;
			height:76px;
			line-height: 76px;
			text-align: center;
			font-size: 25px;
			margin:0 auto;
			position:absolute;
			bottom:80px;
			left:50%;
			transform:translateX(-50%);
		}
		.goodness .goodness-span a{
			display:block;
			width:100%;
			height:100%;
			text-decoration: none;
			color:black;
		}
 		.terminal{
			width:100%;
			height:1033px;
			background:rgba(247,249,255,1);
		}
		.terminal .terminal-box{
			width:1180px;
			height:600px;
			margin:0 auto;
			position:relative;
		}
		.terminal .terminal-box .terminal-box-img{
			width:430px;
			height:300px;
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			background-size:contain;
			background-position: center;
			background-repeat: no-repeat;
			background-image: url("../images/jiqiren.png");
		}
		.terminal .terminal-box .terminal-box-list{
			width:350px;
			height:160px;
			position:absolute;
		}
		.terminal .terminal-box .terminal-box-list:nth-of-type(1){
			top:0px;
			left:100px;
		}
		.terminal .terminal-box .terminal-box-list:nth-of-type(2){
			top:200px;
			left:0px;
		}
		.terminal .terminal-box .terminal-box-list:nth-of-type(3){
			top:390px;
			left:100px;
		}
		.terminal .terminal-box .terminal-box-list:nth-of-type(4){
			top:0px;
			right:100px;
		}
		.terminal .terminal-box .terminal-box-list:nth-of-type(5){
			top:200px;
			right:0px;
		}
		.terminal .terminal-box .terminal-box-list:nth-of-type(6){
			top:390px;
			right:100px;
		}
		.terminal .terminal-box .terminal-box-list:hover{
			cursor:pointer;
		}
		.terminal .terminal-box .terminal-box-list:hover .terminal-box-circle{
			background:#00AF83;
		}
		.terminal .terminal-box .terminal-box-list:hover .terminal-box-circle > p{
			color:red;
		}
		.terminal .terminal-box .terminal-box-list .terminal-box-circle{
			width:55px;
			height:55px;
			border-radius: 50%;
			background:#fff;
			box-shadow: 0px 0px 5px 1.5px rgba(233,237,253,1),0px 0px 10px 3px rgba(233,237,253,1),0px 0px 20px 5px rgba(233,237,253,1);
			position:absolute;
			top:0;
		}
		.terminal .terminal-box .terminal-box-list:nth-of-type(n+4) .terminal-box-circle{
			right:30.5px;
		}
		.terminal .terminal-box .terminal-box-list:nth-of-type(-n+3) .terminal-box-word{
			padding-right:20px
		}
		.terminal .terminal-box .terminal-box-list .terminal-box-word{
			height:70px;
			position:absolute;
			font-size: 18px;
			letter-spacing: 1px;
			bottom:0px;
			right:0px;
			word-wrap: break-word;
			-webkit-word-wrap:break-word;
			-o-word-wrap:break-word;
			-ms-word-wrap:break-word;
			-moz-word-wrap:break-word;
		}
		.terminal .terminal-box .terminal-box-list .terminal-box-circle p{
			width:120%;
			font-size: 30px;
			font-weight: 400;
			color:#00AF83;
			text-transform:uppercase;
			position:absolute;
			bottom:-14px;
			left:16.5px;
		}
		.terminal  .terminal-box-btn{
			width:180px;
			height:55px;
			line-height: 55px;
			text-align: center;
			background:#fff;
			margin:10px auto;
			box-shadow: 0px 2px 18px 0px rgba(52,80,228,0.11);
			border-radius: 10px;
		}
		.terminal  .terminal-box-btn a{
			display: block;
			width:100%;
			height:100%;
			font-size: 23px;
			text-decoration: none;
			color:#00AF83;
		}
		.company{
			width:100%;
			height:920px;
		}
		.company .company-box{
			width:1180px;
			height:600px;
			margin:0 auto;
		}
		.company .company-box .company-box-item{
			width:340px;
			height:280px;
			float:left;
			box-shadow: 0px 2px 72px 1px rgba(52,80,228,0.09);
			box-sizing: border-box;
			margin-bottom: 30px;
		}
		.company .company-box .company-box-item:nth-of-type(3n+2){
			margin:0px 80px;
			margin-bottom: 30px;
		}
		.company .company-box .company-box-item .company-box-img{
			width:100%;
			height:55%;
			position:relative;
		}
		.company .company-box .company-box-item:hover{
			cursor:pointer;
		}
		.company .company-box .company-box-item:hover .company-box-img .mask{
			transform:translate(-50%,-50%) scale(1);
		}
		.company .company-box .company-box-item:nth-of-type(3n+2):hover .company-box-img .mask{
			transform:translate(-50%,-50%) scale(1) rotateZ(360deg);
		}
		.company .company-box .company-box-item .company-box-img img{
			display:block;
			width:100%;
			height:100%;
		}
		.company .company-box .company-box-item .company-box-img .mask{
			width:100%;
			height:100%;
			background:rgba(0,0,0,0.60);
			position:absolute;
			top:50%;
			left:50%;
			transition:all .7s;
			transform:translate(-50%,-50%) scale(0);
		}
		.company .company-box .company-box-item h3{
			width:100%;
			height:15%;
			line-height:42px;
			font-size: 20px;
			letter-spacing: 1px;
		}
		.company .company-box .company-box-item p{
			width:100%;
			height:30%;
			font-size: 16px;
			letter-spacing: 1px;
			padding:0px 5px;
		}