/*左侧栏*/
.z-left{
	position: fixed;
	width: 70px;
	height: 100%;
	left: 0;
	top: 0;
	background: #0051a4;
	z-index: 999;
	text-align: center;
	box-shadow:0px 5px 15px #5e7a97;
}
.z-body{
	padding-left: 70px;
}
.z-content{
	position: absolute;
	top: 50%;
	margin-top: -210px;
	height: 420px;
	width: 70px;

}
.z-indexico span{
	display: block;
	width: 16px;
	font-size: 16px;
	color: #fff;
	margin: 14px auto 0 auto;
}
.z-share{
	margin-top: 50px;
}
.z-share a{
	display: block;
	margin-top: 20px;
}


/*顶部*/
.z-top{
	position: relative;
	padding: 0 60px;
	height: 76px;
	background: #fff;
	z-index: 10;
}
.z-logo{
	float: left;
	padding-top: 16px;
    width:250px;
}
.z-topright{
	float: right;
	padding-top: 35px;
}
.z-topright div{	
	float: left;
}
.z-search{
	width: 140px;
} 
.z-search input.z-button{
	float: left;
	width: 42px;
	height: 26px;
	border: none;
	background: url(../img/search.png) no-repeat right center;	
	cursor: pointer;
}
.z-search input.z-sinput{
	float: left;
	width: 98px;
	height: 26px;
	padding-left: 10px;
	border: none;
	font-size: 14px;
}
.z-line{
	margin:0 30px;
	font-size: 16px;
	color: #d9d9d9;
}
.z-logintxt{
	margin-top: -4px;
	padding: 5px 0 5px 40px;
	background: url(../img/login.png) no-repeat left center;
}
.z-logintxt a{
	font-size: 16px;
	color: #333;
}
.z-logintxt a:hover{
	text-decoration: none;
	cursor: pointer;
	color: #d82b27;
}
.z-logintxt span{
	padding: 0 5px;
	font-size: 16px;
	color: #333;
}

.z-lang{
	margin-top: -8px;
}
.z-main {
  position: relative;
  display: flex;
  justify-content: center;
}
.z-main > li{
  list-style: none;	
}
.z-main > li a.z-china  { 
  border: 1px solid #d9d9d9;
  border-radius: 50px;
  width: 116px;  
  box-shadow:3px 3px 2px #e5edf6;
}
.z-main > li a  {
  text-decoration: none;
  color: #333;
  text-transform: capitalize;
  display: block;
  padding: 10px 0px 8px 20px;
  height: 45px;
  font-size: 16px;
  transition: background-color 0.5s ease-in-out;
}


.z-main > li a img{
	margin-right: 10px;
	float: left;

}
.z-main > li a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #333;
}
.drop{
	position: absolute;
	left: 0;
	top:42px;
	z-index: 10;
}
.drop li {
  width: 116px;
  opacity: 0;
  transform-origin: top center;
  list-style: none;
  border: 1px solid #d9d9d9;
  border-radius: 50px;
  margin-top: 5px;
  background: #fff;
}

.drop li a {
  color: #333;
}

/*------------- menu1 animation -------------------*/

.z-main li:hover .menu1 li{
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}



@keyframes menu1 {
  from {
    opacity: 0;
    transform: translateX(30px) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotateY(0);
  }
}

.carousel-control{
	width: 10% !important;
}
.carousel-indicators{
	bottom: 0 !important;
}
.carousel-indicators li{
	margin:0 5px !important;
}
.carousel-indicators .active{
	width: 26px !important;
}

/*内容*/
.z-center{
	padding: 0 60px;
	background: #f8faff;
}
.z-caozuo{
	width: 100%;
	height: 62px;
	margin: 10px auto;
	border-radius: 5px;
	background: #1a70c9;
	border-left: 3px solid #0051a4;
	box-shadow:0px 2px 6px #8e94ac;
}
.z-caozuo span{
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 56px;
	margin-left: 36px;
}
.z-caozuo a{
	float: right; 	
	margin-right: 32px;
	font-size: 16px;
	color: #fff;
	line-height: 62px;
	padding-right: 24px;
	background: url(../img/download.png) right center no-repeat;
}

