@charset "utf-8";

/*************区块链改版页面 @Author：盛世华彩-邱***********/
.blank58{height:58px;line-height:58px;clear:both;visibility:hidden;}
.W_1200{
	width:1200px;
	margin:0px auto;
}
.blockchainMain{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	overflow:hidden;
}
.blockchainMain .banner{
	width:100%;
	min-width:1200px;
	height:648px;
	margin:0px auto;
	background:#03104e url(../images/blockchainBanner.jpg) no-repeat center top;
}
.blockchainMain .demoVideo{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	/*background:#03104e url(../images/blockchainBanner.jpg) no-repeat center top;*/
}
.blockchainMain .demoVideo video{
	width:100%;
	min-width:1200px;
	height:auto;
}
#banner img{min-width: 100%; height: calc(100vh - 58px);}

.blockchainMain .blockchain_system{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	padding:85px 0px;
	overflow:hidden;
	background:#010c34 url(../images/blockchain_bg1.png) no-repeat center top;
}
.blockchainMain .blockchain_system .blockchain_system_box{
	margin-top: 15px;
	overflow: hidden;
}
.blockchainMain .blockchain_system .blockchain_system_box dl{
	width: 251px;
	height: 330px;
	overflow: hidden;
	background-color: rgba(0,0,0,.37);
	background-image: url("../images/blockchain_icon1.png");
	background-repeat: no-repeat;
	background-position: 28px 41px;
	padding: 37px 32px 0 91px;
	float: left;
	margin: 35px 0 0 38px;
}
.blockchainMain .blockchain_system .blockchain_system_box dl dt{
	height: 67px;
	line-height: 67px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 22px;
	color: #00beff;
	border-bottom: 1px solid #0b1b60;
}
.blockchainMain .blockchain_system .blockchain_system_box dl dd{
	padding: 25px 0 0 0;
}
.blockchainMain .blockchain_system .blockchain_system_box dl dd a{
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #fff;
	opacity: .7;
}
.blockchainMain .blockchain_system .blockchain_system_box dl dd a:hover{
	text-decoration: underline;
}
.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item2{
	background-image: url("../images/blockchain_icon2.png");
}
.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item3{
	background-image: url("../images/blockchain_icon3.png");
}
.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item4{
	background-image: url("../images/blockchain_icon4.png");
}
.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item5{
	background-image: url("../images/blockchain_icon5.png");
}
.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item6{
	background-image: url("../images/blockchain_icon6.png");
}
.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item1,.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item4{
	margin-left: 0;
}
.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item4,.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item5,.blockchainMain .blockchain_system .blockchain_system_box dl.dl_item6{
	height: 405px;
}

