.container {overflow: hidden;}
.left-nav {width: 4.1rem; padding: .7rem .8rem; float: left; background: #d3d8dc; height: 7.9rem;}
.left-nav .title {font-size: .24rem; line-height: .4rem;}
.left-nav .see {width: 2rem; height: .5rem; border-radius: .25rem; background: #e9ecee; display: block; text-align: center; line-height: .48rem; font-size: .18rem; border: 1px solid #354e64; margin-top: .78rem; transition: .4s;}
.left-nav .see:hover {background: #d1291a; border-color: #d1291a; color: #e9ecee;}
.right-list {text-align: center; font-size: 0; padding: 1.38rem 0;}
.right-list li {width: 3rem; height: 4.46rem; display: inline-block;}
.right-list li:nth-child(2n) {transform: translateY(.68rem);}
.right-list .mask {width: 100%; height: 100%; background: rgba(53, 78, 100, .5); position: absolute; left: 0; top: 0; padding: .25rem; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: .2s;}
.right-list .tit {color: #fff;}
.right-list .tit p:nth-child(1) {font-size: .18rem; margin-bottom: .02rem;}
.right-list .tit p:nth-child(2) {font-size: .16rem; opacity: .5;}
.right-list .con {font-size: .14rem; text-align: justify; line-height: .3rem; color: #fff; padding-top: .25rem; transition: .4s; height: 0; opacity: 0;}
.right-list .mask:hover {background: rgba(209, 41, 26, .7);}
.right-list .mask:hover .con {opacity: 1;}



.right-list li .card{
	height: 100%;
	width: 100%;
}
.container li .back{
	background: rgba(209, 41, 26, .7);
}
	.card{
		position: relative;
	}
	.front,
	.back {
		display: flex;

		background-position: center;
		background-size: cover;
		text-align: center;
		justify-content: center;
		align-items: center;
		position: absolute;
		height: 100%;
		width: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform-style: preserve-3d;
		transition: ease-in-out 600ms;
	}

	.front {
		background-size: cover;
		/*padding: 2rem;*/
		font-size: 1.618rem;
		font-weight: 600;
		color: #fff;
		overflow: hidden;
		font-family: Poppins, sans-serif;
	}
	.front:before {
		position: absolute;
		display: block;
		content: '';
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color:#ededed;
		opacity: .25;
		z-index: -1;
	}


	.card:hover .front {
		transform: rotateY(180deg);
	}
	.card:nth-child(even):hover .front {
		transform: rotateY(-180deg);
	}

	.back {
		background: #fff;
		transform: rotateY(-180deg);
		padding: 0 2em;
	}
	.card:hover .back {
		transform: rotateY(0deg);
	}
	.card:nth-child(even) .back {
		transform: rotateY(180deg);
	}
	.card:nth-child(even):hover .back {
		transform: rotateY(0deg);
	}

	.button {
		transform: translateZ(40px);
		cursor: pointer;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		font-weight: bold;
		color: #fff;
		width: 1.5rem;
		height: .6rem;
		border-radius: .3rem;
		font-size: 14px;
		font: inherit;
		background-color: rgb(209, 41, 26);
		box-shadow: 0px 16px 46px 0px rgba(209, 41, 26, 0.5);
		border: none;
		position: relative;
		transform-style: preserve-3d;
		transition: 300ms ease;
		margin: 0 auto;
		cursor: pointer;
	}
	/*.Ô²½Ç¾ØÐÎ_1 {*/
	/*	background-color: rgb(209, 41, 26);*/
	/*	box-shadow: 0px 16px 46px 0px rgba(209, 41, 26, 0.5);*/
	/*	position: absolute;*/
	/*	left: 619px;*/
	/*	top: 1212px;*/
	/*	width: 150px;*/
	/*	height: 60px;*/
	/*	z-index: 60;*/
	/*}*/

	.button:before {
		transition: 300ms ease;
		position: absolute;
		display: block;
		content: '';
		transform: translateZ(-40px);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		height: calc(100% - 20px);
		width: calc(100% - 20px);
		border-radius: 100px;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 16px;
		background-color: rgb(209, 41, 26);
		box-shadow: 0px 16px 46px 0px rgba(209, 41, 26, 0.5);
	}
	.button:hover {
		transform: translateZ(55px);
	}
	.button:hover:before {
		transform: translateZ(-55px);
	}
	.button:active {
		transform: translateZ(20px);
	}
	.button:active:before {
		transform: translateZ(-20px);
		top: 12px;
	}

	.new-float-box{
		z-index: 2;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-grow: inherit;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.new-float-box h6{
		font-size: .18rem;
    	margin-bottom: .02rem;
	}
	.new-float-box .capital{
		font-size: .16rem;
    	opacity: .5;
	}


	.con-box{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		font-size: .14rem;
		text-align: justify;
		line-height: .3rem;
		color: #fff;
		padding: .25rem;
	}
	.industry .investment ul li .float:after{
		background-color: unset;
	}
	.industry .investment ul li:hover{
		box-shadow: 0 0 0 0 rgb(255,255,255);
	}
	.industry .investment ul li .maskBox{
		background: #ededed;
		top: 0;
	}
	.industry .investment ul li .maskBox div p{
		color: #354e64;
		opacity: 1;
	}
	.industry .investment ul li .maskBox div{
		border-bottom: none;
	}
	.industry .investment{
		position: relative;
	}
	.choose-box{
		width: 100%;
		height: 100%;
		position:absolute;

		z-index: 20;
	}
	.choose-box .items{
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: none;
		background: #fbfbfb;
		padding: 0 2rem;
		padding-top: 1.48rem;

	}
	.choose-box .items h3{
		text-align: center;
		font-size: 0.24rem;
		line-height: 1;
		margin-bottom: 0.15rem;
	}
	.choose-box .items .en{
		font-size: 0.24rem;
		line-height: 1;
		text-align: center;
		margin-bottom: 0.95rem;
		letter-spacing: .03rem;
	}
	.choose-box .items .con{
		font-size: 14px;
		text-align: center;
		margin-bottom: .78rem;
	}
	.choose-box .items .img-box{
		width: 100%;
		/*height: auto;*/
	}
	.choose-box .items .img-box .img{
		display: block;
		width: 3.44rem;
		height: 1.46rem;
		border:1px solid #f8f8f8;
		float: left;
	}

	.choose-box .items .close{
		width: .5rem;
		height: .5rem;
		margin: 0 auto;
		margin-top: .4rem;
		border-radius: 50%;
		background: #fff;
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all .8s;
	}
	.choose-box .items .close:hover{
		background: #d1291a;
	}
	.choose-box .items .close img{
		width: .14rem;
		height: .14rem;
	}
	.investment{
		overflow: hidden;
	}







@media screen and (max-width: 750px) {
	body .front{
	  font-size: ;
	  height: 4.70rem;
	}
	body .new-float-box h6{
		font-size: 0.30rem;
		margin-bottom: 0.26rem;
	}
	body .new-float-box .capital{
		font-size: 0.30rem;
	}
	body .front, body .back{
		position: static;
	}
	body .front:before, body .front:after{
		display: none !important;
	}
	body .back{
		transform: rotateY(0deg);
	}



	.container{
		padding: 0.64rem 0.30rem 0.47rem;
	}
	.left-nav{
		width: 100%;
		background-color: transparent;
		height: auto;
		padding: 0;
		float: none;
	}
	.left-nav .title{
		font-size: 0.30rem;
		text-align: center;
	}
	.left-nav .title p:first-child{
		margin-bottom: 0.28rem;
	}
	.left-nav .see{
		margin-top: 0.30rem;
		margin-left: auto;
		margin-bottom: 0.64rem;
	}
	.right-list{
		padding-top: 0;
	}
	.right-list li{
		display: block;
		position: static;
		width: 100%;
		margin-bottom: 0.78rem;
		height: auto;
		top: 0 !important;
	}
	.right-list li:nth-child(2n){
		transform: translateY(0) !important;
	}
	.container li .front{
		position: static;
		height: 4.70rem;
	}
	.container li .front img{
		transform: translateX(0) !important;
	}
	.container li .back{
		transform: rotateY(0deg);
	}
	body .container li .card{
		display: block;
	}
	body .container li .float{
		display: block;
	}
	body .container li .maskBox{
		position: static;
		padding: 0.70rem 0.45rem;
	}
	body .container li .maskBox div{
		padding: 0;
		height: auto;
	}
	body .container li .float:after{
		display: none;
	}
	body .container li .maskBox{
		opacity: 1;
	}
	body .container li .maskBox div p{
		font-size: 0.24rem;
		line-height: 1.5;
		margin-bottom: 0.74rem;
	}
	.card:hover .front, .container li:hover .card .front{
		transform: rotateY(0deg) !important;
	}


	body .choose-box{
		left: 0;
		padding: 0.64rem 0.30rem 0.47rem;
	}
	body .choose-box .items{
		padding: 0;
	}
	body .choose-box .items h3{
		font-size: 0.30rem;
		margin-bottom: 0.28rem;
	}
	body .choose-box .items .en{
		font-size: 0.30rem;
		margin-bottom: 0.68rem;
	}
	body .choose-box .items .con{
		font-size: 0.24rem;
		line-height: 1.8;
	}
	body .choose-box .items .img-box .img{
		width: 50%;
		height: auto;
	}
	body .choose-box .items .close{
		width: 1.00rem;
		height: 1.00rem;
		border: 1px solid #d1291a;
	}

.choose-box .items .img-box{
	display: flex;
	flex-wrap: wrap;
}

}