@keyframes moiveAnimation
		{
			0%   {left:-5px; }
			25%  { left:1px; }
			100%  { left:-5px;}
			
		}
		
		@-webkit-keyframes moiveAnimation /* Safari and Chrome */
		{
			0%   {left:-5px; }
			25%  { left:1px; }
			100%  { left:-5px;}
			
		}

		.skin-1 .nav > li.active{
			background: #fbfbfb!important;
		}
		.alert-danger{
			color: #e74040!important;
			background-color: #fef0f0!important;
		border: none;}
		.alert-success{
			color: #438d1f!important;
			background-color: #f0f9eb!important;border: none;}
		.alert-warning{
				color: #856404!important;
				background-color: #fff6db!important;border: none;}
		.alert-info{
					color: #0c5460!important;
					background-color: #e2f4f8!important;border: none;
				}
					.skin-1 .nav > li.active > a{
			color: #444444;
		}
		.list-title {
			border-bottom: 1px solid #d9d9d9;
			height: 10px;
			position: relative;
		}
		.list-title span {
			color: #acacac;
			font-size: 14px;
			width: 120px;
			text-align: center;
			position: absolute;
			left: 50%;
			margin-left: -60px;
			top: 0px;
			background: #fff;
		}
		/* PANELS */
		.panel-title > .small,
		.panel-title > .small > a,
		.panel-title > a,
		.panel-title > small,
		.panel-title > small > a {
		  color: inherit;
		}
		.page-heading {
		  border-top: 0;
		  padding: 0 10px 20px 10px;
		}
		.panel-heading h1,
		.panel-heading h2 {
		  margin-bottom: 5px;
		}
		.panel-body {
		  padding: 15px;
		}
		/* Bootstrap 3.3.x panels */
		.panel {
		  margin-bottom: 20px;
		  background-color: #fff;
		  border: 1px solid transparent;
		  border-radius: 4px;
		}
		.panel-heading {
		  color: white;
		  padding: 10px 15px;
		  border-bottom: 1px solid transparent;
		  border-top-left-radius: 3px;
		  border-top-right-radius: 3px;
		}
		.panel-footer {
		  padding: 10px 15px;
		  border-top: 1px solid #e7eaec;
		  border-bottom-right-radius: 3px;
		  border-bottom-left-radius: 3px;
		}
		.panel-default > .panel-heading {
		  color: #333;
		  background-color: #f5f5f5;
		  border-color: #e7eaec;
		}
		.panel-default {
		  border-color: #e7eaec;
		}
		.panel-group .panel + .panel {
		  margin-top: 5px;
		}
		.panel-group .panel {
		  margin-bottom: 0;
		  border-radius: 4px;
		}
		.sbar:focus {
			border: 1px solid #0d8ddb!important;;
		}
		.sbar:active {
			border: 1px solid #0d8ddb!important;;
		}
		.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
			color: #fff;
			background-color: #1e7e34;
			border-color: #1c7430;
		}
		.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
			color: #fff;
			background-color: #0069d9;
			border-color: #0062cc;
		}
		.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(72,180,97,.5);
		}
		.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(72,180,97,.5);
		}
		.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
		}

		.btn-primary.focus, .btn-primary:focus {
			color: #fff;
			background-color: #218838;
			border-color: #1e7e34;
			box-shadow: 0 0 0 0.2rem rgba(72,180,97,.5);
		}
		.btn-success.focus, .btn-success:focus {
			color: #fff;
			background-color: #0069d9;
			border-color: #0062cc;
			box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
		}
		.skin-1 #page-wrapper{
			background: #f3f3f4;
		}

		.nav > li > a {
		  color: #a7b1c2;
		  font-weight: 600;
		  padding: 12px 20px 12px 32px !important;
		}
		.libt{
			margin-right: 4px;
			    margin-left: -7px;
			    margin-top: -3px;
			
		}
