@charset "utf-8";
/* CSS Document */

*{outline: none;}
body,dl,dd,ul,ol,td,th,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding:0;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
em,b,strong,i{font-style:normal;font-weight: normal;}
a,a:hover{text-decoration:none;}
img{border:none;vertical-align: top;}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
body{ font:12px/1.5 '\5b8b\4f53',tahoma,sans-serif;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:"."; height:0; display:block; clear:both;}
.hidden{display:block;width:0;height:0;overflow:hidden;}

body{width:100%;min-width:1200px;overflow-x:hidden;}
.wrap{width: 100%;min-width: 1000px;position: relative;overflow: hidden;}
.inner{width: 100%; height:1262px;position: relative;}

.bg_box{ width:1920px;position:absolute;top:0;left:50%;margin-left:-960px;z-index: -1;top:128px;}
.bg1{width:100%; min-width:1000px;background-repeat:no-repeat;background-position:50% 0;margin-top: -1px;}
.d1,.d3,.d4{height:316px;}
.d2{ height:317px;}
.d1{background:url(../images/bg_01.jpg); margin-top:0px;}
.d2{background:url(../images/bg_02.jpg) ;}
.d3{background:url(../images/bg_03.jpg) ;}
.d4{background:url(../images/bg_04.jpg) ;}

.head{width:1000px; height:316px; margin:0 auto;}
.con2{width:1000px; height:317px; margin:0 auto;}
.con3{width:1000px; height:316px; margin:0 auto;}
.con4{width:1000px; height:316px; margin:0 auto;}

.j_lo{ width:190px; height:100px; float:left; display:block;position:relative;top:0px;left:80px}
.rj_nav{position:relative; float:left;top:10px;left:220px}

.tongyong_nav{ width:100%; height:85px; position: relative;background:url(../images/actnav.png) 0 -3px repeat-x;}
.ty_con{ width:960px; height:85px; margin:0 auto;}
.ty_con1{ float:left;}
.ty_con1 li{float: left;height: 85px;width: 133px;overflow: hidden;background: #171B24 url(../images/actnav.png) no-repeat 0 -297px;}
.ty_con1 li a{display: block;height: 65px;padding:20px 0 0 6px; white-space: nowrap;color: #A9A9A9;font-size: 12px;margin-left: 2px;}
.ty_con1 li a:hover{background: #171B24 url(../images/actnav.png) repeat-x 0 -91px;color: #fef9c3;}
.ty_con1 li strong{display: block;font-size: 14px;margin-bottom: 5px;font-weight: bold;}


.slo{position:absolute; top:200px; right:265px;animation-delay:2s;animation-iteration-count:1;}
.time1{position:absolute; top:395px; right:220px;animation-delay:4s;animation-iteration-count:4;}
.con_pic{ position:absolute; top:755px; right:185px; top:}
.slo2{ position:absolute; top:520px; right:170px;}

/*动画*/
.anim{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:5;pointer-events:none;}
.anim > div{position:absolute;animation-iteration-count:infinite;animation-direction:normal;animation-timing-function:linear;opacity:0;}
.anim > div:nth-child(2n+1){width:72px;height:72px;}
.anim > div:nth-child(2n+2){width:100px;height:101px;}
.anim > div > img{position:absolute;width:100%;height:100%;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;transform-origin:50% -100%;}
@keyframes fade{
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}
@keyframes drop{
    0%{transform:translate(0px,0);}
    100%{transform:translate(0px,-700px);}
}
@keyframes clockwiseSpin{
    0%{transform:rotate(-50deg);}
    100%{transform:rotate(50deg);}
}
@keyframes counterclockwiseSpinAndFlip{
    0%{transform:scale(1) rotate(50deg);}
    100%{transform:scale(0.5) rotate(-50deg);}
}