	html {
				font-family: SourceHanSansCN, SourceHanSansCN;
				line-height: 1.15;
				-webkit-text-size-adjust: 100%;
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			}

	body {
		margin: 0;
		/*background: linear-gradient( 180deg, #F1FBEC 0%, #FFFFFF 100%);*/
		background: url(../images/index/bg1.png);
		background-size: 100% 100%;
		background-repeat: repeat;
		height:100%;
	}

	@keyframes fadeIn {
		from {
			transform: translateX(-100%);
			opacity: 0;
		}
		to {
			transform: translateX(0%);
			opacity: 1;
		}
	}

	@keyframes fadeIn1 {
		from {
			transform: translateY(20%);
			opacity: 0;
		}
		to {
			transform: translateY(0%);
			opacity: 1;
		}
	}

	.header-menu{
		width:100%;
		position: fixed;
		height: 80px;
		z-index: 999;
	}

	.header-menu .left{
		position: absolute;
		width: 280px;
		height: 70px;
		top: 11.5px;
		left: 12px;
	}
	.header-menu>.left>.left1{
		display: none;
	}
	.header-menu>.left>.left2{
		display: block;
	}
	.header-menu .left img{
		width: 280px;
		height: 47px;
	}
	.header-menu .center{
		width: 1024px;
		margin: 0px auto 0px auto;
		height: 70px;
	}
	.header-menu .center>ul{
		zoom:1; 
		float:left;
		list-style-type: none;
		margin: 0px;
		margin-top: 6px;
	}
	.header-menu .center>ul>li{
		float: left;
		margin-right: 2px;
		padding-top: 9px;
		width: 128px;
		text-align: center;
		position: relative;
	}
	.header-menu .center>ul>li>.titlback{
		display: none;
		position: absolute;
		top: 48px;
		left: 6px;
		height: 1px;
		background-color: #7f7f7f;
		width: 92%;
	}
	.header-menu .center>ul>li:hover>.titlback{
		display: block;
		position: absolute;
		top: 48px;
		left: 6px;
		height: 1px;
		background-color: #7f7f7f;
		width: 92%;
		animation: fadeIn 0.2s ease-out forwards;;
	}
	.header-menu .center>ul>li>a{
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
		display: block;
		text-align: center;
		padding: 14px 0;
		text-decoration: none;
		height: 16px;
		line-height: 16px;
		position: relative;
	}
	.header-menu .center>ul>li>a img{
		width: 24px;
		height: 24px;
		position: absolute;
		top: 11px;
	}
	.header-menu .center>ul>li>a span{
		margin-top: -2px;
		margin-left: 31px;
	}
	.header-menu .center>ul>li>ul{
		animation: fadeIn1 0.5s ease-out forwards;
		display: none;
	}
	.header-menu .center>ul>li:hover>ul{
		width: 160px;
		animation: fadeIn1 0.3s ease-out forwards;
		display: block;
		margin: 20px 0px 0px -10px;
		padding: 0px;
		display: flex;
		flex-direction: column;
		list-style-type: none;
		background-color: #fff;
		text-align: center;
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
		-webkit-transition: all .4s ease-out;
		-ms-transition: all .4s ease-out;
		transition: all .4s ease-out;
		-webkit-transform: translate3d(0, 40px, 0);
		-ms-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	.header-menu .center>ul>li:hover>ul>li{
		float: left;
		margin-right: 2px;
		padding-top: 5px;
		width: 160px;
		text-align: center;
	}
	.header-menu .center>ul>li:hover>ul>li:hover{
		float: left;
		margin-right: 2px;
		padding-top: 5px;
		width: 160px;
		text-align: center;
		background-color:#0E62BC;
	}
	.header-menu .center>ul>li:hover>ul>li>a{
		font-size: 16px;
		text-decoration: none;
		color: #666;
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 0 12px;
		border-bottom: 1px solid #f5f5f5;
		text-align: left;
		transition: all .5s;
		-webkit-transition: all .5s;
		-ms-transition: all .5s;
	}
	.header-menu .right a{
		font-size: 16px;
		text-decoration: none;
		color: #fff;
		position: absolute;
		right: 99px;
		top: 42px;
	}
	.header-menuselected{
		width:100%;
		position: fixed;
		height: 70px;
		background-color: #fff;
		z-index: 999;
	}
	.header-menuselected .left{
		position: absolute;
		width: 280px;
		height: 70px;
		top: 11.5px;
		left: 12px;
	}
	.header-menuselected .left img{
		width: 280px;
		height: 47px;
	}
	.header-menuselected .center{
		width: 1024px;
		margin: 0px auto 0px auto;
		height: 70px;
	}
	.header-menuselected .center>ul{
		zoom:1; float:left;
		list-style-type: none;
		margin: 0px;
		margin-top: 6px;
	}
	.header-menuselected .center>ul>li{
		float: left;
		margin-right: 2px;
		padding-top: 9px;
		width: 120px;
		text-align: center;
		position: relative;
	}
	.header-menuselected .center>ul>li>.titlback{
		display: none;
		position: absolute;
		top: 48px;
		left: 6px;
		height: 1px;
		background-color: #7f7f7f;
		width: 92%;
	}
	.header-menuselected .center>ul>li:hover>.titlback{
		display: block;
		position: absolute;
		position: absolute;
		top: 48px;
		left: 6px;
		height: 1px;
		background-color: #7f7f7f;
		width: 92%;
		animation: fadeIn 0.2s ease-out forwards;;
	}
	.header-menuselected .center>ul>li>a{
		color: #0E62BC;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		display: block;
		text-align: center;
		padding: 14px 0;
		text-decoration: none;
		height: 16px;
		line-height: 16px;
		position: relative;
	}
	.header-menuselected .center>ul>li>a img{
		width: 24px;
		height: 24px;
		position: absolute;
		top: 11px;
	}
	.header-menuselected .center>ul>li>a span{
		margin-top: -2px;
	}
	.header-menuselected .center>ul>li>ul{
		animation: fadeIn1 0.5s ease-out forwards;
		display: none;
	}
	.header-menuselected .center>ul>li:hover>ul{
		width: 160px;
		animation: fadeIn1 0.3s ease-out forwards;
		display: block;
		margin: 20px 0px 0px -10px;
		padding: 0px;
		display: flex;
		flex-direction: column;
		list-style-type: none;
		background-color: #fff;
		text-align: center;
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
		-webkit-transition: all .4s ease-out;
		-ms-transition: all .4s ease-out;
		transition: all .4s ease-out;
		-webkit-transform: translate3d(0, 40px, 0);
		-ms-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	.header-menuselected .center>ul>li:hover>ul>li{
		float: left;
		margin-right: 2px;
		padding-top: 5px;
		width: 160px;
		text-align: center;
	}
	.header-menuselected .center>ul>li:hover>ul>li:hover{
		float: left;
		margin-right: 2px;
		padding-top: 5px;
		width: 160px;
		text-align: center;
		background-color:#0E62BC;
	}
	.header-menuselected .center>ul>li:hover>ul>li>a{
		font-size: 16px;
		text-decoration: none;
		color: #666;
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 0 12px;
		border-bottom: 1px solid #f5f5f5;
		text-align: left;
		transition: all .5s;
		-webkit-transition: all .5s;
		-ms-transition: all .5s;
	}
	.header-menuselected .right .queryTitle{
		font-size: 16px;
		text-decoration: none;
		color: #000;
		position: absolute;
		right: 198px;
		top: 7px;
	}
	.header-menu .right .queryTitle{
		font-size: 16px;
		text-decoration: none;
		color: #000;
		position: absolute;
		right: 198px;
		top: 17px;
	}
	.header-menu .right .queryTitle>.title1{
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 500;
		font-size: 16px;
		color: #333333;
		line-height: 14px;
		height: 20px;
		text-align: left;
	}
	.header-menu .right .queryTitle>.title2{
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		line-height: 24px;
		text-align: left;
		height: 20px;
	}
	.header-menuselected .right .queryTitle>.title1{
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 500;
		font-size: 16px;
		color: #333333;
		line-height: 14px;
		height: 20px;
		text-align: left;
	}
	.header-menuselected .right .queryTitle>.title2{
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		line-height: 24px;
		text-align: left;
		height: 20px;
	}
	.header-menuselected .right a{
		font-size: 16px;
		text-decoration: none;
		color: #000;
		position: absolute;
		right: 99px;
		top: 42px;
	}
	.header-search {
		position: absolute;
		top: 0px;
		right: 10px;
		width: 180px;
		transition: all .3s;
	}
	.header-search dl {
		position: relative;
		border: 1px solid #0E62BC;
		border-radius: 100em;
	}
	.header-search dl dd {
		margin-right: 50px;
		margin-left: 15px;
	}
	.header-search dl dd input[type="text"] {
		width: 100%;
		height: 38px;
		color: #a5bde1;
		line-height: 38px;
		border: none;
		background: none;
	}
	.header-search dl dd input:focus {
		border-color: #0E62BC;
		box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
	}
	.header-search dl dt.button {
		position: absolute;
		top: -1px;
		right: -3px;
		bottom: -1px;
		width: 40px;
		cursor: pointer;
		background: #0E62BC;
		border-radius: 50%;
	}
	.header-search dl dt.button input {
		border: 0;
		background: none;
	}
	.header-search dl dt.button img {
		display: block;
		width: 100%;
		height: auto;
		margin-top: -19px;
	}
	.header-menuselected>.left>.left1{
		display: block;
	}
	.header-menuselected>.left>.left2{
		display: none;
	}
	.header-banner{
		width:100%;
		height:100vh;
		overflow: hidden;
	}
	.header-banner img{
		width:100%;
		height:100vh;
	}
