/* 引导页-3 */
html,body{width: 100%;height:100%;padding: 0;margin:0;overflow-x: hidden;}



.guide-wrap3{width: 100%;height:100%;background: linear-gradient( #021344 0%,#082A7B 100%);display: flex;flex-direction: column;justify-content: center;position: relative;overflow: hidden;}


.guide-logo{padding:0 0 0 12vw;margin-top: -4.166666666666667vw;}
.guide-logo img{height: 3.489vw;}

.guide-line{width:29.5vw;height:0.1vw;background: #fff;margin-top:1.5vw;margin-left:12vw;}

.guide-en{font-size: 0.96vw;color: rgba(255,255,255,0.88);font-family: arial;line-height: 1.8vw;padding:1.6vw 0 0 12vw;}

.guide-link{padding:8.2vw 0 0 9.4vw;position: relative;z-index: 3;}
.guide-link ul{}
.guide-link ul li{display: inline-block;vertical-align: top;text-align: center;padding:0 2.6vw;}
.guide-link ul li a{display: block;}

.guide-link ul li em{display: inline-block;vertical-align: top;width: 6.25vw;height: 6.25vw;background: url('../images/45583@2x.png') no-repeat center rgba(255,255,255,0.1);background-size:auto 50%;border-radius: 1.3vw;border: 1px solid rgba(255,255,255,0.3);}
.guide-link ul li:nth-child(1) em{background-image: url('../images/45583@2x.png');}
.guide-link ul li:nth-child(2) em{background-image: url('../images/45585@2x.png');}
.guide-link ul li:nth-child(3) em{background-image: url('../images/45579@2x.png');}

.guide-link ul li span{display: block;font-size: 0.83vw;line-height:2.083vw;font-weight: bold;color: #fff;}


.guide-link ul li:hover{transform:scale(1.08);}
.guide-link ul li:hover em{background-color:rgba(255,255,255,0.3)}

.guide-footer{width: 100%;position: fixed;bottom:0;left:0;height: 4.1666666666666666vw;background: rgba(0,0,0,0.3);border-top:1px rgba(255,255,255,0.2) solid;box-sizing: border-box;z-index: 100;}
.guide-footer dl{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.guide-footer dl dt{color: rgba(255,255,255,0.5);line-height: 2.08333333333333vw;padding:1.04166666666666vw 0 0 10vw;}
.guide-footer dl dt a{color: rgba(255,255,255,0.5);padding:0 1.04166666666666vw;}
.guide-footer dl dt a:hover{color: #fff;}

.guide-footer dl dd{color: rgba(255,255,255,0.5);line-height: 2.08333333333333vw;padding:1.04166666666666vw 8.9375vw 0 0;}
.guide-footer dl dd a{color: rgba(255,255,255,0.5);}
.guide-footer dl dd a:hover{color: #fff;}


.circle-1{width: 35vw;height: 30vw;background: linear-gradient( 44deg, #015CAA 0%, #003A91 100%);border-radius: 80%;position: absolute;z-index: 0;top:-15vw;right:-12vw;}
.circle-2{width: 7vw;height: 7vw;background: linear-gradient( 90deg, #062267 0%, #083783 100%);border-radius: 50%;position: absolute;z-index: 0;top:60%;left:50%;}
.circle-3{width: 22vw;height: 22vw;background: linear-gradient( 269deg, #0f4093 0%, #0f4093 100%);border-radius: 50%;position: absolute;z-index: 0;bottom:-10vw;left:7.3%;}
.circle-3 em{display:block;width: 14vw;height: 14vw;background: linear-gradient( 269deg, #082877 0%, #072877 100%);border-radius: 50%;position: absolute;z-index: 1;top:50%;left:50%;margin:-7vw 0 0 -7vw;}
.circle-4{width: 30vw;height: 30vw;background: linear-gradient(90deg,rgba(7,40,115,0) 0%, #084394 100%);border-radius: 50%;position: absolute;z-index: 0;bottom:-15vw;right:9%;}
.circle-4 em{display:block;width: 19vw;height: 19vw;background: linear-gradient( 269deg, #072775 0%, #082877 100%);border-radius: 50%;position: absolute;z-index: 1;top:50%;left:50%;margin:-9.5vw 0 0 -9.5vw;}


@media (max-width:800px) {
	
	.guide-logo{margin-top: -20vw;}
	.guide-logo img{width:80%;height: auto;}
	
	.guide-line{width:70%;margin-top:5vw;}
	
	.guide-en{font-size: 2.6vw;line-height: 1.6;padding-top:5vw;}
	
	.guide-link{padding:15vw 0 0 9.4vw;}
	.guide-link ul li{padding:0 2.6vw;}

	.guide-link ul li em{width: 18vw;height: 18vw;border-radius: 5vw;}
	
	.guide-link ul li span{font-size: 2.6vw;line-height:8vw;}
	
	
	.guide-footer{height:auto;padding:3vw;}
	.guide-footer dl dt{width: 100%;padding:0;}
	.guide-footer dl dt a{display: block;font-size: 2.4vw;line-height: 2.4;padding:0;}
	.guide-footer dl dd{width: 100%;padding:0;font-size: 2.4vw;line-height: 2.4;}
	
	.circle-1{width: 55vw;height: 55vw;border-radius: 50%;top:-23vw;right:-15vw;}
	.circle-2{width: 15vw;height: 15vw;top:65%;left:50%;}
	.circle-3{width: 40vw;height: 40vw;bottom:19vw;left:-20.3%;}
	.circle-3 em{width: 26vw;height: 26vw;margin:-13vw 0 0 -13vw;}
	.circle-4{width: 50vw;height: 50vw;bottom: -5vw;right: -25%;background: linear-gradient(90deg,rgba(7,40,115,1) 0%, #084394 100%);}
	.circle-4 em{width: 32vw;height: 32vw;margin:-16vw 0 0 -16vw;}
	
}