.bottom{
	width: 100%;
	height: 253px;
	background-color: #E60202;
	
}
.bottom-top{
	width: 100%;
	height: 253px;
	background-color: #E60202;
	margin-bottom: 10px;
}
.bottom-top-con {
    width:1080px;
}
.vertical{
	display: inline-block;
	width:1px;
	height:184px;
	background: radial-gradient(white -24%, red 100%);
	margin-left: 120px;
	margin-right: 80px;
	margin-top: 37px;
}
.cross{
	display: inline-block;
	width:181px;
    height:1px;
	background: radial-gradient(white -24%, red 100%);
	margin-left: 30px;
}
.bottom h6{
	font-size:23px;
	font-family:SimSun;
	font-weight:bold;
	color:rgba(255,255,255,1);
	margin-top: 28px;
    margin-bottom:28px;
    margin-left:3px;
}

.about ul{
	margin-top: 20px;
    margin-left:21px;
}
.about ul li{
	list-style:disc;
	color: #fff;
    margin-top:5px;
    font-family:SimSun;
}
.about p{
	margin-top: 10px;
	font-family:SimSun;
	color: #fff;
}
.ubiquitous ul{
	width: 250px;
    font-family:"microsoft yahei";
}
.ubiquitous ul img{
	margin: 0 auto;
	margin-bottom: 3px;
}
.ubiquitous ul li{
	display: inline-block;
	width: 60px;
	height: 80px;
	margin-left: 30px;
	text-align: center;
	font-size:14px;
	font-family:SimSun;
	font-weight:400;
	color:rgba(255,255,255,1);
	
}
.code{
	width: 290px !important;
}
.code li{
	width: 110px !important;
	height: 110px !important;
	border-radius: 10px;
	padding-top: 5px;
}
.code li img{
	width: 110px;
	height: 110px;
	margin-bottom: 13px;
}
@media screen and (max-width: 1510px) and (min-width: 769px) {
     .bottom-top-con {
        width:1000px;
    }
    .vertical {
        margin-left:70px;
        margin-right:50px;
    }
}
@media screen and (max-width: 768px) and (min-width: 0px){
    .bottom{width: 100%;height: auto !important;padding-bottom: 10px;}
	.bottom h6{font-size: 16px !important;}
	.bottom li{font-size: 14px}
	.bottom-top-con{width: 100% !important;}
	.bottom span{display: none;}
	.about{width: 40%;margin: 0 auto;margin-left: 8%;} 
	.ubiquitous{ width: 40%;margin: 0 auto;margin-top:70px; margin-left: 8%;} 
	.ubiquitous h6, .ubiquitous-ul{display: none;}
	.ubiquitous ul li{font-size: 14px}
	.bottom .code li{width: 90px !important;height: 90px !important; }
	.bottom .code img{width: 80px;height: 80px; margin-bottom: 10px;}
	.code{margin-left: 12%;}
	.bottom-bottom{font-size: 12px;color: #fff;} 
    .bottom h6{margin-bottom:13px !important;margin-top:24px !important;}
}
@media screen and (max-width: 768px) and (min-width: 0px) {
    .about{width: 40%;margin: 0 auto;margin-left: 5%;} 
	.ubiquitous{ width: 40%;margin: 0 auto;margin-top:70px; margin-left: 5%;} 
}
@media screen and (max-width: 600px) and (min-width: 0px) {
    .about{width: 40%;margin: 0 auto;margin-left: 2%;} 
	.ubiquitous{ width: 40%;margin: 0 auto;margin-top:70px; margin-left:1%;} 
}
@media screen and (max-width: 520px) and (min-width: 0px) {
    .about{width: 100%;margin: 0 auto;margin-left: 5%;} 
	.ubiquitous{ width: 100%;margin: 0 auto;margin-top:10px;text-align:center; } 
    .code {
       margin-left:0;
    }
    .ubiquitous ul {
      width:100% !important;
    }
    .ubiquitous ul li:nth-child(1) {
        margin-left:0;
    }
}
@media screen and (max-width: 340px) and (min-width: 0px) {

    .about{width: 100%;margin: 0 auto;margin-left: 3%;} 
}