body{
	margin:0 ;
	padding:-10px;
	
}
html{
	font-size: 62.5%;
	
}

.header{
	width: 100%;
	height: 732px;
	background: url(/static/image/box1.png);
	position: relative;
	background-size: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0;
	background-position: 50% 50%;
	-webkit-background-size: 100%;
	margin-top: -10px;
}

.contenttop_logo{
	width: 10%;
	height: 63px;
	background: url(/static/image/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 22.8%;
	top:6%;
	opacity: 0.5;
	
}
h3{
	
	color: white;
	position: absolute;
	left: 22.5%;
	top:320px;
}
.content_text{
	width:auto;
	height: 129px;
	
	background-size: 100%;
	line-height: 1;
	font-size: 4rem;
	color: white;
	background-repeat: no-repeat;
	position: absolute;
	left: 22.5%;
	top:280px;
}

.content_title{
	width: 800px;
	height: 35px;
	
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	font-size: 3.2rem;
	color: white;
	left: 22.5%;
	top:450px;
}
.content_top_xhx1{
	display: block;
	width: 3%;
	height: 5%;
	background: url(/static/image/xiahuaxian.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	left: 92%;
	top:86px;

}

.content_top_xhx2{
	display: block;
	width: 3%;
	height: 1%;
	background: url(/static/image/xiahuaxian.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 23.5%;
	top: 550px;


}
.content_phoness1{
	width: 12%;
	height: 2%;
	background: url(/static/image/kefu.png);
	background-size: 100%;
	background-repeat: no-repeat;
	float: right;
	margin-top:2.25%;
	margin-right: 5%;
	
}
.company_top{
	width: 100%;
	height:950px;
	position: relative;
}
.company_top_middle{
	width: 75%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top:-60px;
	margin:0 auto;
}
.company_top_title{
	width:35%;
	height: 138px;
	background: url(/static/image/toupic.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	left: 3.8%;
	top: 167px;
}
.company_top_title ul{
	line-height:30px;
	position: relative;
	left:83px;
	top: -43px;
}
.company_top_title ul li:first-child{
	font-size: 3rem;
	
}
.company_top_title ul li:nth-child(2){
	font-size: 2.3rem;
	
}
.company_top_middle span{
	color: rgb(106,19,23);
	font-size: 3rem;
	position: absolute;
	left: 12.5%;
	top:230px;
}
.xhx{
	display: block;
	width: 3%;
	height: 2px;
	background: url(/static/image/xhx.png);
	position:absolute;
	left: 12.5%;
	top:350px;
}
#title{
	position: absolute;
	top:450px;
	color: black;
}
#title2{
	position: absolute;
	top:580px;
	color: rgb(106,19,23) ;
}

#xhx2{
	display: block;
	width: 11%;
	height: 2px;
	background: url(/static/image/xhx.png);

	position:absolute;
	left: 18.5%;
	top:594px;
}
.company_top_middle p{
	font-size: 2rem;
	position: absolute;
	left: 12.5%;
	top:674px;
	line-height: 3;
	word-wrap: break-word;
}
.middle_top{
	width: 100%;
	height: 609px;
	background: url(/static/image/bg2.jpg);
	background-size: cover;
	background-position: center 0;
	background-position: 50% 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	top:-30px;
}
#text1{
	font-size: 2rem;
	color:rgba(255,255,255,0.5);
	position: relative;
		top:11px;
		left: 59px;

}
.team{
	width: 128px;
	height:29px;
	border-radius: 20px;
	border:1px solid white;
	position: relative;
	left:90%;
	top: 44px;
	text-align: center;
	line-height: 29px;
	color: white;
	letter-spacing: 5px;
}
#text2 {
		font-size:7rem;
		color: white;
		position: relative;
		top:-163px;
		left: 574px;
		letter-spacing: 20px;
		font-weight: bold;
		font-style: italic;
}
.bottom{
	width: 1000px;
	height: 900px;
	position: relative;
	left: 0;
	right: 0;
	margin:0 auto;
	
}
#title3{
	color: black;
	font-size: 3.5rem;
	position: absolute;
	left: 3.5%;
	top:80px;

}
#title4{
	color: rgb(106,19,23);
	font-size:2.8rem;
	position: absolute;
	left: 3.5%;
	top:140px;
	font-weight: bold;
	letter-spacing: 5px;
}

