@charset "utf-8";
/* CSS Document */
#particles {
    /*width: 1920px;*/
    /*height: 1080px;*/
    width:100%;
    height:100% !important;
    overflow: hidden;
    position: absolute !important;
    top: 0px;
    z-index: 0;
    left: 50%;
    /*margin-left: -960px;*/
	/*margin-left: -768px;*/
  margin-left:-50%;
}
/* css reset */

    /* 清除内外边距 */
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
    dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
    pre, /* text formatting elements 文本格式元素 */
    fieldset, legend, button, input, textarea, /* form elements 表单元素 */
    th, td { /* table elements 表格元素 */
        margin: 0;
        padding: 0;
		border: 0px;
    }
    
    /* 设置默认字体 */
    body,
    button, input, select, textarea {
	font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color:#333;
	/* [disabled]outline:none; */
	}
	button, input, select, textarea{ outline:none;}
    html {/* line-height: 1; */ width: 100%;height: 100%;}
    address, cite, em, var,i { font-style: normal; } /* 将斜体扶正 */
    
    h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
    h2 { font-size: 16px; }
    h3 { font-size: 14px; }
    h4, h5, h6 { font-size: 100%; }
    
    /* 重置列表元素 */
    ul, ol, li { list-style: none; }
    
    /* 重置文本格式元素 */
    a { text-decoration: none;color:#333; cursor:pointer;}
    a:hover { text-decoration:none; color:#ef3838; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
	
	/* 重置图片元素 */	
    img {border: 0px;vertical-align:middle;-ms-interpolation-mode: bicubic;}
	
.bx_fl, .fl {float: left;}
.bx_fr, .fr {float: right;}
.container{width:1200px; margin:0 auto;}
.clear{ clear:both;}
.c10{height:10px;width:100%;}
.c20{height:20px;width:100%;}
.c30{height:30px;width:100%;}
.dis{display:block;margin:0px;padding:0;}
.undis{display:none;margin:0px;padding:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.hot .item .img img, .hot .item .pic img{
	width:100%; height:100%;
	overflow-x: hidden;
    overflow-y: hidden;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.hot .item .img img:hover, .hot .item .pic img:hover{
	transform: scale(1.1, 1.1);
	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
	}
	 




/*登录框*/

/*注册*/
.register-box{width: 450px;padding: 0;/* height: 598px;background-color: rgba(0, 0, 0, 0.09); */margin: 200px auto 202px auto;border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;/* box-shadow:0px 0px 9px #ddd; *//* -webkit-box-shadow:0px 0px 9px #ddd; */-moz-box-shadow:0px 0px 9px #ddd;border: 1px solid #fff;}
.register-nav{position:relative; border-bottom:1px solid #f0f0f0; padding:10px 0px; text-align: center;}
.register-nav span{color: #fff;font-size:20px;position:relative;display:inline-block;padding:0 5px;}
.register-nav span:before{position:absolute;content:"";left:0;bottom:-11px;width:100%;height:2px;background-color: #5acdfe;}
.register-login{position:absolute;right:50px;bottom: 15px;font-size:14px;color:#333;}
.register-login a{color:#0888f5;}
.register-login a:hover{color:#fc9113;}
.register-login1{/* position:absolute; *//* left: 342px; *//* bottom: -229px; */font-size:14px;color:#333;padding: 25px 0 0 84px;}
.register-login1 a{color:#0888f5;}
.register-login1 a:hover{color:#fc9113;}
.register-list{padding-left:81px;padding-top:10px;}
.register-list li{margin-top: 22px;line-height: 36px;color:#333;font-size:16px;}
.register-list li span{width:90px;line-height:36px;display:inline-block;}
.register-list .register-input{line-height: 46px;height: 46px;width:306px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #b5b5b5;border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;box-shadow:inset 0 -1px rgba(34,25,25,.15),0 -1px rgba(255,255,255,.8);-moz-box-shadow:inset 0 -1px rgba(34,25,25,.15),0 -1px rgba(255,255,255,.8);-webkit-box-shadow:inset 0 -1px rgba(34,25,25,.15),0 -1px rgba(255,255,255,.8);text-indent:10px;font-size:13px;}
.register-list .register-input:focus{border:1px solid #7dabdf;}
.register-list .register-code{width:160px;}
.code-img{width:108px; height:36px; margin-left:20px; display:inline-block;}
.code-img img{height:100%; width:100%;}
.register-list .register-checkbox{width:12px;height:12px;vertical-align:middle;margin-right:10px;/* margin-left:90px; */}
.register-list .register-txt{color:#444;font-size:14px;margin-top:10px;}
.register-list .register-txt a{color:#368cf6;}
.register-list .register-btn input{color:#fff;font-size: 18px;line-height: 48px;height: 48px;width: 400px;border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;background-color: #0888f5;/* margin-left:90px; */cursor:pointer;}
.register-list .register-btn input:hover{background-color:#0073d5;}
.register-list li label{font-size:12px; color:#f00; width:100%;}
body.bjtp { background: url(../images/bjtp.jpg) no-repeat;width: 100%;height: 100%;display:block;}
.register-box.login-box {
	/* background: rgba(20, 116, 214, 0.1); */
	/* box-shadow: inset 0px 0px 50px 10px rgba(20, 116, 214, 0.2); */
	margin: 80px auto 0 auto;
	border: none;
	border-radius: 0;
	position: relative;
	z-index: 1;
	padding: 0 45px;
}

label.error {color: #ef3838;position: absolute;width: 84px;right: 4px;top: 12px;}
.body-newlist {position: relative;}
.footer-newlist {position: absolute!important;width: 100%;bottom: 0px;}
div#animate {/* position: static; */}
div#top_head {position: static;}
.register-box.register-zc {
    margin: 150px auto 100px auto;
}
@media screen and (max-width: 440px) {
    .register-box.login-box {width: 100%;background: rgba(255, 255, 255, 0.85);margin:  0;padding: 80px 50px 150px 50px;}
	.site_search,.quick{display:none;}
}
@media screen and (max-width: 421px) {
    .register-box.login-box {width: 100%;background: rgba(255, 255, 255, 0.85);margin:  0;padding: 50px 50px 150px 50px;}
    .register-box.register-zc{width: 100%;background: rgba(255, 255, 255, 0.85);margin:  0;padding: 10px 20px;height: 650px;}
    .register-box .register-list{padding: 0px 10px;}
    .register-list li{margin-top:5px;}
    .register-list .register-btn input{width:100%;}
    .register-list li span{width: 70px;}
    .register-list .register-code{width: 110px;}
    .site_search{display:none;}
    .register-box.register-zc.zhaohui{height:500px;}
    .register-box.register-zc.zhaohui_result{height:400px;}
    footer.footer-newlist{position: relative!important;padding: 25px 0 40px;background-color: #3f4351;z-index: 99;}
}
@media screen and (max-width: 320px) {
   .register-list .register-input{width:250px;}
   .register-box.login-box{padding: 0 50px 56px 50px;}
   .site_search{display:none;}
   .register-box.register-zc{height: 750px;}
   .register-box.register-zc.zhaohui{height:500px;}
   .register-box.register-zc.zhaohui_result{height:400px;}
}
.register-box.register-zc.zhaohui {
    height: 450px;
}

.tp_1 {margin: auto auto 30px;width: 524px;clear: both;height: 60px;padding:7% 0px 0px 0px;display:  flex;justify-content:  center;align-items:  center;position:  relative;z-index: 1;}
.bp_1 {margin: 0px auto 0px;width: 600px;clear: both;height: 20px;padding: 20px 0px 0px 0px;}

.tp_1 .logo_tp{}
.tp_1 .logo_1 {font-size: 24px;position: relative;font-weight: normal;line-height: 45px;border-left: 1px solid rgba(255, 255, 255, 0.19);display: inline-block;text-align:  center;margin: 0px 0px 0px 20px;padding: 0px 0px 0px 20px;}
.tp_1 .logo_1 p{margin:0px;}
.tp_1 .logo_1 .logo_yjx {font-size: 16px;height: 22px;line-height: 22px;color: #005622;text-align: left;}
.tp_1 .logo_1 .logo_zhl {color: #fff;}
.register-nav.nav_top{padding: 20px 0px 10px 0;}

/*登录页面小屏样式*/
@media(max-width:420px){
  .tp_1{width: 300px;height: 50px;margin: 50px auto 0px auto;padding: 0px;}
  .tp_1 .logo_tp{width: 120px;}
  .tp_1 .logo_1{font-size: 20px;line-height: 30px!important;margin: 5px 0px 5px 0px;}
  .logo_1 p{padding:0px;margin:0px;}
  .ts_denglu{width: 90%;margin: 50px auto 0 auto;}
  .ts_denglu .register-box.login-box{padding: 0px;}
  .ts_denglu .register-nav.nav_top{padding: 30px 0 10px 0;}
  form#jvForm{margin: 5px 20px;}
  .ts_denglu .login-box .login-btn{line-height:2;}
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    background-color: rgba(250, 250, 250,1) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}


.sj{position:absolute;}
.sj.sanjiao1{width: 78px;height: 98px;background:url(../images/sj_icon7.png) no-repeat left top;left: 175px;top: 120px;opacity: 0.65;}
.sj.sanjiao2{width: 64px;height: 64px;background:url(../images/sj_icon3.png) no-repeat left top;left: 130px;top: 300px;}
.sj.sanjiao3{width: 84px;height: 106px;background:url(../images/sj_icon2.png) no-repeat left top;left: 300px;top: 435px;opacity: 0.25;}
.sj.sanjiao4{width: 50px;height: 62px;background:url(../images/sj_icon4.png) no-repeat left top;left: 195px;top: 685px;}
.sj.sanjiao5{width: 141px;height: 118px;background:url(../images/sj_icon8.png) no-repeat left top;right: 85px;top: 365px;opacity: 0.65;}
.sj.sanjiao6{width: 42px;height: 46px;background:url(../images/sj_icon5.png) no-repeat left top;right: 320px;top: 560px;}
.sj.sanjiao7{width: 52px;height: 52px;background:url(../images/sj_icon6.png) no-repeat left top;right: 150px;top: 775px;}
.sj.sanjiao8{width: 128px;height: 119px;background:url(../images/sj_icon1.png) no-repeat left top;right: 365px;top: 850px;opacity: 0.15;}




.sj.sanjiao4,.sj.sanjiao6{
	-webkit-animation: UptoDown 3s linear infinite,jitter 5s ease-in-out infinite;
    -moz-animation: UptoDown 3s linear infinite,jitter 5s ease-in-out infinite;
    -ms-animation: UptoDown 3s linear infinite,jitter 5s ease-in-out infinite;
    animation: UptoDown 3s linear infinite,jitter 5s ease-in-out infinite;
}

.sj.sanjiao2,.sj.sanjiao8{
	-webkit-animation: cloudMoveLeft 15s linear infinite;
    animation: cloudMoveLeft 15s linear infinite;
}

.sj.sanjiao1{
	animation: jitter 5s ease-in-out infinite, fade-in-out 5s linear infinite;
	-webkit-animation: jitter 5s ease-in-out infinite, fade-in-out 5s linear infinite;
}
.sj.sanjiao7,.sj.sanjiao1{
	-webkit-animation: UptoDown 5s linear infinite;
    animation: UptoDown 5s linear infinite;
}
.sj.sanjiao3,.sj.sanjiao5{
	animation:jitter 5s ease-in-out 1s infinite,spin 8s linear  3s infinite;
	-webkit-animation: jitter 5s ease-in-out  1s infinite,spin 8s linear 3s infinite;
}


@-webkit-keyframes cloudMoveLeft{
	0%{-webkit-transform:translateX(-120px)}
	50%{-webkit-transform:translateX(0)}
	100%{-webkit-transform:translateX(-120px)}
}
@-moz-keyframes cloudMoveLeft{
	0%{-moz-transform:translateX(-120px)}
	50%{-moz-transform:translateX(0)}
	100%{-moz-transform:translateX(-120px)}
}
@-ms-keyframes cloudMoveLeft{
	0%{-ms-transform:translateX(-120px)}
	50%{-ms-transform:translateX(0)}
	100%{-ms-transform:translateX(-120px)}
}
@keyframes cloudMoveLeft{
	0%{transform:translateX(-120px)}
	50%{transform:translateX(0)}
	100%{transform:translateX(-120px)}
}
@-webkit-keyframes UptoDown{
	0%{-webkit-transform:translateY(-50px)}
	50%{-webkit-transform:translateY(0)}
	100%{-webkit-transform:translateY(-50px)}
}
@-moz-keyframes UptoDown{
	0%{-moz-transform:translateY(-50px)}
	50%{-moz-transform:translateY(0)}
	100%{-moz-transform:translateY(-50px)}
}
@-ms-keyframes UptoDown{
	0%{-ms-transform:translateY(-50px)}
	50%{-ms-transform:translateY(0)}
	100%{-ms-transform:translateY(-50px)}
}
@keyframes UptoDown{
	0%{transform:translateY(-50px)}
	50%{transform:translateY(0)}
	100%{transform:translateY(-50px)}
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes jitter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.7, 0.7);
  }
  50% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 0.8;
  }
  25% {
    opacity: 0.2;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.8;
  }
}

/* 中间卷轴 */
.formjvForm{
	position: relative;
	z-index: 3;
}
.l-pic-index {
	position: absolute;
	left: 50%;
	top: 0%;
	z-index: 2;
	width: 16px;
	height: 340px;
	background: url(../images/img-kuang3-01.png) no-repeat right 0;
	background-size: 100% 100%;
}

.r-pic-index {
	position: absolute;
	right: 48.7%;
	top: 0%;
	z-index: 2;
	width: 16px;
	height: 340px;
	background: url(../images/img-kuang3-04.png) no-repeat left 0;
	background-size: 100% 100%;
}

.l-bg-index {
	position: absolute;
	top: 0%;
	left: 50%;
	z-index: 1;
	width: 0;
	height: 340px;
	background: url(../images/img-kuang3-02.png) right 0 no-repeat;
	background-size: 100% 100%;
}

.r-bg-index {
	position: absolute;
	top: 0%;
	left: 50%;
	z-index: 1;
	width: 0;
	height: 340px;
	background: url(../images/img-kuang3-03.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

/* 中间卷轴 */

/* 扫码 */
.saoma-er{width: 64px;height: 64px;position: absolute;top: 0px;right: 0;z-index: 101;cursor: pointer;}
.saoma-dn{width: 64px;height: 64px;position: absolute;top: 0px;right: 0;z-index: 101;cursor: pointer;}
.erweima{
	position: absolute;
	display: none;
	width: calc(100% - -2px);
	height: 415px;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-left: -333px;
	margin-top: -298px;
	background: #fff;
}
.l-pic-index-sm {
    position: absolute;
    left: -10px;
    top: 0%;
    z-index: 2;
    width: 16px;
    height: 416px;
    background: url(../images/img-kuang3-01-sm.png) no-repeat right 0;
    background-size: 100% 100%;
}
.r-pic-index-sm {
    position: absolute;
    right: -10px;
    top: 0%;
    z-index: 2;
    width: 16px;
    height: 416px;
    background: url(../images/img-kuang3-04-sm.png) no-repeat right 0;
    background-size: 100% 100%;
}
.erweima iframe{
	position: absolute;
	/* display: none; */
	width: 220px;
	height: 285px;
	top: 50%;
	left: 50%;
	margin-left: -110px;
	margin-top: -165.5px;
}
.sysdl{
	display:flex;
	align-items: center;
	position: absolute;
	top: 77%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
}
.sysdl .systitle{
	font-size:20px;
}

/* 下载 */
.shadow_css {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 10;
  /* 为mozilla firefox 设置透明度  */
  -moz-opacity: 0.6;
  /* 设置透明度 */
  opacity: .60;
  /* 为IE 设置透明度  */
  filter: alpha(opacity=66);
}

.window_css {
  display: none;
  position: absolute;
  top: 30%;
  left: 40%;
  width: 20%;
  height: 25%;
  border: 3px solid honeydew;
  /* background-color: aliceblue; */
  z-index: 11;
  border-radius: 10px;
  background: url('../images/11.jpeg') no-repeat;
  background-size: 100% 100%;
}
.anzuo {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 5%;
  text-align: center;
  background: url('../images/down_android.png') center no-repeat;
  background-size: 50%;
}
.pingguo {
  width: 50%;
  position: absolute;
  top: 0%;
  left: 48%;
  height: 100%;
  text-align: center;
  background: url('../images/down_ios.png') center no-repeat;
  background-size: 50%;
}
.anzuo .post {
  text-align: center; 
  position: absolute;
  top: 75%;
  left: 23%; 
  font-size: 10px;
                                                                                               
}
.pingguo .post {
  position: absolute;
  top: 75%;
  left: 30%; 
  font-size: 10px;                                                                                                          
}