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


/* 字体 */
@font-face {
    font-family:'Source Han Sans';
    
    src:url('../font/syht.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
	font-display: swap; /* or 'optional' */
}

.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:1356px;}

.nav{
	width:1200px;
	height:290px;
	position:absolute;
	top:230px;
	}
.nav-top{
	width:1080px;
	height:auto;
	float:left;
	margin:60px 0 0 104px;}
.nav-bot{
	width:900px;
	height:auto;
	float:left;
	margin:1px 0 0 178px;}
.m2{ margin-left:16px;}	
.m3{ margin-left:24px;}	
.m4{ margin-left:28px;}	
.m5{ margin-left:38px;}	
.m6{ margin-left:24px;}	
.m7{ margin-left:28px;}		
.nav-top a{
	width:124px;
	height:110px;
	float:left;
	display:block;
	transition: all 0.8s;
	background:url(../images/1ht.png) 0 0 no-repeat;}
.nav-top a:hover,.nav-bot a:hover{
	transform: translateY(-8px);
	filter: brightness(1.2);
	display:block;
	background:url(../images/sel.png) 0 0 no-repeat;
	}
.nav-top .on,.nav-bot .on{
	filter: brightness(1.2);
	display:block;
	animation:pulse 2.5s .7s ease-in-out both infinite; z-index:1;
	background:url(../images/sel.png) 0 0 no-repeat;
	}
@keyframes pulse{
	0%{transform:translateY(0)}
	50%{transform:translateY(8px)}
	100%{transform:translateY(0)}
}
.nav-bot a{
	width:124px;
	height:110px;
	float:left;
	transition: all 0.8s;
	display:block;
	background:url(../images/2ht.png) 0 0 no-repeat;}

.yhn{ position:absolute; top:570px; left:110px; width:940px; height:auto;}
.exc{ width:820px; float:left; font-size:12px;border:2px #fff dotted; margin:0 0 0 80px; border-radius:10px; box-sizing: border-box;}
.exc p{ float:left; font-size:12px;padding:2px 4px;font-family:'Source Han Sans';}
.exc .tit{float:left; height:auto; font-size:12px; padding:4px 0 2px 330px; font-weight:bold;}

.md1{ position:absolute; left:500px; top:340px; background:url(../images/md1.png) no-repeat; width:203px; height:47px; z-index:1;}
.md{ position:absolute; left:280px; top:340px; background:url(../images/btn1.png) no-repeat; width:203px; height:47px;animation:pulse1 2.5s .7s ease-in-out both infinite; z-index:1;}
@keyframes pulse1{
	0%{transform:translateY(0)}
	50%{transform:translateY(10px)}
	100%{transform:translateY(0)}
}

.theme-popover-mask{z-index:998; 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-popover{z-index:999999;position:fixed;top:50%;left:50%;width:1068px;height:665px;margin:-320px 0 0 -522px;display:none;background:url(../images/gui.png) no-repeat;}
.theme-poptit{position:absolute; right:10px; top:10px; z-index:9999; width:80px; height:70px; } 
.close{width:80px; height:70px; display:block; }

.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/md2.png) no-repeat;}
.theme-poptit1{position:absolute; right:10px; top:10px; z-index:9999; width:80px; height:70px; } 
.close{width:80px; height:70px; display:block; }

.pop_tab2{ width:39%; float:left; margin:10px 0 0 70px; }
.pop_tab2 tr th{ color:#fff; font-size:16px; height:30px;font-family:'Source Han Sans'; /*text-shadow: 0 1px 1px #000; */}
.pop_tab2 tr td{ color:#fff; font-size:14px; padding: 2px 0px;font-family:'Source Han Sans';}

.pop_tab1{ width:330px; float:left; margin:22px  0 0 160px;}
.pop_tab1 tr th{text-align: center; color: #fff; font-size:16px; font-weight:bold; height:20px;  border:1px solid #900; background-color:#900;font-family:'Source Han Sans';}
.pop_tab1 tr td{text-align: center; color: #fff; font-size:14px;  border: 1px solid #900; padding: 2px 0px;font-family:'Source Han Sans';}

.qq{width:700px; height:500px; overflow-y:scroll; float:left; margin:80px 0 0 180px; position:relative;}
.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: #339966; border-radius:28px;}
.qq::-webkit-scrollbar-thumb{background-color: #339966; border-radius:28px;}
.qq::-webkit-scrollbar-thumb:hover{ background:#339966;}

.qq_md{width:1000px; height:510px;  float:left; margin:96px 0 0 36px; overflow-y:scroll; position:relative;}
.qq_md::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);background-color: #ffffff; border-radius:28px;}
.qq_md::-webkit-scrollbar{width:16px;background-color: #b40308; border-radius:28px;}
.qq_md::-webkit-scrollbar-thumb{background-color:#b40308; border-radius:28px;}
.qq_md::-webkit-scrollbar-thumb:hover{ background:#b40308;}

.pop_tab22{ width:60%; float:left; margin:20px 0 0 180px;}
.pop_tab22 tr th{text-align: center; color: #fff; font-size:14px; height:30px;  border: 1px solid #000;font-family:'Source Han Sans';}
.pop_tab22 tr td{text-align: center; color: #000; font-size:12px;  border: 1px solid #000; padding: 2px 0px;font-family:'Source Han Sans';}


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