.czsm{
	cursor: pointer;
	background: linear-gradient(159deg, #5AC3F7,#3182FE);
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	    color: white;
	    font-size: 14px;
		font-weight: 600;
	   line-height: 32px;
	    text-align: center;
		height: 32px;
		width: 103px;
		float: left;
		margin-left: 15px;
		margin-top: -8px;
		padding-right: 5px;
		border-radius:3px 10px 3px 10px ;
}
.czsm:active{
	 transform:scale(0.9,0.9);
}
.czsm>a>img{
	position: relative;
	animation:moiveAnimation 1s;
		animation-iteration-count:infinite;
		-webkit-animation:moiveAnimation 1s; /* Safari and Chrome */
		-webkit-animation-iteration-count:infinite;
	margin-top: 1px;
	margin-left: 7px;
}
.czsm>img{
	position: relative;
	animation:moiveAnimation 1s;
		animation-iteration-count:infinite;
		-webkit-animation:moiveAnimation 1s; /* Safari and Chrome */
		-webkit-animation-iteration-count:infinite;
	margin-top: 1px;
	margin-left: 7px;
}

		.czsmnav{
			position: relative;
			top: 2px;
			right: -209px;
			cursor: pointer;
			background: linear-gradient(159deg, #5AC3F7,#3182FE);
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
			color: white;
			font-size: 14px;
			font-weight: 600;
			line-height: 32px;
			text-align: center;
			height: 32px;
			width: 103px;
			float: left;
			margin-left: 15px;
			margin-top: -8px;
			padding-right: 5px;
			border-radius:3px 10px 3px 10px ;
		}
		.czsmnav:active{
			transform:scale(0.9,0.9);
		}
		.czsmnav>a>img{
			position: relative;
			animation:moiveAnimation 1s;
			animation-iteration-count:infinite;
			-webkit-animation:moiveAnimation 1s; /* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			margin-top: 1px;
			margin-left: 7px;
		}
		.czsmnav>img{
			position: relative;
			animation:moiveAnimation 1s;
			animation-iteration-count:infinite;
			-webkit-animation:moiveAnimation 1s; /* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			margin-top: 1px;
			margin-left: 7px;
		}
.srcbtn{
	border: none;
	height: 41px;
	width: 59px;
	background-color: #FFAE0C;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 41px;
}

.examsearch{
	width: 30%;
	height: 50px;
}
.txtags {
	margin-top: 12px;
	margin-bottom: -15px;
	color: #C68126;
}

.txtags>img {
	padding-right: 7px;
	margin-top: -2px;

}

.eyeclose {
	float: left;
	height: 20px;
	width: 20px;
	background: url(../img/eyeclose.svg) no-repeat center;
}

.eyeopen {
	float: left;
	height: 20px;
	width: 20px;
	background: url(../img/eyeopen.svg) no-repeat center;
}

.rowctr {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.colctr {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bguser {
	z-index: 999;
	text-indent: 20px;
	background: url(../img/tou0.svg) no-repeat left 9px center;
}

.bguser:focus {
	background: url(../img/tou1.svg) no-repeat left 9px center;
}

.bgpwd {
	z-index: 999;
	text-indent: 20px;
	background: url(../img/suo0.svg) no-repeat left 9px center;
}

.bgpwd:focus {
	background: url(../img/suo1.svg) no-repeat left 9px center;
}

.bglocal {
	z-index: 999;
	text-indent: 20px;
	background: url(../img/weizhi0.svg) no-repeat left 9px center;
}

.bglocal:focus {
	background: url(../img/weizhi1.svg) no-repeat left 9px center;
}

.bgzj {
	z-index: 999;
	text-indent: 20px;
	background: url(../img/zj0.svg) no-repeat left 9px center;
}

.bgzj:focus {
	background: url(../img/zj1.svg) no-repeat left 9px center;
}

.bgsf {
	z-index: 999;
	text-indent: 20px;
	background: url(../img/sf0.svg) no-repeat left 9px center;
}

.bgsf:focus {
	background: url(../img/sf1.svg) no-repeat left 9px center;
}

.bgyz {
	z-index: 999;
	text-indent: 20px;
	background: url(../img/yz0.svg) no-repeat left 9px center;
}

.bgyz:focus {
	background: url(../img/yz1.svg) no-repeat left 9px center;
}

.BF {
	color: #007bff;
}

.bgsj {
	z-index: 999;
	text-indent: 20px;
	background: url(../img/sj0.svg) no-repeat left 9px center;
}

.bgsj:focus {
	background: url(../img/sj1.svg) no-repeat left 9px center;
}


.ht {
	margin-left: 38px;
	margin-right: 0px;

}

.slogan {

	letter-spacing: 0px;
	font-size: 22px;
	padding-top: 7px;

}

.slogan>span {


	letter-spacing: 0px;
	font-size: 11px;
	line-height: 12px;

}

.form-control {
	height: calc(1.5em + .75rem + 8px);
}

body.signin {
	background-size: 100%;
}

.bgsignin {
	height: 525px;
	background: white;
	margin-left: -1px;
	border: 1px solid #EEEEEE;
}

.Bggray {
	background-color: #FAFBFC;
	height: 30%;
	width: 100%;
	position: absolute;
}

.signinpanel .lg {
	    border: 1px solid #eeeeee;
	max-width: 375px;
	height: 525px;
	background-color: white;
	box-shadow: none;
}
		.signinpanel form{
			background: none;
			border: none;

			box-shadow: none;

			border-radius: none;
			padding: none;
		}
.al {
	align-items: center;
}

.signinpanel form {
	padding: 42px 12px;
}

.btnm {
	margin: 0;
}

.signinpanel .form-control {
	margin-top: 20px;
}

.rl {
	margin-top: 18px;
	justify-content: space-between;
	color: #AEAEAE;
}

.form-control {
	border-radius: 4px;
}

.form-control:focus {
	border: #0000CC 1px solid !important;
}

.signinpanel {
	padding-top: 5%;
}

.loginslg {
	padding: 3px 27px;
	margin-left: -28px;
	height: 40px;
	color: white;
	font-size: 24px;
	font-weight: 600;
	background: url(../img/loginslg.svg) no-repeat left center;
	;
}

.foot-text {
	color: grey;
}

.font18 {
	font-size: 16px;
	margin: 19px;
}

.pd {
	
	padding: 0;
}

.yqts {
	
	font-size: 24px;
	font-weight: 600;
	color: black;
	margin: 21px;
	margin-top: 47px;
}

.form-control:focus {
	border-color: #3f8ef7 !important;
}


.navi {
	margin-left: 40px;
	margin-top: 50px;
	height: 480px;
	width: 1080px;
	background: linear-gradient(180deg, #EEF5FF, #ffffff, #ffffff, #ffffff, #ffffff);
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
	margin-bottom: 230px;
}

.line {
	height: 2px;
	width: 972px;
	background-color: #DFECFF;
	margin: 0 auto;
	margin-top: -11px;
}

.headinfo {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	color: black;
	font-size: 21px;
	font-weight: 600;
}

.headtxt {
	margin-left: 10px;
	font-size: 16px;
	font-weight: 600;
}

.idinfo {
	height: 23px;
	width: 155px;
	border-radius: 20px;
	border: 1px solid #FF7417;
	color: #FF7417;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	margin-left: 18px;
}

.welc {
	width:550px;
}

.rs {
	align-items: center;
	padding: 39px;
}

.headslg {
	margin-top: 2px;
}

.navl {
	position: relative;
	margin-top: 73px;
	margin-left: 47px;
	height: 282px;
	width: 515px;
	background: url(../img/boder1.svg) no-repeat left center;
	background-size: 97% 96%;
}

.navr {
	position: relative;
	margin-top: 73px;
	margin-left: -126px;
	margin-left: -76px;
	height: 282px;
	width: 515px;
	background: url(../img/boder2.svg) no-repeat left center;
	background-size: 97% 96%;
}

.navm {
	position: relative;
	margin-top: 79px;

	margin-left: -80px;
	height: 175px;
	width: 175px;
	background: url(../img/bigbtn.svg) no-repeat left center;
}

.navsvg {
	position: absolute;
	margin-top: 87px;
}

.stepmr {
	margin-right: 40px;
	margin-left: -21px;
}

.step1 {
	text-indent: 56px;
	font-size: 14px;
	color: black;
	font-weight: bold;
	line-height: 43px;
	height: 50px;
	width: 212px;
	background: url(../img/step1.svg) no-repeat left center;
}

.step2 {
	text-indent: 56px;
	font-size: 14px;
	color: black;
	font-weight: bold;
	line-height: 43px;
	height: 50px;
	width: 212px;
	background: url(../img/step2.svg) no-repeat left center;
}

.step3 {
	text-indent: 56px;
	font-size: 14px;
	color: black;
	font-weight: bold;
	line-height: 43px;
	height: 50px;
	width: 212px;
	background: url(../img/step3.svg) no-repeat left center;
}

.step4 {
	text-indent: 56px;
	font-size: 14px;
	color: black;
	font-weight: bold;
	line-height: 43px;
	height: 50px;
	width: 212px;
	background: url(../img/step4.svg) no-repeat left center;
}

.step5 {
	text-indent: 56px;
	font-size: 14px;
	color: black;
	font-weight: bold;
	line-height: 43px;
	height: 50px;
	width: 212px;
	background: url(../img/step5.svg) no-repeat left center;
}

.navr>.navrsvg {
	margin-left: 94px;
	margin-top: 5px;


}

.navr>.navtag {
	margin-left: 228px;
	margin-top: 5px;

}

.big2 {
	display: none;
}
		.big3 {
			display: none;
		}
@media screen and (min-width: 960px) and (max-width: 1199px) {
	.big2 {
		display: none;
	}
.welc{
	width: 381px;
}
.libt{
			margin-right: 4px;
			    margin-left: -7px;
			    margin-top: -3px;
			
		}
	.navi {
		/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: 13%;
		margin-top: 3%;
		height: 450px;
		width: 747px;
		background: linear-gradient(180deg, #EEF5FF, #ffffff, #ffffff, #ffffff, #ffffff);
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: start;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
	}

	.line {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		height: 2px;
		width: 665px;
		background-color: #DFECFF;
		margin: 0 auto;
		margin-top: -15px;
	}

	.headinfo {
		display: flex;
		flex-direction: row;
		justify-content: start;
		align-items: center;
		color: black;
		font-size: 21px;
		font-weight: 600;
	}

	.headtxt {
		width: 395px;
		margin-left: 88px;
		margin-top: -29px;
		font-size: 16px;
		font-weight: 600;
	}
.czsmnav{
	position: relative;
	top: 22px;
	right: -132px;
}
	.idinfo {
		height: 23px;
		width: 155px;
		border-radius: 20px;
		border: 1px solid #FF7417;
		color: #FF7417;
		font-size: 14px;
		line-height: 23px;
		text-align: center;

	}

	.rs {
		padding: 39px;
	}

	.headslg {
		margin-top: 2px;
	}

	.navl {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: relative;
		margin-top: 73px;
		margin-left: -57px;
		height: 282px;
		width: 515px;
		background: none;
	}

	.navr {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: absolute;
		margin-top: 85px;
		margin-left: 538px;
		background: none;

	}

	.navm {
/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: absolute;
		margin-top: 79px;
		margin-left: 987px;
		margin-top: -410px;
		height: 175px;
		width: 175px;
		background: url(../img/bigbtnsml.svg) no-repeat left center;
	}

	.navsvg {
		position: absolute;
		margin-top: 87px;
	}

	.stepmr {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-right: 26px;
		margin-left: -21px;
	}

	.step1 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step1.svg) no-repeat left center;
	}

	.step2 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step2.svg) no-repeat left center;
	}

	.step3 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step3.svg) no-repeat left center;
	}

	.step4 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step4.svg) no-repeat left center;
	}

	.step5 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step5.svg) no-repeat left center;
	}

	.navr>.navrsvg {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: 94px;
		margin-top: 5px;


	}

	.navr>.navtag {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: 87px;
		margin-top: 8px;

	}


}


@media screen and (min-width: 1442px) {
	.libt{
		margin-right: 4px;
		    margin-left: -7px;
		    margin-top: -3px;
		
	}
		.navsvg {
			position: absolute;
			margin-top: 87px;
			min-width: 1080px;
		}
	
		.stepmr {
			margin-right: 75px;
			margin-left: -45px;
		}

		.step1 {
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/step1.svg) no-repeat left center;
		}
	
		.step2 {
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/step2.svg) no-repeat left center;
		}
	
		.step3 {
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/step3.svg) no-repeat left center;
		}
	
		.step4 {
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/step4.svg) no-repeat left center;
		}
	
		.step5 {
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/step5.svg) no-repeat left center;
		}
	
		.navr>.navrsvg {
			margin-left: 77px;
			margin-top: 4px;
	
	
		}
	.big{
		width: 378px;
	}
		.navr>.navtag {
			margin-left: 170px;
			margin-top: 5px;
	
		}
	.navi {
		
		margin-left: 12%;
		margin-top: 4%;
		height: 480px;
		width: 1080px;
		background: linear-gradient(180deg, #EEF5FF, #ffffff, #ffffff, #ffffff, #ffffff);
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: start;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
	}
}
/*大屏幕  大于1200px */
@media screen and (min-width: 1200px) and (max-width: 1441px) {
	.libt{
		margin-right: 4px;
		    margin-left: -7px;
		    margin-top: -3px;
		
	}
	.big2 {
		display: none;
	}
	.big3 {
		display: none;
	}
.rs{
	align-items: center;
}

	.navi {
		
		margin-left: 6%;
		margin-top: 4%;
		height: 480px;
		width: 1080px;
		background: linear-gradient(180deg, #EEF5FF, #ffffff, #ffffff, #ffffff, #ffffff);
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: start;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
	}

	.line {
		height: 2px;
		width: 972px;
		background-color: #DFECFF;
		margin: 0 auto;
		margin-top: -11px;
	}

	.headinfo {
		display: flex;
		flex-direction: row;
		justify-content: start;
		align-items: center;
		color: black;
		font-size: 21px;
		font-weight: 600;
	}

	.headtxt {
		
		margin-left: 8px;
		font-size: 16px;
		font-weight: 600;
	}

	.idinfo {
		height: 23px;
		width: 155px;
		border-radius: 20px;
		border: 1px solid #FF7417;
		color: #FF7417;
		font-size: 14px;
		line-height: 23px;
		text-align: center;
		margin-left: 18px;
	}

	.welc {}

	.rs {
		padding: 39px;
	}

	.headslg {
		margin-top: 2px;
	}

	.navl {
		position: relative;
		margin-top: 73px;
		margin-left: 47px;
		height: 282px;
		width: 515px;
		background: url(../img/boder1.svg) no-repeat left center;
		background-size: 97% 96%;
	}

	.navr {
		position: relative;
		margin-top: 73px;
		margin-left: -78px;

		height: 282px;
		width: 515px;
		background: url(../img/boder2.svg) no-repeat left center;
		background-size: 97% 96%;
	}

	.navm {
		position: relative;
		margin-top: 79px;
		margin-left: -80px;

		height: 175px;
		width: 175px;
		background: url(../img/bigbtn.svg) no-repeat left center;
	}

	.navsvg {
		position: absolute;
		margin-top: 87px;
		min-width: 1080px;
	}

	.stepmr {
		margin-right: 75px;
		margin-left: -45px;
	}

	.step1 {
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step1.svg) no-repeat left center;
	}

	.step2 {
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step2.svg) no-repeat left center;
	}

	.step3 {
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step3.svg) no-repeat left center;
	}

	.step4 {
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step4.svg) no-repeat left center;
	}

	.step5 {
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step5.svg) no-repeat left center;
	}

	.navr>.navrsvg {
		margin-left: 77px;
		margin-top: 4px;


	}
