#bgimg{
	left: -33%;
	width: 148.073%;
	margin-top: 48.958%;
}
@keyframes bglogomove{
	0%,100%{
		transform: translate(0,0);
	}
	25%{
		transform: translate(-10vw,10vw);
	}
	50%{
		transform: translate(0vw,15vw);
	}
	75%{
		transform: translate(10vw,10vw);
	}
}

.banner .inner{
    padding-bottom: 17.5em;
}
.banner .scroll-box{
    overflow-x: auto;
    overflow-y: hidden;
}
.banner .list{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 4em;
}
.banner .list a{
    display: block;
    border: 1px solid rgba(153,153,153,0.3);
    border-radius: 0.625em;
    padding: 0.75em 1.5em;
    margin-right: 1.375em;
    color: #fff;
    transition: background-color 0.5s,border-color 0.5s,color 0.5s;
    flex-shrink: 0;
}
.banner .list a:last-child{
    margin-right: 0;   
}
.banner .list a.active{
    border-color: #fff;
    background-color: #fff;
    color: #1f286f;
}
.banner .list a span{
    font-size: 1.125em;
}
.sec1 .inner{
	padding-left: 5.73%;
	padding-right: 5.73%;
  	padding-top: 6.5%;
  	padding-bottom: 4.6875%;
}
.sec1 h2{
    text-align: center;
	margin-bottom: 3.95%;
	font-size: 3em;
	color: #333;
	font-weight: 500;
	line-height: 1.5625;
}
.sec1 .content{
    color: #333;
    line-height: 1.78;
    padding-top: 3.625em;
  	text-align: justify;
}
.sec1 .content img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.sec1 .content li{
    margin-bottom: 3.75em;
}
.sec1 .content li:last-child{
    margin-bottom: 0;
}
.sec1 .content h4{
    font-size: 1.625em;
    font-weight: 500;
    margin-bottom: 1em;
}
.sec1 .content h5{
    font-size: 1.125em;
    color: #f08300;
    margin-top: 2.2em;
    margin-bottom: 1.3em;
}
.sec1 .content p{
    font-size: 1.125em;
    margin-bottom: 0.56em;
}
.sec1 .content p.imgtip{
    color: #999;
    text-align: center;
    font-size: 0.875em;
    margin-top: 1em;
}
.sec1 .content p:last-child{
    margin-bottom: 0;
}
@media only screen and (max-width:1024px){
    .banner .list a:hover{
        border-color: #fff;
        background-color: #fff;
        color: #1f286f;
    }
}

@media only screen and (max-width:1024px){
	#bgimg{
		display: none;
	}
    .banner .inner{
        padding-bottom: 2em;
    }
    .banner .scroll-box{
        margin-left: -13vw;
        margin-right: -13vw;
    }
    .banner .list{
        justify-content: flex-start;
        margin-top: 2em;
        padding: 0 1em;
    }
    .banner .list a{
        font-size: 0.75em;
    }
    .banner .list a span{
        font-size: 1em;
    }
	.sec1 .inner{
		padding-left: 0;
		padding-right: 0;
	  	padding-top: 15%;
	  	padding-bottom: 5%;
	}
    .sec1 h2{
    	font-size: 1.5em;
    }
	.sec1 .content{
		font-size: 0.875em;
		padding-top: 3em;
	}
	.sec1 .content li{
	    margin-bottom: 3em;
	}
    .sec1 .content h4{
        font-size: 1.5em;
        line-height: inherit;
    }
    .sec1 .content h5{
        font-size: 1em;
    }
    .sec1 .content p{
        font-size: 1em;
    }
    .sec1 .content p.imgtip{
        font-size: 0.75em;
    }
}