.z-boxshow{
	box-shadow:0px 6px 6px #e8eef6;
}
.z-ico01{
	background: url(../img/ico05.png) left center no-repeat;
	padding-right: 28px;
}
.z-icony{
	padding:20px 50px; 
	height:294px;
	font-size: 14px;
	color: #555;
	line-height: 30px;
}
.z-zhaobiao{
	background: url(../img/ico06.png) left center no-repeat;
	padding-right: 28px;
}
.z-xunjia{
	background: url(../img/ico07.png) left center no-repeat;
	padding-right: 28px;
}
#queryText1{
	float: left;
	width: 80%;
	height: 32px;
	padding-left: 10px;
	border: none;
	font-size: 14px;
}
#queryText2{
	float: left;
	width: 80%;
	height: 32px;
	padding-left: 10px;
	font-size: 14px;
	border: none;
}
#queryText{
	float: left;
	width: 98px;
	height: 32px;
	padding-left: 10px;
	border: none;
}
#queryButton{
	float: left;
	width: 20%;
	height: 32px;
	border: none;
	background: url(../img/search1.png) no-repeat center;
}

/*#txt_account{
	float: left;
	width: 80px;
	height: 32px;
	padding-left: 10px;
	border: none;
}

#txt_password{
	float: left;
	width: 80px;
	height: 32px;
	padding-left: 10px;
	border: none;
}*/

.z-table{
	padding: 0 20px;
	height: 218px;
	overflow: hidden;
}
/*.z-table table tbody{
	display: block;
	width: 100%;
}
.z-table table tr{
	display: block;
	width: 100%;
}
.z-table table td{
   width: 80%;
}*/
.z-table table tr{
	height: 43px;
	line-height: 42px;
	border-bottom: 1px dashed #e6e6e6;
	font-size: 14px;
	color: #999;
}
.z-table table tr a{	
	font-size: 14px;
	color: #555 !important;
}
.z-table table tr a:hover{
	color: #0051a4 !important;
}

/*联系方式排列*/
.z-contact{
	padding-bottom: 10px;
	margin: 30px auto;
	font-size: 0px;
}
.z-lxr{
	display: inline-block;
	width:33%;
	padding: 15px 0 15px 20px;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	margin-left:1%; 
	box-shadow:1px 2px 3px #e8eef6;
	font-size: 0;
}
.z-lxr:first-child{
	width: 32%;
	margin-left: 0;
}
.z-lxr img{
	float: left;
}
.z-lxr span{
	float: left;
	margin-left: 20px;
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-top: 25px;
}
.z-lxx{
	display: inline-block;
}


/*鼠标经过显示微信二维码*/
.z-lang01{
	display: inline-block;
	margin-left: 15px;
}
.z-main01 {
  position: relative;
  display: flex;
  justify-content: center;
}
.z-main01 > li{
  list-style: none;	
}

.z-er{
	cursor: pointer;
}

.drop01{
	display: none;
	position: absolute;
	left: -10px;
	bottom: 30px;
	z-index: 10;
	
    
}
.z-main01:hover .drop01{
	display: block;
}
.drop01 li{
  width: 234px;
   height: 234px;
   background: #fff;
   padding: 10px;
  opacity: 0;
  transform-origin: top center;
  list-style: none;
  background: #fff;
  border:1px solid #e6e6e6;
}
.drop01 li img{
	/*width: 50px;*/
	float: none !important;
}

.drop01 li a {
  color: #333;
}
.z-er{
	float: none !important;
	margin-top: -3px;
}

/*------------- menu1 animation -------------------*/

.z-main01 li:hover .menu2 li{
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}



@keyframes menu2 {
  from {
    opacity: 0;
    transform: translateX(30px) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotateY(0);
  }
}

/*登录*/
.z-denglu{
	float: left;
	padding-left: 30px;
	padding-top: 11px;
	color: #fff;
	font-size: 16px;
}
.z-denglu .z-text{
	width: 240px;
	height: 36px;
	border: 1px solid #a3c6e9;
	background: none;
	border-radius: 5px;
	padding-left: 15px;
	margin-left: 6px;
	margin-right: 20px;
	font-size: 14px;
}
.submitbutton{
	border-radius: 5px;
	cursor: pointer;
	height: 36px;
	width:150px;
	margin-top: 1px;
}

