html,body{ margin: 0px; padding: 0px; width: 100%; height: 100%; }
ul,li,ol,dd,dl{ list-style: none; margin: 0px; padding: 0px;}
a{ color: #fff; text-decoration: none;}

.index{ display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: space-between; align-items: center; background: url(../images/bg.jpg) center top no-repeat; background-size: 100% 100%; }

.index-top{ display: flex; flex-direction: column; flex: 1; justify-content: center;}
.index-logo{ display: flex; justify-content: center; }
.index-logo img{ border: 0px; width: 80%; height: auto;}
.index-url{ display: flex; justify-content: space-between; margin-top: 20px;}
.index-url a{ display: flex; width: 48%; height: 44px; font-size: 20px; border-radius: 5px; justify-content: center; align-items: center; }
.index-url a:first-child{ background: #31ad37; transition: all 0.4s}
.index-url a:first-child:hover{ background: #FD9927;}
.index-url a:last-child{ background: #1c72d4; transition: all 0.4s}
.index-url a:last-child:hover{ background: #FD9927;}


.index-copy{ display: flex; flex-direction: column; width: 100%; height: 130px; padding-bottom: 50px;}
.index-copy p{ display: flex; margin: 0px; padding: 0px; justify-content: center; line-height: 28px; color: #fff; font-size: 16px;}
.index-copy p a{ margin: 0px 10px;}