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

/*页面导航*/
.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: -90px;top: 0;}
.ty_btn1 a{margin-bottom:10px;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;}

    @-webkit-keyframes fadeInDown{0%{opacity:.2;-webkit-transform:translateY(-5px)}100%{opacity:1;-webkit-transform:translateY(0)}}
	@-moz-keyframes fadeInDown{0%{opacity:.2;-moz-transform:translateY(-5px)}100%{opacity:1;-moz-transform:translateY(0)}}
	@-ms-keyframes fadeInDown{0%{opacity:.2;-ms-transform:translateY(-5px)}100%{opacity:1;-ms-transform:translateY(0)}}
	@-o-keyframes fadeInDown{0%{opacity:.2;-o-transform:translateY(-5px)}100%{opacity:1;-o-transform:translateY(0)}}
	
.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;}


.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:350px; z-index:3}


.wrap{width: 100%;min-width: 1000px;position: relative;overflow: hidden;}
.wrap_inner{width: 1000px;height:996px;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:326px;background-image: url(../images/bg_01.jpg);margin-top:0;}
.bg2{height:439px;background-image: url(../images/bg_02.jpg);}
.bg3{height:231px;background-image: url(../images/bg_03.jpg);}

/*底部解释*/
.head1{width:1000px; height:326px;position: relative;}
.con1{width:1000px; height:439px;position: relative;}
.foot1{width:1000px; height:231px;position: relative;}
.foot1 .p{ text-align:center; position:absolute; left:415px; bottom:10px; color:#fff; }

.bbg,.buff,.dk,.fy,.bc,.tt,.hy,.ft,.bf{ width:100px; height:100px;cursor: pointer;}
.bbg:hover,.buff:hover,.dk:hover,.fy:hover,.bc:hover,.tt:hover,.hy:hover,.ft:hover,.bf:hover{ transform: scale(1.1);}
.bbg{position:absolute; top:310px; left:90px; background:url(../images/ico1.png) center center no-repeat;}
.buff{position:absolute; top:200px; left:140px; background:url(../images/ico2.png) center center no-repeat;}
.dk{position:absolute; top:110px; left:230px; background:url(../images/ico3.png) center center no-repeat;}
.fy{position:absolute; top:45px; left:350px; background:url(../images/ico4.png) center center no-repeat;}
.bc{position:absolute; top:20px; left:480px; background:url(../images/ico5.png) center center no-repeat;}
.tt{position:absolute; top:45px; left:615px; background:url(../images/ico6.png) center center no-repeat;}
.hy{position:absolute; top:110px; left:730px; background:url(../images/ico7.png) center center no-repeat;}
.ft{position:absolute; top:210px; left:820px; background:url(../images/ico8.png) center center no-repeat;}
.bf{position:absolute; top:330px; left:880px; background:url(../images/ico9.png) center center no-repeat;}


.bbg1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.bbg1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.bbg1 .pop-inner{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-300px 0 0 -410px;width:840px;height:640px;background: url(../images/bbg1.png) 0 0 no-repeat}
.bbg1 .pop-close{position:absolute; top:15px;right:15px;width: 63px;height: 63px;cursor: pointer; font-size:38px; text-align:center; color:#000;}

.buff1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.buff1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.buff1 .pop-inner{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-300px 0 0 -410px;width:840px;height:640px;background: url(../images/buff.png) 0 0 no-repeat}
.buff1 .pop-close{position:absolute; top:15px;right:15px;width: 63px;height: 63px;cursor: pointer; font-size:38px; text-align:center; color:#000;}

.dk1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.dk1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.dk1 .pop-inner{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-300px 0 0 -410px;width:840px;height:640px;background: url(../images/dk.png) 0 0 no-repeat}
.dk1 .pop-close{position:absolute; top:15px;right:15px;width: 63px;height: 63px;cursor: pointer; font-size:38px; text-align:center; color:#000;}

.fy1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.fy1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.fy1 .pop-inner{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-300px 0 0 -410px;width:840px;height:640px;background: url(../images/fy.png) 0 0 no-repeat}
.fy1 .pop-close{position:absolute; top:15px;right:15px;width: 63px;height: 63px;cursor: pointer; font-size:38px; text-align:center; color:#000;}

.bc1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.bc1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.bc1 .pop-inner{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-300px 0 0 -410px;width:840px;height:640px;background: url(../images/bc.png) 0 0 no-repeat}
.bc1 .pop-close{position:absolute; top:15px;right:15px;width: 63px;height: 63px;cursor: pointer; font-size:38px; text-align:center; color:#000;}

.tt1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.tt1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.tt1 .pop-inner{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-300px 0 0 -410px;width:840px;height:640px;background: url(../images/tt.png) 0 0 no-repeat}
.tt1 .pop-close{position:absolute; top:15px;right:15px;width: 63px;height: 63px;cursor: pointer; font-size:38px; text-align:center; color:#000;}

.hy1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.hy1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.hy1 .pop-inner{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-300px 0 0 -410px;width:840px;height:640px;background: url(../images/hy.png) 0 0 no-repeat}
.hy1 .pop-close{position:absolute; top:15px;right:15px;width: 63px;height: 63px;cursor: pointer; font-size:38px; text-align:center; color:#000;}

.ft1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.ft1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.ft1 .pop-inner{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-300px 0 0 -410px;width:840px;height:640px;background: url(../images/ft.png) 0 0 no-repeat}
.ft1 .pop-close{position:absolute; top:15px;right:15px;width: 63px;height: 63px;cursor: pointer; font-size:38px; text-align:center; color:#000;}