﻿@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: -120px;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: 1200px;position: relative;overflow: hidden;}
.wrap_inner{width: 1200px;height:880px;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:293px;background-image: url(../images/bg_01.jpg);margin-top:0;}
.bg2{height:294px;background-image: url(../images/bg_02.jpg);}
.bg3{height:293px;background-image: url(../images/bg_03.jpg);}

/*底部解释*/
.head{width:1200px; height:300px;position: relative;}
.con{width:1200px; height:580px;position: relative;}
.con .p{ text-align:center; position:absolute; left:505px; bottom:10px; color:#000; }

.btns{width: 1200px; position: absolute; left: 50%;margin-left: -600px;top:33px;}
.btns a{ display: block; width:230px; height:230px; position: absolute; text-align: center; box-sizing: border-box;transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease; text-indent:-999999px;}

.btns .btn1{left:75px;top: 0; background:url(../images/np.png) no-repeat;}
.btns .btn2{left:350px;top:0px;background:url(../images/jd.png) no-repeat;}
.btns .btn3{right:330px;top:0px;background:url(../images/sd.png) no-repeat;}
.btns .btn4{right:50px;top:0;background:url(../images/hd.png) no-repeat;}

.btns a:hover{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);}

.canvas{position: absolute;left: 50%;margin-left: -960px;top: 0; z-index:2;}


.theme-popover-mask{z-index:9; display:block;position:fixed;top:0;left:0; background:url(../images/zhezhao.png) repeat;width:100%;height:100%;filter:alpha(opacity=50);-moz-opacity:0.5; display:none}
.xr{ width:222px; height:553px; position:absolute; left:3px;top:30px; background:url(../images/xr.png) no-repeat;}

.theme-popover1{z-index:99;position:fixed;top:40%;left:50%;width:1117px;height:662px;margin:-260px 0 0 -635px;display:none;background:url(../images/1.png) no-repeat;}
.theme-poptit1{position:absolute; right:26px; top:20px; z-index:9999; width:27px; height:27px; background:url(../images/cha.png) no-repeat;} 
.theme-poptit1 .close{width:27px; height:27px; display:block; }

.theme-popover2{z-index:99;position:fixed;top:40%;left:50%;width:1117px;height:662px;margin:-260px 0 0 -635px;display:none;background:url(../images/2.png) no-repeat;}
.theme-poptit2{position:absolute; right:26px; top:20px; z-index:9999; width:27px; height:27px; background:url(../images/cha.png) no-repeat;} 
.theme-poptit2 .close{width:27px; height:27px; display:block; }

.theme-popover3{z-index:99;position:fixed;top:40%;left:50%;width:1117px;height:662px;margin:-260px 0 0 -635px;display:none;background:url(../images/2bg.png) no-repeat;}
.theme-poptit3{position:absolute; right:30px; top:25px; z-index:9999; width:27px; height:27px; background:url(../images/cha.png) no-repeat;} 
.theme-poptit3 .close{width:27px; height:27px; display:block; }
.theme-popbod3{width:918px;height:620px; float:left; overflow-y:scroll; margin:20px 0px 0px 190px;} 

.theme-popover4{z-index:99;position:fixed;top:40%;left:50%;width:1117px;height:662px;margin:-260px 0 0 -635px;display:none;background:url(../images/2bg.png) no-repeat;}
.theme-poptit4{position:absolute; right:30px; top:25px; z-index:9999; width:27px; height:27px; background:url(../images/cha.png) no-repeat;} 
.theme-poptit4 .close{width:27px; height:27px; display:block; }
.theme-popbod4{width:918px;height:620px; float:left; overflow-y:scroll; margin:20px 0px 0px 190px;} 