@charset "UTF-8";
/* -- menubar -- */
.menubar /* nav_bar */
{
	left: 0;
	top: 0;
	height: 135px;
	width: 100%;
	/*! overflow: hidden; */
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 85px 0 0 0;
	text-align: center;
	z-index: 10;
	position: absolute;
}
.menubar_ul /* nav_ul */
{
	margin: 0px auto 0 auto;
	padding: 4px 0 0 0;
	text-align: center;
	width: 1253px;
	height: 46px;
}

ul.menubar_ul {}

/* 院徽 div */
.logo_div
{
	display: block;
	height: 220px;
	width: 220px;
	top: -118px;
	left: -6px;
	z-index: 10;
	position: relative;
	background-image: url('../images/logo(2022-09-03).png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	transform: scale(0.85);
	transition: all 0.20s ease;
	-moz-transition: all 0.20s ease;
	-webkit-transition: all 0.20s ease;
	-o-transition: all 0.20s ease;
}
.logo_div:hover
{
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.logo_link
{
	display: block;
	width: 144px;
	height: 144px;
	margin: 54px auto auto auto;
}
/* slick-arrows */
.slick_prev, .slick_next
{
	display: block;
	height: 123px;
	width: 82px;
	position: absolute;
	top: calc((518px - 123px) / 2 - 1em);
	z-index: 15;
}
.slick_prev
{
	left: calc((1600px - 1400px) / 2 - 5em - 1.5em);
}
.slick_next
{
	right: calc((1600px - 1400px) / 2 - 5em - 1.5em);
}
.slick_prevImg, .slick_nextImg
{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('../images/slick-arrows.png');
	background-position: 0 center;
	background-repeat: no-repeat;
	z-index: 15;
	pointer-events: none;
}
.slick_nextImg
{
	background-position: -100px center;
}
.slick_prevBg, .slick_nextBg
{
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	background-color: #000;
	opacity:0.0;
  filter:alpha(opacity=0);
}
.slick_prevBg:hover, .slick_nextBg:hover
{
	opacity:0.2;
  filter:alpha(opacity=20);
}
/* 资环图志小箭头 */
.slick_left_small, .slick_right_small
{
	display: block;
	position: absolute;
	width: 50px;
	height: 80px;
	z-index: 5;
	top: calc(235px / 2 + 5px);
	cursor: pointer;
	background-image: url('../images/slick-arrows.png');
	background-repeat: no-repeat;
	transition: all 200ms ease;
}
.slick_left_small
{
	left: 5px;
	background-position: -15px center;
}
.slick_left_small:hover
{
	background-position: -20px center;
}
.slick_right_small
{
	right: 5px;
	background-position: -115px center;
}
.slick_right_small:hover
{
	background-position: -110px center;
}
.pnl_onleft
{
	transform: translateX(0);
}
.pnl_onright
{
	transform: translateX(-50%);
}

/* 展示图片部分 */
.box {
	width: 100%;
	height: 100%;
	min-width: 1253px;
	/* max-width: 1920px; */
	position: relative;
	/*! top: 100px; */
}
.pnl_fade {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	/*! left: 0; */
	transition: all 600ms ease;
	opacity: 0;
	filter:alpha(opacity=0);
	z-index:-1;
}
.in /* change properties of pnl_fade */
{
	opacity: 1;
	filter:alpha(opacity=100);
	z-index: 0;
}
/* panel flexible */
.pnl_flex
{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 900ms linear;
	transform: translateX(0);
}
.warp /* change properties of pnl_flex */
{
	transform: translateX(-50%);
	
}
/* panel fixed position. */
.pnl_fix
{
	width: 1920px;
	height: 518px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.pnl_img
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	will-change: transform;
	transform: scale(0.89);
	transition: all 800ms ease 100ms;
}
.showPic1, .showPic2, .showPic3, .showPic4
{
	background-repeat: no-repeat;
	background-position: 0 center;
}
.showPic1
{
	background-image: url('../images/news_thumb_40.jpg');
}
.showPic2
{
	background-image: url('../images/news_thumb_41.jpg');
}
.showPic3
{
	background-image: url('../images/news_thumb_42.jpg');
}
.showPic4
{
	background-image: url('../images/news_thumb_183.jpg');
}
.extend /* change the properties of pnl_img */
{
	transform: scale(1);
}
/* switch pic buttons */
.btn_panel
{
	width: 100%;
	min-width: 1253px;
  margin: 473px 0 0 0;
  position: absolute;
  left: 0;
  z-index: 5;
  text-align: center;
}
.btn_swch
{
	display: inline-block;
	height:12px;
	width:12px;
	cursor:pointer;
	border:solid 2px white;
	margin: 0 5px 0 5px;
	border-radius: 50%;
	box-shadow: 0px 0px 5px #900;
}
.btn_swch:hover
{
	background-color: white;
}
.btn_on, .btn_on:hover
{
	background-color: red;
}
.pic_news
{
	display: block;
	height: 235px;
	width: 1892px;
	overflow: hidden;
	transition: all 600ms ease;
}
.pic_list
{
	list-style-type: none;
	display: block;
	width: 315px;
	height: 235px;
	float: left;
}
.pic_list div
{
	display: block;
  height: 190px;
  width: 279px;
  overflow: hidden;
  margin: 5px auto 0 auto;
	text-align: center;
	-moz-box-shadow: 1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 5px #666;
	box-shadow: 1px 1px 5px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#969696')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#969696');
}
.pic_list a
{
	display: block;
	height: 190px;
	width: 279px;
	margin: 0;
	transform: translate(-3.8%,-3.8%);
}
.pic_list img
{
	transition: all 200ms ease;
	transform: scale(0.93);
}
.pic_list img:hover
{
	transform: scale(1);
}
.menuBarOuter {
	text-align: center;
	background-color: white;
	height: 50px;
	overflow: hidden;
}