.blockchainMain .scenarioUseBox{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	padding:100px 0px;
	overflow:hidden;
	background:#1a0604 url(../images/scenarioUse_bg.jpg) no-repeat center bottom;
	background-size: 100%;
}
.blockchainMain .scenarioUseBox .flex-innet{
	margin-top:38px;
	display: flex;
	color: #fff;
	justify-content: space-between;
}
.blockchainMain .scenarioUseBox .hangye{
	width: 550px;
	display: flex;
	align-items: center;
}
.blockchainMain .scenarioUseBox .hangye .hd ul{
	font-size: 18px;
	display: flex;
	flex-direction: column;
}
.blockchainMain .scenarioUseBox .hangye .hd ul li{
	font-size: 18px;
	width: 123px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	margin-bottom: 50px;
	margin-right: 30px;
}
.blockchainMain .scenarioUseBox .hangye .hd ul li:hover, .blockchainMain .scenarioUseBox .hangye .hd ul li.hover{
	/*background:#bf3223;*/
	background:url(../images/nav_bg.png) 100% 100%;
}
.blockchainMain .scenarioUseBox .hangye  .line{
	width: 1px;
	height: 500px;
	background: #86848C;
	margin-right: 30px;
}
.blockchainMain .scenarioUseBox .hangye .bd ul{
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.blockchainMain .scenarioUseBox .hangye .bd ul li:first-child{
		font-size:26px;
		letter-spacing: 10px;
}
.blockchainMain .scenarioUseBox .hangye .bd ul li:nth-child(2){
	font-size:14px;
	line-height: 24px;
	margin-top: 50px;
	margin-bottom: 19px;
}
.blockchainMain .scenarioUseBox .hangye .bd ul li:last-child{
	display: flex;
	font-size: 16px;
	flex-wrap: wrap;
}
.blockchainMain .scenarioUseBox .hangye .bd ul li:last-child div{
	text-align: center;
	width: 100px;
	height: 100px;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.blockchainMain .scenarioUseBox .hangye .bd ul li:last-child div img{
	width: 60px;
	height: 60px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain{
	height:492px;
	position:relative;
	z-index:1;
	width: 500px;
	background:url(../images/scenario_use_bg.png) no-repeat center top;
	background-size: 100% 100%;

}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_div_main{
	width:215px;
	height:259px;
	position:absolute;
	left:170px;
	top:0px;
	animation:icon_div_main 3s infinite;
}
@keyframes icon_div_main {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -15px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_sel{
	width:20px;
	height:80px;
	position:absolute;
	animation:icon_sel 5s infinite;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_sel1{
	left:-130px;
	top:125px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_sel6{
	left:480px;
	top:43px;
}
@keyframes icon_sel {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -20px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.blockchainMain .scenarioUseBox .scenarioUseMain .spherical{
	position:absolute;
	z-index:2;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-animation:rotate 10s linear infinite;
	-moz-animation:rotate 10s linear infinite;
	-o-animation:rotate 10s linear infinite;
	animation:rotate 10s linear infinite;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_sel2{
	width:20px;
	height:20px;
	left:-73px;
	top:33px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_sel3{
	width:30px;
	height:30px;
	left:11px;
	top:175px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_sel4{
	width:41px;
	height:41px;
	left:345px;
	top:0px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_sel5{
	width:23px;
	height:23px;
	left:445px;
	top:240px;
}
@-webkit-keyframes rotate{
	0%{
		-webkit-transform:rotateY(0deg);
	}
	100% {
		-webkit-transform:rotateY(360deg);
	}
}
@-moz-keyframes rotate{
	0%{
		-moz-transform:rotateY(0deg);
	}
	100%{
		-moz-transform:rotateY(360deg);
	}
}
@-o-keyframes rotate{
	0%{
		-moz-transform:rotateY(0deg);
	}
	100%{
		-moz-transform:rotateY(360deg);
	}
}
@keyframes rotate{
	0%{
		transform:rotateY(0deg);
	}
	100%{
		transform:rotateY(360deg);
	}
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_sel img{
	width:20px;
	height:80px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .icon_div1 img{
	width:215px;
	height:259px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item{
	position:absolute;
	color:#FFF;
	height:25px;
	line-height:25px;
	font-size:18px;
	color:#b3b8c4;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item.itemL dl dt{
	float:left;
	font-size:18px;
	color:#b3b8c4;
	height:25px;
	line-height:25px;
	overflow:hidden;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_1 dl dt{
	margin-top:4px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_2 dl dt{
	margin-top:13px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_3 dl dt{
	margin-top:25px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item.itemL dl dd{
	float:left;
	margin-left:23px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item.itemR dl dt{
	float:left;
	margin-right:15px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item.itemR dl dd{
	float:left;
	font-size:18px;
	color:#b3b8c4;
	height:25px;
	line-height:25px;
	overflow:hidden;
	margin-top:3px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item.item_4 dl dd{
	margin-top:20px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item.item_5 dl dd{
	margin-top:13px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item.hover dl dt,.blockchainMain .scenarioUseBox .scenarioUseMain .item.hover dl dd{
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item.hover dl img{
	-webkit-animation:icon-bounce 0.5s alternate;
	-moz-animation:icon-bounce 0.5s alternate;
	-o-animation:icon-bounce 0.5s alternate;
	animation:icon-bounce 0.5s alternate;
}
@keyframes icon-bounce {
	0%, 100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}
@-webkit-keyframes icon-bounce {
	0%, 100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}
@-moz-keyframes icon-bounce {
	0%, 100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}
@-o-keyframes icon-bounce {
	0%, 100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_1{
	top:92px;
	left:-130px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_2{
	top:285px;
	left:-73px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_3{
	top:420px;
	left:11px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_4{
	top:420px;
	left:345px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_5{
	top:290px;
	left:445px;
}
.blockchainMain .scenarioUseBox .scenarioUseMain .item_6{
	top:100px;
	left:480px;
}
.blockchainMain .solutionBox{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	padding:110px 0px 130px;
	overflow:hidden;
	background:url(../images/solution_bg.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.blockchainMain .solutionBox .solutionList{
	width:1232px;
	overflow:hidden;
	margin-top:35px;
}
.blockchainMain .solutionBox .solutionList .item{
	width:192px;
	padding:30px 38px;
	background:url(../images/solution_mask.png);
	overflow:hidden;
	text-align:center;
	float:left;
	margin-right:40px;
	margin-top:40px;
}
.blockchainMain .solutionBox .solutionList .item.hover{
	background:url(../images/solution_hover_mask.png);
}
.blockchainMain .solutionBox .solutionList .item .icon{
	display:block;
	width:73px;
	height:73px;
	margin:40px auto 0px;
	/*overflow:hidden;
	-webkit-transition:.4s all;
	-moz-transition:.4s all;
	-ms-transition:.4s all;
	transition:.4s all;*/
}
/*
.blockchainMain .solutionBox .solutionList .item.hover .icon{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}*/
.blockchainMain .solutionBox .solutionList .item .icon img{
	vertical-align:middle;
	max-width:73px;
	max-height:73px;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
}
.blockchainMain .solutionBox .solutionList .item.hover .icon img{
	-webkit-transform:rotate(360deg) scale(1.2);
	-moz-transform:rotate(360deg) scale(1.2);
	-ms-transform:rotate(360deg) scale(1.2);
	-o-transform:rotate(360deg) scale(1.2);
}
.blockchainMain .solutionBox .solutionList .item dl{
	color:#FFF;
	margin-top:5px;
}
.blockchainMain .solutionBox .solutionList .item dl dt{
	height:50px;
	line-height:50px;
	font-size:20px;
	padding-bottom:10px;
	background:url(../images/solution_line.png) no-repeat center bottom;
}
.blockchainMain .solutionBox .solutionList .item dl dd{
	font-size:14px;
	height:112px;
	line-height:28px;
	overflow:hidden;
	margin-top:15px;
}
.blockchainMain .contractBox{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	overflow:hidden;
	padding:100px 0px 130px;
	background:url(../images/contractBg.png) no-repeat center top;
	background-size: 100%;
}
.blockchainMain .contractBox .contractAreaL{
	width:570px;
	float:left;
	padding-right:10px;
	overflow:hidden;
	margin-top:30px;
}
.blockchainMain .contractBox .contractAreaR{
	width:620px;
	float:right;
	margin-top: 30px;
	text-align: right;
	/*margin-left: 30px;*/
}
.blockchainMain .contractBox .contractAreaR img{
	width:560px;
	height:532px;
	/*animation: round_animate 5s linear infinite;*/
}
@keyframes round_animate {
      to {
			transform: rotateY(1turn);
		}
     }
.blockchainMain .contractBox .contractAreaL h3{
	font-size:36px;
	height:50px;
	line-height:50px;
	color:#FFF;
	overflow:hidden;
}
.blockchainMain .contractBox .contractAreaL .line1{
	display:block;
	width:52px;
	height:1px;
	background-color:#2493D1;
	margin-top:45px;
}
.blockchainMain .contractBox .contractAreaL .desc{
	line-height:25px;
	color:#FFF;
	font-size:14px;
	margin-top:40px;
}
.blockchainMain .contractBox .contractAreaL .contractFeature{
	margin-top:30px;
}
.blockchainMain .contractBox .contractAreaL .contractFeature dl{
	width:160px;
	padding:18px 40px;
	overflow:hidden;
	margin-top:20px;
	margin-right:30px;
	float:left;
	border:dashed 1px #163156;
}
.blockchainMain .contractBox .contractAreaL .contractFeature dl.hover{
	border-color:#FFF;
}
.blockchainMain .contractBox .contractAreaL .contractFeature dl dt{
	width:48px;
	float:left;
	overflow:hidden;
}
.blockchainMain .contractBox .contractAreaL .contractFeature dl dt img{
	max-width:47px;
	max-height:47px;
}
.blockchainMain .contractBox .contractAreaL .contractFeature dl dd{
	width:100px;
	height:50px;
	line-height:25px;
	margin-left:10px;
	float:left;
	overflow:hidden;
	color:#FFF;
	font-size:14px;
}
.blockchainMain .sysIntroBox{
	width:100%;
	padding:80px 0px 60px;
	overflow:hidden;
	background:url(../images/sys_intro_bg.png) no-repeat center top;
	background-size: 100%;
	background-color: #2C2A33
}
.blockchainMain .sysIntroBox .sysIntro{
	font-size:18px;
	margin-top:33px;
	line-height: 30px;
	color:#fff;
}
.blockchainMain .sysIntroBox .sysIntroMain{
		display: flex;
	   justify-content: space-between;
	margin-top: 110px;
}

.blockchainMain .sysIntroBox .sysIntroMain .itemL div {
	margin-top: 50px;
	background: url(../images/blockchainTxt_bg.png) no-repeat left top;
	width: 202px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	margin-bottom: 32px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemL img{
	width: 543px;
	height: 341px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemR{
	position: relative;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemR img{
	width: 544px;
	height: 499px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemR div {
	position: absolute;
	background: url(../images/blockchainTxt_bg.png) no-repeat left top;
	width: 202px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	left: -40px;
	top: 50px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemL .icon_div{
	width:107px;
	height:107px;
	background:url(../images/sys_intro_icon_bg1.png) no-repeat left top;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemL .icon_div span.span_3{
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	margin:0px auto;
	padding-top:29px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemM .icon_div span{
	display:block;
	width:97px;
	height:97px;
	overflow:hidden;
	margin:0px auto;
	padding:55px 55px 56px 56px;
	background:url(../images/sys_intro_icon_bg2.png) no-repeat left top;
}
.blockchainMain .sysIntroBox .sysIntroMain dl{
	margin-top:30px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemL dl{
	margin-left:-90px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemM dl{
	margin-top:60px;
}
.blockchainMain .sysIntroBox .sysIntroMain .icon_div{
	position:relative;
	z-index:1;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemR .icon_div span.span_3{
	display:block;
	width:51px;
	height:51px;
	overflow:hidden;
	margin-left:43px;
	padding:28px;
	background:url(../images/sys_intro_icon_bg1.png) no-repeat left top;
}
.blockchainMain .sysIntroBox .sysIntroMain .icon_div span.pulse_span{
	position:absolute;
	width:97px;
	height:97px;
	background:#f5a9a0;
	border-radius:50%;
	animation:living 3s linear infinite;
	-webkit-animation:living 3s linear infinite;
	-moz-animation:living 3s linear infinite;
	-o-animation:living 3s linear infinite;
	z-index:-1;
}

.blockchainMain .news{
	width:100%;
	padding:100px 0px 65px;
	overflow:hidden;
	background:url(../images/news.jpg) no-repeat center top;
	color: #fff;
}
.blockchainMain .news a{
	text-decoration: none;
	color: #fff;
}
.blockchainMain .news .zixun{
	display: flex;
	/*align-items: center;*/
	justify-content: space-between;
	margin-top: 70px;
}
.blockchainMain .news .zixun .left,.blockchainMain .news .zixun .right{
		width: 530px;
}
.blockchainMain .news .zixun .xw{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blockchainMain .news .zixun .tit{
	font-size: 28px;
}
.blockchainMain .news .zixun .line{
	width: 270px;
	height: 5px;
	background: #fff;
	border-radius: 3px;
	margin-top: 26px;
}
.blockchainMain .news .zixun .item{
	margin-top: 40px;
}
.blockchainMain .news .zixun .bangong{
	margin-top: 22px;
	width: 100%;
}
.blockchainMain .news .zixun .item .content{
	margin-top: 24px;
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	/*text-indent: 2em;*/
	display:-webkit-box;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow: hidden;
}
.blockchainMain .news .zixun .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.blockchainMain .news .zixun .bt{
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	display:-webkit-box;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow: hidden;
}
.blockchainMain .news .zixun .date{
	font-size: 18px;
	color: #EEEEEE;
	width: 60px;
	text-align: right;
}
.blockchainMain .contact{
	width:100%;
	padding:125px 0px 142px;
	overflow:hidden;
	background:url(../images/contact.jpg) no-repeat center top;
	background-size: 100%;
}
.blockchainMain .contact .link{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 70px;
}
.blockchainMain .contact .link .left{
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	width: 70%;
}
.blockchainMain .contact .link .right{
	font-size: 18px;
	overflow: hidden;
	color: #333333;
	width: 20%;
}
.blockchainMain .contact .link .right .wechat_text{
	color: white;
	text-align: center;
	margin-top: 1vh;
}
.blockchainMain .contact .link .right .wechat_text p{
	margin-bottom: 1vh;
}
.blockchainMain .contact .link .right input{
	width: 200px;
	height: 50px;
	background: #F1F1F1;
	margin-left: 29px;
	padding-top: 5px;
	padding-left: 26px;
	box-sizing: border-box;
}
.blockchainMain .contact .link .submit{
	margin-left: 29px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	background: #1E82C0;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 20px;
	border: none;
	margin-top: 29px;
}

.blockchainMain .contact .link .right textarea{
	background: #F1F1F1;
	margin-left: 29px;
	margin-top: 31px;
	width: 100%;
	padding-top: 29px;
	padding-left: 22px;
	box-sizing: border-box;
}
@keyframes living {
	0%{
		transform:scale(1);
		opacity:0.5;  
	}
	50%{
		transform:scale(1.5);  
		opacity:0; 
	}
	100%{
		transform:scale(1);
		opacity:0.5;
	}
}
.blockchainMain .sysIntroBox .sysIntroMain .itemL .icon_div span.pulse_span{
	left:3px;
	bottom:5px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemM .icon_div span.pulse_span{
	left:18px;
	bottom:3px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemR .icon_div span.pulse_span{
	left:48px;
	bottom:5px;
}
.blockchainMain .sysIntroBox .sysIntroMain .itemR .icon_div span.span_2{
	-webkit-animation-delay:1.5s;
}
.blockchainMain .sysIntroBox .sysIntroMain dl{
	margin-top:30px;
	text-align:center;
}
.blockchainMain .sysIntroBox .sysIntroMain dl dt{
	height:45px;
	line-height:45px;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
}
.blockchainMain .sysIntroBox .sysIntroMain dl dd{
	line-height:25px;
	font-size:16px;
	color:#cdd2d4;
}
.blockchainMain .coreTechnologyBox{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	background-color:#32120f;
	overflow:hidden;
	padding:95px 0px 130px;
}
.blockchainMain .coreTechnologyBox .technologyList{
	margin-top:50px;
	width:1240px;
}
.blockchainMain .coreTechnologyBox .technologyList .item{
	width:258px;
	padding:30px 10px;
	float:left;
	margin-top:35px;
	margin-right:32px;
	overflow:hidden;
	background-color:#521c17;
}
.blockchainMain .coreTechnologyBox .technologyList .item.hover{
	background-color:#2c0d0a;
}
.blockchainMain .coreTechnologyBox .technologyList .item dl{
	text-align:center;
}
.blockchainMain .coreTechnologyBox .technologyList .item dl dt{
	padding-bottom:25px;
	background:url(../images/coreTechnology_img_bg.png) no-repeat center bottom;
}
.blockchainMain .coreTechnologyBox .technologyList .item dl dt span{
	display:block;
	max-width:110px;
	max-height:110px;
	margin:0px auto;
	/*-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-animation:play 0s linear infinite;
	-moz-animation:play 0s linear infinite;
	animation:play 0s linear infinite;
	-o-animation:play 0s linear infinite;*/
}
.blockchainMain .coreTechnologyBox .technologyList .item.hover dl dt span{
	animation:hostUpdown 3s infinite;
}
@keyframes hostUpdown {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -15px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
/*
.blockchainMain .coreTechnologyBox .technologyList .item.hover dl dt span{	
	-webkit-animation:play 8s linear infinite;
	-moz-animation:play 8s linear infinite;
	animation:play 8s linear infinite;
	-o-animation:play 8s linear infinite;
}
@keyframes play{
	0%{
		transform:rotateY(0deg);
	}
	100%{
		transform:rotateY(360deg);
	}
}
@-webkit-keyframes play{
	0%{
		-webkit-transform:rotateY(0deg);
	}
	100% {
		-webkit-transform:rotateY(360deg);
	}
}
@-moz-keyframes play{
	0%{
		-moz-transform:rotateY(0deg);
	}
	100%{
		-moz-transform:rotateY(360deg);
	}
}
@-o-keyframes play{
	0%{
		-o-transform:rotateY(0deg);
	}
	100%{
		-o-transform:rotateY(360deg);
	}
}*/
.blockchainMain .coreTechnologyBox .technologyList .item dl dt img{
	max-width:110px;
	max-height:110px;
	margin:0px auto;
}
.blockchainMain .coreTechnologyBox .technologyList .item dl dd{
	height:35px;
	line-height:35px;
	color:#FFF;
	font-size:20px;
	margin-top:25px;
}
.blockchainMain .columnTitle{
	color:#FFF;
	text-align:center;
}
.blockchainMain .columnTitle h3{
	height:50px;
	line-height:50px;
	overflow:hidden;
	font-size:36px;
}
.blockchainMain .columnTitle .desc{
	font-size:16px;
	line-height:25px;
	overflow:hidden;
	margin-top:10px;
}
.blockchainMain .businessStructureBox{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	overflow:hidden;
	padding:135px 0px 160px;
	background:url(../images/businessStructureBg.png) no-repeat center top;
	background-size: 100%;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTop{
	width:597px;
	margin:80px auto 0px;
	padding:25px 100px 20px;
	background:url(../images/businessStructure_topBg.png) no-repeat center top;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTopL{
	float:left;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTopR{
	float:right;
	margin-left: 30px;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTop dl{
	width:50px;
	float:left;
	margin-right:30px;
	text-align:center;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTop dl dt img{
	width:30px;
	height:30px;
	animation: myfirst 2s infinite;
}
@keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -5px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.blockchainMain .businessStructureBox .serviceLayer .layerTop dl dd{
	height:25px;
	line-height:25px;
	overflow:hidden;
	color:#1B7EAD;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTop .layerTopM{
	width:90px;
	float:left;
	text-align:center;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTop .layerTopM .txt{
	color:#afb1b6;
	font-size:16px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	position:relative;
	z-index:1;
	padding-bottom:60px;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTop .layerTopM .txt .span_bg{
	display:block;
	width:13px;
	height:61px;
	position:absolute;
	z-index:2;
	left:50%;
	margin-left:-6.5px;
	bottom:0px;
	background:url(../images/span_bg.png) no-repeat center top;
}
.blockchainMain .businessStructureBox .serviceLayer .layerTop .layerTopR{
	float:right;
	margin-left:25px;
	width:240px;
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid{
	width:1181px;
	height:131px;
	margin:0px auto;
	background:url(../images/businessStructure_MidBg.png) no-repeat left top;
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid .txt{
	float:left;
	padding-left:35px;
	margin-top:35px;
	padding-bottom:41px;
	background:url(../images/span_bg2.png) no-repeat left top;
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid .txt dl dt{
	font-size:18px;
	color:#FFF;
	height:25px;
	line-height:25px;
	overflow:hidden;
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid .txt dl dd{
	height:22px;
	line-height:22px;
	color:#848484;
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid .structure{
	float:left;
	margin-top:-20px;
	margin-left:60px;
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid .structure dl{
	width:130px;
	float:left;
	margin-right:60px;
	text-align:center;
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid .structure dl dt{
	padding-bottom:15px;
	background:url(../images/layer_dt_bg.png) no-repeat center bottom;
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid .structure dl dt img{
	width:64px;
	height:64px;
	animation: mysecond 3s infinite;
}
@keyframes mysecond {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -15px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.blockchainMain .businessStructureBox .serviceLayer .layerMid .structure dl dd{
	color:#FFF;
	height:30px;
	line-height:30px;
	overflow:hidden;
	font-size:16px;
	margin-top:13px;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot{
	width:937px;
	height:80px;
	margin:30px auto 0px;
	position:relative;
	z-index:1;
	background:url(../images/businessStructure_botBg.png) no-repeat left top;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .structure{
	/*width:800px ;*/
	margin-top:-20px;
	margin-left:60px;
	color:#fff;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .structure dl{
	width:130px;
	float:left;
	margin-right:60px;
	text-align:center;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .structure dl dt{
	padding-bottom:15px;
	background:url(../images/layer_dt_bg.png) no-repeat center bottom;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .structure dl dt img{
	width:30px;
	height:30px;
	animation: myfirst 2s infinite;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .txt_div{
	width:205px;
	padding:5px;
	position:absolute;
	z-index:2;
	left:50%;
	margin-left:-108px;
	top:43px;
	border:dashed 1px #135ea4
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .txt_div span{
	display:block;
	width:205px;
	height:65px;
	line-height:65px;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	background:url(../images/blockchainTxt_bg.png) no-repeat left top;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .txt{
	position:absolute;
	z-index:2;
	right:-90px;
	bottom:15px;
	padding-left:30px;
	background:url(../images/span_bg.png) no-repeat left top;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .txt dl dt{
	color:#FFF;
	font-size:18px;
	overflow:hidden;
}
.blockchainMain .businessStructureBox .serviceLayer .layerBot .txt dl dd{
	color:#848484;
	margin-top:7px;
}
.blockchainMain .advantageBox{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	overflow:hidden;
	padding:115px 0px 60px;
	background:url(../images/advantageBg.jpg) no-repeat center top;
	background-size: 100%;
}
.blockchainMain .advantageBox .advantageList{
	width:1224px;
	margin-top:80px;
}
.blockchainMain .advantageBox .advantageList .item{
	width:230px;
	padding:20px 23px;
	overflow:hidden;
	text-align:center;
	color:#FFF;
	float:left;
	margin-right:30px;
	height:340px;
	background:url(../images/solution_mask.png);
	/*background:url(../images/advantage_mask.png);*/
}
.blockchainMain .advantageBox .advantageList .item .icon{
	display:block;
	width:104px;
	height:104px;
	overflow:hidden;
	margin:60px auto 0px;
}
.blockchainMain .advantageBox .advantageList .item.hover .icon{
	margin-top:30px;
}
.blockchainMain .advantageBox .advantageList .item .icon img{
	width:104px;
	height:104px;
}
.blockchainMain .advantageBox .advantageList .item .line2{
	display:block;
	width:29px;
	height:2px;
	background-color:#FFF;
	overflow:hidden;
	margin:35px auto 0px;
}
.blockchainMain .advantageBox .advantageList .item.hover{
	/*background:url(../images/advantage_hover_mask.png);*/
	background:url(../images/solution_hover_mask.png);
}
.blockchainMain .advantageBox .advantageList .item.hover .line2{
	display:none;
}
.blockchainMain .advantageBox .advantageList .item dl{
	margin-top:30px;
}
.blockchainMain .advantageBox .advantageList .item dl dt{
	height:30px;
	line-height:30px;
	font-size:20px;
}
.blockchainMain .advantageBox .advantageList .item dl dd{
	height:115px;
	line-height:23px;
	font-size:14px;
	margin-top:20px;
	display:none;
	overflow:hidden;
}
.blockchainMain .advantageBox .advantageList .item.hover dl dd{
	display:block;
	margin-top: 40px;
}
.blockchainMain .platformStructureBox{
	width:100%;
	min-width:1200px;
	margin:0px auto;
	overflow:hidden;
	padding:125px 0px 75px;
	background:#0a0e23 url(../images/platformStructureBg.jpg) no-repeat center top;
}
.blockchainMain .platformStructure{
	width:1172px;
	padding:10px;
	margin:50px auto 0px;
	overflow:hidden;
	border:dashed 1px #0d3651;
}
.blockchainMain .platformStructure .structureChart{
	width:100%;
	padding:45px 0px;
	text-align:center;
	background:url(../images/platformStructure_mask.png);
}
.blockchainMain .platformStructure .structureChart img{
	max-width:100%;
	margin:0px auto;
}

