html {
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 0.854vw;
}
body {
  margin: 0;
  line-height: 1.5;
  min-width: 1366px;
  background: white;
  background: rgba(0, 0, 0, 1);
}
ul {
  padding: 0;
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  border: none;
}
* {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
h1,
h2,
h3,
h4,
p,
dl,
dt,
dd,
ul {
  margin: 0;
}
.hide {
  display: none !important;
}
.swiper-container-vertical .swiper-pagination {
  position: fixed !important;
}
.main{
	
	margin: 0 auto;
	text-align: center;
}
.main-div{
    font-size: 30px;
	color: #FFFFFF;
	margin-top: 45px;
}
.main-div img{
	width: 38px;
}
.main-div span{
	position: relative;
	top: -8px;
	left: 10px;
	font-weight: 300;
}
.main-help{
	font-size: 16px;
	margin-top: 18px;
	color: #FFFFFF;
}
.main-help div{
	height: 16px;
	width: 1px;
	background-color: #FFFFFF;
	margin: 0 6px 0 6px;
	position: relative;
	top: 2px;
}
.main-help a,.main-help div{
	display: inline-block;
}
.main-h{
	width: 900px;
	height: 540px;
	margin: 40px auto 0;
}
.main-h-left{
	width: 60%;
	display: inline-block;
}
.main-h-right{
	width: 39%;
	display: inline-block;
	position: relative;
	top: -200px;
	left: 32px;
	color: #FFFFFF;
	text-align: left;    
}
.main-h-right h1{
	margin-top: 145px;
	font-size: 36px;
}
.main-h-right-div1{
	font-size: 26px;
	font-weight: 300;
}
.main-h-right-div2{
	margin-top: 60px;
	font-size: 18px;
	font-weight: 300;
}
.sydt-z{
	width: 500px;
}
.main-cp{
	color: #FFFFFF;
}
.main-cp h1{
	font-size: 26px;
	margin-bottom: 30px;
	font-weight: 300;
}
.focus-on-div{
	display: inline-block;
	margin-left: 40px;
}
.focus-on-div-img{
	width: 58px;
	position: relative;
	top: 0px;
	left: -44px;       
}
.focus-on-div img{
	display: inline-block;
	cursor: pointer;
}
.focus-on-div div{
	position: relative;
	top: 14px;
	font-size: 14px;
	font-weight: 300;
}
.focus-on-div-h{
	position: relative;
	top: 12px;
	left: 31px;
}

.content {
	display: inline-block;
    width: 48px;
 }
.content > div {
	margin-left: 5px;
    width: 4px;
    height: 4px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    animation: action 1.5s infinite ease-in-out;
    animation-fill-mode: both;
}
.content .point1 {
    animation-delay: -0.3s;
}
.content .point2 {
    animation-delay: -0.1s;
}
@keyframes action {
      0%, 80%, 100% {
            transform: scale(0);
        }
        40% {
            transform: scale(1.0);
        }
    } 
.main-h-left img{
	
}	
.sydt-bu{
	width: 215px;
	float: left;
	position: relative;
	top: -266px;
	left: 134px;        
}
.syd-sz{
	width: 140px;
	float: left;
	position: relative;
	top: -522px;
	left: -49px;
	animation:mymove 5s infinite;
	-webkit-animation:mymove 5s infinite; /* Safari and Chrome */	
}
@keyframes mymove
{
	from {top:-522px;}
	to {top:-600px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
	from {top:-522px;}
	to {top:-600px;}
}