@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;}
body,html{min-width:1200px;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float: left;}
.fr{float: right;}
.wrap{min-width:1200px;width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':'');}

.wrap{width:100%;height:1152px;background: url(../images/bg.jpg) no-repeat 50% 0;}
.container{width: 1200px;margin: 0 auto;}
.box1{width:1200px;height:1152px;background: url(../images/bg1.jpg) no-repeat 50% 0;margin:0 auto;box-sizing: border-box; position:relative;}

.slo{ position:absolute; right:260px; top:60px;animation-delay:1s; }
.rw{ position:absolute; left:-310px; top:230px;animation-delay:2s; }
.content{ position:absolute; width:960px; height:800px; top:325px; right:30px;animation-delay:2s;}
.tit{ transform: rotate(-45deg); color:#FFF; text-align:center; font-size:28px; }
.dian{ transform: rotate(-45deg); color:#FFF; text-align:center;}
.w{ width:230px; height:230px; position:absolute;}
.bw{ background:url(../images/1.png) 0 0 no-repeat; left:234px; top:46px; transform: rotate(45deg);}
.xio{background:url(../images/8.png) 0 0 no-repeat; right:180px; top:46px;transform: rotate(45deg);}
.gs{background:url(../images/7.png) 0 0 no-repeat; left:72px; top:208px;transform: rotate(45deg);}
.pet{background:url(../images/5.png) 0 0 no-repeat; left:390px; top:208px;transform: rotate(45deg);}
.yxb{background:url(../images/2.png) 0 0 no-repeat; right:20px; top:208px;transform: rotate(45deg);}
.faq{background:url(../images/6.png) 0 0 no-repeat; left:230px; top:370px;transform: rotate(45deg);}
.act{background:url(../images/3.png) 0 0 no-repeat; right:180px; top:370px;transform: rotate(45deg);}
.zh{background:url(../images/9.png) 0 0 no-repeat; left:390px; top:534px;transform: rotate(45deg);}


.content a{transition: all 0.8s; display:block; }
.content a:hover{cursor:pointer;transform: translateY(-10px) rotate(45deg);filter: brightness(1.4); color:#F60}

.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 -522px;display:none;background:url(../images/bgg.png?v=003) no-repeat;}
.theme-poptit1{position:absolute; right:30px; top:1px; z-index:9999; width:88px; height:88px; } 
.theme-popbod{ width:1000px; height:600px; float:left; margin:30px 0 0 30px;}
.theme-popbod{ width:1000px; height:600px; float:left; margin:30px 0 0 30px;}
.ttbw{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:28px; margin:10px 0 0 0;}
.close{width:88px; height:88px; 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 -522px;display:none;background:url(../images/bgg.png?v=002) no-repeat;}
.theme-poptit2{position:absolute; right:50px; top:10px; 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 -522px;display:none;background:url(../images/bgg.png?v=002) no-repeat;}
.theme-poptit3{position:absolute; right:50px; top:10px; 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 -522px;display:none;background:url(../images/bgg.png?v=002) no-repeat;}
.theme-poptit4{position:absolute; right:50px; top:10px; 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 -522px;display:none;background:url(../images/bgg.png?v=003) no-repeat;}
.theme-poptit5{position:absolute; right:50px; top:10px; z-index:9999; width:50px; height:50px; } 
.theme-popover6{z-index:999999;position:fixed;top:50%;left:50%;width:1068px;height:665px;margin:-320px 0 0 -522px;display:none;background:url(../images/bgg.png?v=006) no-repeat;}
.theme-poptit6{position:absolute; right:50px; top:10px; z-index:9999; width:50px; height:50px; } 
.theme-popover7{z-index:999999;position:fixed;top:50%;left:50%;width:1068px;height:665px;margin:-320px 0 0 -522px;display:none;background:url(../images/bgg.png?v=006) no-repeat;}
.theme-poptit7{position:absolute; right:50px; top:10px; 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: #0b83b1; border-radius:28px;}
.qq::-webkit-scrollbar-thumb{background-color: #0b83b1; border-radius:28px;}
.qq::-webkit-scrollbar-thumb:hover{ background:#0b83b1;}

.qq{width:980px; height:540px; overflow-y:scroll; float:left; margin:10px 0 0 1px; padding:0 12px; position:relative;}
.qq p{ color:#FFF; font-size:14px; line-height:2; width:100%; height:auto;}
.qq p img{ padding:10px 0;}
.dw{ position:relative; top:-144px;}

.bg-tab{border-top: 1px #0CC solid;border-right: 1px #0CC solid;margin: 10px 0px 10px 26px; width:90%;}
.bg-tab td,.bg-tab th{border-bottom: 1px #0CC solid;border-left: 1px #0CC solid;text-align: center;line-height:24px;color:#fff; font-size:14px;}
.bg-tab th{line-height: 30px;background: #0b83b1; font-size:14px; font-weight:bold;}
.bg-tab .bg_wzleft{ text-align:left;padding: 5px 17px 5px 28px;}
.bg-tab  img{ padding:7px 0 0 0;}

.bg-tab1{border-top: 1px #0CC solid;border-right: 1px #0CC solid;margin: 10px 0px 10px 0px;}
.bg-tab1 td,.bg-tab1 th{border-bottom: 1px #0CC solid;border-left: 1px #0CC solid;text-align: center;line-height:24px;color:#fff; font-size:14px;}
.bg-tab1 th{line-height: 30px;background: #0b83b1; font-size:14px;font-weight:bold;}
.bg-tab1 .bg_wzleft{ text-align:left;padding: 5px 17px 5px 28px;}
.bg-tab1  img{ padding:7px 0 0 0;}

.bg-tab2{border-top: 1px #0CC solid;border-right: 1px #0CC solid;margin: 10px 0px 10px 0px; width:99%;}
.bg-tab2 td,.bg-tab2 th{border-bottom: 1px #0CC solid;border-left: 1px #0CC solid;text-align: center;line-height:24px;color:#fff; font-size:14px;}
.bg-tab2 th{line-height: 30px;background: #0b83b1; font-size:14px;font-weight:bold;}
.bg-tab2 .bg_wzleft{ text-align:left;padding: 5px 17px 5px 28px;}
.bg-tab2  img{ padding:7px 0 0 0;}
.bg-tab2 td{ background-color:#464646;}

.pic_tab{ width:860px; height:auto; margin-left:52px;}
.pic_tab td{ color:#FFF; text-align:center; padding:6px 0; width:420px;}

.p1{text-align:center; position:absolute; left:412px; bottom:8px; font-size:12px; color:#fff;}
.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;}



/*声明 WebFont*/
@font-face { 
    font-family: 'syht';
    src: url('../font/syht.eot');
    src:
    url('../font/syht.eot?#font-spider') format('embedded-opentype'),
    url('../font/syht.woff') format('woff'),
    url('../font/syht.ttf') format('truetype'),
    url('../font/syht.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

td,th,p,h1,h2,span,div{font-family: 'syht';}