.big{
	width: 378px;
}
	.navr>.navtag {
		margin-left: 170px;
		margin-top: 5px;

	}


}

@media screen and (min-width: 768px) and (max-width: 959px) {

	.big2 {
		display: none;
	}
	.big3 {
		display: none;
	}
.welc{
	width: 385px;
}
	.navi {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: 52px;
		margin-top: 55px;
		height: 450px;
		width: 687px;
		background: linear-gradient(180deg, #EEF5FF, #ffffff, #ffffff, #ffffff, #ffffff);
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: start;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
	}

	.line {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		height: 2px;
		width: 617px;
		background-color: #DFECFF;
		margin: 0 auto;
		margin-top: -11px;
	}

	.headinfo {
		display: flex;
		flex-direction: row;
		justify-content: start;
		align-items: center;
		color: black;
		font-size: 21px;
		font-weight: 600;
	}

	.headtxt {
	margin-top: 9px;
	    margin-left: 20px;
		font-size: 16px;
		font-weight: 600;
	}

	.idinfo {
		height: 23px;
		width: 155px;
		border-radius: 20px;
		border: 1px solid #FF7417;
		color: #FF7417;
		font-size: 14px;
		line-height: 23px;
		text-align: center;
		margin-left: 18px;
	}
.czsmnav{
	position: relative;
	top: 25px;
	right: -54px;
}
	.rs {
		padding: 39px;
	}

	.headslg {
		margin-top: 2px;
	}

	.navl {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: relative;
		margin-top: 73px;
		margin-left: -52px;
		height: 282px;
		width: 515px;
		background: none;
	}

	.navr {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: absolute;
		margin-top: 85px;
		margin-left: 589px;
		background: none;

	}

	.navm {
/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: absolute;
		margin-left: 830px;
		    margin-top:-407px;
		height: 175px;
		width: 175px;
		background: url(../img/bigbtnsml.svg) no-repeat left center;
	}

	.navsvg {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: absolute;
		margin-top: 87px;

	}

	.stepmr>img {
		display: none;
	}

	.stepmr {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-right: 17px;
		margin-left: -63px;
	}

	.step1 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step1.svg) no-repeat left center;
	}

	.step2 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step2.svg) no-repeat left center;
	}

	.step3 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step3.svg) no-repeat left center;
	}

	.step4 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step4.svg) no-repeat left center;
	}

	.step5 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step5.svg) no-repeat left center;
	}

	.navr>.navrsvg {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: -95px;
		margin-top: 5px;


	}
