@media screen and ( min-width: 1450px ){
	*{
		margin: 0;
		padding: 0;
	}
	li{
		list-style: none;
	}
	a{
		text-decoration:none
	} 
	
	.ANAV{
		position: relative;
	}
	
	.application{
		width: 80px;
		height: 40px;
		background-color: #096ac6;
		/* opacity:0.6; */
		border-radius: 4px;
		position: relative;
	}
	.application:hover{
		background-color:#01267d;
	}
	.application_img{
		position: absolute;
		top: 13px;
		left: 12px;
	}
	.application_text{
		font-size: 14px;
		color: white;
		position: absolute;
		top: 10px;
		right: 12.5px;
	}
	.Fnav{
		display: none;
		float:left;
		left: -200px;
		/* position: relative; */
		height: 600px;
		width: 0px;
		background-color: #011b51;
		font-size: 0;
		border-right: 1px solid #0b4697;
		overflow: hidden auto
	}
	.FnavM{
	/* 	background-color: black; */
		/* height: 600px; */
		font-size: 0;
	}
	.Fli:hover{
		background-color: #022a6f;
	}
	.Flitest{
		width: 180px;
		display: inline-block;
		color: white;
		line-height: 36px;
		font-size: 14px;
		margin-left: 20px;
		margin-bottom: -10px;
	}
	.Flitest:hover{
		color: white !important;
	}
	.Fliimg{
		display: inline-block;
		float: right;
		margin-top: 15.5px;	
		margin-right: 25px;
	}
	.showmenu{
		display: none;
		float:left;
		font-size: 0;
		height: 600px;
		overflow: hidden;
		/* width: 0px; */
		background:url(../img/bg.png) no-repeat;
	}
	.separate{
		/* display: none; */
		height: 600px;
		/* width: 410px; */
		border-right: 1px solid #0b4697;
		float: left;
	}
	.separate-1{
		display: none;
		/* width: 410px; */
	}
	.separate-2{
		display: none;
		/* width: 410px; */
	}
	.separate-3{
		display: none;
		/* width: 410px; */
	}
	.separate-4{
		display: none;
		/* width: 410px; */
	}
	.separatetop{
		height: 30px;
		margin-top: 24px;
		margin-left: 30px;
		margin-right: 30px;
		border-bottom: 1.5px solid #0b4697;
		padding-bottom:5px ;
	}
	.separatetop>p{
			line-height: 36px;
			font-size: 14px;
			color: white;
			font-weight: bold;   
			margin-bottom: 5px;
			width: 240px;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			display: inline-block;
	}
	.separatebottom{
		margin-top: 5px;
		height: 500px;
		overflow: auto;
	}
	
	/* .separatebottom::-webkit-scrollbar {婊氬姩鏉℃暣浣撴牱寮�
		width: 6px;     楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄
		height: 1px;
	} */
	
	/* .separatebottom::-webkit-scrollbar-thumb{婊氬姩鏉￠噷闈㈠皬鏂瑰潡
		border-radius: 10px;
		box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
		background: #5A71A2;
	} */
	
	/* .separatebottom::-webkit-scrollbar-track{
		box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
		border-radius: 10px;
	
	} */
	
	.liseparate{
		margin-left: 30px;
		position: relative;
		width: 250px;
		height: 30px;
	}
	
	.liseparate:hover {
		background-color: rgba(40,181,227,0.25);
	}
	.liseparate:hover a{
		color: white;
		
	}
	.liseparatetest{
		/* width: 249px; */
		display: inline-block;
		color: white;
		font-size: 14px;
		position: relative;
	}
	.liseparatetest>p{
		line-height: 30px;
		clear: both;
		max-width: 195px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		display: inline-block;
	}
	.liseparateimg{
		float: right;
		display: inline-block;
		margin-top: 13px;
		margin-right: 0px;
	}
	.introduce{
		/* position: absolute;
		left: 220px; */
		margin-bottom: 50px;
		margin-left: 15px;
		display: inline-block;
	}
	.IntroduceShow{	
		float:left;
		display: none;
		height: 600px;
		width: 1240px;
		overflow: hidden;
		/* width: 0px; */
		background:url(../img/bg.png) no-repeat;
	}
	.IntroduceShow>.top{
		width: 1230px;
		height:33px;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 35px;
		margin-bottom: 25px;
	}
	.IntroduceShow>.top>.tittle{
		color: white;
		font-size: 24px;
		font-weight: 500;
		float: left;
	}
	.IntroduceShow>.top>.Inclose{
		/* background-color: white; */
		color: white;
		font-size: 14px;
		float: right;
	}
	.IntroduceShow>.bottom{
		margin-top: 50px;
		width: 1135px;
		height: 450px;
		background: rgba(184,240,254,0.4);
		margin-left: 50px;
		margin-right: 50px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 18px;
		margin-bottom: 30px;
	}
	.IntroduceShow>.bottom>h2{
		color: white;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.IntroduceShow>.bottom>p{
		color: white;
		font-size: 16px;
		line-height: 28px;
	}
	.download{
		color: white;
		font-size: 24px;
		line-height: 28px;
		padding-top: 50px;
	}
	.IntroduceShow>.bottom>.downloadtext>p{
		color: #5dddfd;
		font-size: 14px;
		line-height: 28px;
	}
}
@media screen and ( max-width: 1450px ) and ( min-width: 1100px ){
	*{
		margin: 0;
		padding: 0;
	}
	li{
		list-style: none;
	}
	a{
		text-decoration:none
	} 
	
	.ANAV{
		position: relative;
	}
	
	.application{
		width: 60px;
		height: 30px;
		background-color:#096ac6 ;
		/* opacity:0.6; */
		border-radius: 3px;
		position: relative;
	}
	.application:hover{
		background-color:#01267d;
	}
	.application_img{
		position: absolute;
		top: 9px;
		left: 9px;
	}
	.application_text{
		font-size: 10px;
		color: white;
		position: absolute;
		top: 7.5px;
		right: 9.3px;
	}
	.Fnav{
		display: none;
		float:left;
		left: -200px;
		/* position: relative; */
		height: 450px;
		width: 0px;
		background-color: #011b51;
		font-size: 0;
		border-right: 1px solid #0b4697;
		overflow: hidden auto
	}
	.FnavM{
	/* 	background-color: black; */
		/* height: 600px; */
		font-size: 0;
	}
	.Fli:hover{
		background-color: #022a6f;
	}
	.Flitest{
		width: 135px;
		display: inline-block;
		color: white;
		line-height: 24px;
		font-size: 10.5px;
		margin-left: 15px;
		margin-bottom: -7.5px;
	}
	.Flitest:hover{
		color: white !important;
	}
	.Fliimg{
		display: inline-block;
		float: right;
		margin-top: 12px;	
		margin-right: 18px;
	}
	.showmenu{
		display: none;
		float:left;
		font-size: 0;
		height: 450px;
		overflow: hidden;
		/* width: 0px; */
		background:url(../img/bg.png) no-repeat;
	}
	.separate{
		/* display: none; */
		height: 450px;
		/* width: 410px; */
		border-right: 1px solid #0b4697;
		float: left;
	}
	.separate-1{
		display: none;
		/* width: 410px; */
	}
	.separate-2{
		display: none;
		/* width: 410px; */
	}
	.separate-3{
		display: none;
		/* width: 410px; */
	}
	.separate-4{
		display: none;
		/* width: 410px; */
	}
	.separatetop{
		height: 22.5px;
		margin-top: 18px;
		margin-left: 22.5px;
		margin-right: 22.5px;
		border-bottom: 1.5px solid #0b4697;
		padding-bottom:1px ;
	}
	.separatetop>p{
			line-height: 27px;
			font-size: 10.5px;
			color: white;
			font-weight: bold;   
			margin-bottom: 1.2px;
			width: 180px;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			display: inline-block;
	}
	.separatebottom{
		margin-top: 3.75px;
		height: 375px;
		overflow: auto;
	}
	
	/* .separatebottom::-webkit-scrollbar {婊氬姩鏉℃暣浣撴牱寮�
		width: 6px;     楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄
		height: 1px;
	} */
	
	/* .separatebottom::-webkit-scrollbar-thumb{婊氬姩鏉￠噷闈㈠皬鏂瑰潡
		border-radius: 10px;
		box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
		background: #5A71A2;
	} */
	
	/* .separatebottom::-webkit-scrollbar-track{
		box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
		border-radius: 10px;
	
	} */
	
	.liseparate{
		margin-left: 22.5px;
		position: relative;
		width: 187.5px;
		height: 22.5px;
	}
	
	.liseparate:hover {
		background-color: rgba(40,181,227,0.25);
	}
	.liseparate:hover a{
		color: white;
		
	}
	.liseparatetest{
		/* width: 249px; */
		display: inline-block;
		color: white;
		font-size: 10.5px;
		position: relative;
	}
	.liseparatetest>p{
		line-height: 22.5px;
		clear: both;
		max-width: 146px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		display: inline-block;
	}
	.liseparateimg{
		float: right;
		display: inline-block;
		margin-top: 9px;
		margin-right: 0px;
	}
	.introduce{
		/* position: absolute;
		left: 220px; */
		margin-bottom: 40px;
		margin-left: 12px;
		display: inline-block;
		width: 16px;
	}
	.IntroduceShow{	
		float:left;
		display: none;
		height: 450px;
		width: 940px;
		overflow: hidden;
		/* width: 0px; */
		background:url(../img/bg.png) no-repeat;
	}
	.IntroduceShow>.top{
		width: 940px;
		height:23px;
		padding-left: 38px;
		padding-right: 38px;
		padding-top: 27px;
		margin-bottom: 18px;
	}
	.IntroduceShow>.top>.tittle{
		color: white;
		font-size: 18px;
		font-weight: 500;
		float: left;
	}
	.IntroduceShow>.top>.Inclose{
		/* background-color: white; */
		color: white;
		font-size: 10.5px;
		float: right;
	}
	.IntroduceShow>.bottom{
		margin-top: 37.5px;
		width: 850px;
		height: 337px;
		background: rgba(184,240,254,0.4);
		margin-left: 37.5px;
		margin-right: 37.5px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 13.5px;
		margin-bottom: 22.5px;
	}
	.IntroduceShow>.bottom>h2{
		color: white;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.IntroduceShow>.bottom>p{
		color: white;
		font-size: 12px;
		line-height: 21px;
	}
	.download{
		color: white;
		font-size: 18px;
		line-height: 21px;
		padding-top: 37.5px;
	}
	.IntroduceShow>.bottom>.downloadtext>p{
		color: #5dddfd;
		font-size: 10.5px;
		line-height: 21px;
	}
}
@media screen and ( max-width: 1100px ){
	*{
		margin: 0;
		padding: 0;
	}
	li{
		list-style: none;
	}
	a{
		text-decoration:none
	} 
	
	.ANAV{
		position: relative;
	}
	
	.application{
		width: 60px;
		height: 30px;
		background-color:#096ac6 ;
		/* opacity:0.6; */
		border-radius: 3px;
		position: relative;
	}
	.application:hover{
		background-color:#01267d;
	}
	.application_img{
		position: absolute;
		top: 7px;
		left: 7px;
	}
	.application_text{
		font-size: 10px;
		color: white;
		position: absolute;
		top: 5.5px;
		right: 7px;
	}
	.Fnav{
		display: none;
		float:left;
		left: -200px;
		/* position: relative; */
		height: 450px;
		width: 0px;
		background-color: #011b51;
		font-size: 0;
		border-right: 1px solid #0b4697;
		overflow: hidden auto;
	}
	.FnavM{
	/* 	background-color: black; */
		/* height: 600px; */
		font-size: 0;
	}
	.Fli:hover{
		background-color: #022a6f;
	}
	.Flitest{
		width: 120px;
		display: inline-block;
		color: white;
		line-height: 16px;
		font-size: 8px;
		margin-left: 12px;
		height: 26px;
		/* margin-bottom: -5.5px; */
	}
	.Flitest>p{
		margin: 5px !important;
	}
	.Flitest:hover{
		color: white !important;
	}
	.Fliimg{
		display: inline-block;
		float: right;
		margin-top: 9px;	
		margin-right: 13.5px;
	}
	.showmenu{
		display: none;
		float:left;
		font-size: 0;
		height: 450px;
		overflow: hidden;
		/* width: 0px; */
		background:url(../img/bg.png) no-repeat;
	}
	.separate{
		/* display: none; */
		height: 450px;
		/* width: 410px; */
		border-right: 1px solid #0b4697;
		float: left;
	}
	.separate-1{
		display: none;
		/* width: 410px; */
	}
	.separate-2{
		display: none;
		/* width: 410px; */
	}
	.separate-3{
		display: none;
		/* width: 410px; */
	}
	.separate-4{
		display: none;
		/* width: 410px; */
	}
	.separatetop{
		height: 25px;
		margin-top: 13.5px;
		margin-left: 16px;
		margin-right: 16px;
		border-bottom: 1.5px solid #0b4697;
		padding-bottom:1px ;
	}
	.separatetop>p{
			line-height: 20px;
			font-size: 14px;
			color: white;
			font-weight: bold;   
			margin-bottom: 0.8px;
			width: 135px;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			display: inline-block;
	}
	.separatebottom{
		margin-top: 2.8px;
		height: 385px;
		overflow: auto;
	}
	
	/* .separatebottom::-webkit-scrollbar {婊氬姩鏉℃暣浣撴牱寮�
		width: 6px;     楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄
		height: 1px;
	} */
	
	/* .separatebottom::-webkit-scrollbar-thumb{婊氬姩鏉￠噷闈㈠皬鏂瑰潡
		border-radius: 10px;
		box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
		background: #5A71A2;
	} */
	
	/* .separatebottom::-webkit-scrollbar-track{
		box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
		border-radius: 10px;
	
	} */
	
	.liseparate{
		margin-left: 16px;
		position: relative;
		width: 175px;
		height: 24px;
	}
	
	.liseparate:hover {
		background-color: rgba(40,181,227,0.25);
	}
	.liseparate:hover a{
		color: white;
		
	}
	.liseparatetest{
		/* width: 249px; */
		display: inline-block;
		color: white;
		font-size: 8px;
		position: relative;
	}
	.liseparatetest>p{
		line-height: 16px;
		clear: both;
		max-width: 140px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		display: inline-block;
		margin-bottom: 5px;
	}
	.liseparateimg{
		float: right;
		display: inline-block;
		margin-top: 7.5px;
		margin-right: 0px;
	}
	.introduce{
		/* position: absolute;
		left: 220px; */
		margin-bottom: 30px;
		margin-left: 9px;
		display: inline-block;
		width: 12px;
		margin-top: 3px;
	}
	.IntroduceShow{	
		float:left;
		display: none;
		height: 450px;
		width: 712px;
		overflow: hidden;
		/* width: 0px; */
		background:url(../img/bg.png) no-repeat;
	}
	.IntroduceShow>.top{
		width: 712px;
		height:28.5px;
		padding-left: 28.5px;
		padding-right: 28.5px;
		padding-top: 21px;
		margin-bottom: 13.5px;
	}
	.IntroduceShow>.top>.tittle{
		color: white;
		font-size: 18px;
		font-weight: 500;
		float: left;
	}
	.IntroduceShow>.top>.Inclose{
		/* background-color: white; */
		color: white;
		font-size: 7.5px;
		float: right;
	}
	.IntroduceShow>.bottom{
		margin-top: 28px;
		width: 637px;
		height: 350px;
		background: rgba(184,240,254,0.4);
		margin-left: 30px;
		margin-right: 28px;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 10px;
		margin-bottom: 16px;
	}
	.IntroduceShow>.bottom>h2{
		color: white;
		font-size: 13.5px;
		margin-bottom: 7.5px;
	}
	.IntroduceShow>.bottom>p{
		color: white;
		font-size: 10px;
		line-height: 18px;
	}
	.download{
		color: white;
		font-size: 13.5px;
		line-height: 15px;
		padding-top: 28px;
	}
	.IntroduceShow>.bottom>.downloadtext>p{
		color: #5dddfd;
		font-size: 7.5px;
		line-height: 14px;
	}
}