@charset "utf-8";
/* CSS Document */

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
iframe{position: absolute;}
:focus{outline: none;}

.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
a {text-decoration:none;}
a:hover{text-decoration:none;animation: Light 0s linear both;}
body{font: 12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;text-align:justify;overflow-x: hidden;}
body,html{min-width:1200px;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float: left;}
.fr{float: right;}

.wrap{min-width:1200px !important;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':'');}
.wrap{background:url(../images/bg.jpg) no-repeat 50% 0;position:relative;}
.container{width:1200px;margin:0 auto;position:relative;}
.head{background:url(../images/bg1.jpg) no-repeat 50% 0;height:1400px;}

.head_li{width: 100%; position: absolute; top: 0; left: 0;}
.head_li li{width:244px; position: absolute; pointer-events: all;}
.head_li li:nth-child(2){width: 244px;}
.head_li li:nth-child(2) span{width: 244px;}
.head_li li:nth-child(1){top:400px; left:160px;-webkit-animation:back_scale_1 1s 1.4s ease backwards;}
.head_li li:nth-child(2){top:400px; left:380px;-webkit-animation:back_scale_1 1s 1.5s ease backwards;}
.head_li li:nth-child(3){top:400px; left:600px;-webkit-animation:back_scale_1 1s 1.6s ease backwards;}
.head_li li:nth-child(4){top:400px; left:840px;-webkit-animation:back_scale_1 1s 1.7s ease backwards;}

.head_li li span{width: 244px; height: 278px; background-repeat: no-repeat; display: block;}
.head_li li:nth-child(1) span{background-image: url(../images/img1.png?v=006);animation: move_anm5 3s .4s linear infinite;}
.head_li li:nth-child(2) span{background-image: url(../images/img2.png?v=006);animation: move_anm5 3s .8s linear infinite;}
.head_li li:nth-child(3) span{background-image: url(../images/img3.png?v=006);animation: move_anm5 3s 1.2s linear infinite;}
.head_li li:nth-child(4) span{background-image: url(../images/img4.png?v=006);animation: move_anm5 3s 1.6s linear infinite;}

@-webkit-keyframes back_scale_1{
  0% {
    opacity: 0;
    -webkit-transform:scale(0);
  }
  45%{
    opacity:1;
    -webkit-transform:scale(1.2);
  }
  90%{
      -webkit-transform:scale(1);
  }
}

@keyframes move_anm5{
	0%{transform: scale(1); filter:brightness(100%);}
	50%{transform: scale(.9); filter:brightness(103%);}
	100%{transform: scale(1); filter:brightness(100%);}
}

.conn{ width:100%; height:600px; position:absolute; bottom:100px;}
.conn a{transition: all 0.8s; display:block;}
.conn a:hover{cursor:pointer;transform: translateY(-10px);filter: brightness(1.2);}

.th4,.f5,.m1,.t2,.w3{ position:absolute; width:340px; height:270px;}
.th4{ top:0; left:50px; background:url(../images/th4.png?v=006)0 0 no-repeat;}
.f5{ top:0; left:430px; background:url(../images/f5.png?v=006)0 0 no-repeat;}
.m1{ top:0; left:810px; background:url(../images/m1.png?v=006)0 0 no-repeat;}
.t2{ top:300px; left:220px; background:url(../images/t2.png?v=006)0 0 no-repeat;}
.w3{ top:300px; left:608px; background:url(../images/w3.png?v=006)0 0 no-repeat;}

.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}
.theme-popover1{z-index:999999;position:fixed;top:50%;left:50%;width:1068px;height:665px;margin:-320px 0 0 -532px;display:none;background:url(../images/tth4.png?v=006) no-repeat;}
.theme-poptit1{position:absolute; right:40px; top:20px; z-index:9999; width:63px; height:63px; } 
.close{width:63px; height:63px; display:block; background:url(../images/close.png) 0 0 no-repeat; }
.close:hover{animation: mymove 5s infinite;-webkit-animation: mymove 5s infinite; /* Safari and Chrome */}
@keyframes mymove {
		50% {
		  transform: rotate(360deg);
			}
			}
@-webkit-keyframes mymove{  /* Safari and Chrome */
		50% {
			transform: rotate(360deg);
			}
			}
.theme-popover2{z-index:999999;position:fixed;top:50%;left:50%;width:1068px;height:665px;margin:-320px 0 0 -532px;display:none;background:url(../images/tf5.png?v=006) no-repeat;}
.theme-poptit2{position:absolute; right:40px; top:20px; z-index:9999; width:50px; height:50px; } 
.theme-popover3{z-index:999999;position:fixed;top:50%;left:50%;width:1068px;height:665px;margin:-320px 0 0 -532px;display:none;background:url(../images/tm1.png?v=1107) no-repeat;}
.theme-poptit3{position:absolute; right:40px; top:20px; z-index:9999; width:50px; height:50px; } 
.theme-popover4{z-index:999999;position:fixed;top:50%;left:50%;width:1068px;height:665px;margin:-320px 0 0 -532px;display:none;background:url(../images/tt2.png?v=006) no-repeat;}
.theme-poptit4{position:absolute; right:40px; top:20px; z-index:9999; width:50px; height:50px; } 
.theme-popover5{z-index:999999;position:fixed;top:50%;left:50%;width:1068px;height:665px;margin:-320px 0 0 -532px;display:none;background:url(../images/tw3.png?v=006) no-repeat;}
.theme-poptit5{position:absolute; right:40px; top:20px; z-index:9999; width:50px; height:50px; } 

.qq::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);background-color: #ffffff; border-radius:28px;}
.qq::-webkit-scrollbar{width:16px;background-color: #db2fca; border-radius:28px;}
.qq::-webkit-scrollbar-thumb{background-color: #db2fca; border-radius:28px;}
.qq::-webkit-scrollbar-thumb:hover{ background:#db2fca;}

.qq{width:930px; height:540px; overflow-y:scroll; float:left; margin:86px 0 0 80px; position:relative;}

.rj_logo{ width:190px; height:90px; background:url(../images/rj_logo.png) 0 0 no-repeat;position:absolute;top:2px;left:30px}
.j_lo{ width:190px; height:100px; float:left; display:block;}
.rj_nav{ width:330px;position: absolute;top:10px;left:390px;}









