﻿@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 tahoma,'\5FAE\8F6F\96C5\9ED1',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_nav1{position: absolute;top:10px;left:860px; z-index:2}

.wrap{width: 100%;min-width: 1200px;position: relative;overflow: hidden;}
.wrap_inner{width: 1200px;height:1653px;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:551px;background-image: url(../images/bg_01.jpg);margin-top:0;}
.bg2{height:551px;background-image: url(../images/bg_02.jpg);}
.bg3{height:551px;background-image: url(../images/bg_03.jpg);}

.head1{width:1200px; height:548px;position: relative;}
.con{ width:1200px; height:1105px; position:relative;}
.con .p{ text-align:center; position:absolute; left:500px; bottom:10px; color:#fff; }

/*选项卡*/
#cen_right_top{width:1200px; height:auto; float:left; position:absolute;top:0; z-index:1;}
#cen_right_top .box0201l .active{width:150px;height:160px;cursor:pointer;transform: rotate(20deg);filter: brightness(1.2);}
#cen_right_top .box0201lb .active{width:150px;height:160px;cursor:pointer;transform: rotate(20deg);filter: brightness(1.2);}
#cen_right_top .box0201m .active{width:150px;height:160px;cursor:pointer;transform: rotate(-20deg);filter: brightness(1.2);}
#cen_right_top .box0201mb .active{width:150px;height:160px;cursor:pointer;transform: rotate(-20deg);filter: brightness(1.2);}
#cen_right_top h3{width:150px;height:160px;background:url(../images/h_bg.png) no-repeat;cursor:pointer;transition: all 0.8s;}
#cen_right_top h3:hover{cursor:pointer;transform: translateY(-10px);filter: brightness(1.2);}
#cen_right_top .div{display:none; float:left;}
#cen_right_top h3 img{ float:left; margin:40px 15px;}

.hn_l{width:150px; height:1172px; position:absolute;top:-60px; left:40px;}
.hn_r{width:150px; height:1172px; position:absolute;top:-60px; right:22px;}

.box0201l{width:150px; height:612px;position:absolute; top:-90px;}
.box0201lb{width:150px; height:560px;position:absolute; top:510px;}
.mfs{ position:relative; top:0px; left:-38px;}


.box0201m{width:150px; height:612px;position:absolute; top:-90px;}
.box0201mb{width:150px; height:560px;position:absolute; top:510px;}
.mfsr{ position:relative; top:0px; left:-38px;}


.box0201r{ width:767px; height:959px;position:absolute; top:0px; left:224px; background:url(../images/n_bg.png) no-repeat;}
.nn{ width:720px; height:760px; float:left; margin:100px 0px 0px 30px; position:relative;}


.dyh{ width:728px; height:800px; overflow-y:scroll; position:absolute; top:-50px;}
.pop_tab2{ width:80%; float:left; margin:8px 80px;}
.pop_tab2 tr th{text-align: center; color: #000; font-size:14px; height:30px;  border: 1px solid #a5210d;}
.pop_tab2 tr td{text-align: center; color: #000; font-size:12px;  border: 1px solid #a5210d; padding: 2px 0px;}

.pop_tab{ width:180px;float:left; margin:20px 0 0 260px;}
.pop_tab tr th{text-align: center; color: #000; font-size:14px; height:20px;  border: 1px solid #a5210d;}
.pop_tab tr td{text-align: center; color: #000; font-size:12px;  border: 1px solid #a5210d; padding: 2px 0px;}

.slo{ position:absolute; top:120px; left:250px;}

/*.boxm.on{animation: fadeUp 1s ease-in-out;-webkit-animation: fadeUp 1s ease-in-out;}*/
.box1{animation: fadeUp 1s ease-in-out;-webkit-animation: fadeUp 1s ease-in-out;}

@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;}
}











