* { margin:0; padding:0; list-style:none; }
html { height:100%; width:100%;}
body { height:100%; width:100%; text-align:center;
    margin:0; padding:0; position:relative;
    background: url(../images/bg1.jpg)  no-repeat center center #FFFFFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transition:all ease-out 0.3s;color:#555; font-family: Arial,"Microsoft YaHei","微软雅黑","宋体"; font-size:16px; line-height:1.4;
}
body:after{ content: "";position:absolute; top:0; right:0; bottom:0; left:0; background: rgba(255,255,255,0.8);}

div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span,ul,ol{margin:0; padding:0; list-style-type:none;}
img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
a:link {text-decoration: none; transition:all ease-out 0.3s;}

#index_box:after,#index_left:after,#index_right:after{ content: "";clear: both;font-size: 0;height: 0;}
#index_box{
    width:900px; position: absolute; z-index:99;top:50%; left:50%; transform: translate(-50%,-50%);
    border-radius:10px; overflow:hidden; box-Shadow:0 0 15px #ccc;
}
#index_left { background:  rgba(35,38,46,0.75); background-size: cover; position: absolute;top:0; right:50%; bottom:0; left:0; box-sizing: border-box;padding:22px 35px;}
#index_left figure{ float:left; width:100%; text-align:center; padding:80px 0 25px 0; font-size: 2em;line-height: 1.5;color:#FFF; font-weight: bold;}
#index_left figure img{ display:block; margin:0 auto; /*width:100%; max-width:100px; border-radius:100%;box-shadow: 0 0 15px #FFF;*/}
#index_left h2{width:100%; text-align:center; font-size:1.6rem; color:#FFF; font-weight: normal;}
#index_left h3{width:100%; text-align:center; font-size:1.2rem; color:#FFF; font-weight: normal;}
.login_to{
    display: block; margin: 20px auto; padding: 10px 0; width: 100px; text-align: center; border-radius: 6px; overflow: hidden;
    background: #6C757D; color: #FFF; box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.1); cursor: pointer; un
}
#index_left p{position: absolute; left:0; right:0; bottom:15px; font-size:0.8rem;color:#ddd; line-height: 1.8;}
#index_left a{color:#ddd;}
#index_left a:hover{color:#ccc;}

#index_right{ 
    float:right; width:50%; min-height:350px; background: rgba(255,255,255,0.75);box-sizing:border-box; padding:30px;
    display: flex; flex-direction: column;
}
#index_right dl{width:100%; display: flex; padding:7px 0; flex-direction: column; text-align: left;}
#index_right dl dt{width:100%; font-weight: bold;}
#index_right dl dt span{display:inline-block; font-weight: normal; padding-left: 20px;}
#index_right dl dd{width:100%;box-sizing:border-box; padding-left: 15px;}
#index_right dl dd p{display: flex; }
#index_right dl dd span{display: inline-block;  }
#index_right dl dd span.span_title{ padding-right: 10px; color: #999;}


@media screen and (max-width:800px){	  
    /* 手机版自适应 */
    #index_box{ width:94%; left:3%; right: 3%; top:50%; transform: translate(0,-50%); }
    #index_left { width:100%;position: static; padding:25px 25px 10px 25px;}
    #index_left figure{ padding:0 0 15px 0; }
    #index_left h2 { font-size: 1.4rem;}
    #index_left p{position: static; line-height: 1.6;}
    #index_right{ width:100%;min-height: 50px;padding:25px;}
}