@charset "utf-8";
.home-banner{
	width: 100%;
	min-height: 6.08rem;
	position: relative;
}
.home-banner .hd{
	position: absolute;
	left: 0;
	bottom: clamp(12px, 1.041666vw, 20px);
	text-align: center;
	width: 100%;
	z-index: 100;
}
.home-banner .hd ul{
	display: inline-flex;
	border-top: 1px dashed rgb(0,136,254, .5);
}
.home-banner .hd li{
	width: clamp(6px, .5208333vw, 10px);
	height: clamp(6px, .5208333vw, 10px);
	background: #0088fe;
	opacity: 0.5;
	border-radius: clamp(6px, .5208333vw, 10px);
	margin: 0 clamp(8.4px, .7291666vw, 14px);
	font-size: 0;
}
.home-banner .hd li.on{
	opacity: 1;
	width: clamp(15.6px, 1.3541666vw, 26px);
	height: clamp(15.6px, 1.3541666vw, 26px);
	background: url(../images/icon_on.png);
	background-size: 100%;
	position: relative;
	top: clamp(-8.4px, -.7291666vw, -14px);
}
.home-banner .bd{
	width: 100%;
	overflow: hidden;
}
.home-banner .bd li{
	width: 100%;
	height: clamp(364.8px, 31.6666, 608px);
	overflow: hidden;
}
.home-banner .bd li.active img{
	transform:scale(1.01);
}
.home-banner .bd img{
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	transform:scale(1.2);
	transition: all 5s ease-in-out;
	display: block;
}
.news-column{
	width: 100%;
	min-height: clamp(48px, 4.1666vw, 80px);
	padding: 0 clamp(46.8px, 4.0625vw, 78px) 0 1.32rem;
	position: relative;
}
.news-column__icon{
	width: clamp(32.4px, 2.8125vw, 54px);
	height: clamp(32.4px, 2.8125vw, 54px);
	background: url(../images/icon_gonggao.png);
	background-size: 100%;
	position: absolute;
	top: clamp(7.2px, .625vw, 12px);
	left: clamp(46.8px, 4.0625vw, 78px);
}
.news-column .bd{
	overflow: hidden;
	padding: clamp(14.4px, 1.25vw, 24px) 0;
	height: clamp(48px, 4.1666vw, 80px);
	display: flex;
	align-items: center;
}
.news-column .tempWrap{
	width: 100%;
}
.news-column li{
	width: 100%;
	height: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.news-column li>span{
	border-right: 1px solid #e1e1e1;
	width: 50%;
	height: 14px;
	box-sizing: border-box;
	padding-left: clamp(27px, 2.34375vw, 45px);
	padding-right: 1.15rem;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	left: 1px;
}
.news-column li>span:after{
	content: '';
	width: clamp(4.8px, .41666vw, 8px);
	height: clamp(4.8px, .41666vw, 8px);
	border-radius: clamp(4.8px, .41666vw, 8px);
	background: #0088fe;
	position: absolute;
	top: 3px;
	left: .3rem;
}
.news-column li a{
	display: block;
	color: #505050;
	font-size: clamp(12px, 1.041666vw, 20px);
	width: 100%;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.news-column li a:hover{
	color: #0088fe;
}
.news-column li i{
	font-size: clamp(12px, .8333vw, 16px);
	color: #999;
	position: absolute;
	top: 0;
	right: clamp(27px, 2.34375vw, 45px);
	height: 100%;
	display: flex;
	align-items: center;
}
.information{
	width: 100%;
	overflow: hidden;
	background: #f7f7f7;
	padding: clamp(18px, 1.5625vw, 30px) clamp(46.8px, 4.0625vw, 78px) clamp(21.6px, 1.875vw, 36px);
}
.home_ad{
	width: 100%;
	height: auto;
	clear: both;
	padding-top: clamp(21.6px, 1.875vw, 36px);
}
.information_slide{
	width: 8.14rem;
	height: 5.89rem;
	float: left;
	position: relative;
}
.information_slide .bd_box{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.information_slide .bd{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.information_slide .bd .item{
	width: 42vw;
	height: clamp(353.4px, 30.67708333vw, 589px);
	overflow: hidden;
}
.information_slide .bd .item:first-child{
	display: block;
}
.information_slide .bd li{
	width: 42vw;
	height: clamp(353.4px, 30.67708333vw, 589px);
	position: relative;
	overflow: hidden;
}
.information_slide .hd{
	position: absolute;
	right: clamp(12px, 1.041666vw, 20px);
	bottom: clamp(27px, 2.34375vw, 45px);
	z-index: 10;
}
.information_slide .hd li{
	width: clamp(6px, .5208333vw, 10px);
	height: clamp(6px, .5208333vw, 10px);
	border-radius: clamp(6px, .5208333vw, 10px);
	background: rgb(51,51,51,0.5);
	margin-left: clamp(6px, .5208333vw, 10px);
	float: left;
	font-size: 0;
}
.information_slide .hd li.on{
	background: #fff;
}
.information_slide .img-box{
	width: 100%;
	height: 100%;
	width: 8.14rem;
	height: 5.89rem;
	position: relative;
	overflow: hidden;
}
.information_slide .img-box::before {
  content:'';
  pointer-events:none;
  position:absolute;
  top:0;
  left:-75%;
  z-index:2;
  display:block;
  width:50%;
  height:100%;
  background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform:skewX(-25deg)
}
.information_slide .img-box:hover::before {
  animation:effectShine 0.75s
}
@keyframes effectShine {
  100% {
    left:125%
  }
}
.information_slide .img-box img{
	max-width: 100%;
	max-height: 100%;
}
.information_slide .info{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: clamp(87px, 7.55208333vw, 145px);
	background: #0088fe;
	color: #fff;
}
.information_slide .info .time{
	width: clamp(66px, 5.7291666vw, 110px);
	text-align: center;
	padding-top: clamp(25.2px, 2.1875vw, 42px);
	float: left;
}
.information_slide .time b{
	font-size: clamp(20.4px, 1.7708333vw, 34px);
	font-weight: bold;
	display: block;
	padding-bottom: clamp(3px, .260411666vw, 5px);
}
.information_slide .time span{
	font-size: clamp(12px, .9375vw, 18px);
	font-weight: normal;
}
.information_slide .info i{
	width: clamp(12px, 1.041666vw, 20px);
	height: clamp(48px, 4.1666vw, 80px);
	position: absolute;
	bottom: clamp(18px, 1.5625vw, 30px);
	left: clamp(78px, 6.7708333vw, 130px);
	background: url(../images/icon_down.png);
	background-size: 100%; 
}
.information_slide .info p{
	width: 60%;
	float: left;
	margin-top: clamp(25.2px, 2.1875vw, 42px);
	margin-left: clamp(46.8px, 4.0625vw, 78px);
	font-size: clamp(14.4px, 1.25vw, 24px);
	line-height: clamp(20.4px, 1.7708333vw, 34px);
	color: #fff;
}
.information_column{
	width: 9.3rem;
	height: 5.89rem;
	float: right;
	background: #fff;
}
.information_column .hd{
	width: 100%;
	height: clamp(48px, 4.1666vw, 80px);
	background: #cc9933;
	display: flex;
}
.information_column .hd li{
	width: auto;
	height: 100%;
	font-size: clamp(18px, 1.5625vw, 30px);
	color: #fff;
	padding: 0 clamp(11px, 0.941666vw, 16px);
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.information_column .hd li:hover{
	background: #fff;
	color: #0088fe;
	border-top: 3px solid #0088fe;
}
.information_column .hd li.on{
	background: #fff;
	color: #0088fe;
	border-top: 3px solid #0088fe;
}
.information_column .bd_box{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.information_column .bd{
	width: 48vw;
	height: 5.09rem;
	position: relative;
	overflow: hidden;
}
.information_column .bd::-webkit-scrollbar{
	background: #e9e8e8;
	width: 4px;
	height: 4px;
	border-radius: 4px;
}
.information_column .bd::-webkit-scrollbar-thumb{
	background: #0088fe;
	border-radius: 4px; 
	height: 4px; 
	width: 4px;
}
.information_column .bd .item{
	width: 48vw;
	position: relative;
}
.information_column .bd .more{
	position: absolute;
	top: clamp(19.2px, 1.6667vw, 32px);
	right: clamp(27px, 2.34375vw, 45px);
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #222;
	padding: clamp(6px, .5208333vw, 10px) 0;
}
.information_column .bd .more:hover{
	color: #0088fe;
}
.information_column .bd ul{
	padding: clamp(19.2px, 1.6667vw, 32px) clamp(27px, 2.34375vw, 45px) clamp(6px, .5208333vw, 10px);
}
.information_column .bd li{
	width: 100%;
	border-top: 1px solid #eee;
	padding: clamp(6px, .5208333vw, 10px) 0;
	display: block;
}
.information_column .bd li:first-child{
	border: none;
}
.information_column .bd li strong{
	padding-left: clamp(15.6px, 1.3541666vw, 26px);
	position: relative;
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #333;
	line-height: clamp(18px, 1.5625vw, 30px);
	margin-bottom: clamp(7.2px, .625vw, 12px);
	font-weight: normal;
	display: block;
}
.information_column .bd li strong:hover{
	color: #0088fe;
}
.information_column .bd li strong:after{
	content: '';
	width: clamp(4.8px, .41666vw, 8px);
	height: clamp(7.2px, .625vw, 12px);
	position: absolute;
	top: .08rem;
	left: 0;
	background: url(../images/icon_sjx.png);
	background-size: 100%;
}
.information_column .bd li .time{
	display: block;
	font-size: clamp(12px, .8333vw, 16px);
	color: #b6b6b6;
	line-height: clamp(14.4px, 1.25vw, 24px);
	/*margin-bottom: clamp(7.2px, .625vw, 12px);*/
}
.information_column .bd li .time em{
	height: clamp(14.4px, 1.25vw, 24px);
	border-right: 1px solid #999;
	padding-right: clamp(6px, .5208333vw, 10px);
	margin-right: clamp(6px, .5208333vw, 10px);
	font-size: clamp(12px, 1.041666vw, 20px);
}
.information_column .bd li a{
	display: block;
}
.information_column .bd li p{
	font-size: clamp(12px, .9375vw, 18px);
	line-height: clamp(19.2px, 1.6667vw, 32px);
	color: 989898;
}
.decision-consult{
	width: 100%;
	height: 6.8rem;
	overflow: hidden;
	background: url(../images/img_3.png) no-repeat;
	background-size: 100% 100%;
}
.decision_left,.decision_right,.decision_center{
	width: 6.4rem;
	height: 100%;
	padding-top: 2.2rem;
	padding-bottom: 2.4rem;
	float: left;
}
.decision_left .box,.decision_right .box,.decision_center .box{
	text-align: center;
	color: #fff;
}
.decision_right{
	float: right;
}
.decision_left .box strong,.decision_right .box strong,.decision_center .box strong{
	display: block;
	font-size: clamp(15.6px, 1.3541666vw, 26px);
	font-weight: normal;
	padding-bottom: clamp(15.6px, 1.3541666vw, 26px);
}
.decision_left .box span,.decision_right .box span,.decision_center .box span{
	width: clamp(20.4px, 1.7708333vw, 34px);
	height: clamp(3px, .260411666vw, 5px);
	background: #ffc843;
	display: block;
	margin: auto;
	margin-bottom: clamp(15.6px, 1.3541666vw, 26px);
}
.decision_left .box p,.decision_right .box p,.decision_center .box p{
	padding-top: clamp(14.4px, 1.25vw, 24px);
	font-size: clamp(12px, .9375vw, 18px);
	line-height: clamp(18px, 1.5625vw, 30px);
	width: 3.2rem;
	margin: auto;
	text-align: left;
}
.decision_left .box i{
	width: clamp(36px, 3.125vw, 61px);
	height: clamp(39px, 3.38541666vw, 65px);
	display: block;
	margin: auto;
	background: url(../images/icon_baogao.png);
	background-size: 100%;
	margin-bottom: clamp(14.4px, 1.25vw, 24px);
}
.decision_right .box i{
	width: clamp(39px, 3.38541666vw, 63px);
	height: clamp(39px, 3.38541666vw, 66px);
	display: block;
	margin: auto;
	background: url(../images/icon_jiece.png);
	background-size: 100%;
	margin-bottom: clamp(14.4px, 1.25vw, 24px);
}
.decision_center .box i{
	width: clamp(39px, 3.38541666vw, 54px);
	height: clamp(39px, 3.38541666vw, 66px);
	display: block;
	margin: auto;
	background: url(../images/icon_baogao2.png);
	background-size: 100%;
	margin-bottom: clamp(14.4px, 1.25vw, 24px);
}
.decision_center{
	width: 6.4rem;
	height: 100%;
	border-left: 1px solid #4d7cb2;
	border-right: 1px solid #4d7cb2;
	float: left;
}
.decision-consult .item_item:hover .box{
	display: none;
}
.decision-consult .item_item{
	position: relative;
}
.decision-consult .item_item:hover .decision_item{
	opacity: 1;
}
.decision_item{
	position: absolute;
	top: 0;
	left: 0;
	width: 6.4rem;
	height: 100%;
	background: #fff;
	border: 2px solid #cc9933;
	float: left;
	overflow-y: auto;
	opacity: 0;
	transition: all .6s;
}
.decision_item dl{
	padding: 0 clamp(21.6px, 1.875vw, 36px);
}
.decision_item dt{
	padding: clamp(36px, 3.125vw, 60px) 0;
	border-bottom: 1px solid #eee;
	position: relative;
}
.decision_item dt strong{
	color: #0088fe;
	font-size: clamp(18px, 1.5625vw, 30px);
	padding-bottom: clamp(30px, 2.6041666vw, 50px);
	font-weight: normal;
	display: block;
}
.decision_item dt strong:hover{
	text-decoration: underline;
}
.decision_item dt p{
	display: block;
	font-size: clamp(12px, .9375vw, 18px);
	line-height: clamp(18px, 1.5625vw, 30px);
	max-height: clamp(36px, 3.125vw, 60px);
	overflow: hidden;
}
.decision_item dt .more{
	position: absolute;
	top: clamp(36px, 3.125vw, 60px);
	right: 0;
	font-size: clamp(12px, 1.041666vw, 20px);
	color: #0088fe;
}
.decision_item dt .more i{
	width: clamp(4.8px, .41666vw, 8px);
	height: clamp(7.2px, .625vw, 12px);
	background: url(../images/icon_sjx.png);
	background-size: 100%;
	display: inline-block;
	position: relative;
	margin-left: clamp(3px, .260411666vw, 5px);
}
.decision_item dd{
	height: clamp(42px, 3.6485333vw, 70px);
	position: relative;
	padding-right: clamp(48px, 4.1666vw, 80px);
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: relative;
}
.decision_item dd a{
	padding-left: clamp(9.6px, .8333vw, 16px);
	font-size: clamp(12px, .9375vw, 18px);
	color: #666;
	display: block;
	position: relative;
}
.decision_item dd a:after{
	content: '';
	width: clamp(3px, .260411666vw, 5px);
	height: clamp(3px, .260411666vw, 5px);
	border-radius: clamp(3px, .260411666vw, 5px);
	background: #0088fe;
	position: absolute;
	top: clamp(3px, .260411666vw, 5px);
	left: 0;
}
.decision_item dd a:hover{
	color: #0088fe;
}
.decision_item dd .time{
	position: absolute;
	top: 0;
	right: 0;
	font-size: clamp(12px, .8333vw, 16px);
	line-height: clamp(42px, 3.6485333vw, 70px);
}
.decision-reference{
	width: 100%;
	height: auto;
	background: #eaf4ff;
	padding: 0 clamp(46.8px, 4.0625vw, 78px) clamp(42px, 3.6485333vw, 70px);
	position: relative;
}
.decision-reference h3{
	padding: clamp(30px, 2.6041666vw, 50px) 0;
	display: block;
	font-size: clamp(21.6px, 1.875vw, 36px);
	color: #222;
	display: flex;
	align-items: center;
}
.decision-reference h3 span{
	color: #6e6e6e;
	font-size: clamp(12px, 1.041666vw, 20px);
	font-weight: normal;
	position: relative;
	top: clamp(3px, .260411666vw, 5px);
}
.decision-reference .more{
	position: absolute;
	top: clamp(30px, 2.6041666vw, 50px);
	right: clamp(46.8px, 4.0625vw, 78px);
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #222;
	padding-bottom: clamp(6px, .5208333vw, 10px);
	z-index: 20;
}
.decision-reference .more:hover{
	color: #0088fe;
}
.decision-reference .more .icon1{
	width: clamp(13.2px, 1.1458333vw, 22px);
	height: clamp(13.2px, 1.1458333vw, 22px);
	background: url(../images/icon_rr.png);
	background-size: 100%;
	display: inline-block;
	position: relative;
	top: 2px;
}
.decision-reference .more .icon2{
	width: 100%;
	height: clamp(6px, .5208333vw, 10px);
	background: url(../images/icon_3.png);
	background-size: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .6s;
}
.decision-reference .more:hover{
	opacity: 1;
}
.decision-reference .hd{
	position: absolute;
	top: clamp(30px, 2.6041666vw, 50px);
	right: clamp(105px, 9.11458333vw, 175px);
}
.decision-reference .hd li{
	float: left;
	margin-left: 0.45rem;
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #222;
	cursor: pointer;
}
.decision-reference .hd li:hover{
	color: #0088fe;
}
.decision-reference .hd li i{
	width: 100%;
	height: clamp(6px, .5208333vw, 10px);
	display: none;
	background: url(../images/icon_3.png);
	background-size: 100%;
	margin-top: 3px;
}
.decision-reference .hd li.on{
	color: #0088fe;
}
.decision-reference .hd li.on i{
	display: block;
}
.decision-reference .bd{
	width: 100%;
}
.decision-reference .item{
	display: none;
}
.decision-reference .item:first-child{
	display: block;
}
.decision-reference .bd ul{
	width: calc(100% + clamp(24px, 2.08333vw, 40px));
	overflow: hidden;
	position: relative;
	left: -clamp(24px, 2.08333vw, 40px);
}
.decision-reference .bd li{
	width: 25%;
	height: auto;
	padding-left: clamp(24px, 2.08333vw, 40px);
	float: left;
	box-sizing: border-box;
}
.decision-reference .bd li>a{
	display: block;
}
.decision-reference .bd li>a:hover strong{
	color: #0088fe;
}
.decision-reference .bd li .img-box{
	width: 100%;
	height: auto;
	position:relative;
  overflow:hidden;
  transform:translateZ(0)
}
.decision-reference .bd li:hover .img-box img {
  transform:scale(1.05)
}
.decision-reference .bd li .img-box img{
	max-width: 100%;
	max-height: 100%;
	transition:transform 0.6s cubic-bezier(.215, .61, .355, 1) 0s;
  object-fit:cover
}
.decision-reference .bd li strong{
	font-weight: normal;
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #333;
	line-height: clamp(18px, 1.5625vw, 30px);
	display: block;
	margin-top: clamp(18px, 1.5625vw, 30px);
	margin-bottom: clamp(12px, 1.041666vw, 20px);
	height: clamp(36px, 3.125vw, 60px);
	overflow: hidden;
}
.decision-reference .bd li p{
	color: #999;
	font-size: clamp(12px, .9375vw, 18px);
	height: clamp(36px, 3.125vw, 60px);
	line-height: clamp(18px, 1.5625vw, 30px);
	display: block;
	margin-bottom: clamp(20.4px, 1.7708333vw, 34px);
}
.decision-reference .bd li span{
	color: #0088fe;
	font-size: clamp(12px, 1.041666vw, 20px);
	display: block;
	position: relative;
}
.decision-reference .bd li span i{
	width: clamp(13.2px, 1.1458333vw, 22px);
	height: clamp(13.2px, 1.1458333vw, 22px);
	background: url(../images/icon_time.png) center no-repeat;
	background-size: 100%;
	display: inline-block;
	position: relative;
	top: 2px;
}
.decision-reference .bd li span s{
	width: 2.37rem;
	height: .1rem;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/icon_1.png);
	background-size: 100%;
}
.journal{
	width: 100%;
	height: auto;
	padding: 0 clamp(46.8px, 4.0625vw, 78px) clamp(48px, 4.1666vw, 80px);
	position: relative;
	overflow: hidden;
	background: #f7f7f7;
}
.journal .box{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #bcdcff;
	z-index: 0;
}
.contribution{
	position: absolute;
	top: clamp(16.8px, 1.458333vw, 28px);
	right: clamp(46.8px, 4.0625vw, 78px);
	width: clamp(52.8px, 4.58333vw, 88px);
	height: clamp(52.8px, 4.58333vw, 88px);
	font-size: 0;
	background: url(../images/icon_tougao2.png);
	background-size: 100%;
	z-index: 10;
}
.contribution:after{
	content: '';
    width: 100%;
    height: 100%;
    border: 1px dashed #0088fe;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: rotation-clockwise2 40s linear infinite;
}
.contribution i{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: rotation-clockwise 20s linear infinite;
}
.contribution i:after {
    content: '';
    width: clamp(4.8px, .41666vw, 8px);
    height: clamp(4.8px, .41666vw, 8px);
    background: #0088fe;
    border-radius: 100%;
    position: absolute;
    right: clamp(6px, .5208333vw, 10px);
    top: clamp(6px, .5208333vw, 10px);
}

@-webkit-keyframes rotation-clockwise {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes rotation-clockwise {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes rotation-clockwise2 {
    0% {
        transform: rotate(1turn);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes rotation-clockwise2 {
    0% {
        transform: rotate(1turn);
    }

    to {
        transform: rotate(0deg);
    }
}
.journal h3{
	padding: clamp(30px, 2.6041666vw, 50px) 0;
	display: block;
	font-size: clamp(21.6px, 1.875vw, 36px);
	color: #222;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 10;
}
.journal h3 span{
	color: #6e6e6e;
	font-size: clamp(12px, 1.041666vw, 20px);
	font-weight: normal;
	position: relative;
	top: clamp(3px, .260411666vw, 5px);
}
.journal .cont{
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.journal .hd{
	position: absolute;
	top: clamp(30px, 2.6041666vw, 50px);
	right: 2.35rem;
	z-index: 10;
}
.journal .hd li{
	float: left;
	margin-left: 0.65rem;
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #222;
	cursor: pointer;
}
.journal .hd li:hover{
	color: #0088fe;
}
.journal .hd li i{
	width: 100%;
	height: clamp(6px, .5208333vw, 10px);
	display: none;
	background: url(../images/icon_3.png);
	background-size: 100%;
	margin-top: 3px;
}
.journal .hd li.on{
	color: #0088fe;
}
.journal .hd li.on i{
	display: block;
}
.journal .bd{
	width: 100%;
}
.journal .item{
	display: none;
	position: relative;
	overflow: hidden;
}
.journal .item:first-child{
	display: block;
}
.journal .jhd{
	position: absolute;
	top: 3.85rem;
	left: 50%;
	margin-left: -2.55rem;
	z-index: 90;
	width: 10rem;
}
.journal .jhd ul{
	overflow: hidden;
}
.journal .jhd li{
	width: 1.58rem;
	height: 1.68rem;
	float: left;
	margin-left: clamp(30px, 2.6041666vw, 50px);
	position: relative;
	padding-left: clamp(20.4px, 1.7708333vw, 34px);
	cursor: pointer;
}
.journal .jhd li:first-child{
	margin: 0;
}
.journal .jhd li img{
	max-width: 100%;
	max-height: 100%;
}
.journal .jhd li span{
	width: 1.68rem;
	height: clamp(20.4px, 1.7708333vw, 34px);
	display: block;
	color: #fff;
	background: #7fc3fe;
    transform: rotate(90deg);
    position: absolute;
    top: 40%;
    left: -42%;
    font-size: clamp(12px, .8333vw, 16px);
    display: flex;
    align-items: center;
    letter-spacing: 2px;
}
.journal .jhd li:hover span{
	background: #0088fe;
}
.journal .jhd li.on span{
	background: #0088fe;
}
.journal .jprve{
	width: clamp(32.4px, 2.8125vw, 54px);
	height: clamp(32.4px, 2.8125vw, 54px);
	border-radius: clamp(6px, .5208333vw, 10px) 0 0 0;
	position: absolute;
	bottom: clamp(66px, 5.7291666vw, 110px);
	right: clamp(39px, 3.38541666vw, 65px);
	background: #7fc3fe;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	cursor: pointer;
}
.journal .jprve i{
	width: clamp(7.2px, .625vw, 12px);
	height: clamp(12px, 1.041666vw, 20px);
	display: inline-block;
	background: url(../images/icon_l.png);
	background-size: 100%;
}
.journal .jnext{
	width: clamp(32.4px, 2.8125vw, 54px);
	height: clamp(32.4px, 2.8125vw, 54px);
	border-radius:  0 0 0 clamp(6px, .5208333vw, 10px);
	position: absolute;
	bottom: clamp(30px, 2.6041666vw, 50px);
	right: clamp(39px, 3.38541666vw, 65px);
	background: #0088fe;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	cursor: pointer;
}
.journal .jnext i{
	width: clamp(7.2px, .625vw, 12px);
	height: clamp(12px, 1.041666vw, 20px);
	display: inline-block;
	background: url(../images/icon_r.png);
	background-size: 100%;
}
.journal .jbd{
	position: relative;
	overflow: hidden;
}
.journal .item_item{
	position: relative;
	overflow: hidden;
}
.journal .jbd .img-box{
	width: 4.9rem;
	height: 5.98rem;
	float: left;
	margin-right: clamp(25.2px, 2.1875vw, 42px);
	position: relative;
	padding-left: clamp(30px, 2.6041666vw, 50px);
	box-sizing: border-box;
}
.journal .jbd .img-box img{
	max-width: 100%;
	max-height: 100%;
}
.journal .jbd .img-box span{
	width: 5.98rem;
	height: clamp(30px, 2.6041666vw, 50px);
	display: block;
	color: #fff;
	background: #0088fe;
    transform: rotate(90deg);
    position: absolute;
    top: 45.6%;
    left: -56%;
    font-size: clamp(12px, .9375vw, 18px);
    display: flex;
    align-items: center;
    letter-spacing: clamp(3px, .260411666vw, 5px);
    padding-left: clamp(30px, 2.6041666vw, 50px);
    box-sizing: border-box;
}
.journal .jbd .conts{
	margin-top: clamp(21.6px, 1.875vw, 36px);
	width: 12.2rem;
	height: 5.6rem;
	background: #fff;
	padding: clamp(32.4px, 2.8125vw, 54px) 0.65rem;
	box-sizing: border-box;
	float: right;
}
.journal .jbd .conts strong{
	display: block;
	font-weight: normal;
	color: #3b3b3b;
	font-size: clamp(18px, 1.5625vw, 30px);
	margin-bottom: clamp(18px, 1.5625vw, 30px);
}
.journal .jbd .conts p{
	font-size: clamp(12px, .9375vw, 18px);
	line-height: clamp(18px, 1.5625vw, 30px);
	color: #666;
	height: clamp(66px, 5.7291666vw, 110px);
	overflow: hidden;
}
.journal .jbd .conts .link{
	width: clamp(105px, 9.11458333vw, 175px);
	height: clamp(27px, 2.34375vw, 45px);
	background: #1470d3;
	border-radius: clamp(27px, 2.34375vw, 45px);
	color: #fff;
	font-size: clamp(12px, 1.041666vw, 20px);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: clamp(18px, 1.5625vw, 30px);
}
.journal .jbd .conts .link i{
	width: clamp(4.8px, .41666vw, 8px);
	height: clamp(7.2px, .625vw, 12px);
	background: url(../images/icon_sjx2.png);
	background-size: 100%;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: clamp(6px, .5208333vw, 10px);
}
.decision-institution{
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #004fa7;
}
.institution_map{
	width: 10.87rem;
	height: 7.41rem;
	background-size: 100%;
	position: relative;
}
.institution_map h3{
	position: absolute;
	top: 0;
	left: 0;
	padding: clamp(24px, 2.08333vw, 40px) 0 0 clamp(46.8px, 4.0625vw, 78px);
	display: block;
	font-size: clamp(21.6px, 1.875vw, 36px);
	color: #fff;
	display: flex;
	align-items: center;
	z-index: 10;
}
.institution_map h3 span{
	color: #648aad;
	font-size: clamp(18px, 1.5625vw, 30px);
	font-weight: normal;
	position: relative;
	top: clamp(3px, .260411666vw, 5px);
}
.institution_dynamic h3{
	padding: clamp(24px, 2.08333vw, 40px) 0 0 0;
	display: block;
	font-size: clamp(21.6px, 1.875vw, 36px);
	color: #fff;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 10;
}
.institution_dynamic h3 span{
	color: #648aad;
	font-size: clamp(18px, 1.5625vw, 30px);
	font-weight: normal;
	position: relative;
	top: clamp(3px, .260411666vw, 5px);
}
.institution_map:hover dl{
	/*bottom: 1rem;*/
}
.institution_map dl{
	position: absolute;
	bottom: -2rem;
	left: 50%;
	margin-left: -33%;
	transition: all .6s;
	z-index: 100;
}
.institution_map dt{
	font-size: clamp(12px, 1.041666vw, 20px);
	color: #ffc843;
	display: block;
	padding-left: 3.48rem;
	padding-bottom: clamp(3px, .260411666vw, 5px);
	position: relative;
	opacity: 0;
}
.institution_map .dot{
	width: clamp(7.2px, .625vw, 12px);
	height: clamp(7.2px, .625vw, 12px);
	background: #fff;
	border-radius: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: absolute;
	top: 0;
 	left: 0;
 	z-index: 11;
 	cursor: pointer;
}

.institution_map .dot:after{
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    opacity: .1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: scales 1.5s infinite linear;
    animation: scales 1.5s infinite linear;
    z-index: -1;
}
.institution_map .dots{
	width: 12px;
	height: 12px;
	position: absolute;
	top: 3.99rem;
 	left: 5.97rem;
 	z-index: 20;
}
.institution_map .dots:after{
	content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffc843;
  opacity: .2;
  -webkit-transform: scale(18, 18);
  transform: scale(18, 18);
  -webkit-animation: scales2 1.5s infinite linear;
  animation: scales2 1.5s infinite linear;
}
.institution_map .dot.on:after{
	content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffc843;
  opacity: .2;
  -webkit-transform: scale(18, 18);
  transform: scale(18, 18);
  -webkit-animation: scales2 1.5s infinite linear;
  animation: scales2 1.5s infinite linear;
}
.institution_map .item1{
	top: 2.73rem;
	left: 4.92rem;
}
.institution_map .item2{
	top: 2.76rem;
	left: 6.96rem;
}
.institution_map .item3{
	top: 3.14rem;
	left: 7.34rem;
}
.institution_map .item4{
	top: 3.3rem;
	left: 6.15rem;
}
.institution_map .item5{
	top: 3.57rem;
	left: 6.08rem;
}
.institution_map .item6{
	top: 3.52rem;
	left: 7.86rem;
}
.institution_map .item7{
	top: 3.99rem;
 	left: 5.97rem;
}
.institution_map .item8{
	top: 3.76rem;
	left: 7.1rem;
}
.institution_map .item9{
	top: 3.97rem;
	left: 6.8rem;
}
.institution_map .item10{
	top: 4.31rem;
	left: 6.62rem;
}
.institution_map .item11{
	top: 4.55rem;
	left: 6.55rem;
}
.institution_map .item12{
	top: 4.63rem;
	left: 6.17rem;
}
.institution_map .item13{
	top: 4.23rem;
	left: 6.2rem;
}
.institution_map .item14{
	top: 5.07rem;
	left: 6.08rem;
}
.institution_map .item15{
	top: 4.22rem;
	left: 5.8rem;
}
.institution_map .item16{
	top: 4.47rem;
	left: 5.63rem;
}
.institution_map .item17{
	top: 4.08rem;
	left: 4.45rem;
}
.institution_map .item18{
	top: 5.56rem;
	left: 4.45rem;
}
.institution_map .item19{
	top: 6.28rem;
	left: 4.45rem;
}

@-webkit-keyframes scales {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    50% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3)
    }

    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes scales {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    50% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3)
    }

    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}
@-webkit-keyframes scales2 {
  0% {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
  }
  50% {
    -webkit-transform:scale(1.5, 1.5);
    transform:scale(1.5, 1.5)
  }
  0% {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
  }
}
@keyframes scales2 {
  0% {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
  }
  50% {
    -webkit-transform:scale(1.5, 1.5);
    transform:scale(1.5, 1.5)
  }
  0% {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
  }
}
.institution_map dd{
	width: 6.82rem;
	height: 1.68rem;
	background: #fff;
	border-radius: clamp(18px, 1.5625vw, 30px);
	padding: clamp(12px, 1.041666vw, 20px);
}
.institution_map dd .img_box{
	width: 1.8rem;
	height: 1.2rem;
	float: left;
	margin-right: clamp(10.8px, .9375vw, 18px);
}
.institution_map dd .img_box img{
	max-width: 100%;
	max-height: 100%;
}
.institution_map dd strong{
	display: block;
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #0088fe;
	margin-bottom: clamp(8.4px, .7291666vw, 14px);
	max-width: 4.2rem;
	padding-top: clamp(8.4px, .7291666vw, 14px);
}
.institution_map dd p{
	max-width: 4.2rem;
	height: clamp(36px, 3.125vw, 60px);
	font-size: clamp(12px, .9375vw, 18px);
	color: #999;
	line-height: clamp(18px, 1.5625vw, 30px);
	overflow: hidden;
}
.institution_dynamic{
	width: 8.33rem;
	height: 7.41rem;
	overflow: hidden;
	background: url(../images/bg33.png);
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 clamp(46.8px, 4.0625vw, 78px);
	box-sizing: border-box;
}
.institution_dynamic .more{
	position: absolute;
	top: clamp(24px, 2.08333vw, 40px);
	right: clamp(46.8px, 4.0625vw, 78px);
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #fff;
	padding-bottom: clamp(6px, .5208333vw, 10px);
	z-index: 20;
	opacity: 0.7;
}
.institution_dynamic .more .icon1{
	width: clamp(13.2px, 1.1458333vw, 22px);
	height: clamp(13.2px, 1.1458333vw, 22px);
	background: url(../images/icon_rr2.png);
	background-size: 100%;
	display: inline-block;
	position: relative;
	top: 2px;
}
.institution_dynamic .more .icon2{
	width: 100%;
	height: clamp(6px, .5208333vw, 10px);
	background: url(../images/icon_34.png);
	background-size: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .6s;
}
.institution_dynamic .more:hover{
	opacity: 1;
}
.institution_dynamic ul{
	padding-top: clamp(24px, 2.08333vw, 40px);
}
.institution_dynamic li{
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding-left: clamp(105px, 9.11458333vw, 175px);
	padding-bottom: clamp(24px, 2.08333vw, 40px);
}
.institution_dynamic li:after{
	content: '';
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: -70%;
	left: clamp(12px, 1.041666vw, 20px);
	opacity: 0.5;
}
.institution_dynamic li:first-child:after{
	display: none;
}
.institution_dynamic li .icon{
	width: clamp(24px, 2.08333vw, 40px);
	height: clamp(24px, 2.08333vw, 40px);
	border-radius: clamp(24px, 2.08333vw, 40px);
	background: #93c4fa;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: clamp(6px, .5208333vw, 10px);
	left: 1px;
	z-index: 10;
}
.institution_dynamic li .icon i{
	width: clamp(13.2px, 1.1458333vw, 22px);
	height: clamp(13.2px, 1.1458333vw, 22px);
	background: url(../images/icon_rili.png);
	background-size: 100%;
}
.institution_dynamic li p{
	padding: clamp(12px, 1.041666vw, 20px) 0 clamp(24px, 2.08333vw, 40px);
	display: block;
	font-size: clamp(12px, .9375vw, 18px);
	opacity: 0.7;
	color: #fff;
	position: relative;
	border-bottom: 2px dashed #177ad0;
}
.institution_dynamic li p:after{
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .6s;
}
.institution_dynamic li em{
	position: absolute;
	top: 0;
	left: clamp(24px, 2.08333vw, 40px);
	text-align: center;
	width: clamp(66px, 5.7291666vw, 110px);
	font-size: clamp(14.4px, 1.25vw, 24px);
	opacity: 0.7;
	font-weight: normal;
	color: #fff;
}
.institution_dynamic li em span{
	display: block;
	font-size: clamp(12px, .8333vw, 16px);
	padding-top: clamp(3px, .260411666vw, 5px);
}
.institution_dynamic li:hover .icon{
	background: #fff;
}
.institution_dynamic li:hover .icon i{
	background: url(../images/icon_rili_h.png);
	background-size: 100%;
}
.institution_dynamic li:hover em{
	opacity: 1;
}
.institution_dynamic li:hover p{
	border: none;
	opacity: 1;
}
.institution_dynamic li:hover p:after{
	width: 100%;
	border-bottom: 2px solid #88add6;
}
.chronicle-events{
	width: 100%;
	height: 6.71rem;
	background: url(../images/img7.png) fixed no-repeat;
	background-size: 100% 100%;
	padding: 0 0 0 clamp(46.8px, 4.0625vw, 78px);
	position: relative;
	overflow: hidden;
}
.chronicle-events h3{
	position: absolute;
	top: 0;
	left: 0;
	padding: clamp(42px, 3.6485333vw, 70px) 0 0 clamp(48px, 4.1666vw, 80px);
	display: block;
	font-size: clamp(21.6px, 1.875vw, 36px);
	color: #fff;
	display: flex;
	align-items: center;
	z-index: 10;
}
.chronicle-events h3 span{
	color: #fff;
	font-size: clamp(12px, 1.041666vw, 20px);
	font-weight: normal;
	position: relative;
	top: clamp(3px, .260411666vw, 5px);
}
.chronicle-events .more{
	position: absolute;
	top: 1.95rem;
	left: clamp(46.8px, 4.0625vw, 78px);
	width: 1.38rem;
	height: clamp(27px, 2.34375vw, 45px);
	border-radius: clamp(27px, 2.34375vw, 45px);
	background: rgb(255,255,255,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: clamp(14.4px, 1.25vw, 24px);
	color: #0088fe;
}
.chronicle-events .more i{
	width: clamp(13.2px, 1.1458333vw, 22px);
	height: clamp(13.2px, 1.1458333vw, 22px);
	background: url(../images/icon_rr.png);
	background-size: 100%;
	display: inline-block;
	margin-left: clamp(3px, .260411666vw, 5px);
}
.chronicle-events li{
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding-left: clamp(14.4px, 1.25vw, 24px);
	position: relative;
	padding-bottom: clamp(48px, 4.1666vw, 80px);
}
.chronicle-events li:after{
	content: '';
	width: clamp(6px, .5208333vw, 10px);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/icon_2.png) no-repeat;
	background-size: 100%;
}
.chronicle-events li dt{
	font-size: clamp(24px, 2.08333vw, 40px);
	color: #fff;
	font-weight: bold;
	padding-bottom: clamp(18px, 1.5625vw, 30px);
}
.chronicle-events li dt span{
	font-size: clamp(12px, 1.041666vw, 20px);
}
.chronicle-events li dd{
	font-size: clamp(10.8px, .9375vw, 18px);
	color: #fff;
	line-height: clamp(20.4px, 1.7708333vw, 34px);
}
.chronicle-events li.one{
	top: 4.1rem;
}
.chronicle-events li.two{
	top: 3.2rem;
}
.chronicle-events li.three{
	top: 1.7rem;
}
.chronicle-events li.four{
	top: clamp(18px, 1.5625vw, 30px);
}