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


.wrap{width: 100%;min-width: 1000px;position: relative;overflow: hidden;}
.wrap_inner{width:1000px; height:955px; position: relative;z-index:1;margin: 0 auto;}

.bg_box{width:1920px;position:absolute;top:0;left:50%;margin-left:-960px;z-index:-1;}
.bga{width:100%;min-width:1000px;background-repeat:no-repeat;background-position:50% 0;margin-top:-1px;}
.bg1{height:319px;background-image: url(../images/bg_01.jpg);margin-top: 0;}
.bg2{height:334px;background-image: url(../images/bg_02.jpg);}
.bg3{height:304px;background-image: url(../images/bg_03.jpg);}



.head{width:1000px; height:620px;position: relative;}
.con1{width:1000px; height:295px;position: relative;}

.rj_logo{position:absolute;top:0px;left:0px}
.j_lo{ width:190px; height:100px; float:left; display:block;}
.rj_nav{ width:330px;position: absolute;top:10px;left:350px;}

.slo{ position:absolute;  left:340px; top:15px;animation-delay:3s; /* W3C 和 Opera */-moz-animation-delay:3s; /* Firefox */-webkit-animation-delay:3s; /* Safari 和 Chrome */}
.btn{ position:absolute; left:453px; top:90px; width:172px; height:55px; background:url(../images/more.png) 0 0 no-repeat;cursor: pointer;}
.rl{ position:absolute; left:110px; top:122px;}
.ck{ width:136px; height:46px; position:absolute;left:468px; top:160px;background:url(../images/ck.png) 0 0 no-repeat;}
.md{width:166px; height:56px; position:absolute;left:458px; top:220px;background:url(../images/mdd.png) 0 0 no-repeat;}

@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(10px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-10px);}
}

@keyframes bounce-up {
 25% {transform: translateY(10px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-10px);}
}

.animate-bounce-up{-webkit-animation: bounce-up 3s linear infinite;animation: bounce-up 3s linear infinite;}

/*页面导航*/
.tongyong_nav{ height:85px;width:100%;z-index:99;background:url(../images/bgs.jpg) 0 0 repeat-x;}
.ty_con{ width:1000px;height:85px;margin:0 auto;position:relative}

.ty_btn1{width:90px; height:85px;padding:10px 9px 0 13px;position: absolute;right: -120px;top: 0;}
.ty_btn1 a{margin-bottom:7px;position: relative;display: block;width: 90px;height: 26px;line-height: 25px;text-align: center;background: #e4c8a5;border-radius: 2px;color:#000;font-family:微软雅黑;}

.ty_list{ height:85px;}
.ty_list  a{position:relative;float:left;width:165px;height:85px;background: url(../images/t.png) no-repeat;text-align:center;font-family:微软雅黑;}
.ty_list  a:hover{ width:165px; height:85px;background: #171B24 url(../images/h.gif) no-repeat; display:block;}
.ty_list  strong{color:#ffffff;font-weight:bold;font-size:18px;padding-top:10px;display:block;line-height:35px;}
.ty_list  span{font-size:13px;color:#ffffff;line-height:20px;display:block;}

.ty_list  a:hover strong{color:#fef9c3;background:url(../images/line2.png) no-repeat 50% bottom;text-shadow:#df3c00 0 1px 1px;-webkit-animation:fadeInDown .6s ease both;-moz-animation:fadeInDown .6s ease both;-ms-animation:fadeInDown .6s ease both;-o-animation:fadeInDown .6s ease both;}
.ty_list a:hover span{color:#fef9c3;text-shadow:#df3c00 0 1px 1px;-webkit-animation:fadeInDown .6s .2s ease both;-moz-animation:fadeInDown .6s .2s ease both;-ms-animation:fadeInDown .6s .2s ease both;-o-animation:fadeInDown .6s .2s ease both;}

.nav_icon{width:18px;height:20px;position:absolute;left:73px;top:64px;background:url(../images/jt.png) no-repeat;display:none;-webkit-animation:fadeInDown .6s .3s ease both;-moz-animation:fadeInDown .6s .3s ease both;-ms-animation:fadeInDown .6s .3s ease both;-o-animation:fadeInDown .6s .3s ease both;}

.ty_list a:hover .nav_icon{ display:block;}