﻿@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:792px;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:264px;background-image: url(../images/bg_01.jpg);margin-top:0;}
.bg2{height:264px;background-image: url(../images/bg_02.jpg);}
.bg3{height:264px;background-image: url(../images/bg_03.jpg);}

/*底部解释*/
.head1{width:1000px; height:550px;position: relative;}
.con1{width:1000px; height:242px;position: relative;}
.con1 .p{ text-align:center; position:absolute; left:405px; bottom:10px; color:#000; }

.shiling-pop1{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.shiling-pop1 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.shiling-pop1 .pop-inner1{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-295px 0 0 -440px;width:900px;height:593px;background: url(../images/tc1.png) 0 0 no-repeat}
.shiling-pop1 .pop-close1{position:absolute; top:35px;right:65px;width: 63px;height: 63px;cursor: pointer;}

.shiling-pop2{position: fixed; top: 0; left: 0;right: 0;bottom: 0;z-index: 4; display:none;}
.shiling-pop2 .pop-mask{position: absolute;background: #000;top: 0; left: 0;right: 0;bottom: 0;opacity: .7;}
.shiling-pop2 .pop-inner2{color:#a9aed0;position: absolute;top:50%;left: 50%;margin:-295px 0 0 -440px;width:900px;height:593px;background: url(../images/tc2.png) 0 0 no-repeat}
.shiling-pop2 .pop-close2{position:absolute; top:35px;right:65px;width: 63px;height: 63px;cursor: pointer;}

.shiling-pop2 .qq{ width:520px; height:420px;overflow-y:scroll; float:left; margin:80px 0px 0px 190px;}
.shiling-pop2 .qq table{ margin:10px 0px;}

.pop_tab1{ width:90%; float:left;}
.pop_tab1 tr th{text-align: center; color: #000; font-size:14px; height:30px;  border: 1px solid #000;}
.pop_tab1 tr td{text-align: center; color: #000; font-size:12px;  border: 1px solid #000; padding: 2px 0px;}

.btn{ width:130px; height:43px; background:url(../images/more.png) 0 0 no-repeat;position:absolute; left:440px; top:100px; cursor:pointer;}
.btn:active{transform: translateY(4px);}

.btn2{ width:130px; height:43px; background:url(../images/md.png) 0 0 no-repeat;position:absolute; left:440px; top:145px; cursor:pointer;}
.btn2:active{transform: translateY(4px);}

.slo{position:absolute; left:340px; top:-20px;}
