
.layui-layout-body{
	overflow-y: scroll;
}
.logo{
	width:148px;
	height: 60px;
	background: url('../img/logo.png') 20px center no-repeat;
	background-size: 85%;
}
.layui-layout-admin .layui-header{
	position: fixed;
	z-index: 999;
	width: 100%;
	margin-top: -1px;
	background-color: rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
  top: 0;
}
.layui-layout-admin .layui-header.active{
	background-color: #fff;
	color: #666;
}
.layui-layout-admin .layui-header.active .logo{
	background: url('../img/logo2.png') 20px center no-repeat;
	background-size: 85%;
}
.layui-layout-admin .layui-header.active .layui-nav .layui-nav-item a{
	color: #000;
}
.layui-layout-admin .layui-header.active .layui-nav .layui-nav-item:hover a{
	color:#2577BA;
}
.layui-layout-admin .layui-header .layui-nav{
	    float: right;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
	background-color: #fff;	
}
.active .layui-nav .layui-this:after,.active .layui-nav-bar,.active .layui-nav-tree .layui-nav-itemed:after{
	background-color: #2577BA;
}

.layui-layout-admin .layui-header.active .layui-nav .layui-nav-item.layui-this a{
	color: #2577BA;
}
.container{
	position: absolute;
    top: 0;
    width: 100%;
}
.inner{
	width: 1000px;
	margin: 0 auto;
}
.layui-carousel>[carousel-item]{
	text-align: center;
}
.layui-carousel-arrow{
	width: 50px;
	height: 50px;
	    font-size: 25px;
}
.arrow{
	height: 50px;
	text-align: center;
	margin-bottom: 40px;
}
.company-info h1,.download h1{
	background: url('../img/title.png') center no-repeat;
	text-align: center;
	height: 34px;
	line-height: 34px;
	font-size: 35px;
	color: #333;
	margin-bottom: 80px;
	font-weight: bold;

}
.company-info  p{
	font-size: 14px;
	text-indent: 2em;
	margin-bottom: 20px;
	color: #333;
	line-height: 28px;
	padding-right: 20px;
}
.company-info .layui-row{
	margin-bottom: 80px;
}
.hxjs{
	background: url('../img/bg.png') center no-repeat;
	background-size: cover;
	height: 600px;
}
.hxjs h1.title{
	background: url('../img/title1.png') center no-repeat;
	text-align: center;
	height: 34px;
	line-height: 34px;
	font-size: 35px;
	margin-bottom: 50px;
	color: #fff;
	font-weight: bold;
}
.hxjs-list{
	text-align: justify;
	padding: 30px 0;
}
.hxjs-list li{
	display: inline-block;
    width: 200px;
    height: 270px;
    text-align: center;
    background-color: rgba(0,0,0,0.55);
    padding: 25px 20px;
    overflow: hidden;
    color:#E3E3E3;
	line-height:28px;
	font-weight:300;

}
.hxjs-list li .pic{
	height: 90px;
	margin-bottom: 20px;
}
.hxjs-list li .pic.rz{
	background: url('../img/icon_rz-white.png') center no-repeat;
}
.hxjs-list li .pic.zf{
	background: url('../img/icon_zf-white.png') center no-repeat;
}
.hxjs-list li .pic.jh{
	background: url('../img/icon_jh-white.png') center no-repeat;
}
.hxjs-list li .pic.sj{
	background: url('../img/icon_sj-white.png') center no-repeat;
}
.hxjs-list li:hover .pic.rz{
	background: url('../img/icon_rz.png') center no-repeat;
}
.hxjs-list li:hover .pic.zf{
	background: url('../img/icon_zf.png') center no-repeat;
}
.hxjs-list li:hover .pic.jh{
	background: url('../img/icon_jh.png') center no-repeat;
}
.hxjs-list li:hover .pic.sj{
	background: url('../img/icon_sj.png') center no-repeat;
}

.hxjs-list li h1{
	font-size: 20px;
	margin-bottom: 20px;
}
.hxjs-list li p{
	text-align: left;
	font-size: 14px;
	margin-bottom: 20px;
	color:#E3E3E3;
  	line-height:28px;
  	font-weight:300;

}
.hxjs-list li:hover{
	background-color:#fff;
	box-shadow:0 8px 14px 0 #000070;
	margin:-6px 0 6px 0;
    -webkit-transition: margin .15s ease-in-out;
  	-moz-transition: margin .15s ease-in-out;
}

.hxjs-list li:hover h1{
	color: #333;
}
.hxjs-list li:hover p{
	color: #666;
}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.download{
	/*height: 600px;*/
}
.download .layui-row img{
	width: 100%;
}

.download .part.js{
	margin-bottom: 30px;
}
.download .part.gn,.download .part.btns{
	margin-bottom: 40px;
}


.download .part p.title{
	font-size: 20px;
	color: #333;
	margin-bottom: 10px;
}
.download .part p{
	font-size: 12px;
	line-height: 22px;
	color: #666;
}
.download .part a{
	display: inline-block;
	height: 55px;
	width: 175px;
	margin-right: 10px;
}
.download .part a.ios{
	background: url('../img/btn1.png') center no-repeat;
}
.download .part a.android{
	background: url('../img/btn2.png') center no-repeat;
}
.smt{
	background: url('../img/bg1.png') center no-repeat;
	background-size: cover;
	height: 730px;

}

.smt h1{
	position: relative;
	background: url('../img/title1.png') center no-repeat;
	text-align: center;
	height: 34px;
	line-height: 34px;
	font-size: 35px;
	margin-bottom: 80px;
	color: #fff;
	font-weight: 200;
	font-weight: bold;
}

.smt-list{
	display: flex;
	justify-content: space-between;
}
.smt-list li{
	display: inline-block;
	width: 120px;
	text-align: center;
	color: #eee;
}
.smt-list li img{
	width: 70%;
	margin-bottom: 10px;
}
.smt-list li h1{
	font-size:20px;
	margin-bottom: 10px;
	font-weight: bold;
}
.smt-list li p{
	 font-size:16px;
  line-height:30px;
  font-weight:300;
}
.smt .footer{
	position: absolute;
	bottom: 0;
	height: 130px;
	padding-top: 30px;
	padding-bottom: 5px;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
}
.smt .footer ul{
	margin-bottom: 30px;
}
.smt .footer ul li{
	display: inline-block;
	margin-right: 20px;
	color: #e3e3e3;
	font-size: 14px;
	font-weight: 300;
}
.smt .footer p{
	font-size: 12px;
	color: #c7c7c7;
	margin-bottom: 10px;
}
.smt .footer p.copy{
	position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #6d6d6d;
    text-align: center;
}
.smt .footer .inner{
	position: relative;
}
.smt .footer .code {
	position: absolute;
	right: 10px;
	top:0px;
	text-align: center;
}
.smt .footer .code img{
	width: 80%;
	margin-bottom: 10px;
}
.smt .footer .code p{
	color: #c7c7c7;
	text-align: center;
}

.company-img-warpper {
  overflow: hidden;
}

.company-img-warpper img{
  max-width: 100%
}

#alertBox {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(242,222,222,0.9);
	border: 1px solid #ebccd1;
	color: #a94442;
	padding: 10px;
	z-index: 9999;
}

