@charset "utf-8";
/*reset*/
*{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000;}del,ins{text-decoration:none}p{ margin:0; padding:0}img {-ms-interpolation-mode: bicubic;}
a{ text-decoration:none}
#tr_bot img{ width:100%; }
#tr_bot .trLogo{ width:40%; }
html{  }
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); color:#2b2b2b; font:normal 24px/1.5 "Microsoft YaHei","微软雅黑"; background:#f6f6f6; }
.none{ display:none; }

/*sprite*/
.nav,.download a,.btn_next:after,.btn_prev:after{ background:url(sprite.png) no-repeat;}
.nav {
	background: url(../images/cloud-download.png) no-repeat;
	background-size: cover;
}
.nav {
	width: 160px !important;


  background: #6ca963;
  background: linear-gradient(-45deg, #6ca963 50%, #1a8229 60%, #6ca963 70%);
  background-size: 600% 100%;
  -webkit-animation: shine 20s infinite;
  animation: shine 20s infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  text-shadow: 0.04rem 0.04rem 0.04rem #37671a;
  margin: 0.2rem 0 0 0.55rem;
  border-radius: 0.107rem;

	display: flex;
		align-items: center;
		justify-content: center;
}

@-webkit-keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}
@keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}

.nav a {
	color: #fff;
	font-size: 1.2em;

    height: 1.467rem;
    display: block;
    line-height: 1.4rem;
    border-radius: 0.08rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

/*头部*/
.icon,.logo{ position:absolute; width:104px; height:104px; background:url(icon.png) no-repeat; background-size:100% 100%;}
.header{ position:relative;height:128px;background:#1e1e1e; z-index:5;}
.icon{ left:29px; top:11px; }
.header dl{ position:absolute; left:150px; top:18px; }
.header dl dt{font-size:36px; color:#ffffff; }
.header dl dd{font-size:26px; color:#969696; }

/*头部下拉*/
.nav_down{ position:absolute; right:30px; top:42px; width:56px;height:56px; background-position:0 0;}
.nav_current{ background-position:-60px 0;}
.navbox{ position:absolute; width:100%; height:0; overflow:hidden; z-index:10; background:#131313; }
.navbox a{ display:block; padding:40px 0; border-top:2px solid #2b2b2b; text-align:center; font-size:36px; color:#ffffff; }

/*新闻*/
.news dd ul li{ overflow:hidden; }
.news dd ul li em{ float:left; margin-left:-6px; color:#7a7a7a; }
.news dd ul li a{ float:left; width:410px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#2b2b2b; }
.news dd ul li span{ float:right; color:#7a7a7a; font-family: Arial, Helvetica, sans-serif;}

/*底部*/
.footer{ padding:30px 0px; background:#1b1c20 url(common.jpg) no-repeat; }
.footer dl{ background:#2b213d; overflow:hidden; }
.footer dl:after,.footer ul:after{ display:block; height:0; visibility:hidden; clear:both; content:'.'; }
.footer dl dt{ float:left; width:280px; height:280px; padding:12px; background:#39315b; }
.footer dl dt img{ width:100%; height:100%; }
.footer dl dd{ float:right; width:262px; }
.footer dl dd h3{ padding-top:62px; font-size:34px; color:#ffffff; }
.footer dl dd p{ padding-top:20px; color:#f3c070; }
.footer ul li{float:left;width:100%; margin-top:10px; background:#2b213d; }
.footer ul li.short_left,.footer ul li.short_right{width:48%; }
.footer ul li.short_right{float:right; }
.footer ul li span{ position:absolute; width:80px; height:80px; background:#39315b url(footer_info_white.png) no-repeat; }
.footer ul li.weibo span{background-position:0 0; }
.footer ul li.bbs span{background-position:0 -80px; }
.footer ul li.qq span{background-position:0 -160px; }
.footer ul li.tel span{background-position:0 -240px; }
.footer ul li.wechat span{background-image: url("../images/wechat.png"); background-position: center;}
.footer ul li a{display:block; padding-left:80px; color:#ffffff;font-size:34px;line-height:81px; text-align:center;}


/*版权*/
.copyright{ padding-bottom:20px; background-color:#212227; text-align:center;color:#ffffff; }
.copyright p{  padding-bottom:10px; }
.copyright p a{ margin:0px 8px; color:#ffffff;}

/*竖屏提示*/
.horizontal,#vbox{display:none;position:fixed;z-index:200;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.9); }
.horizontal p{ position:absolute; left:0; top:50%; width:100%;  margin-top:-38px; font:normal 50px/1.5 "Microsoft YaHei","微软雅黑"; color:#ffbe33; text-align:center; }
#vbox video{position:absolute;width:100%;left:0;right:0;top:50%;height:360px;margin-top:-180px;}

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: stretch; /* 垂直拉伸填满空间 */
}
.box {
  flex: 1; /* 每个box平分父容器的空间 */
  padding: 10px; /* 一些内边距 */
  text-align: center;
  font-size: 16px;
  display: flex;
  justify-content: center;
}