* { margin: 0px; padding: 0px; }
body {background: url(../images/pi_01.jpg) center top no-repeat,url(../images/pi_02.jpg) center 923px no-repeat,url(../images/pi_03.jpg) center 2670px no-repeat,url(../images/pi_04.jpg) center 4608px no-repeat,url(../images/pi_05.png) center 6284px no-repeat;background-repeat:no-repeat;-webkit-text-size-adjust: none;font-family: "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}

html {min-width: 1200px; }
.wraper {width: 100%;margin: 0 auto;min-width: 1200px}
.wrap {width: 1200px; margin: 0px auto; }
.fl {float: left; }
.fr {float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a {text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un {transition: all 0.3s ease-out 0s; }
.none {display: none; }
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.flex{display: flex;}
.column{flex-direction: column;}
/* animation */
.pulse{animation-name: pulse;
	-webkit-animation-name: pulse;	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;}
@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.8;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.8;	
	}			
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;	
	}			
}
.swing:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}
.top .logo{margin-top: 30px; margin-left: 40px;}
.top article{box-sizing: border-box;padding: 30px 40px;margin-top: -10px;color: #333;line-height: 22px;font-size: 14px;text-indent: 2em;width: 712px;}
.top ul{display: flex; margin-top: 30px;}
.top ul li{width: 318px; height: 318px; background: url(../images/a1.png) center no-repeat; box-sizing: border-box; padding: 33px 27px 0;}
.top ul li div{width: 38px; height: 2px; background-color: #004aa7; margin: 12px 0;}
.top ul li h2{ font-size: 22px;color: #004aa7;}
.top ul li p{font-size: 12px; line-height: 24px;}
.top ul li:hover{background: url(../images/a2.png) center no-repeat; color: #fff;}
.top ul li:hover h2{color: #fff;}
.top ul li:hover div{background-color: #fff;}

.title{font-size: 32px; text-align: center; font-weight: bold; color: #004aa7; line-height: 70px; margin: 35px auto;}
.title.tit1{background: url(../images/titbg1.png) center no-repeat;}
.title.tit2{background: url(../images/titbg3.png) center no-repeat;}

.date{background-color: #004aa7; color: #fff;text-align: center; line-height: 48px; border-radius: 10px; font-size: 20px;}
.course{display: flex; margin-top: 30px;}
.course .subject{font-size: 19px; color: #086ff3; font-weight: bold; margin-top: 90px;}
.course .circle{background: url(../images/circle.png) center no-repeat; min-width: 60px; margin-right: 10px;}
.course .detail{display: flex; flex-direction: column; flex: 1;}
.course .detail .content{width: 1025px; height: 190px; background-color: #fff;background: url(../images/content1.png) center no-repeat; position: relative; box-sizing: border-box; padding: 33px 25px 0 30px;}
.course .detail .content img{margin-right: 10px;}
.course .detail .content:hover{background: url(../images/content.png) center no-repeat; height: 190px;}
.content .bofang{position: absolute; right: 30px;}
.content .bofang a{ background: url(../images/bofang.png) center no-repeat; width: 126px; line-height: 37px; display: inline-block; box-sizing: border-box; padding-left: 35px; color: #825933; font-size: 16px; cursor: pointer;}
.content .article{ width: 835px;}
.content .article h2{font-size: 20px;color: #086ff3;margin-bottom: 13px;max-width: 540px;overflow: hidden;}
.content .article p{font-size: 14px;line-height: 24px;padding-left: 7px;}
.content .article p span{font-weight: bold; margin-right: 10px;}

.resolve ul{display: flex;gap: 1px;}
.resolve ul li{background: url(../images/li.png) center no-repeat; width: 301px; height: 307px; box-sizing: border-box; padding: 63px 10px 0 40px; font-size: 12px; line-height: 23px;}
.resolve ul li h3{color: #004aa7; font-size: 20px; text-align: center; margin-bottom: 10px;}
.resolve ul li span{font-weight: bold;}
.resolve ul li b{width: 4px; height: 4px; background: #004aa7; border-radius: 50%; margin-top: 18px; margin-right: 5px;}
.resolve ul li .content{width: 240px; margin-top: 10px;}

.address{background-color: #fff;display: flex;justify-content: center;flex-direction: column;box-sizing: border-box;padding: 20px;border-radius: 10px; align-items: center; margin-bottom: 100px;}
.address img{width: 100%; display: block; margin-bottom: 14px;}


.research-title {
	color: #004aa7;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	background: url(../images/c.png) center top no-repeat;
	height: 66px;
	line-height: 55px;
	display: block;
	/* margin-top: 50px; */
}

.research-content {
	position: relative;
	width: 1198px;
	height: 400px;
	overflow: hidden;
	border-radius: 0px 0px 10px 10px;
	margin-top: -13px;
	margin-left: 2px;
}

.scroll-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 3924px;
	height: 400px;
	z-index: 1;
	display: flex;
	animation: scrollLeft 240s linear infinite;
}
.group-portrait {width: 3924px;height: 400px;object-fit: cover;flex-shrink: 0;display: flex;}
.group {width: 1962px;height: 400px;object-fit: cover;flex-shrink: 0;}

@keyframes scrollLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-5180px);
	}
}