/*湖南艺术资源库*/
@charset "UTF-8";
html,body{
    margin: 0;
    padding: 0;
    height: 100%;
    background: #000;
}
body{
	font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif,"Times New Roman", Times, serif;
	font-size:15px;
	color:#0b0a0a;
	line-height:21px;
}
*:focus{ outline:none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img,script{ margin:0; padding:0;}
img{ border: none 0; vertical-align:middle; _vertical-align:baseline;}
ul li{ margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";}
input{font-family:'PingFangJ';}
i{ font-style:normal;}

a{color:#000;text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
a:hover{color:#cd7249; text-decoration:none; cursor:pointer;}

.logo{ position: fixed; width: 569px; height: 138px; background: url(../images/default/logo.png); z-index: 4;}

.skip{ position: fixed; top: 30px; right: 30px; width: 50px; height: 50px; background: rgba(255,255,255,.5); border-radius: 50%; font-size: 15px; color: #fff; text-align: center; line-height: 50px; z-index: 4;}
.skip a{ display: inline-block; width: 50px; height: 50px; color: #fff;}

.caseBox { position: relative; float:left; width:100%; height:100%;overflow: hidden; }
.caseBox .pic li{ float:left; width:100%; height:100%;
    -webkit-animation:bouncein 2s ease-out backwards;
    -moz-animation:bouncein 2s ease-out backwards;
    -ms-animation:bouncein 2s ease-out backwards;
    animation:bouncein 2s ease-out backwards;
}
@-webkit-keyframes bouncein{
    0%{opacity:1;-webkit-transform:scale(1.8);}
    100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes bouncein{
    0%{opacity:1;-moz-transform:scale(1.8);}
    100%{opacity:1;-moz-transform:scale(1);}
}
@-ms-keyframes bouncein{
    0%{opacity:1;-ms-transform:scale(1.8);}
    100%{opacity:1;-ms-transform:scale(1);}
}
@keyframes bouncein{
    0%{opacity:1;transform:scale(1.8);}
    100%{opacity:1;transform:scale(1);}
}

/*跳过进度条*/
.svg{ position: absolute; left: -25px; top: -25px; width: 100px; height: 100px;}
.cls{
    fill:none;
    stroke:#fff;
    stroke-linecap: round;
    stroke-miterlimit:2;
    stroke-width:2px;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}
.run-anim{
    animation:dash 0s paused linear 1 none;
}
@keyframes dash {
    0%{
        stroke: #4162f0;
        stroke-dashoffset: 800;
    }
    100%{
        stroke: #4162f0;
        stroke-dashoffset: 0;
    }
}

/*进入首页*/
.join_index{
    position: fixed;
    width: 142px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
}
.join_index a{ display: inline-block; width: 142px; height: 40px; color: #fff;}