.welc{
	flex-direction: column;
}
	.navr>.navtag {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: 74px;
		margin-top: 8px;

	}


}






@media only screen and (min-width: 480px) and (max-width: 767px) {
	.big {/*webkit*/
	-webkit-animation-property: -webkit-width;
	-webkit-animation-property: -webkit-height;
	-webkit-transition-duration: 1s;
	/*moz*/
	-moz-animation-property: -moz-width;
	-moz-animation-property: -moz-height;
	-moz-transition-duration: 1s;
	/*opera*/
	-o-animation-property: -o-width;
	-o-animation-property: -o-height;
	-o-transition-duration: 1s;
		display: none;
	}
	.slogan{
		padding-top: 0px;
	}
	.welc{
		width: 384px;
	}
	.sr{-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		width: 54%;
		margin-left: 33px;
	}
	.srt{-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		display: none!important;
	}
.czsmnav{
	position: relative;
	top: 32px;
	right: -17px;
	margin-left: -9px;
	margin-top: -31px;
}
	.big2 {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		display: block;
		margin-top: 149px;
		margin-left: -198px;
	}
	.big3 {
		display: none;
	}
	.navi {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: 31px;
		margin-top: 31px;
		height: 450px;
		width: 544px;
		background: linear-gradient(180deg, #EEF5FF, #ffffff, #ffffff, #ffffff, #ffffff);
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: start;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
	}

	.line {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		height: 2px;
		width: 475px;
		background-color: #DFECFF;
		margin: 0 auto;
		margin-top: -18px;
	}

	.headinfo {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		display: flex;
		flex-direction: row;
		justify-content: start;
		align-items: center;
		color: black;
		font-size: 21px;
		font-weight: 600px;
	}

	.headtxt {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-top: 21px;
		font-size: 16px;
		margin-left: 23px;
		font-weight: 600;
	}

	.idinfo {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		height: 23px;
		width: 155px;
		border-radius: 20px;
		border: 1px solid #FF7417;
		color: #FF7417;
		font-size: 14px;
		line-height: 23px;
		text-align: center;
		margin-left: 18px;
	}

	.rs {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		padding: 39px;
	}

	.headslg {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		display: none;
		margin-top: 2px;
	}

	.navl {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: relative;
		margin-top: 73px;
		margin-left: 0px;
		height: 282px;
		width: 515px;
		background: none;
	}

	.navr {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;

		position: absolute;
		margin-top: 85px;
		margin-left: 589px;
		background: none;

	}

	.navm {
/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		position: absolute;
		margin-left: 744px;
		margin-top: -253px;
		height: 175px;
		width: 175px;
		background: url(../img/bigbtnsml.svg) no-repeat left center;
	}

	.navsvg {
/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: -126px;
		margin-top: 2px;

	}



	.stepmr>img {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		display: none;
	}

	.stepmr {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: -10px;
		margin-top: 89px;
	}

	.step1 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/s1.svg) no-repeat left center;
	}

	.step2 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/s2.svg) no-repeat left center;
	}

	.step3 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/step3.svg) no-repeat left center;
	}

	.step4 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/s4.svg) no-repeat left center;
	}

	.step5 {-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		text-indent: 56px;
		font-size: 14px;
		color: black;
		font-weight: bold;
		line-height: 43px;
		height: 50px;
		width: 212px;
		background: url(../img/s5.svg) no-repeat left center;
	}

	.navrsvg2 {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: -126px;
		margin-top: 2px;
		display: block;
	}

	.navr>.navrsvg2 {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: -198px;
		margin-top: 730px;


	}

	.navr>.navtag {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
		margin-left: -53px;
		margin-top: 8px;

	}

