@charset "utf-8";

@font-face {
	/* 	font-family: "PingFang";
	src: url(../font/PingFang.ttf); */
}

.animate__delay-05s {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

/* 重置  */
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
	margin: 0;
	padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
	font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
	border: 0;
}

i,
cite,
em,
var,
address,
dfn {
	font-style: normal;
}

[hidefocus],
summary {
	outline: 0;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
	font-size: 100%;
}

sup,
sub {
	font-size: 83%;
}

pre,
code,
kbd,
samp {
	font-family: inherit;
}

q:before,
q:after {
	content: none;
}

textarea {
	overflow: auto;
	resize: none;
}

label,
summary {
	cursor: default;
}

a,
button {
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
	font-weight: bold;
}

del,
ins,
u,
s,
a,
a:hover {
	text-decoration: none;
}

/* body,textarea,input,button,select,keygen,legend{font-family: 'PingFang', sans-serif ;} */
body {
	background: #f3f3f3;
	color: #333;
	overflow-x: hidden;
}

html,
body {
	height: 100%;
}

a {
	color: #333;
}

img {
	border: 0px;
	object-fit: cover;
}

.dreamer-prevnext li {
	padding: 10px 0;
}

@keyframes key {
	0% {

		transform: translateY(100px);
		opacity: .5;
	}

	50% {

		transform: translateY(50px);
		opacity: 0.8;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

/* 清除浮动 */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {
	zoom: 1;
}


.flex {
	display: flex;
}

.justify-center {
	justify-content: center;
}

.align-center {
	/* align-items: center; */
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-column {
	flex-direction: column;
}

.px-27 {
	padding-left: calc(27 / var(--rem) * 1rem);
	padding-right: calc(27 / var(--rem) * 1rem);
}

/*边距*/
.m5 {
	margin: 5px
}

.m10 {
	margin: 10px
}

.m15 {
	margin: 15px
}

.m30 {
	margin: 30px
}

.mt2 {
	margin-top: 2px
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt50 {
	margin-top: 50px
}

.mt80 {
	margin-top: 80px
}

.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}

.mb15 {
	margin-bottom: 15px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml15 {
	margin-left: 15px
}

.ml20 {
	margin-left: 20px
}

.ml24 {
	margin-left: 24px
}

.ml30 {
	margin-left: 30px
}

.ml50 {
	margin-left: 50px
}

.mr5 {
	margin-right: 5px
}

.mr10 {
	margin-right: 10px
}

.mr15 {
	margin-right: 15px
}

.mr20 {
	margin-right: 20px
}

.mr30 {
	margin-right: 30px
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.p30 {
	padding: 30px;
}

.pt5 {
	padding-top: 5px
}

.pt10 {
	padding-top: 10px
}

.pt15 {
	padding-top: 15px
}

.pt20 {
	padding-top: 20px
}

.pb10 {
	padding-bottom: 10px
}

.pb20 {
	padding-bottom: 20px
}

.pb30 {
	padding-bottom: 30px
}

.pl10 {
	padding-left: 10px
}

.pl15 {
	padding-left: 15px
}

.pl30 {
	padding-left: 30px
}

.pr10 {
	padding-right: 10px
}

.pr15 {
	padding-right: 15px
}

.pr30 {
	padding-right: 30px
}

/*字号*/
.bold {
	font-weight: bold !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-17 {
	font-size: 17px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fs-30 {
	font-size: 30px !important;
}

.fs-35 {
	font-size: 35px !important;
}

.fs-40 {
	font-size: 40px !important;
}

.fs-50 {
	font-size: 50px !important;
}


/*定位*/
.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.cb {
	clear: both
}

.cl {
	clear: left
}

.cr {
	clear: right
}

.vm {
	vertical-align: middle
}

.pr {
	position: relative
}

.pa {
	position: absolute
}

.abs-right {
	position: absolute;
	right: 0
}

.zoom {
	zoom: 1
}

.hidden {
	visibility: hidden
}

.none {
	display: none
}

.fw {
	font-weight: bold;
}

.fw_400 {
	font-weight: 400;
}

/*颜色*/
.gray-fc {
	color: #999
}

.gray-fc1 {
	color: #666
}

.gray-fc2 {
	color: #bcbcbc
}

.white-fc {
	color: #fff;
}

.black-fc {
	color: #000
}

.red-fc {
	color: #ff0000
}

.yellow-fc {
	color: #f2a203;
}

.green-fc {
	color: #22b512
}

.blue-fc {
	color: #00b4eb
}

.orange_fc {
	color: #ff5a05
}

:root {
	--primary-color: #0180F6;
	--context_width: 1200;
	--rem: 16;
}

/* 布局 */
.g-body,
.g-head,
.g-foot {
	width: 100%;
	float: left
}

.g-wrap,
.g-box {
	width: 100%;
	padding: 0 calc(50% - 79rem / 2);
	box-sizing: border-box;
	margin: 0 auto;
}

/* 内容容器 1405	 */
.content {
	width: 87.8125rem !important;
}

/*盒容器*/
.m-box {
	width: 100%;
	float: left;
}

/*盒容器*/
.arrow {
	position: absolute;
	left: 50%;
	width: 204px;
	margin: -40px 0 0 -102px;
}

.img {
	width: 100%;
}

/*文字颜色*/
.text-white {
	color: #000
}

/*字体图标*/
@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	/* IE9*/
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../font/iconfont.ttf') format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url('../font/iconfont.woff') format('woff'),
		/* chrome、firefox */
		url('../font/iconfont.svg#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont";
	font-size: 16px;
	font-style: normal;
}


/*显视*/
.pc_box {
	display: block;
}

.app_box {
	display: none;
}

.pc_box_flex {
	display: flex !important;
}

.app_box_flex {
	display: none !important;
	;
}

/*线条*/
.line_top {
	border-top: 1px solid #ededed;
}

.line_bottom {
	border-bottom: 1px solid #ededed;
}

.line_left {
	border-left: 1px solid #ededed;
}

.line_right {
	border-right: 1px solid #ededed;
}

/*按钮*/
.btn_gray {
	float: left;
	height: 32px;
	font-size: 12px;
	line-height: 32px;
	border-radius: 4px;
	background: #fff;
	color: #888;
	border: 1px solid #ddd;
	padding: 0 16px;
}

.btn_gray:hover {
	border: 1px solid #15ab47;
	background: #15ab47;
	color: #fff;
}

.btn_green {
	float: left;
	height: 32px;
	font-size: 12px;
	line-height: 32px;
	border-radius: 4px;
	background: #2b8ee2;
	color: #fff;
	border: 1px solid #2b8ee2;
	padding: 0 16px;
}

.btn_green:hover {
	border: 1px solid #2b8ee2;
	background: #2b8ee2;
	color: #fff;
}

.btn_green_big {
	padding: 8px 24px;
	height: 32px;
	font-size: 12px;
	line-height: 32px;
	border-radius: 4px;
	background: var(--primary-color);
	color: #fff;
	border: 1px solid var(--primary-color);
}

.btn_green_big:active {
	border: 1px solid var(--primary-color);
	background: var(--primary-color);
	color: #fff;
}

.btn_app_box {
	float: left;
	width: 100%;
	text-align: center;
	margin: 24px 0;
}


/* 导航 */
.nav_box {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	background-color: #fff;
	height: auto;
}

.nav_box .top_Contact {
	width: 100%;
	height: 3.5rem;
	overflow: hidden;
}

/* .nav_box .g-box{padding: 0 5.6875rem;} */
.nav_box .top_Contact .top_Contact_left {
	float: left;
	color: #ffff;
	font-size: 14px;
	margin-top: 15px;
}

.nav_box .top_Contact .top_Contact_right1 {
	float: right;
	margin-top: 1.1875rem;
}

.nav_box .top_box .searchBox input {
    cursor: pointer;
	border: 0px solid #15ab47;
	background: none;
	float: left;
	width: 8rem;
	height: 1.25rem;
	box-sizing: border-box;
	text-indent: 15px;
	font-family: "微软雅黑", Arial;
	outline: 0;
	font-size: 0.875rem;
	color: #fff;
	padding-left: 0;
	background: #fff;
	color: #000;
	height: calc(38 / var(--rem) * 1rem);
	width: calc(235 / var(--rem) * 1rem);
}

.nav_box .top_box .searchBox input::placeholder {
	color: #fff;
}

.nav_box .searchBox {
	display: inline-block;
	float: right;
	cursor: pointer;
	border-radius: 0;
	/*height: calc(46 / var(--rem) * 1rem);*/
	/*padding: 0.25rem 0.2rem 0.2rem 0.25rem;*/
	border: 3px #0080f7 solid;
}

.nav_box .searchBox .searchbtn {
	float: right;
	text-align: center;
	/*width: calc(100 / var(--rem) * 1rem);*/
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(38 / var(--rem) * 1rem);
	position: relative;
}

.nav_box .searchBox .searchbtn img {
	width: calc(16 / var(--rem) * 1rem);
	margin-right: 0.4rem;
	position: absolute;
    left: 25%;
}


.nav_box .top_Contact .top_Contact_right2 {
	float: right;
	margin: 1.625rem 1.25rem 0 0;
	color: #fff;
}

.nav_box .top_Contact .top_Contact_right2 a {
	color: #fff;
}

.nav_box .top_Contact .top_Contact_right2 a:hover {
	color: #07f8f5;
}

.nav_box .top_box {
	width: 100%;
}
.external_style{
  width: calc(115 / var(--rem) * 1rem);height:calc(28 / var(--rem) * 1rem);background: #70BAFF;border-radius: 3px 3px 3px 3px;border: 1px solid #70BAFF;color: #FFFFFF;font-size: 1rem;
}

.nav_box .top_box .logo_img {
	margin: 1.325rem 0 0 0;
	float: left;
	height: auto;
	width: calc(220 / var(--rem) * 1rem);
}

.nav_box .top_box .logo_text {
	color: #fff;
	line-height: 3rem;
	margin-top: 2rem;
	float: left;
	font-size: 2.1875rem;
	position: relative;
}

.nav_box .top_box .logo_text::before {
	content: '';
	position: absolute;
	top: 0.5rem;
	left: -1.5rem;
	width: 1px;
	height: 2rem;
	background: rgba(255, 255, 255, 0.43);
}

.nav_box .top_box .searchBox_nav {
	float: right;
	width: auto;
	height: auto;
	margin-top: 1.85rem;
	text-align: right;
}

.nav_box .top_box .hcontact {}

.nav_box .right_box {
	float: right;
	margin: 10px 30px 0 0;
	color: #ddd;
	line-height: 50px;
}

.nav_box .right_box a {
	color: #666;
	padding: -2px 0;
}

.line {
	float: left;
	width: 20px;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 53px;
}

/* 导航-pc */
.navBar {
	z-index: 1;
	color: #fff;
	height: auto;
	margin: 0;
}

.nav h3 {
	font-size: 1rem;
	font-weight: normal;
}

.nav .m {
	position: relative;
	float: left;
	display: inline;
	text-align: center;
	border: none;
	box-sizing: border-box;
	transition: all .3s;
	height: calc(60 / var(--rem) * 1rem);
	line-height: calc(60 / var(--rem) * 1rem);
	width: 10%;
}

.nav .on {
	border-radius: 0;
	border: none;
	background: #3399F7;
}

/* .nav .on .zs{opacity:0;} */
/* .nav .on ~ .m .zs{opacity:1;} */
.nav .m h3 i {
	display: inline-block;
	display: inline;
	zoom: 1;
	width: 7px;
	height: 4px;
	overflow: hidden;
	margin: 0;
	vertical-align: middle;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.nav h3 a {
	/* float: left; */
	/* zoom:1; */
	/* height: 2.875rem; */
	/* line-height: 2.875rem; */
	margin: 0 0rem;
	/* display:block; */
	color: #fff;
	font-weight: 400;
}

.nav h3 .zs {
	position: absolute;
	color: #fff;
	font-weight: 100;
	margin-left: -1px;
}

.nav .on h3 a {
	/* height: 2.875rem; */
	/* line-height: 2.875rem; */
	/* font-weight: 400; */
	/* color: var(--primary-color); */
}

.nav .m:last-child h3 a {
	padding-right: 0;
}

.nav .on h3 a i {
	filter: alpha(opacity=100);
	opacity: 1;
}

.nav .sub {
	display: none;
	/*默认隐藏*/
	min-width: 100%;
	padding: 0px 0;
	position: absolute;
	left: 0;
	top: 3rem;
	background: #fff;
	border: 1px solid #fff;
	float: left;
	line-height: 40px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.nav .sub li {
	text-align: center;
	font-size: 14px;
}

.nav .sub li a {
	color: #333;
	display: block;
	zoom: 1;
	padding: 0 10px;
	white-space: nowrap;
}

.nav .sub li a:hover {
	background: var(--primary-color);
	color: #fff;
}

.nav_box_top {
	height: calc(53 / var(--rem) * 1rem) !important;
	border-bottom: 1px solid #E5E5E5;
}

.nav_box_span {
	font-weight: 400;
	font-size: calc(14 / var(--rem) * 1rem);
	color: #666666;
	line-height: calc(52 / var(--rem) * 1rem);
}

.nav_box_span a {
	color: #666666;
	margin: 0px 0.5rem;
}

.nav_box_center {
	height: calc(109 / var(--rem) * 1rem) !important;
}

.nav_box_bottom {
	height: calc(60 / var(--rem) * 1rem);
	background: #0180F6;
}



/* 导航-app */
.leftMenu {
	background: #f5f5f5;
	left: -1000px;
	position: fixed;
	top: 0;
	bottom: 0;
	display: block;
	height: 100%;
	width: 68%;
	min-width: 140px;
	max-width: 440px;
	z-index: 90002;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	overflow-y: auto;
}

.leftMenu.menu-open {
	left: 0;
}

.leftMenu .on {
	color: #fff;
	background: var(--primary-color);
}

.leftMenu .on a {
	color: #fff;
	font-weight: bold;
}

.leftMenu a {
	text-decoration: none;
	display: block;
	padding-left: 20px;
	color: #000;
}

.leftMenu a:active {
	background: #f5f5f5;
}

.leftMenu ul {
	list-style: none;
}

.leftMenu ul li {
	position: relative;
	line-height: 50px;
	border-bottom: 1px solid #fff;
}

.leftMenu ul li.hasChild>a:after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 4px;
	font-size: 24px;
	font-weight: 300;
}

.leftMenu ul li.hasChild.open>a:after {
	content: "-";
	right: 23px;
	font-size: 28px;
	top: 3px;
}

.f2,
.f3 {
	background: #fff;
	height: 0;
	padding-left: 20px;
	overflow: hidden;
	position: relative;
	transition: height 0.4s ease;
	-moz-transition: height 0.4s ease;
	-webkit-transition: height 0.4s ease;
	-o-transition: height 0.4s ease;
}

.menu-dark-backdrop {
	background: rgba(0, 0, 0, 0);
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

.menu-dark-backdrop.in {
	height: 100%;
	z-index: 90001;
	background: rgba(0, 0, 0, 0.5);
}


/* 首页 */
.index-content {
	padding: 0rem 0 2.5rem 0;
}

.index-content1 {
	width: 100%;
	float: left;
	padding: calc(20 / var(--rem) * 1rem) 0px 0px 0px;
	background: #fff;
}

.index-content1 .model_content img {
	width: calc(300 / var(--rem) * 1rem);
	height: calc(160 / var(--rem) * 1rem);
	margin-right: calc(15 / var(--rem) * 1rem);
}

.index-txt {
	float: left;
	width: 100%;
	padding: 40px 0;
}

.index-txt .txt_1 {
	width: 100%;
	font-size: 32px;
	color: #000;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}

.index-content2-right {
	width: calc(500 / var(--rem) * 1rem);
	float: left;
	height: calc(405 / var(--rem) * 1rem);
	background: #FBFBFB;
}

.index-content2-right .div {
	width: 100%;
	height: calc(120 / var(--rem) * 1rem);
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-content2-right .div-top {
	width: calc(174 / var(--rem) * 1rem);
	height: calc(58 / var(--rem) * 1rem);
	font-size: calc(24 / var(--rem) * 1rem);
	color: #323232;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index-content2-right .div-top img {
	width: calc(35 / var(--rem) * 1rem);
	height: calc(35 / var(--rem) * 1rem);
	margin: 0rem 1rem;
}

.index-content2-left {
	width: calc(720 / var(--rem) * 1rem);
	float: left;
	height: calc(405 / var(--rem) * 1rem);
	margin-right: 2rem;
}

.index-content2-right .div-right {
	width: 100%;
	height: calc(280 / var(--rem) * 1rem);
	display: flex;
}

.index-content2-right .div-right .div-div {
	width: 60%;
	color: #666666;
	font-size: 1rem;
	padding-left: calc(30 / var(--rem) * 1rem);
}

.index-content2-right .div-right .div-div a {
	    width: 40%;
    display: flex;
    text-align: center;
    height: 20%;
    background: #ffffff;
    border-radius: calc(10 / var(--rem) * 1rem);
    margin: calc(5 / var(--rem) * 1rem);
    align-items: center;
    justify-content: center;
    float: left;
    border: 2px solid #d2d2d2;
}

.index-content2-right .div-left {
	width: 40%;
	text-align: center;
	color: #666666;
	font-size: 1rem;
}

.index-content2-right .div-left img {
	width: calc(170 / var(--rem) * 1rem);
	height: calc(170 / var(--rem) * 1rem);
}

/* 首页图片轮播css */
/* banner-pc */
.banner_box {
	width: 100%;
	float: left;
	margin-top: calc(220 / var(--rem) * 1rem);
}

.banner_box .img {
	width: 100%;
}

.banner_box .top_img {
	position: absolute;
	width: 100%;
}


.focusBox {
	position: relative;
	width: 100%;
	height: calc(400 / var(--rem) * 1rem);
	overflow: hidden;
}

.focusBox .pic {
	position: relative;
	z-index: 0;
	position: absolute;
}

.focusBox .pic img {
	height: 100%;
	display: block;
	width: 100vw;
	
	/* transform: scale(1.1, 1.1);  */
	
}

.focusBox .pic .active-item img {
	transition: all 6s linear;
		/* transform: scale(1, 1) !important;  */
}

.focusBox .hd {
	position: absolute;
	bottom: 0;
	height: 10%;
	width: 100%;
	z-index: 1;
	display: flex;
	justify-content: center;
}

.focusBox .hd li {
	display: none;
	margin: 0.7rem 1rem;
	height: 16px;
	overflow: hidden;
	width: 1rem;
	background:#fff;
	height: 1rem;
	font-size: 0;
	border: 3px solid #fff;
	border-radius: 100%;
	cursor: pointer;
	zoom: 1;
}

.focusBox .hd .on {
	background: #0180F6;
}

.focusBox1 {
	position: relative;
	width: 100%;
	overflow: hidden;
	width: 100%;
	height: 250px;
	border: 1px solid #EEF0F5;
	margin-top: 20px;
}

.focusBox1 .pic1 {
	position: relative;
	z-index: 0;
	position: absolute;
}

.focusBox1 .pic1 img {
	height: 100%;
	display: block;
	width: 100%;
	transform: scale(1.1, 1.1);
}

.focusBox1 .pic1 .active-item img {
	transition: all 6s linear;
	transform: scale(1, 1) !important;
}

.focusBox1 .hd1 {
	position: absolute;
	bottom: 0;
	right: 4.5rem;
	height: 4rem;
	z-index: 1;
	display: flex;
}

.focusBox1 .hd1 li {
	display: none;
	margin: 0.7rem;
	overflow: hidden;
	width: 0.5rem;
	height: 0.5rem;
	font-size: 0;
	border-radius: 100%;
	cursor: pointer;
	zoom: 1;
	background: #D8D8D8;
}

.focusBox1 .hd1 .on {
	background: #0180F6;
}

.pic1-a {
	display: flex;
}

.pic1-a img {
	width: 338px;
	height: 250px !important;
}

.pic1-a .text1 {
	font-size: 16px;
	color: #999999;
}

.pic1-a .text2 {
	font-size: 24px;
	color: #000000;
	line-height: 50px;
}

.pic1-a .text3 {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

/* banner-App */
.focus {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.focus .hd {
	width: 100%;
	height: 11px;
	position: absolute;
	z-index: 1;
	bottom: 16px;
	text-align: center;
}

.focus .hd ul {
	display: inline-block;
	height: 8px;
	padding: 3px 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 0;
	vertical-align: top;
}

.focus .hd ul li {
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #ddd;
	margin: 0 5px;
	vertical-align: top;
	overflow: hidden;
}

.focus .hd ul .on {
	background: #ffc90f;
}

.focus .bd {
	position: relative;
	z-index: 0;
}

.focus .bd li img {
	width: 100%;
	background: url(../img/loading.gif) center center no-repeat;
}

.focus .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 取消链接高亮 */
}

/* 首页按钮 */
.index_bnt_box {
	position: absolute;
	width: 100%;
	margin-top: 46.625rem;
	z-index: 99;
}

.index_bnt_bj {
	display: flex;
	justify-content: space-between;
	z-index: 99;
	border-radius: 0.625rem;
	text-align: center;
	animation: .5s linear 0s 1 normal none running key;
	background: #fff;
	box-shadow: 0px 2px 26px 0px rgba(0, 0, 0, 0.10);
}

.index_bnt_bj_6 {
	width: 9.375rem;
	height: 6.625rem;
	color: #444;
	font-size: 1.125rem;
	line-height: 1.5625rem;
	margin-top: 1.1875rem;
}

.index_bnt_bj_6 a {
	width: 2.875rem;
	height: 2.875rem;
	background: #666;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 1rem;
}

.index_bnt_bj_6 a img {
	width: auto;
	height: 1.5625rem;
}

.index_bnt_bj_6:hover {
	transform: scale(1.2, 1.2);
	transition: transform 1s ease;
}

.index_bnt_bj_6:hover a {
	background: var(--primary-color);
}

.index_bnt_bj_6:hover p {
	color: var(--primary-color);
}

.index_bnt_box .sticky {
	display: none;
}

.skeu .index_bnt_bj {
	padding: 10px;
}

.skeu .index_bnt_bj_6 {
	background: transparent;
	box-shadow: none;
	width: calc(134 / var(--rem) * 1rem);
	height: calc(100 / var(--rem) * 1rem);
	position: relative;
}

.skeu .index_bnt_bj_6::after {
	content: '';
	position: absolute;
	right: -1px;
	height: 50%;
	width: 1px;
	background: #cccccc57;
	top: 50%;
	transform: translateY(-50%);
}

.skeu .index_bnt_bj_6:last-child::after {
	content: none;
	position: absolute;
	right: -1px;
	height: 50%;
	width: 1px;
	background: #cccccc57;
	top: 50%;
	transform: translateY(-50%);
}

/* .skeu .static{display: none;} */
.skeu .sticky {
	display: inline;
	width: calc(60 / var(--rem) * 1rem);
	height: calc(60 / var(--rem) * 1rem);
}



.index-content2 {
	background-color: #FFF;
	width: 100%;
	float: left;
}



.index-content2 .container {
	max-width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 4px;
	/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
	overflow: hidden;
}

.piaofu_float{
        width: 200px;
    height: 200px;
}

.index-content2 .logo {
	font-size: 24px;
	font-weight: bold;
	color: #1a5b9e;
	margin-bottom: 10px;
}

.index-content2 nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index-content2 .nav-links {
	display: flex;
	list-style: none;
}

.index-content2 .nav-links li {
	margin-right: 30px;
	position: relative;
}

.index-content2 .nav-links a {
	text-decoration: none;
	color: #666;
	font-size: 16px;
	padding: 10px 0;
	display: block;
	transition: color 0.3s;
}

.index-content2 .nav-links a.active {
	color: #0180F6;
	font-weight: bold;
}

.index-content2 .nav-links a.active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #0180F6;
}

.index-content2 .more-link {
	color: #0180F6;
	text-decoration: none;
	font-size: 14px;
}

.index-content2 .tab-container {
	/* padding: 20px 30px 0; */
	position: relative;
}


     /* 外层容器样式 - 限制显示区域 */
        .notice-container {
            height: calc(50 / var(--rem) * 1rem);
            line-height: calc(50 / var(--rem) * 1rem);
            margin-bottom: calc(20 / var(--rem) * 1rem);
            overflow: hidden;
            display: flex;
            align-items: center;
            border: 1px solid #eee; /* 方便查看效果，可删除 */
            padding: 0 calc(10 / var(--rem) * 1rem); /* 方便查看效果，可删除 */
        }
        
        /* 公告图标样式 */
        .notice-container img {
            width:calc(20 / var(--rem) * 1rem);
            height:calc(20 / var(--rem) * 1rem);
            margin-right: calc(10 / var(--rem) * 1rem);
            flex-shrink: 0; /* 防止图标被压缩 */
        }
        
        /* 滚动容器核心样式 */
        .gundong {
            height: calc(50 / var(--rem) * 1rem);
            line-height: calc(50 / var(--rem) * 1rem);
            flex: 1; /* 占满剩余空间 */
        }
        .gundong a:hover{
                text-decoration: underline;
                color:#0180F6;
        }
        
        /* 滚动内容项样式 */
        .gundong > div {
            height: calc(50 / var(--rem) * 1rem);
            line-height: calc(50 / var(--rem) * 1rem);
            white-space: nowrap; /* 防止文字换行 */
            overflow: hidden;
            text-overflow: ellipsis; /* 超长文字省略 */
        }
        .gundong a {
            height: calc(50 / var(--rem) * 1rem);
            line-height: calc(50 / var(--rem) * 1rem);
            display: block;
        }
        
        /* 滚动动画定义 */
        @keyframes scrollUp {
            0% {
                transform: translateY(0);
            }
            20% {
                transform: translateY(0); /* 停留时间 */
            }
            30% {
                transform: translateY(calc(-50 / var(--rem) * 1rem)); /* 向上滚动 */
            }
            50% {
                transform: translateY(calc(-50 / var(--rem) * 1rem)); /* 停留时间 */
            }
            60% {
                transform: translateY(calc(-100 / var(--rem) * 1rem)); /* 向上滚动 */
            }
            80% {
                transform: translateY(calc(-100 / var(--rem) * 1rem)); /* 停留时间 */
            }
            100% {
                transform: translateY(calc(-100 / var(--rem) * 1rem)); /* 回到初始位置 */
            }
        }
        
        /* 应用动画 */
        .scroll-active {
            animation: scrollUp 8s linear infinite; /* 8秒一个周期，线性运动，无限循环 */
        }
        
        

.index-content2 .tabs {
	display: flex;
	border-bottom: 1px solid #eee;
	margin-bottom: 0;
	position: relative;
}

.index-content2 .tab-right {
	padding-top: 10px;
	position: absolute;
	right: 0;
	color: #999;
	top:0;
}

.index-content2 .tab-right a {
	color: #999 !important;
}

.index-content2 .tab {
	padding: 10px 20px;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	transition: all 0.3s;
}

.index-content2 .tab.active {
	color: #0180F6;
	border-bottom-color: #0180F6;
	font-weight: bold;
}

.index-content2 .tab-content {
	display: none;
}

.index-content2 .tab-content.active {
	display: block;
}

.index-content2 .announcement-list {
	/* padding: 0 30px 20px; */
}

.index-content2 .announcement-item {
	display: flex;
	justify-content: space-between;
	padding: calc(15 / var(--rem) * 1rem) 0;
	border-bottom: 1px solid #c8c8c8;
}

.index-content2 .announcement-item:last-child {
	border-bottom: none;
}

.index-content2 .announcement-title {
	flex: 1;
	color: #333;
	font-size: calc(16 / var(--rem) * 1rem);
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: calc(20 / var(--rem) * 1rem);
}

.index-content2 .announcement-title a {
	color: #000000;
	text-decoration: none;
}

.index-content2 .announcement-title a:hover {
	text-decoration: underline;
	color: #0180F6;
}

.index-content2 .announcement-date {
	color: #999;
	font-size: calc(14 / var(--rem) * 1rem);
	width: calc(80 / var(--rem) * 1rem);
	text-align: right;
}

.index-content2 .ellipsis {
	color: #1a5b9e;
}

.index-content2 .description {
	color: #666666;
	font-size: 14px;
	margin-top: 5px;
	line-height: 1.5;
	overflow: hidden;
	-webkit-box-orient: vertical;
	/* 垂直排列子元素 */
	-webkit-line-clamp: 2;
	/* 限制显示两行 */
	overflow: hidden;
	/* 隐藏超出部分 */
	text-overflow: ellipsis;
	/* 使用省略号 */
}













/* 招生动态 */
.index_news_box {
	width: 100%;
	padding-bottom: calc(40 / var(--rem) * 1rem);
}

.index_news_box .news_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.8125rem 0 2.875rem;
}

.index_news_box .news_top .news_top_title {
	line-height: 3rem;
	font-size: 2.125rem;
	font-weight: bold;
	position: relative;
}

.index_news_box .news_top .news_top_title::before {
	content: 'ENROLLMENT NEWS';
	position: absolute;
	left: 4.125rem;
	top: -1.8125rem;
	font-size: 5.125rem;
	color: rgba(106, 0, 155, 0.06);
	white-space: nowrap;
	line-height: 7.1875rem;
}

.index_news_box .news_top .news_top_right {
	color: var(--primary-color);
	font-size: 0.9375rem;
}

.index_news_box .news_top .news_top_right img {
	width: 1.75rem;
	margin-left: 0.5rem;
}

.index_news_box .news_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index_news_box .news_list li {
	width: 36.8rem;
	height: 4.75rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	margin-bottom: 1.4375rem;
}

.index_news_box .news_list li .news_name {
	padding-left: calc(27 / var(--rem) * 1rem);
	color: #606060;
	font-size: calc(18 / var(--rem) * 1rem);
	width: calc(413 / var(--rem) * 1rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.index_news_box .news_list li .news_right {
	padding-right: calc(20 / var(--rem) * 1rem);
}

.index_news_box .news_list li .news_right span {
	color: #B1B1B1;
	font-size: calc(14 / var(--rem) * 1rem);
	line-height: calc(20 / var(--rem) * 1rem);
	display: block;
	text-align: center;
}

.index_news_box .news_list li .news_right span.news_day {
	color: var(--primary-color);
	font-size: calc(28 / var(--rem) * 1rem);
	line-height: calc(40 / var(--rem) * 1rem);
	margin-bottom: calc(-5 / var(--rem) * 1rem);
}

.index_news_box .news_list li:hover {
	background: var(--primary-color);
	transform: scale(1.1);
	transition: transform .5s ease;
}

.index_news_box .news_list li:hover .news_name {
	width: 100%;
	padding-right: calc(27 / var(--rem) * 1rem);
	color: #fff;
}

.index_news_box .news_list li:hover .news_right {
	display: none;
}

/* 学院简介 */
.index_introduce_box {
	background: #fff;
	padding: calc(60 / var(--rem) * 1rem) 0;
	clear: both;
}

.index_introduce_box .model_content {
	margin: 0 calc(132 / var(--rem) * 1rem);
}

.index_introduce_box .intro_text {
	font-size: calc(16 / var(--rem) * 1rem);
	line-height: calc(44 / var(--rem) * 1rem);
	text-indent: 2em;
	color: #454545;
}

.index_introduce_box .intro_footer {
	text-align: right;
}

.index_introduce_box .intro_footer a {
	color: var(--primary-color);
	font-size: calc(15 / var(--rem) * 1rem);
	line-height: calc(40 / var(--rem) * 1rem);
}

.index_introduce_box .intro_footer a .intro_name {
	font-size: calc(22 / var(--rem) * 1rem);
	font-weight: bold;
}

.index_introduce_box .intro_footer a img {
	width: calc(28 / var(--rem) * 1rem);
}

/* 数据轮播 */
.index_data_box {
	/* background: var(--primary-color); */
	padding: calc(20 / var(--rem) * 1rem) 0 calc(235 / var(--rem) * 1rem);
}

.index_data_box .data_title {
	font-size: calc(34 / var(--rem) * 1rem);
	line-height: calc(122 / var(--rem) * 1rem);
	color: #fff;
	text-align: center;
	position: relative;
}

.index_data_box .data_title::before {
	content: '让你不负年华';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: calc(87 / var(--rem) * 1rem);
	color: rgba(255, 255, 255, 0.25);
	font-weight: bold;
}

.index_data_box .data_Swiper {
	width: calc(900 / var(--rem) * 1rem);
	overflow: hidden;
	height: calc(277 / var(--rem) * 1rem);
	position: relative;
	text-align: center;
}

.index_data_box .data_Swiper .swiper-wrapper {
	white-space: nowrap;
	overflow: hidden;
}

.index_data_box .data_Swiper .swiper-slide {
	width: calc(840 / var(--rem) * 1rem);
	height: 100%;
}

.index_data_box .data_Swiper .swiper-slide .data_list {
	padding: 0 0 calc(80 / var(--rem) * 1rem);
	display: flex;
	justify-content: space-around;
	color: #fff;
	opacity: 0.55;
	filter: alpha(opacity=55);
	transition: opacity 1.5s ease;
}

.index_data_box .data_Swiper .swiper-slide.swiper-slide-active .data_list {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: opacity 1.5s ease;
}

.data_list .data_list-p {
	font-size: 14px !important;
	color: #666666 !important;
	font-weight: 400 !important;
	margin: 0;
}

.index_data_box .data_Swiper .swiper-slide .data_list li {
	text-align: center;
	width: 25%;
	flex-shrink: 0;
}

.index_data_box .data_Swiper .swiper-slide .data_list li p {
	font-size: calc(18 / var(--rem) * 1rem);
	line-height: calc(25 / var(--rem) * 1rem);
	margin-bottom: calc(18 / var(--rem) * 1rem);

	font-weight: bold;
	color: #0180F6;

}

.index_data_box .data_Swiper .swiper-slide .data_list li p.data_num {
	font-size: calc(70 / var(--rem) * 1rem);
	line-height: calc(82 / var(--rem) * 1rem);
	position: relative;
	display: inline-block;
}

.index_data_box .data_Swiper .swiper-slide .data_list li p.data_num span {
	position: absolute;
	top: 8px;
	right: calc(-29 / var(--rem) * 1rem);
	font-size: calc(18 / var(--rem) * 1rem);
	line-height: calc(25 / var(--rem) * 1rem);
	display: inline-block;
}

.index_data_box:hover .data_Swiper .swiper-button-prev,
.index_data_box:hover .data_Swiper .swiper-button-next {
	display: block;
}

.index_data_box .data_Swiper .swiper-button-prev,
.index_data_box .data_Swiper .swiper-button-next {
	/* display: none; */
	position: absolute;
	bottom: 0;
	cursor: pointer;
}

.index_data_box .data_Swiper .swiper-button-prev {
	right: calc(480 / var(--rem) * 1rem);
}

.index_data_box .data_Swiper .swiper-button-next {
	left: calc(480 / var(--rem) * 1rem);
}

.index_data_box .data_Swiper .swiper-button-prev img {
	width: calc(45 / var(--rem) * 1rem);
}

.index_data_box .data_Swiper .swiper-button-next img {
	width: calc(45 / var(--rem) * 1rem);
	transform: rotate(180deg);
}


/* 走进学院 */
.index_video_box {
	margin-top: calc(-168 / var(--rem) * 1rem);
}

.index_video_box .video_list {
	width: calc(1195 / var(--rem) * 1rem);
	height: calc(448 / var(--rem) * 1rem);
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 2px 26px 0px rgba(0, 0, 0, 0.10);
	margin: 0 auto;
	padding: calc(35 / var(--rem) * 1rem);
}

.index_video_box .video_list li {
	overflow: hidden;
	position: relative;
	float: left;
	border-radius: 8px;
}

.index_video_box .video_list li:nth-of-type(1) {
	width: calc(540 / var(--rem) * 1rem);
	height: calc(378 / var(--rem) * 1rem);
}

.index_video_box .video_list li:nth-of-type(2) {
	width: calc(556 / var(--rem) * 1rem);
	height: calc(212 / var(--rem) * 1rem);
	margin-left: calc(29 / var(--rem) * 1rem);
	margin-bottom: calc(18 / var(--rem) * 1rem);
}

.index_video_box .video_list li:nth-of-type(3) {
	width: calc(269 / var(--rem) * 1rem);
	height: calc(148 / var(--rem) * 1rem);
	margin-left: calc(29 / var(--rem) * 1rem);
}

.index_video_box .video_list li:nth-of-type(4) {
	width: calc(269 / var(--rem) * 1rem);
	height: calc(148 / var(--rem) * 1rem);
	margin-left: calc(18 / var(--rem) * 1rem);
}

.index_video_box .video_list li .video_img {
	width: 100%;
	height: 100%;
}

.index_video_box .video_list li:hover .video_img {
	transition: all 2s linear;
	transform: scale(1.2, 1.2) !important;
}

.index_video_box .video_list li .video_title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: calc(28 / var(--rem) * 1rem);
}

.index_video_box .video_list li .video_title img {
	width: calc(24 / var(--rem) * 1rem);
	margin-left: 14px;
}

/* 聚焦学院 */
.index_focus_box {
	width: 100%;
	padding-top: calc(63 / var(--rem) * 1rem);
	padding-bottom: calc(63 / var(--rem) * 1rem);
	background: url(../img/focus_bg.png) center center no-repeat;
	;
}

.index_focus_box .focus_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.8125rem 0 2.875rem;
}

.index_focus_box .focus_top .focus_top_title {
	line-height: 3rem;
	font-size: 2.125rem;
	font-weight: bold;
	position: relative;
}

.index_focus_box .focus_top .focus_top_title::before {
	content: 'FOCUS COLLEGE';
	position: absolute;
	left: 4.125rem;
	top: -1.8125rem;
	font-size: 5.125rem;
	color: rgba(106, 0, 155, 0.06);
	white-space: nowrap;
	line-height: 7.1875rem;
}

.index_focus_box .focus_top .focus_top_right {
	color: var(--primary-color);
	font-size: 0.9375rem;
}

.index_focus_box .focus_top .focus_top_right img {
	width: 1.75rem;
	margin-left: 0.5rem;
}

.index_focus_box .focus_list_box {
	margin-top: calc(22 / var(--rem) * 1rem);
	display: flex;
	justify-content: space-between;
}

.index_focus_box .focus_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.index_focus_box .focus_list:nth-of-type(1) {
	margin-right: calc(34 / var(--rem) * 1rem);
}

.index_focus_box .focus_list:nth-of-type(1) li {
	width: calc(463 / var(--rem) * 1rem);
	height: calc(463 / var(--rem) * 1rem);
}

.index_focus_box .focus_list li {
	position: relative;
	width: calc(333 / var(--rem) * 1rem);
	height: calc(220 / var(--rem) * 1rem);
	margin-bottom: calc(21 / var(--rem) * 1rem);
	overflow: hidden;
	border-radius: 8px;
}

.index_focus_box .focus_list li .focus_img {
	width: 100%;
	height: 100%;
}

.index_focus_box .focus_list li:hover .focus_img {
	transition: all 2s linear;
	transform: scale(1.2, 1.2) !important;
}

.index_focus_box .focus_list li .focus_title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 calc(24 / var(--rem) * 1rem);
	line-height: calc(52 / var(--rem) * 1rem);
	color: #fff;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.00), #000000 100%);
	font-size: calc(21 / var(--rem) * 1rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 专业介绍 */
.index_major_box {
	width: 100%;
	padding-top: calc(60 / var(--rem) * 1rem);
	padding-bottom: calc(111 / var(--rem) * 1rem);
	background: #fff;
}

.index_major_box .major_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.8125rem 0 2.875rem;
}

.index_major_box .major_top .major_top_title {
	line-height: 3rem;
	font-size: 2.125rem;
	font-weight: bold;
	position: relative;
}

.index_major_box .major_top .major_top_title::before {
	content: 'PROFESSIONAL';
	position: absolute;
	left: 4.125rem;
	top: -1.8125rem;
	font-size: 5.125rem;
	color: rgba(106, 0, 155, 0.06);
	white-space: nowrap;
	line-height: 7.1875rem;
}

.index_major_box .major_top .major_top_right {
	color: var(--primary-color);
	font-size: 0.9375rem;
}

.index_major_box .major_top .major_top_right img {
	width: 1.75rem;
	margin-left: 0.5rem;
}

.index_major_box .major_list_box {
	margin-top: calc(22 / var(--rem) * 1rem);
	display: flex;
	justify-content: space-between;
}

.index_major_box .major_list_item {
	width: calc(575 / var(--rem) * 1rem);
}

.index_major_box .major_list_item .major_left {
	width: calc(225 / var(--rem) * 1rem);
	flex-shrink: 0;
	padding: calc(15 / var(--rem) * 1rem) 0 calc(22 / var(--rem) * 1rem) calc(36 / var(--rem) * 1rem);
	background: #F3F3F3;
	position: relative;
}

.index_major_box .major_list_item .major_left li {
	line-height: calc(78 / var(--rem) * 1rem);
	border-bottom: 1px solid #E0E0E0;
	font-size: calc(18 / var(--rem) * 1rem);
	z-index: 1;
}

.index_major_box .major_list_item .major_left li:last-of-type {
	border-bottom: none;
}

.index_major_box .major_list_item .major_left li .major_title {
	display: block;
	color: #393939;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}

.index_major_box .major_list_item .major_left li.active_item .major_title,
.index_major_box .major_list_item .major_left li:hover .major_title {
	color: var(--primary-color);
}

.index_major_box .major_list_item .major_left li.active_item .major_title::before,
.index_major_box .major_list_item .major_left li:hover .major_title::before {
	content: '';
	position: absolute;
	left: calc(-36 / var(--rem) * 1rem);
	top: calc(13 / var(--rem) * 1rem);
	width: calc(8 / var(--rem) * 1rem);
	height: calc(51 / var(--rem) * 1rem);
	background: var(--primary-color);
}

.index_major_box .major_list_item .major_right {
	position: absolute;
	top: 0;
	left: calc(225 / var(--rem) * 1rem);
	height: 100%;
	background: var(--primary-color);
	flex-direction: column;
	justify-content: space-between;
	padding: calc(35 / var(--rem) * 1rem) calc(13 / var(--rem) * 1rem) calc(13 / var(--rem) * 1rem) calc(13 / var(--rem) * 1rem);
	overflow: hidden;
	display: flex;
	width: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: width 0.5s;
}

.index_major_box .major_list_item .major_left li.active_item .major_right {
	opacity: 1;
	filter: alpha(opacity=100);
	width: calc(350 / var(--rem) * 1rem);
	transition: width 0.5s;
}

.index_major_box .major_list_item .major_right a {
	color: #fff;
}

.index_major_box .major_list_item .major_right ul {
	margin-left: calc(10 / var(--rem) * 1rem);
}

.index_major_box .major_list_item .major_right ul li {
	line-height: calc(25 / var(--rem) * 1rem);
	font-size: calc(18 / var(--rem) * 1rem);
	margin-bottom: calc(18 / var(--rem) * 1rem);
	text-align: center;
	color: #fff;
	border: none;
}

.index_major_box .major_list_item .major_right ul li:hover {
	transform: scale(1.2);
	transition: transform .5s;
}

.index_major_box .major_list_item .major_right img {
	width: 100%;
	height: calc(185 / var(--rem) * 1rem);
}

.index_major_box .major_list_item .major_right img:hover {
	transition: all 2s linear;
	transform: scale(1.2, 1.2);
}


.toMore:hover {
	transform: scale(1.2, 1.2);
	transition: transform 0.3s linear;
}

/* footer */

.footer-top {
	width: 100%;
	background: #0180F6;
	height: calc(88 / var(--rem) * 1rem);
	float: left;
	border-bottom: 1px solid #57BAC6;
	line-height: calc(88 / var(--rem) * 1rem);
	color: #fff;
	font-size: 1rem;
	position: relative;
}
.footer-top-right{
  position: absolute;top: 0;right: 12%;
}
.footer-top a {
	font-size: 0.9rem;
	color: #D7EEF1;
	margin-right: 1rem;
}

.index_footer_box {
	height: calc(292 / var(--rem) * 1rem);
	border-bottom: 1px solid #57BAC6;
}





.index_footer_box {
	background: var(--primary-color);
	float: left;
}

.index_footer_box .footer_content {
	/* 	padding-top: calc(54 / var(--rem) * 1rem);
	padding-bottom: calc(38 / var(--rem) * 1rem); */
	display: flex;
	justify-content: space-between;
	height: 100%;
	width: 100%;
	padding: 0;
}

.index_footer_left {
	width: 60%;
	display: flex;
	padding: 3rem 0;
	border-right: 1px solid #57BAC6;
}

.index_footer_left .div {
	width: 16%;
	color: #fff;
	font-size: 1rem;
}

.index_footer_right {
	width: 40%;
	display: flex;
	padding: 3rem 0;
}

.index_footer_right .div {
	width: 100%;
	color: #fff;
	font-size: 1rem;
	padding-left: 4rem;
}

.index_footer_right .div .div-chlien {
	font-size: calc(14 / var(--rem) * 1rem);
	color: #D7EEF1;
	line-height: 2rem;
	margin-top: 1.2rem;
}

.index_footer_right .div .div-chlien a {
	color: #D7EEF1;
	display: block;
}

.index_footer_left .div .div-chlien {
	font-size: calc(14 / var(--rem) * 1rem);
	color: #D7EEF1;
	line-height: 2rem;
	margin-top: 1.2rem;
}

.index_footer_left .div .div-chlien a {
	color: #D7EEF1;
	display: block;
}

.index_footer_box .footer_left {
	margin-top: calc(15 / var(--rem) * 1rem);
	flex-shrink: 0;
}

.index_footer_box .footer_left img {
	width: calc(262 / var(--rem) * 1rem);
}

.index_footer_box .footer_contact {
	max-width: calc(550 / var(--rem) * 1rem);
	color: #bbb;
}

.index_footer_box .contact_title {
	font-size: calc(29 / var(--rem) * 1rem);
	line-height: calc(34 / var(--rem) * 1rem);
	margin-bottom: calc(34 / var(--rem) * 1rem);
}

.index_footer_box .contact_content {
	display: flex;
	justify-content: space-between;
}

.index_footer_box .contact_content .contact_column {
	margin-right: 20px;
}

.index_footer_box .contact_content p {
	line-height: calc(34 / var(--rem) * 1rem);
	font-size: calc(14 / var(--rem) * 1rem);
}

.index_footer_box .contact_content p:hover {
	color: #fff;
}

.index_footer_box .contact_content p.contact_qq {
	margin-top: calc(26 / var(--rem) * 1rem);
}

.index_footer_box .contact_content p.contact_qq img {
	width: calc(25 / var(--rem) * 1rem);
	margin-right: calc(22 / var(--rem) * 1rem);
	vertical-align: middle;
	margin-top: -3px;
}

.index_footer_box .footer_right {
	display: flex;
	text-align: center;
	max-width: 30%;
}

.index_footer_box .footer_right li {
	margin-top: calc(42 / var(--rem) * 1rem);
}

.index_footer_box .footer_right img {
	width: 70%;
	/* width: calc(115  / var(--rem) * 1rem); */
}

.index_footer_box .footer_right p {
	color: #bbb;
	margin-top: calc(17 / var(--rem) * 1rem);
	line-height: calc(20 / var(--rem) * 1rem);
	font-size: calc(14 / var(--rem) * 1rem);
}

.footer_copyRight {
	line-height: calc(84 / var(--rem) * 1rem);
	color: #D7EEF1;
	text-align: center;
	background: #0180F6;
	font-size: calc(14 / var(--rem) * 1rem);
	float: left;
	width: 100%;
}

.index-right {
	width: calc(70 / var(--rem) * 1rem);
/*	height: calc(184 / var(--rem) * 1rem); */
	background: #fff;
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
	border-radius: 6px 6px 6px 6px;
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 999;
}

.index-right-div {
	width: 100%;
	height: calc(60 / var(--rem) * 1rem);
	text-align: center;
	padding: calc(10 / var(--rem) * 1rem);
	border-bottom: 1px dashed #E1DEDE;
	font-size: calc(14 / var(--rem) * 1rem);
	cursor: pointer;
}

.index-right-div1 {
	width: 100%;
	height: calc(60 / var(--rem) * 1rem);
	text-align: center;
	padding: calc(10 / var(--rem) * 1rem);
	border-bottom: 1px dashed #E1DEDE;
	font-size: calc(14 / var(--rem) * 1rem);
	cursor: pointer;
}

.index-right-div1:hover {
	background: #0180F6;
	color: #fff;
}

.index-right1 {
	position: fixed;
	top: 40%;
	right: 70px;
	z-index: 999;
	padding: 5px;
	display: none;
}

.index-right1 img {
	width: 80px;
	height: 80px;
}

@media screen and (max-width: 1200px) {

	body,
	textarea,
	input,
	button,
	select,
	keygen,
	legend {
		font: 14px "Microsoft YaHei", "微软雅黑", \9ed1\4f53, \5b8b\4f53, "Microsoft JhengHei", "华文细黑", STHeiti, MingLiu;
	}

	/* 内容容器 1405	 */
	.content {
		width: 100%;
	}

	.model_content {
		margin: 0 3%;
	}

	/*显视*/
	.pc_box {
		display: none;
	}

	.app_box {
		display: block;
		margin-top: 0;
	}

	.pc_box_flex {
		display: none !important;
	}

	.app_box_flex {
		display: flex !important;
	}

	/* 布局 */
	.g-wrap,
	.g-box {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.arrow {
		width: 100px;
		margin: -20px 0 0 -50px;
	}

	/* 导航 */
	.nav_box {
		height: 102px;
	}

	.nav_box .top_box {
		height: 102px;
		background: #fff;
	}

	.nav_box .top_box .logo_img {
    margin: 21px 0px 0 16px;
    height: auto;
    width: 130px;
	}

	.nav_box .top_box .logo_text {
		display: none;
	}

	.nav_box .right_box {
		margin: 3px 15px 0 0;
	}

	.nav_box .top_Contact .top_Contact_left {
		margin-left: 13px;
	}

	/* 导航-pc */
	.navBar {
		display: none;
	}

	/* 首页 */
	.index-content {
		padding: 102px 0 24px 0;
	}

	/* .index-content1{padding: 175px 0 0px 0;} */
	.index-txt {
		padding: 24px 0;
	}

	.index-txt .txt_1 {
		display: block;
		font-size: 24px
	}

	/* 首页按钮 */
	.index_bnt_box {
		width: 100%;
		margin-top: 34.4375rem;
	}

	.index_bnt_bj {
		background: #fff;
		box-shadow: 0px 5px 5px 0 #ccc;
		width: 94%;
		height: 200px;
		padding: 10px;
		margin: 0 3%;
		font-size: 14px;
		color: #073f7c;
		background: #fff;
		box-shadow: 0px 5px 5px 0 #ccc;
		flex-wrap: wrap;
	}

	.index_bnt_bj a {
		width: 35px;
		height: 35px;
		margin-bottom: 20px;
		background: var(--primary-color);
	}

	.index_bnt_bj a img {
		width: 16px;
		height: auto !important;
	}

	.index_bnt_bj_6 {
		width: 25%;
		padding-top: 5px;
		height: 75px;
	}

	.index_bnt_bj_6 p {
		font-size: 12px;
	}

	/* 招生动态 */
	.index_news_box {
		padding-bottom: 10px;
	
	}

	.index_news_box .news_top {
		margin-bottom: 20px;
	}

	.index_news_box .news_top .news_top_title {
		font-size: 20px;
		line-height: 30px;
	}

	.index_news_box .news_top .news_top_title::before {
		font-size: 32px;
		line-height: 44px;
		top: 2px;
	}

	.index_news_box .news_top .news_top_right {
		font-size: 12px;
	}

	.index_news_box .news_top .news_top_right img {
		width: 12px;
		vertical-align: middle;
		margin-top: -3px;
	}

	.index_news_box .news_list li {
		width: 100%;
		height: 40px;
		margin-bottom: 10px;
	}

	.index_news_box .news_list li .news_name {
		font-size: 12px;
		width: 80%;
	}

	.index_news_box .news_list li .news_right span {
		font-size: 10px;
	}

	.index_news_box .news_list li .news_right span.news_day {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 0;
	}

	/* 学院简介 */
	.index_introduce_box {
		padding: 30px 0;
	}

	.index_introduce_box .intro_text {
		font-size: 12px;
		line-height: 28px;
	}

	.index_introduce_box .intro_footer a {
		font-size: 12px;
		line-height: 28px;
	}

	.index_introduce_box .intro_footer a .intro_name {
		font-size: 16px;
		font-weight: bold;
	}

	.index_introduce_box .intro_footer a img {
		width: 20px;
	}

	/* 数据轮播 */
	.index_data_box {
		padding-top: 30px;
	}

	.index_data_box .data_title {
		font-size: 20px;
		line-height: 30px;
	}

	.index_data_box .data_title::before {
		font-size: 44px;
		line-height: 50px;
		top: -10px;
	}

	.index_data_box .data_Swiper {
		height: 150px;
		margin-top: 20px;
		width: 100%;
	}

	.index_data_box .data_Swiper .swiper-slide {
		width: 80vw;
	}

	.index_data_box .data_Swiper .swiper-slide .data_list {
		padding: 20px 0 30px;
	}

	.index_data_box .data_Swiper .swiper-slide .data_list li p {
		line-height: 20px;
		font-size: 11px;
	}

	.index_data_box .data_Swiper .swiper-slide .data_list li p.data_num {
		line-height: 50px;
		font-size: 20px;
	}

	.index_data_box .data_Swiper .swiper-slide .data_list li p.data_num span {
		line-height: 20px;
		font-size: 11px;
		right: -16px;
	}


	/* 走进学院 */
	.index_video_box .video_list {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.index_video_box .video_list li {
		width: 48% !important;
		height: 100px !important;
		margin: 0 0 10px 0 !important;
		display: inline-block;
		float: none;
	}

	.index_video_box .video_list li .video_title {
		font-size: 14px;
	}

	.index_video_box .video_list li .video_title img {
		width: 16px;
	}

	/* 聚焦学院 */
	.index_focus_box {
		padding-bottom: 10px;
		margin-top: 20px;
	}

	.index_focus_box .focus_top {
		margin-bottom: 20px;
	}

	.index_focus_box .focus_top .focus_top_title {
		font-size: 20px;
		line-height: 30px;
	}

	.index_focus_box .focus_top .focus_top_title::before {
		font-size: 32px;
		line-height: 44px;
		top: 2px;
	}

	.index_focus_box .focus_top .focus_top_right {
		font-size: 12px;
	}

	.index_focus_box .focus_top .focus_top_right img {
		width: 12px;
		vertical-align: middle;
		margin-top: -3px;
	}

	.index_focus_box .focus_list_box {
		display: block;
	}

	.index_focus_box .focus_list:nth-of-type(1) li {
		width: 100%;
		height: 200px;
	}

	.index_focus_box .focus_list li {
		width: 48%;
		height: 100px;
	}

	.index_focus_box .focus_list li .focus_title {
		line-height: 30px;
		font-size: 12px;
		padding: 0 16px;
	}

	/* 专业介绍 */
	.index_major_box {
		padding-bottom: 10px;
		margin-top: 20px;
	}

	.index_major_box .major_top {
		margin-bottom: 20px;
	}

	.index_major_box .major_top .major_top_title {
		font-size: 20px;
		line-height: 30px;
	}

	.index_major_box .major_top .major_top_title::before {
		font-size: 32px;
		line-height: 44px;
		top: 2px;
	}

	.index_major_box .major_top .major_top_right {
		font-size: 12px;
	}

	.index_major_box .major_top .major_top_right img {
		width: 12px;
		vertical-align: middle;
		margin-top: -3px;
	}

	.index_major_box .major_list_box {
		display: block;
	}

	.index_major_box .major_list_item {
		width: 100%;
		display: flex;
		margin-bottom: 10px;
	}

	.index_major_box .major_list_item .major_left {
		width: 50%;
	}

	.index_major_box .major_list_item .major_left li {
		font-size: 14px;
		line-height: 30px;
	}

	.index_major_box .major_list_item .major_left li.active_item .major_title::before {
		top: 7px;
		height: 16px;
	}

	.index_major_box .major_list_item .major_right {
		width: 0;
		left: 100%;
	}

	.index_major_box .major_list_item .major_right ul li {
		font-size: 11px;
		line-height: 20px;
	}

	.index_major_box .major_list_item .major_left li.active_item .major_right {
		width: 100%;
	}

	.index_major_box .major_list_item .major_right img {
		height: 60px;
	}

	/* footer */
	.index_footer_box .footer_content {
		display: block;
	}

	.index_footer_box .footer_contact {
		max-width: 100%;
		padding: 0 5%;
	}

	.index_footer_box .footer_contact .contact_title {
		font-size: 16px;
		line-height: 30px;
	}

	.index_footer_box .footer_contact .contact_content {
		width: 100%;
		display: block;
	}

	.index_footer_box .footer_contact .contact_content p {
		line-height: 20px;
		font-size: 12px;
	}

	.index_footer_box .footer_contact .contact_content p.contact_qq img {
		width: 14px;
	}

	.index_footer_box .footer_right {
		max-width: 100%;
		justify-content: space-between;
	}

	.index_footer_box .footer_right img {
		width: 100px;
		margin-top: 10px;
	}

	.index_footer_box .footer_right p {
		font-size: 10px;
		line-height: 20px;
	}

	.footer_copyRight {
		line-height: 40px;
		font-size: 10px;
	}

    .footer_copyRight a {
		display: block;
	}





	/* 适配 */
	.nav_box_bottom {
		background: #fff;
		height: 100%;
	}

	.logo_img {
		width: 150px;
		margin: 10px;
	}

	.index-content1 .model_content img {
		width: 48%;
		height: auto;
	}

	.index-content2-left {
		width: 100%;
		height: auto;
	}

	.index-content2 .tab {
		padding: 10px;
	}

	.index-content2-right {
		height: auto;
		width: 100%;
	}

	.index-content2-right .div {
		width: 100%;
		height: 100px;
	}

	.index-content2-right .div-top {
		width: 100%;
		height: auto;
		font-size: 18px;
	}

	.index-content2-right .div-top img {
		width: 35px;
		height: 35px;
	}

	.index-content2-right .div-right .div-div a {
		font-size: 14px;
	}

	.index-content2-right .div-left img {
		width: 100px;
		height: 100px;
	}

	.index-content2-right .div-left {
		font-size: 14px;
	}

	.footer-top {
		height: auto;
		font-size: 16px;
		padding: 20px;
	}

	.footer-top a {
		font-size: 14px;
		line-height: 30px;
	}

	.index_footer_box {
		height: auto;
	}

	.index_footer_left {
		width: 100%;
		display: block;
		/* border-bottom: 1px solid #57BAC6; */
	}

	.index_footer_left .div {
		font-size: 12px;
		float: left;
		width: 33%;
		margin-bottom: 30px;
	}

	.index_footer_left .div .div-chlien {
		line-height: 24px;
		font-size: 12px;
	}

	.index_footer_right {
		width: 100%;
	}

	.index_footer_right .div {
		font-size: 12px;
	}

	.index_footer_right .div .div-chlien {
		line-height: 24px;
		font-size: 12px;
	}
	.footer-top-right{
          position: static;
        }
        
        .index-content2 .announcement-item{
            padding: 15px 0;
        }
        .index-content2 .announcement-title{
            font-size: 14px;
            padding-right: 20px;
        }
        .index-content2 .announcement-date{
            font-size:14px;
            width:80px;
        }
        .external_style{
          width: 115px;height:28px;background: #70BAFF;border-radius: 3px 3px 3px 3px;border: 1px solid #70BAFF;color: #FFFFFF;font-size: 14px;
        }
        .index-content2-right .div-right{
            height: 280px;
        }
        
        
        
        
        
        
     /* 外层容器样式 - 限制显示区域 */
        .notice-container {
            height: 50px;
            line-height: 50px;
            margin-bottom: 20px;
            overflow: hidden;
            display: flex;
            align-items: center;
            border: 1px solid #eee; /* 方便查看效果，可删除 */
            padding: 0 10px; /* 方便查看效果，可删除 */
        }
        
        /* 公告图标样式 */
        .notice-container img {
            width:20px;
            height:20px;
            margin-right: 10px;
            flex-shrink: 0; /* 防止图标被压缩 */
        }
        
        /* 滚动容器核心样式 */
        .gundong {
            height: 50px;
            line-height: 50px;
            flex: 1; /* 占满剩余空间 */
        }
        .gundong a:hover{
                text-decoration: underline;
                color:#0180F6;
        }
        
        /* 滚动内容项样式 */
        .gundong > div {
            height: 50px;
            line-height: 50px;
            white-space: nowrap; /* 防止文字换行 */
            overflow: hidden;
            text-overflow: ellipsis; /* 超长文字省略 */
        }
        
        .gundong a {
            height: 50px;
            line-height: 50px;
            display: block;
        }
        
        .content_box img {
            max-width: 100% !important
         }
         
             .piaofu_float{
              width: 100px;
              height: 100px;
         }
        .scroll-wrap{
         overflow-x: auto;
                 width:fit-content;
        }
        .scroll-wrap-table{
                 overflow-x: auto;
                 width:auto;
        }
        
        
        
                /* 滚动动画定义 */
        @keyframes scrollUp {
            0% {
                transform: translateY(0);
            }
            20% {
                transform: translateY(0); /* 停留时间 */
            }
            30% {
                transform: translateY(-50px); /* 向上滚动 */
            }
            50% {
                transform: translateY(-50px); /* 停留时间 */
            }
            60% {
                transform: translateY(-100px); /* 向上滚动 */
            }
            80% {
                transform: translateY(-100px); /* 停留时间 */
            }
            100% {
                transform: translateY(-100px); /* 回到初始位置 */
            }
        }
        
        
        
        
        

}


.pnt-empty {
	text-align: center;
	width: 100%;
	margin: 10vh 0;
}

.cate-active {
	background: #fff ! important;
	color: #3399f7 ! important;
}

.cate-active a {
	color: #3399f7;
}

.nav-active {
	border-radius: 0 !important;
	border: none !important;
	background: #3399F7 !important;
}