@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;}



.rj_logo{width:190px; height:90px; background:url(../images/rj_logo.png) 0 0 no-repeat;position:absolute;top:0px;left:20px; z-index:3}
.j_lo{ width:190px; height:100px; float:left; display:block;}
.rj_nav{ width:330px;position: absolute;top:10px;left:400px;}


.wrap{width: 100%;min-width: 1200px;position: relative;overflow: hidden;}
.wrap_inner{width: 1200px;height:3800px;position: relative;z-index:2;margin: 0 auto;}

.bg_box{width:1920px;position:absolute;top:0;left:50%;margin-left:-960px;z-index:1;}
.bg-box div{width:100%;background-position:center top;background-repeat: no-repeat;}
.bg1{height:1300px;background-image: url(../images/bg_01.jpg);margin-top:0;}
.bg2{height:1300px;background-image: url(../images/bg_02.jpg);}
.bg3{height:1200px;background-image: url(../images/bg_03.jpg);}

/*底部解释*/
.head1{width:1200px; height:3800px;position: relative;}
.head1 .p{ text-align:center; position:absolute; left:505px; bottom:10px; color:#fff; }


.back{ width:161px; height:198px; position:fixed; right:80px; top:50%;margin-top: -66px; display:block; background:url(../images/back.png) no-repeat; z-index:2}

.slo{ position:absolute; top:110px; left:130px;}
.boxm.on{animation: fadeUp 1s ease-in-out;-webkit-animation: fadeUp 1s ease-in-out;}
.box{position: relative;}
.box1{animation: fadeUp 1s ease-in-out;-webkit-animation: fadeUp 1s ease-in-out; top:415px; left:10px;}
.box2{top:430px; left:10px;}
.box3{top:450px; left:10px;}
.box4{top:470px; left:10px;}
.box5{top:480px; left:10px;}

@keyframes fadeUp{
    0%{transform: translateY(200px);opacity: 0;}
    100%{transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes fadeUp{
    0%{-webkit-transform: translateY(200px);opacity: 0;}
    100%{-webkit-transform: translateY(0);opacity: 1;}
}