.font18 {
	font-size: 14px;
	margin: 16px;
}
}





 @media only screen and (max-width: 479px) {
	 .font18 {
	 	font-size: 14px;
	 	margin: 16px;
	 }
	 .dy{
		 text-indent: -21px;
	 }
	 .welc{
		 width: 271px;
	 }
	 .sr{-webkit-animation-property: -webkit-width;
		 -webkit-animation-property: -webkit-height;
		 -webkit-transition-duration: 1s;
		 /*moz*/
		 -moz-animation-property: -moz-width;
		 -moz-animation-property: -moz-height;
		 -moz-transition-duration: 1s;
		 /*opera*/
		 -o-animation-property: -o-width;
		 -o-animation-property: -o-height;
		 -o-transition-duration: 1s;
		 width: 63%;
		 margin-left: 35px;
	 }
	 .srb{-webkit-animation-property: -webkit-width;
		 -webkit-animation-property: -webkit-height;
		 -webkit-transition-duration: 1s;
		 /*moz*/
		 -moz-animation-property: -moz-width;
		 -moz-animation-property: -moz-height;
		 -moz-transition-duration: 1s;
		 /*opera*/
		 -o-animation-property: -o-width;
		 -o-animation-property: -o-height;
		 -o-transition-duration: 1s;
		 width: 31px;
		 padding-left: 7px;
	 }
	 .srt{-webkit-animation-property: -webkit-width;
		 -webkit-animation-property: -webkit-height;
		 -webkit-transition-duration: 1s;
		 /*moz*/
		 -moz-animation-property: -moz-width;
		 -moz-animation-property: -moz-height;
		 -moz-transition-duration: 1s;
		 /*opera*/
		 -o-animation-property: -o-width;
		 -o-animation-property: -o-height;
		 -o-transition-duration: 1s;
		 display: none!important;
	 }

	 .srbt{-webkit-animation-property: -webkit-width;
		 -webkit-animation-property: -webkit-height;
		 -webkit-transition-duration: 1s;
		 /*moz*/
		 -moz-animation-property: -moz-width;
		 -moz-animation-property: -moz-height;
		 -moz-transition-duration: 1s;
		 /*opera*/
		 -o-animation-property: -o-width;
		 -o-animation-property: -o-height;
		 -o-transition-duration: 1s;
		 width: 28px;
		 padding-left: 7px;
	 }

	 .m-yzm{
		 width: 94%;
	 }
	 .czsm:before{
		 content: "?";
	 }
	 .czsm{
		 position: absolute;
		 cursor: pointer;
		 background: linear-gradient( 159deg,#5AC3F7,#3182FE);
		 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
		 color: white;
		 font-size: 17px;
		 font-weight: 1000;
		 line-height: 21px;
		 text-align: center;
		 height: 22px;
		 width: 24px;
		 float: right;
		 overflow: hidden;
		 right: 20px;
		 margin-top: -4px;
		 padding-left: 4px;
		 border-radius: 11px;}
	 .signinpanel .signin-info{
		 margin-right: 0px;
	 }
	 #rightnav{
		 display: none;
	 }
	 .layui-layer-iframe{
		 width: 86%!important;
	 }
	 .tp{
		 margin-top: 15px;
	 }
	 .slogan{
		 font-size: 18px;
		 padding-top: 1px;
		 margin-left: -1px;
	 }
	 .signinpanel .lg{
		 height: 546px;
	 }
	 .bgsignin{
		 height: 353px;
	 }
	.big {/*webkit*/
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 1s;
		/*moz*/
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 1s;
		/*opera*/
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 1s;
			display: none;
		}
	
		.big2 {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			display: none;
			       margin-top: 889px;
			       margin-left: -453px;
		}
	 .big3 {
		 margin-top: 889px;
		 margin-left: -440px;
		 display: block;
	 }
		.navi {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			margin-left: -16px;
			margin-top: -13px;
			height: 802px;
			width: 287px;
			background: linear-gradient(180deg, #EEF5FF, #ffffff, #ffffff, #ffffff, #ffffff);
			border-radius: 4px;
			display: flex;
			flex-direction: column;
			justify-content: start;
			align-items: start;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
		}
	
		.line {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			height: 2px;
			width: 250px;
			background-color: #DFECFF;
			margin: 0 auto;
			margin-top: 36px;
		}
	
		.headinfo {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			display: flex;
			flex-direction: column;
			justify-content: start;
			align-items: center;
			color: black;
			font-size: 21px;
			font-weight: 600px;
		}
	
		.headtxt {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			margin-top: 11px;
			font-size: 16px;
			font-weight: 600;
		}
	
		.idinfo {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			height: 23px;
			width: 155px;
			border-radius: 20px;
			border: 1px solid #FF7417;
			color: #FF7417;
			font-size: 14px;
			line-height: 23px;
			text-align: center;
			margin-left: 18px;
		}
	
		.rs {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			padding: 20px;
			padding-top: 39px;
		}
	
		.headslg {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			margin: 0 auto;
			margin-top: -22px;
		}
	
		.navl {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			position: relative;
			margin-top: 73px;
			margin-left: -54px;
			height: 282px;
			width: 515px;
			background: none;
		}
	
		.navr {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
	
			position: absolute;
			margin-top: 85px;
			margin-left: 589px;
			background: none;
	
		}
	.czsmnav{
		position: relative;
		top: 48px;
		right: -68px;
		cursor: pointer;
		background: linear-gradient(159deg, #5AC3F7,#3182FE);
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
		color: white;
		font-size: 14px;
		font-weight: 600;
		line-height: 32px;
		text-align: center;
		height: 32px;
		width: 103px;
		float: left;
		margin-left: 15px;
		margin-top: -8px;
		padding-right: 5px;
		border-radius: 3px 10px 3px 10px;
	}
		.navm {
	/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			position: absolute;
			margin-left: 149px;
			    margin-top: 83px;
			height: 175px;
			width: 175px;
			background: url(../img/bigbtnsml.svg) no-repeat left center;
		}
	
		.navsvg {
	/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			margin-left: -126px;
			margin-top: 2px;
	
		}
	
	
	
		.stepmr>img {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			display: none;
		}
	
		.stepmr {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			margin-left: 189px;
			margin-top: 102px;
		}
	
		.step1 {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/s1.svg) no-repeat left center;
		}
	
		.step2 {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/s2.svg) no-repeat left center;
		}
	
		.step3 {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/step3.svg) no-repeat left center;
		}
	
		.step4 {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/s4.svg) no-repeat left center;
		}
	
		.step5 {-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			text-indent: 56px;
			font-size: 14px;
			color: black;
			font-weight: bold;
			line-height: 43px;
			height: 50px;
			width: 212px;
			background: url(../img/s5.svg) no-repeat left center;
		}
	
		.navrsvg2 {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			margin-left: -126px;
			margin-top: 2px;
			display: block;
		}
	
		.navr>.navrsvg2 {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			margin-left: -198px;
			margin-top: 730px;
	
	
		}
	.welc{
		justify-content: center;
		    align-items: center;
		    text-align: center;
	}
		.navr>.navtag {/*webkit*/
			-webkit-animation-property: -webkit-width;
			-webkit-animation-property: -webkit-height;
			-webkit-transition-duration: 1s;
			/*moz*/
			-moz-animation-property: -moz-width;
			-moz-animation-property: -moz-height;
			-moz-transition-duration: 1s;
			/*opera*/
			-o-animation-property: -o-width;
			-o-animation-property: -o-height;
			-o-transition-duration: 1s;
			    margin-left: -502px;
			    margin-top: 8px;
			
		}
	
	
	
}

		@media only screen and (max-width: 319px) {
			.srbg{
				position:static!important;
			}.sr{-webkit-animation-property: -webkit-width;
				 -webkit-animation-property: -webkit-height;
				 -webkit-transition-duration: 1s;
				 /*moz*/
				 -moz-animation-property: -moz-width;
				 -moz-animation-property: -moz-height;
				 -moz-transition-duration: 1s;
				 /*opera*/
				 -o-animation-property: -o-width;
				 -o-animation-property: -o-height;
				 -o-transition-duration: 1s;
				 /*width: 59%;*/

				 /*margin-left: 22px;*/
							 width: 66%;
							 margin-left: 6px;

			 }
.srbm{
	position: inherit!important;
	top: auto!important;
	right: auto!important;
}

			.slogan{
				font-size: 17px;
			}
			.srbg{
				position:static;
			}
		}
		@media only screen and (max-width: 160px) {

			.srbg{-webkit-animation-property: -webkit-width;
				-webkit-animation-property: -webkit-height;
				-webkit-transition-duration: 1s;
				/*moz*/
				-moz-animation-property: -moz-width;
				-moz-animation-property: -moz-height;
				-moz-transition-duration: 1s;
				/*opera*/
				-o-animation-property: -o-width;
				-o-animation-property: -o-height;
				-o-transition-duration: 1s;
				display: none!important;
			}
		}
/* 
1280分辨率以上（大于1200px）

@media screen and (min-width:1200px){}

1100分辨率（大于960px，小于1199px）

@media screen and (min-width: 960px) and (max-width: 1199px) {}

880分辨率（大于768px，小于959px）

@media screen and (min-width: 768px) and (max-width: 959px) {}

720分辨率（大于480px，小于767px）

@media only screen and (min-width: 480px) and (max-width: 767px){}

440分辨率以下（小于479px）

@media only screen and (max-width: 479px) {}

@media  screen的css在打印设备里是无效的，而@media在打印设备里是有效的，这就是它们的区别了。

如果css需要用在打印设备里，那么就用@media ，否则，就用@media  screen。 */

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
	margin-top: 31px;
}

body.full-height-layout #wrapper,
body.full-height-layout #page-wrapper {
	padding-top: 31px;
}

#rightnav {
	top: 3px;
}

.ptb {
	margin-top: 0px;
}

.skin-1 .navbar-default .nav>li>a:hover,
.skin-1 .navbar-default .nav>li>a:focus {
	background: #E8E8E8;
	color: black;
}