#xhx3{
	display: block;
	width: 11%;
	height: 2px;
	background: url(/static/image/xhx.png);
	position:absolute;
	left: 17.8%;
	top:150px;
}
.bottom_left{
	width: 55%;
	height: 305px;
	background: url(/static/image/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 9%;
	top:500px;
	z-index: 1;
}
.bottom_right{
	width: 60%;
	height: 305px;
	background: url(/static/image/logo2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 23%;
	top:400px;
}
.coin{
	width: 20%;
	height: 130px;
	color: white;
	
	font-size: 10rem;
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	left: 13%;
	top:20px;
}
.coin2{
	width: 18%;
	height: 130px;
	font-size: 10rem;
	color: white;
	
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	left: 81%;
	top:17px;
}
#name{
	color: rgb(106,19,23);
	font-size: 3rem;
	position: absolute;
	left: 22%;
	top:70px;
	font-weight: bold;
}
#name2{
	color: rgb(106,19,23);
	font-size: 3rem;
	position: absolute;
	left: 35%;
	top:160px;
	font-weight: bold;
}

.footer1{
	width: 100%;
	height: 300px;
	position: relative;	
	top:320px;
}

.bottom_left span{
	font-size: 10rem;
	color: white;
	font-weight: bold;
	position: relative;
	left: 70px;
	top:26px;
}

.bottom_right span{
	font-size: 10rem;
	color: white;
	font-weight: bold;
	position: relative;
	left:482px;
	top:20px;
}
.bottom_right1{
	width: 60%;
	height: 305px;
	background: url(/static/image/logo3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 23%;
	top:683px;
	z-index: 22;
}
.bottom_left1{
	width: 55%;
	height: 305px;
	background: url(/static/image/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 9%;
	top:900px;
	z-index: 333;
}
.bottom_left2{
	width: 55%;
	height: 305px;
	background: url(/static/image/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 9%;
	top:900px;
	z-index: 33;
}

.bottom_right3{
	width: 60%;
	height: 305px;
	background: url(/static/image/logo3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 23%;
	top:1080px;
	z-index: 44;
}
.bottom_left3{
	width: 55%;
	height: 305px;
	background: url(/static/image/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 9%;
	top:1317px;
	z-index:45;
}
.bottom_right4{
	width: 60%;
	height: 305px;
	background: url(/static/image/logo3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 23%;
	top:1500px;
	z-index: 50;
}
.bottom_left4{
	width: 55%;
	height: 305px;
	background: url(/static/image/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 9%;
	top:1735px;
	z-index:55;
}
.bottom_right5{
	width: 60%;
	height: 305px;
	background: url(/static/image/logo3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 23%;
	top:1912px;
	z-index:65;
}
.bottom_left5{
	width: 55%;
	height: 305px;
	background: url(/static/image/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left:9%;
	top:2151px;
	z-index: 70;
}
.bottom_right6{
	width: 60%;
	height: 305px;
	background: url(/static/image/logo3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 23%;
	top:2323px;
	z-index: 80;
}
.coin1{
	width: 20%;
	height: 130px;
	color: white;
	
	font-size: 10rem;
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	left: 7.5%;
	top:20px;
}
.coin3{
	width: 18%;
	height: 130px;
	font-size: 10rem;
	color: white;
	
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	left: 76%;
	top:17px;
}

.coin4{
	width: 18%;
	height: 130px;
	font-size: 10rem;
	color: white;
	
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	left: 77%;
	top:36px;
}

#name1{

    color: rgb(106,19,23);
    font-size: 3rem;
    position: absolute;
    left: 19%;
    top:164px;
    font-weight: bold;

}
.coin5{
	width: 18%;
	height: 130px;
	font-size: 10rem;
	color: white;
	
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	left: 72%;
	top:36px;
}
@media only screen and (max-width: 1690px) { 
		.company_top_title ul li:first-child{
			font-size: 2.8rem;
		}
		#text1{
			position: relative;
		    top: 43px;
		    left: 61px;
		}
		.team{
			    position: relative;
    left: 89%;
    top: 75px;
		}

	}
	@media only screen and (max-width: 1550px) { 
		
		.middle_top{
			height: 500px;
		}
		#text2{
			   font-size: 6rem;
		    color: white;
		    position: relative;
		    top: -134px;
		    left: 486px;
		}
	}
	@media only screen and (max-width: 1390px) { 
		#text2{
			font-size: 6rem !important;
			position: relative;
		    top: -119px !important;
		    left: 398px !important;
		}
	}
@media only screen and (max-width: 1525px) { 
		.company_top_title ul li:first-child{
			font-size: 2.8rem;
			width: 140%;
		}
		.content_text{
			font-size: 3.1rem;
		}
	}
		@media only screen and (max-width: 1300px) { 
		#text2{
			font-size: 6rem !important;
			position: relative;
    top: -94px !important;
    left: 28%;
		}
	}

@media only screen and (max-width: 1200px) { 
		#text2{
			font-size: 4rem !important;
			position: relative;
    	top: -115px !important;
    	left: 28%;
		}
		.middle_top{
			position: relative;
    		top: 20px;
    		height: 430px;
		}
	}
	}