@charset"utf-8";
/*1920*/
@media screen and (max-width: 1920px) and (min-width: 1024px){
	.nav li:hover a:after,.nav li:hover a:before,
	.nav li.active a:after,.nav li.active a:before{ width: 100%; }
	.nav.pc li:hover div{ visibility: visible; opacity: 1; top: 80px; }
	.nav.pc li div li:hover a{ color: #ff6600; }
	.loginDiv:hover span{ color: #1ab4d3; }
	.headBut:hover a{ background-color: rgba(255,255,255,1); }

	.indTxt2 dl:hover .ind1Ico1 small{ animation: ico1 0.5s linear 0s 1; -webkit-animation: ico1 0.5s linear 0s 1; -moz-animation: ico1 0.5s linear 0s 1; }
	.indTxt2 dl:hover .ind1Ico1 span img:nth-child(1){ opacity: 0; }
	.indTxt2 dl:hover .ind1Ico1 span img:nth-child(2){ opacity: 1; }
	@keyframes ico1{
		0%{ width: 0; height: 0;}
		100%{ width: 100%; height: 100%; }
	}
	.indTxt1 .indTxtit dl:hover:after{ height: 2px; }
	.indTxt1 .indTxtit dl:hover .ind1Ico span img:nth-child(1){ opacity: 0; }
	.indTxt1 .indTxtit dl:hover .ind1Ico span img:nth-child(2){ opacity: 1; }
	.indTxt1 .indTxtit dl:hover .ind1Ico1 small{ animation: ico1 0.5s linear 0s 1; -webkit-animation: ico1 0.5s linear 0s 1; -moz-animation: ico1 0.5s linear 0s 1; }
	.indTxt1 .indTxtit dl:hover dd{ color: #1fa2dc; }
	@keyframes ico1{
		0%{ width: 0; height: 0;}
		100%{ width: 100%; height: 100%; }
	}
	.indTxt1 .indTxtit dl:hover .ind1Ico2 small{ animation: ico2 0.5s linear 0s 100; -webkit-animation: ico2 0.5s linear 0s 100; -moz-animation: ico2 0.5s linear 0s 100; }
	@keyframes ico2{
		0%{ bottom: 0px; }
		100%{ bottom: 1px; }
	}
	.indTxt1 .indTxtit dl:hover .ind1Ico3 small{ animation: ico3 0.5s linear 0s 1; -webkit-animation: ico3 0.5s linear 0s 1; -moz-animation: ico3 0.5s linear 0s 1; }
	@keyframes ico3{
		0%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }
		100%{ transform: rotate(120deg); -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); }
	}
	.indTxt1 .indTxtit dl:hover .ind1Ico4 small{ animation: ico4 0.5s linear 0s 1; -webkit-animation: ico4 0.5s linear 0s 1; -moz-animation: ico4 0.5s linear 0s 1; }
	@keyframes ico4{
		0%{ bottom: 0; }
		60%{ bottom: 2px; }
		100%{ bottom: 0; }
	}
	.indTxt1 .indTxtit dl:hover .ind1Ico5 small{ animation: ico5 0.5s linear 0s 1; -webkit-animation: ico5 0.5s linear 0s 1; -moz-animation: ico5 0.5s linear 0s 1; }
	@keyframes ico5{
		0%{ width: 0; }
		100%{ width: 100%; }
	}
	.indTxt1 .indTxtit dl:hover .ind1Ico6 small{ animation: ico6 0.5s linear 0s 1; -webkit-animation: ico6 0.5s linear 0s 1; -moz-animation: ico6 0.5s linear 0s 1; }
	@keyframes ico6{
		0%{ width: 0; }
		100%{ width: 100%; }
	}
	.indTxt2 dl:hover span img:nth-child(2){ top: -4px; left: -4px; }
	.indTxt2 dl:hover h3{ color: #1fa2dc; top: -5px; }
	.indTxt3 li:hover{ box-shadow: 0 0 20px 5px #f3f3f3;}
	.appFor a:hover{ background-color: rgba(255,255,255,.3); }
	.porTxt1 .da-thumbs>li:hover h3,.porTxt1 .da-thumbs>li:hover p,.porTxt1 .da-thumbs>li:hover span{ color: #fff; }
	.porTxt1 .da-thumbs>li:hover .porliTit img:nth-child(2){ opacity: 1; }
	.porTxt3 p a:hover{ margin-left: 10px; }
	.caseTxt1 dl:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
	.caseTxt1 dl:hover dd h3{ color: #1fa2dc; }
	.vfpNav ul li:hover a{ color: #1fa2dc; }
	.vfpNav ul li:hover a:after{ opacity: 1; bottom: 0; }
	.supTxt1 dl:hover dd h3{ margin-top: -10px; }
	.supTxt1 dl:hover dt img:nth-child(2){ animation: supico1 0.7s linear 0s 5; -webkit-animation: supico1 0.7s linear 0s 5; -moz-animation: supico1 0.7s linear 0s 5; }
	.supTxt1 dl:hover dt img:nth-child(3){ animation: supico2 0.7s linear 0s 5; -webkit-animation: supico2 0.7s linear 0s 5; -moz-animation: supico2 0.7s linear 0s 5; }
	.supTxt1 dl:nth-child(3):hover dt img:nth-child(4){ animation: supico1 0.7s linear 0s 5; -webkit-animation: supico1 0.7s linear 0s 5; -moz-animation: supico1 0.7s linear 0s 5; }
	.supTxt1 dl:nth-child(3):hover dt img:nth-child(5){ animation: supico2 0.7s linear 0s 5; -webkit-animation: supico2 0.7s linear 0s 5; -moz-animation: supico2 0.7s linear 0s 5; }
	@keyframes supico1{
		0%{ opacity: 1; }
		60%{ opacity: 0.2; }
		100%{ opacity: 1; }
	}
	@keyframes supico2{
		0%{ opacity: 0.2; }
		60%{ opacity: 1; }
		100%{ opacity: 0.2; }
	}
	.supTxt2 dl:hover dt small{ width: 100%; }
	.supTxt2 dl:nth-child(1):hover img:nth-child(3){ animation: supimg1 1s ease 0s 1; -webkit-animation: supimg1 1s ease 0s 1; -moz-animation: supimg1 1s ease 0s 1; }
	.supTxt2 dl:nth-child(1):hover img:nth-child(4){ animation: supimg2 1s ease 0s 1; -webkit-animation: supimg2 1s ease 0s 1; -moz-animation: supimg2 1s ease 0s 1; }
	@keyframes supimg1{
		0%{ opacity: 0; left: -15px; }
		100%{ opacity: 1; left: 0; }
	}
	@keyframes supimg2{
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}
	.supTxt2 dl:nth-child(2):hover img:nth-child(3){ animation: supimg3 1s ease 0s 1; -webkit-animation: supimg3 1s ease 0s 1; -moz-animation: supimg3 1s ease 0s 1; }
	.supTxt2 dl:nth-child(2):hover img:nth-child(4){ animation: supimg3 1s ease 0s 1; -webkit-animation: supimg3 1s ease 0s 1; -moz-animation: supimg3 1s ease 0s 1; }
	@keyframes supimg3{
		0%{ opacity: 0; top: 15px; }
		100%{ opacity: 1; top: 0; }
	}
	.supTxt2 dl:nth-child(3):hover img:nth-child(3){ animation: supimg4 1s ease 0s 1; -webkit-animation: supimg4 1s ease 0s 1; -moz-animation: supimg4 1s ease 0s 1; }
	@keyframes supimg4{
		0%{ opacity: 0; top: 15px; left: -15px; }
		100%{ opacity: 1; top: 0; left: 0; }
	}
	.instiTxt1 dl:hover{ box-shadow: 0 0 10px 5px #ecf0f6; }
	.instiTxt1 dl:hover dt img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
	.instiTxt1 dl:hover dd h3{ color: #1fa2dc; }
	.instiTxt1 dl:hover dd h3:after{ width: 100%; }
	.instiList dl:hover dd h3{ color: #1fa2dc; }
	.instiList dl:hover>div:after{ width: 100%; }
	.instiList dl:hover{ background-color: #f7faff; }
	.instiList dl:hover dd div span{ margin-right: 0; opacity: 1; }
	.abouTxt2 ul li:hover span{ top: -10px; color: #1fa2dc; }
	.abouTxt2 ul li:hover small{ background-color: #1fa2dc; border-color: #1fa2dc; }
	.activeList dl:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
	.activeList dl:hover dd{ color: #1fa2dc; }
	.pages p a:hover .col{ margin-right: 10px; }
	.footRig ul li:hover a{ color: #1fa2dc; }
	.porTxt3 dl:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
	.porTxt3 dl:hover h3{ color: #1fa2dc; }
	.msupTxt1 dl:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
}
/*1440*/
@media screen and (max-width: 1440px){
	.fk-box>div{ padding: 40px 50px; }
	.fk-div h2{ font-size: 30px; }
	.fk-div p{ font-size: 14px; line-height: 26px; margin: 20px 0 35px; }
	.fk-box a{ width: 170px; height: 50px; line-height: 48px; font-size: 16px; }
}
/*1280*/