/*适应*/
@media screen and (max-width: 1750px) {
 /*   .z-lxr{
    	padding: 22px 0 22px 20px;
    }*/
    .z-lxr img{
        width:60px;     
    }
    .z-lxr img.z-er{
    	width: 16px;
    }
    .drop01 img{
    	width: 217px;
    }
    .z-lxr span{
    	margin-top: 20px;
    }
    .z-lang01{
    	/*margin-top: 21px;*/
    }
}
@media screen and (max-width: 1700px){
	.z-lxr span{
		font-size: 14px;
	}
}
@media screen and (max-width: 1700px){
	.z-table table tr a,.z-table table tr,.z-icony,.z-lxr span{
		font-size: 12px !important;
	}

	.panel-default a{
		font-size: 15px !important;
	}
	.z-caozuo span,.z-caozuo a{
		font-size: 14px;
	}
}
@media screen and (max-width: 1445px){
	.z-left{
		width: 60px;
	}
	.z-content{
		width: 60px;
	}
	.z-body{
		padding-left: 60px;
	}
	.z-lxr{
		padding-left: 0;
		text-align: center;
		font-size: 0;
	}
	.z-lxr img{
		float: none;
	}
	.z-lxr span{
		float: none;
		display: block;
		margin-left: 0;
	}
	.z-lxr:first-child span{
		width: 100%;
		text-indent: 10px;
		display: inline-block;
	}
	.z-lang01{
		width: 20%;
		text-align: left;
		display: inline-block;
		float: none;
		margin-left: 0;
		margin-top: 0;
		height: 17px;
	}
	.z-er{
		margin-bottom: 2px;
	}
}
@media screen and (max-width: 1250px){
	.panel-default a{
		font-size: 12px !important;
	}
	.z-lxr:first-child span{
		text-indent: 0px;
	}
	#queryText1,#queryText2{
		font-size: 12px;
	}
	.z-denglu{
		font-size: 14px;
	}
	.z-denglu .z-text{
		width: 180px;
	}
	.submitbutton{
		width: 120px;
	}
}
@media screen and (max-width: 1050px){
	.z-center,.z-top{
		padding: 0 20px;
	}
}
@media screen and (max-width: 1090px){
	.z-width{
		width: 100%!important;
	}
}
@media screen and (max-width: 970px){
	.z-left{
		width: 54px;
	}
	.z-content{
		width: 54px;
	}
	.z-body{
		padding-left: 54px;
	}
	.z-center,.z-top{
		padding: 0 10px;
	}
}
@media screen and (max-width: 940px){
	.z-width{
		width: 100% !important;
		margin-top: 20px;
		float: none !important;
	}
	.z-width:first-child{
		margin-top: 0px;
	}
	.submitbutton{
		width: 80px;
	}
	.z-denglu .z-text{
		width: 140px;
	}
}
@media screen and (max-width: 855px){
	.z-lxr{
		width: 48% !important;
		margin-left: 1% !important;
		margin-top: 1%;
	}
	.z-lxr:last-child{
		width: 97% !important;
	}
	.z-lxr em{
		width: 100%;
		display: block;
	}
	.z-logo img{
		width: 160px;
	}
	.z-logintxt a,.z-main > li a.z-china{		
		font-size: 12px;
	}
	.z-main > li a.z-china{
		width: 100px;
	}
	.z-line{
		margin: 0 15px;
	}
	.z-search input.z-sinput{
		width: 80px;
		font-size: 12px;
	}
	.z-search{
		width: 122px;
	}
	.z-topright{
		padding-top: 40px;
	}
	.z-top{
		height: 96px;
	}
	.z-no{
		overflow: visible !important;
	}
	.z-lxr:first-child span{
		text-indent: 0px;
	}
	.z-search,.z-line{
		display: none;
	}
	.z-logo img{
		width: 130px;
	}
	.z-lang{
		margin-left: 10px;
	}
	.z-main > li a.z-china,.drop li{
		font-size: 0px;
		width: 44px;
		padding-left: 10px;
	}
	.drop li a{
		font-size: 0px;
		padding: 8px 0 8px 0px;
	}
	.z-topright{
		padding-top: 32px;
	}
	.z-top{
		height: 86px;
	}
	.z-caozuo span{
		margin-left: 20px;
		font-size: 14px;
		text-indent: -140px;
		overflow: hidden;
	}
	.z-caozuo a{
		margin-right: 10px;
	}
}
@media screen and (max-width: 768px){
	.z-denglu .z-text{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.submitbutton{
		font-size: 14px !important;
	}
    .z-denglu .z-text{
    	margin-right: 10px;
    }
    .z-denglu em{
    	display: block;
    }
    .z-denglu b{
    	width: 56px;
    	display: inline-block;
    	font-weight: 100;
    }
    .z-denglu .z-text{
    	width: 180px;
    }
    .z-denglu{
    	margin-top: 10px;
    }
    .z-caozuo{
		height: 210px;
	}
}
@media screen and (max-width: 500px){
	
	.z-logintxt{
		padding: 5px 0 5px 30px;
	}
}
@media screen and (max-width: 375px){
	.z-logo img{
		width: 118px;
	}
}
/**/
.layui-layer-title{
	background: #0051a4 !important;
	height: 52px !important;
	line-height: 52px !important;
}

.submitbutton{
    background-color:#FFAF60;
    border:none;
    color:white;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size:16px;
}