@charset "utf-8";


/*分页样式*/
.page{ width:100%; margin:auto; height:50px; overflow:hidden; margin-top:30px;}
.page_list{ width:100%; float:left;text-align:center; }
.page_list a{display:inline-block;line-height:50px; height:50px; font-size:16px; color:#000; text-decoration:none; margin:0px 8px;-webkit-transition: all 0.4s ease-in-out;}

.page_list a:hover{color:#232584;}
.page_list a.on{color:#232584;}



/*头部*/
.header{ 
	width:100%; 
	height:7rem; 
	position: fixed;
	top: 0;
	z-index:999;
	background: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.headera{
	position: fixed;
	top: 0;
	z-index:999;
	background: rgba(255,255,255,0.75);
}
.head{ 
	width:90%; height:100%; margin:auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.head_logo{ float:left; height:60%;}
.head_logo img{ cursor:pointer;height:100%; width:auto;-webkit-transition: all 0.4s ease-in-out;}


.nav{ 
	height:100%; -webkit-transition: all 0.4s ease-in-out;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.nav_1{ display:inline-block; height:100%;  margin: 0 2rem; position:relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.nav_1 a{ display:block; cursor:pointer; text-align:center;font-size:1.25rem; color:#000;  -webkit-transition: all 0.4s ease-in-out; position: relative; z-index:1;}

.nav_1 a:hover{ color:#232584;}
.nav_1 a.nav_1_a{ color:#232584;}

.nav_1:hover .nav_1_warp{ height:auto;}
.nav_1:hover .nav_con{ opacity:1; padding: 0.5rem 0;}


.nav_1_warp{ width:240%; height:0px; overflow:hidden; position:absolute; top:100%; left:-70%; -webkit-transition: all 0.4s ease-in-out;}
.nav_1_warp5{ width:240%;left:-70%;}
.nav_con{ width:100%; text-align:center; height: auto; overflow:hidden; opacity:0; padding: 0rem 0; background-color:#fff; -webkit-transition: all 0.4s ease-in-out;}
.nav_con a{ display:block; width:100%; cursor:pointer; height:auto; padding: 0.5rem 0; -webkit-transition: all 0.4s ease-in-out;}
.nav_con a:hover{ background-color:#232584;}
.nav_con a:hover .nav_img_1{ display:none;}
.nav_con a:hover .nav_ri{ color:#fff;}


.nav_img{ float:left; width:60px; height:50px; overflow:hidden;}
.nav_img5{ width:62px;}
.nav_img_1{ width:100%; height:50px; text-align:right;}
.nav_img_1 img{ height:21px; width:auto; padding-top:15px;}
.nav_img_2{ width:100%; height:50px; text-align:right;}
.nav_img_2 img{ height:21px; width:auto; padding-top:15px;}

.nav_ri{ width:100%;
	height:auto; font-size:1.125rem; color:#000;
text-align: center;
	
}
.nav_ri5{ width:100%;}



.head_right{ height:auto;-webkit-transition: all 0.4s ease-in-out;}
.head_en{ float:right; width:25px; height:25px; position:relative; margin-left:22px;}
.head_1{ width:25px; height:25px;}
.head_1 img{ width:25px; height:25px;}
.head_2{ position:absolute; top:40px; left:-25px; width:80px; height: auto; background-color:rgba(255,255,255,1); border-radius:4px; overflow:hidden; opacity:0;-webkit-transition: all 0.4s ease-in-out;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.head_2 a{ display:block; width:100%; height:30px; text-align:center; cursor:pointer; line-height:30px; font-size:12px; color:rgba(0,0,0,1);-webkit-transition: all 0.4s ease-in-out;}
.head_2 a:hover{ background-color:#232584; color:#fff;}

.head_2a{ opacity:1; top:35px;}

.search{ float:left;  height:22px; width:22px; position:relative;}
.search_tu{ height:100%; width:22px; margin:auto;}
.search_tu img{ width:22px; height:22px; cursor:pointer;}

.search_xian{ position:absolute; top:40px; right:0px; width:300px; height:35px; background-color:#fff; border-radius:4px; overflow:hidden; opacity:0;-webkit-transition: all 0.4s ease-in-out;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(0,0,0,0.2);}

.search_xian1{ opacity:1; top:35px;}

.search_text{ width:263px; height:35px; background:rgba(255,255,255,1); padding-left:15px; border:none; border-radius:4px; font-size:14px; color:rgba(0,0,0,1); font-family:"微软雅黑";-webkit-transition: all 0.4s ease-in-out;}
.search_text::-webkit-input-placeholder { color:rgba(0,0,0,0.8);}
.search_text:focus {  -moz-box-shadow:inset 0px 0px 3px rgba(0,93,229,1); -webkit-box-shadow: inset 0px 0px 3px rgba(0,93,229,1); box-shadow: inset 0px 0px 3px rgba(0,93,229,1);}

.search_btn{ float:right; width:74px; height:35px; border:none;background-color:#232584; font-size:15px; color:#fff; font-family:"微软雅黑"; position:absolute; right:0; top:0;    text-align: center;
    line-height: 35px; cursor: pointer;}


.header1{ height:6rem; background-color:#fff;}


.n_big{ width:100%; height:500px; margin:auto; position:relative;}



/*底部*/
.footer{ width:100%; height:auto; background:#000260; padding-top:4rem; overflow:hidden;}
.foot{ width:1400px; width: var(--mainwidth); height:auto; margin:auto; position:relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 5rem;

}

.foot_1{ width:auto; height:100%;}
.foot_nav{ width:100%; height:auto; overflow:hidden;}
.foot_nav a{ display:block; font-size:18px; color:#fff;cursor:pointer; height:auto; line-height:40px; position:relative; -webkit-transition: all 0.4s ease-in-out;}
.foot_nav a:hover{ color:#3390ff;}

.foot_con{ width:100%; height: auto; overflow:hidden; margin-top:28px;}
.foot_con a{ display:block; font-size:1.125rem; color:rgba(255,255,255,0.5); cursor:pointer; height:auto; line-height:180%; position:relative; -webkit-transition: all 0.4s ease-in-out; overflow:hidden;}
.foot_con a:hover{ color:#fff;}

.foot_right{ width: auto; height:auto;}
.foot_logo{ width:100%; height:auto; overflow:hidden;}
.foot_logo a{ display:block; width:100%; cursor:pointer; text-align: right;}
.foot_logo img{ height:5rem; width:auto; }

.foot_2{ width:100%; font-size:2.5rem; color:#fff; font-family:ying; margin-top:2rem;}
.foot_3{ width:100%; font-size:14px; color:rgba(255,255,255,0.5); height: auto; text-align:right; line-height:30px;}


.foot_wei{ width:100%; height:52px; margin-top:25px; text-align: right;}
.foot_wei a{ display:inline-block; width:52px; height:52px; border-radius:50%; cursor:pointer; margin-left:7px;-webkit-transition: all 0.5s ease-in-out; background-color:#1a1c70;}
.foot_wei a:hover{ background-color:#232584;}
.foot_wei a:hover img{transform:rotate(360deg);}
.foot_wei a:hover .foot_wei_ma{transform:rotate(0deg); }
.foot_wei a:hover .foot_wei_ma img{transform:rotate(0deg);}

.foot_wei img{-webkit-transition: all 0.5s ease-in-out;}

.foot_love{ width:53px; height:53px; position:relative;}
.foot_love:hover .foot_wei_ma{ height:85px; opacity:1; top:60px;}
.foot_love img{ width:53px; height:53px; border-radius:50%;}
.foot_wei_ma{ width:85px; height:0px; overflow:hidden; position:absolute; top:65px; left:-15px; opacity:1;-webkit-transition: all 0.5s ease-in-out;}
.foot_wei_ma img{ width:85px; height:85px; border-radius:0%;}


.typeright{ width:100%; height:6rem; display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;background-color:#01024c; text-align:center; font-size:1rem; color:rgba(255,255,255,0.3);}
.typeright a{color:rgba(255,255,255,0.3);}



/*自研产品列表*/
.main_all{ width:100%; height: auto; overflow:hidden; padding-top:5rem; padding-bottom:5rem;}

.main_alls{ width:100%; height: auto; overflow:hidden;  padding-bottom:5rem;}

.main{ width:100%; height: auto; overflow:hidden; padding-top:5rem; padding-bottom:5rem;}
.main_tit{ width:100%; text-align:center; background:url(../images/apply_17.jpg) no-repeat center bottom; font-size:2.75rem; font-weight:500;color:#000; height:auto; padding-bottom: 1.5rem;}

.research{ width:1400px;    width: var(--mainwidth); height:auto; margin:auto; padding-top: 2rem;}
.research ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.research ul li{ width:32%; height:auto; list-style:none; margin-top: 2%; margin-right:2%;}
.research ul li:nth-child(3n){ margin-right:0px;}
.research ul li a{ display:block; width:100%; height:auto; -webkit-transition: all 0.4s ease-in-out; padding-bottom: 1.5rem;}
.research ul li a:hover{ background-color:#fff;-moz-box-shadow: 2px 0px 16px rgba(0,0,0,0.07); -webkit-box-shadow: 2px 0px 16px rgba(0,0,0,0.07); box-shadow: 2px 0px 16px rgba(0,0,0,0.07);}
.research ul li a:hover .research_img img{-moz-transform:scale(1.03,1.03);-webkit-transform:scale(1.03,1.03);-o-transform:scale(1.03,1.03);-ms-transform:scale(1.03,1.03); transform:scale(1.03,1.03);}
.research ul li a:hover .research_tit{ color:#232584;}

.research_img{ width: 100%; aspect-ratio: 459/322; font-size: 0; overflow: hidden;}
.research_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;}
.research_tit{ width:100%; text-align:center; font-size:2rem; color:#000; height:auto; margin-top:1.5rem; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
.research_con{ width:100%; text-align:center; font-size:1.125rem; color:#000; height:auto; line-height:160%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; margin-top: 0.5rem;}
.research_quan{ margin:auto;width:4rem; height:4rem; border-radius:50%; overflow:hidden; text-align:center; display: flex; flex-direction: column; justify-content: center;background-color:#232584; font-size:2rem; color:#fff; font-weight:lighter; margin-top:1.5rem;}

.research_xian{ width:1400px; height:1px; margin:auto; background-color:#f6f6f6;}


/*行业应用*/
.mune{ width:100%; background:#f0f0f0; height:55px; text-align:center;}
.mune a{ display:inline-block; font-size:18px; color:#000; height:55px; line-height:55px; cursor:pointer; padding:0px 45px;-webkit-transition: all 0.4s ease-in-out;}
.mune a:hover{ background-color:#232584; color:#fff;}
.mune a.mune_a{ color:#fff; background-color:#232584;}

.press_all{ width:1400px; width: var(--mainwidth); height:auto; margin:auto; margin-top:3rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.press_left{ width:50%; height:auto;}
.press_left a{ display:block; width:100%; height:100%;}
.press_left a:hover .press_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.press_left a:hover .press_con{ background-color:#f6f6f6;}
.press_left a:hover .press_con_1{ color:#232584; opacity:0.5;}
.press_left a:hover .press_con_2{ color:#232584;}
.press_left a:hover .press_con_3 img{ background-color:#232584; border:2px solid #232584;}


.press_img{ width:100%; aspect-ratio: 651/287;  overflow:hidden;}
.press_img img{ width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.press_con{ width:100%; height:auto; background:#232584 url(../images/apply_31.png) no-repeat right bottom; -webkit-transition: all 0.4s ease-in-out; padding-bottom: 1.5rem;}
.press_con_1{ margin:auto; font-size:1rem; color:rgba(255,255,255,0.5); width:100%; height:auto; padding-top:1rem; padding-left: 1.5rem;}
.press_con_2{ margin:auto; font-size:2.5rem; color:#fff; font-weight:bold; width:100%; height:auto; padding-left: 1.5rem;}
.press_con_3{ width:100%; height:auto; margin:auto; margin-top:2rem; overflow:hidden; padding-left: 1.5rem;}
.press_con_3 img{ display:block; width:3rem; height:3rem; border:2px solid #fff; border-radius:50%; -webkit-transition: all 0.4s ease-in-out;}


.press_list{ width:47%; height:auto; overflow:hidden;}
.press_list ul li{ width:100%; height:auto; list-style:none; margin-bottom:1.8rem;}
.press_list ul li a{ display:block; width:100%; height:auto; background: url(../images/apply_24.jpg) no-repeat right center;  position:relative; -webkit-transition: all 0.4s ease-in-out;}
.press_list ul li a:hover{ background:url(../images/apply_241.jpg) no-repeat right center;}
.press_list ul li a:hover .press_2 span{ color:#232584; border-bottom:1px solid #232584;}

.press_1{ width:100%; overflow:hidden; font-size:1rem; color:rgba(0,0,0,0.5); height: auto; }
.press_2{ width:100%; height:auto;}
.press_2 span{ display:inline-block; height:auto; font-size:1.375rem; color:rgba(0,0,0,1); border-bottom:1px solid #fff; -webkit-transition: all 0.4s ease-in-out; margin-top: 0.5rem;}

.main_tita{ margin-top:0;}

.success{ 
	width:1400px; width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top:3rem; padding-bottom:3rem;
}
.success ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.success ul li{
	list-style:none; margin-bottom:1%; margin-right:1%;
	width: 24.25%;
	height: calc(1400px * 0.2425 * 360 / 343);
	height: calc(var(--mainwidth) * 0.2425 * 360 / 343);
}
.success ul li:nth-child(1){ width:49.5%;}
.success ul li:nth-child(3n){ margin-right:0px;}
.success ul li:nth-child(3n+6){ width:49.5%;}

.success ul li a{ display:block; width:100%; height:100%; position:relative;}
.success ul li a:hover .success_bg{ background-color:rgba(23,42,136,0.6);}
.success ul li a:hover .success_1{ transform: translateY(0rem);}
.success ul li a:hover .success_2{ opacity:1;transform: translateY(0rem);}

.success_img{ width:100%; height:100%; position:relative; overflow:hidden;}
.success_bg{ 
	position:absolute; 
	width:100%; 
	height:100%; top:0; background-color:rgba(0,0,0,0.4); -webkit-transition: all 0.4s ease-in-out; overflow:hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.success_1{ width:100%; text-align:center; font-size:2.5rem; color:#fff; height:auto; -webkit-transition: all 0.6s ease-in-out;
	transform: translateY(3rem);
}
.success_2{ margin:0 auto; margin-top:1rem; width: 5rem; height: 5rem; display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 50%; overflow: hidden; text-align: center;background-color:#fff; font-size: 4rem; color: #172a88; font-weight: lighter; opacity:0; -webkit-transition: all 0.6s ease-in-out;
	padding-bottom: 0.5rem;
	transform: translateY(3rem);
}


/*新闻动态*/
.news{ width:1400px; width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top: 3rem;}
.news ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-bottom: 4rem;
	flex-wrap: wrap;
}
.news ul li{
	width:32%; height:auto; list-style:none; border-top:1px solid #dedfe5;
	margin-right: 2%;
}
.news ul li:nth-child(3n){ margin-right:0px;}
.news ul li a{
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.news ul li a:hover .news_img img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

.news ul li a:hover .news_1{ color:#232584;}
.news ul li a:hover .news_2{ color:#232584;}
.news ul li a:hover .news_tit{ color:#232584;}

.news_img{
	width: 100%;
	aspect-ratio: 436/300;
	overflow:hidden;
	font-size: 0;
}

.news_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.news_all{ width:100%; height:auto; overflow:hidden; padding-top:1.5rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.news_left{ width:7rem; height: auto;}
.news_1{ width:100%; font-size:4.5rem; line-height: 90%; color:rgba(0,0,0,0.5); font-family:shu; height:auto; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
.news_2{ width:100%; font-size:1.25rem; color:rgba(0,0,0,0.5); font-family:shuxi; height:auto; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
.news_3{ width:100%; height:auto; overflow:hidden; margin-top:2rem;}
.news_3 img{ height:10px; width:auto;}

.news_right{ float:right; width:calc(100% - 7rem); height: auto; position:relative;}
.news_tit{
	width:100%; height:auto;
	font-size:1.375rem; line-height: 120%; color:#000;  -webkit-transition: all 0.4s ease-in-out;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_con{ 
	width:100%; height:auto; font-size:1rem; color:rgba(0,0,0,0.5); line-height:170%;
	margin-top:1rem; -webkit-transition: all 0.4s ease-in-out; 
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


/*新闻动态-详情*/
.xiang{ width:1400px;  width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top:58px;}
.xiang_tit{ width:100%; height:auto; border-bottom:1px solid #f6f6f6; position:relative; padding-bottom: 1.5rem;}
.xiang_1{ width:100%; font-size:1.75rem; color:#000;}
.xiang_2{ width:100%; font-size:1.25rem; margin-top: 1rem; color:#b8b8b8;}
.xiang_2 span{ padding:0px 10px;}
.xiang_3{ position:absolute; right:0; height:35px; bottom:17px;}
.xiang_3 a{ display:inline-block; height:35px; line-height:35px; cursor:pointer;}
.xiang_3 a:hover span{-webkit-filter: grayscale(0%);}
.xiang_3 span{ display:inline-block; background:url(../images/xiang_03.png) no-repeat left; font-size:14px; color:#232584; padding-left:18px;-webkit-filter: grayscale(100%); -webkit-transition: all 0.4s ease-in-out;}

.xiang_con{ width:100%; height:auto; overflow:hidden; font-size:1.25rem; color:rgba(0,0,0,0.5); line-height:170%; margin-top:3rem; padding-bottom:3rem;}
.xiang_con img{ max-width:100%; height:auto;}

.recommend{     width: 1400px;
    width: var(--mainwidth); height:auto; overflow:hidden; margin: auto;}
.recommend_tit{ width:100%; text-align:center; font-size:24px; color:#000; height:60px; line-height:60px;}
.recommend .news{ border-bottom:none; margin-top:34px;}


/*联系我们*/
.map{ width:1400px;  width: var(--mainwidth); height:auto; margin:auto; margin-top:3rem; border:1px solid #f0f0f0;}
.map img{
	width: 100%;
	height: auto;
}
.contact{ width:1400px; width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top:5rem;}
.contact ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.contact ul li{ width:auto; height:100%; list-style:none; position:relative;}

.contact_1{ position:absolute;  top:0; right:0;}
.contact_1 img{ height:4.5rem; width:auto;}
.contact_2{ width:100%; font-size:1.25rem; color:#000; margin-top: 2rem;}
.contact_2 span{ padding-left:35px;}
.contact_3{ width:100%; font-size:1.75rem; color:#000; font-family:Arial, Helvetica, sans-serif; margin-top: 1rem; overflow:hidden;}
.contact_3 span{ padding-left:35px;}

.apply{ width:1400px;  width: var(--mainwidth); height: auto; overflow:hidden; margin:auto; margin-top:3rem;}
.apply_one{ width:100%; height:auto; overflow:hidden; margin-bottom:35px;    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;}


.apply_text{ width:33%; height:64px; padding-left:40px; border:1px solid #e7e7e8; font-family:"微软雅黑";-webkit-transition: all 0.4s ease-in-out; color:#000; border-radius:7px; }
.apply_text::-webkit-input-placeholder { color:rgba(0,0,0,0.5); font-size:16px;}
.apply_text:focus { -moz-box-shadow:inset 0px 0px 3px #232584; -webkit-box-shadow:inset 0px 0px 3px #232584; box-shadow:inset 0px 0px 3px #232584; color:#000; border:1px solid #232584;}

.apply_two{ width:100%; height:auto; overflow:hidden; margin-bottom:50px;}
.apply_textarea{ width:100%; height:125px; line-height:30px; padding:15px 40px; border:1px solid #e7e7e8; font-family:"微软雅黑";-webkit-transition: all 0.4s ease-in-out; color:#000; border-radius:4px;}
.apply_textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5); font-size:16px;}
.apply_textarea:focus { -moz-box-shadow:inset 0px 0px 3px #232584; -webkit-box-shadow:inset 0px 0px 3px #232584; box-shadow:inset 0px 0px 3px #232584; color:#000; border:1px solid #232584;}

.apply_zi{ width:100%; height:auto; overflow:hidden; text-align: center;}
.apply_zi a{padding: 11px 50px;
    display: inline-block; background:#232584; border:1px solid #232584; font-size:16px; color:#fff; cursor:pointer; font-family:"微软雅黑";-webkit-transition: all 0.4s ease-in-out;  border-radius:7px;}
.apply_zi a:hover{ background:#fff; color:#232584;}

/*技术服务*/
.down_list{ width:1400px;  width: var(--mainwidth); height:auto; overflow:hidden; margin: auto;margin-top:3rem;}
.down_list ul li{ width:100%; height:5rem; list-style:none;}
.down_list ul li:nth-child(2n) a{ background:#f3f4fa;}
.down_list ul li a{ display:block; width:100%; padding-left:1.5rem; height:100%; /*background:#fff url(../images/skill_08.png) no-repeat 98%;*/-webkit-transition: all 0.4s ease-in-out;}
.down_list ul li a span{ display:inline-block; height:100%; display: flex;
	flex-direction: column;
	justify-content: center;font-size:1.25rem; color:#000; background:url(../images/skill_05.png) no-repeat left; padding-left:70px;-webkit-transition: all 0.4s ease-in-out;}
.down_list ul li a:hover{ background:#232584;}
.down_list ul li a:hover span{ background: url(../images/skill_12.png) no-repeat left; color:#fff;}


.down_img{ float:left; width:31px; height:100%; overflow:hidden;}
.down_img_1{ width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;}
.down_img_1 img{ width: auto; height:35px; padding-top:15px;}
.down_img_2{ width:100%; height:100%;}
.down_img_2 img{ width: auto; height:35px; padding-top:15px;}

.down_nei{ float:left; width:1100px; margin-left:30px; height:66px; line-height:66px; font-size:16px; color:#000;-webkit-transition: all 0.4s ease-in-out;}


.down_list1{ width:1400px; height:auto; overflow:hidden; margin: auto;margin-top:60px;}
.down_list1 ul li{ width:100%; height:66px; list-style:none;}
.down_list1 ul li:nth-child(2n) a{ background-color:#f3f4fa;}
.down_list1 ul li a{ display:block; width:1365px;  height:66px;-webkit-transition: all 0.4s ease-in-out;}
.down_list1 ul li a span{ display:inline-block; height:66px; line-height:66px; font-size:16px; color:#000; padding-left:20px;-webkit-transition: all 0.4s ease-in-out;}



.support{ width:1400px;  height:auto; overflow:hidden; margin:auto;margin-top:60px;}
.support img{ max-width:100%; height:auto;}

.promise{ width:1400px;  width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top:3rem; padding-bottom:3rem; display: flex;
flex-direction: row;
justify-content: space-between;}
.promise_img{ width:50%; height:auto; overflow:hidden;}
.promise_img img{ max-width:100%; height:auto;}
.promise_right{ width:47%; height:auto; max-height: 27rem; overflow: auto;}
.promise_con{ width:100%; height:auto; overflow:hidden; font-size:1.125rem; color:#333333; line-height:170%; padding-right: 1rem;}



/*自研产品*/
.transmit_warp{ width: 100%; background: #f0f0f0; height: 5rem;}
.transmit{ width:1400px;  width: var(--mainwidth); height:5rem; margin:auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.transmit_left{ height:auto; font-size:1.5rem;   color:#232584; font-weight:bold;}

.transmit_mune{ height:auto;}
.transmit_mune a{ display:inline-block; font-size:1.25rem; color:#000; cursor:pointer;-webkit-transition: all 0.4s ease-in-out; height:54px; line-height:54px; border-bottom:1px solid #f0f0f0; margin-left:2rem;}
.transmit_mune a:hover{ color:#232584;border-bottom:1px solid #232584;}
.transmit_mune a.transmit_mune_a{ color:#232584;border-bottom:1px solid #232584;}


.suggest{ width:1400px;  width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top:3rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.suggest_img{ width:35%; aspect-ratio: 1/1; border-radius:50%; font-size: 0; overflow:hidden; border:37px solid #fafafa;}
.suggest_img img{width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center; background-color:#f5f5f5; border-radius:50%; overflow:hidden;}
.suggest_right{ width:60%; height:20rem; overflow:hidden;overflow-y: scroll;}
.suggest_con{ height:auto; overflow:hidden; font-size:1.25rem; color:rgba(0,0,0,0.7); line-height:170%;}

.trait{ width:100%; height:auto; overflow:hidden;}
.trait_all{ width:1400px; width: var(--mainwidth); height:auto; overflow:hidden; margin: auto; margin-top:3rem; display: flex;
flex-direction: row;
justify-content: space-between;}
.trait_img{width:55%; height:auto;}
.trait_img img{ width:100%; height:auto;}
.trait_right{width:40%; height:auto; overflow:hidden; margin-top:47px;}
.trait_con{ width:100%; height:auto; overflow:hidden;}
.trait_con p{ display:block; width:100%; overflow:hidden; background:url(../images/fabric_12.png) no-repeat left 8px; font-size:1.375rem; color:#000; padding-left:35px; height:auto; margin: 0.5rem 0;}


.interview_mune{ width:1400px; height:310px; margin:auto; margin-top:70px; position:relative;}
.interview_one{ position:absolute; left:0; top:0; width:310px; height:310px; background:url(../images/quan.png) no-repeat center; overflow:hidden; border-radius:50%; padding-top:65px;-webkit-transition: all 0.4s ease-in-out;}
.interview_one:hover{ z-index:9; background:#232584 url(../images/quan1.png) no-repeat center; -moz-box-shadow:0px 9px 20px rgba(35,37,132,0.35); -webkit-box-shadow:0px 9px 20px rgba(35,37,132,0.35); box-shadow:0px 9px 20px rgba(35,37,132,0.35);}
.interview_one:hover .interview_1_1{ margin-top:-93px;}
.interview_one:hover .interview_2{  color:#fff;}
.interview_one:hover .interview_3{  color:rgba(255,255,255,0.5);}

.interview_two{ position:absolute; left:273px; top:0; width:310px; height:310px;background:url(../images/quan.png) no-repeat center;  overflow:hidden; border-radius:50%; padding-top:65px;-webkit-transition: all 0.4s ease-in-out;}
.interview_two:hover{ z-index:9; background:#232584 url(../images/quan1.png) no-repeat center; -moz-box-shadow:0px 9px 20px rgba(35,37,132,0.35); -webkit-box-shadow:0px 9px 20px rgba(35,37,132,0.35); box-shadow:0px 9px 20px rgba(35,37,132,0.35);}
.interview_two:hover .interview_1_1{ margin-top:-93px;}
.interview_two:hover .interview_2{  color:#fff;}
.interview_two:hover .interview_3{  color:rgba(255,255,255,0.5);}


.interview_three{ position:absolute; left:548px; top:0; width:310px; height:310px;background:url(../images/quan.png) no-repeat center;  overflow:hidden; border-radius:50%; padding-top:65px;-webkit-transition: all 0.4s ease-in-out;}
.interview_three:hover{ z-index:9; background:#232584 url(../images/quan1.png) no-repeat center; -moz-box-shadow:0px 9px 20px rgba(35,37,132,0.35); -webkit-box-shadow:0px 9px 20px rgba(35,37,132,0.35); box-shadow:0px 9px 20px rgba(35,37,132,0.35);}
.interview_three:hover .interview_1_1{ margin-top:-93px;}
.interview_three:hover .interview_2{  color:rgba(255,255,255,1);}
.interview_three:hover .interview_3{  color:rgba(255,255,255,0.5);}


.interview_four{ position:absolute; right:273px; top:0; width:310px; height:310px;background:url(../images/quan.png) no-repeat center;  overflow:hidden;  border-radius:50%; padding-top:65px;-webkit-transition: all 0.4s ease-in-out;}
.interview_four:hover{ z-index:9; background:#232584 url(../images/quan1.png) no-repeat center; -moz-box-shadow:0px 9px 20px rgba(35,37,132,0.35); -webkit-box-shadow:0px 9px 20px rgba(35,37,132,0.35); box-shadow:0px 9px 20px rgba(35,37,132,0.35);}
.interview_four:hover .interview_yuan{ display:none;}
.interview_four:hover .interview_1_1{ margin-top:-93px;}
.interview_four:hover .interview_2{  color:rgba(255,255,255,1);}
.interview_four:hover .interview_3{  color:rgba(255,255,255,0.5);}


.interview_five{ position:absolute; right:0; top:0; width:310px; height:310px;background:url(../images/quan.png) no-repeat center;  overflow:hidden; border-radius:50%; padding-top:65px;-webkit-transition: all 0.4s ease-in-out;}
.interview_five:hover{ z-index:9; background:#232584 url(../images/quan1.png) no-repeat center; -moz-box-shadow:0px 9px 20px rgba(35,37,132,0.35); -webkit-box-shadow:0px 9px 20px rgba(35,37,132,0.35); box-shadow:0px 9px 20px rgba(35,37,132,0.35);}
.interview_five:hover .interview_1_1{ margin-top:-93px;}
.interview_five:hover .interview_2{  color:rgba(255,255,255,1);}
.interview_five:hover .interview_3{  color:rgba(255,255,255,0.5);}


.interview_hover{ z-index:9; background:#232584 url(../images/quan1.png) no-repeat center; -moz-box-shadow:0px 9px 20px rgba(35,37,132,0.35); -webkit-box-shadow:0px 9px 20px rgba(35,37,132,0.35); box-shadow:0px 9px 20px rgba(35,37,132,0.35);}
.interview_hover .interview_1_1{ margin-top:-93px;box-shadow:none;}
.interview_hover .interview_2{  color:rgba(255,255,255,1);}
.interview_hover .interview_3{  color:rgba(255,255,255,0.5);}


.interview_1{ width:100%; height:93px; text-align:center; overflow:hidden;}
.interview_1_1{ width:100%; height:93px;-webkit-transition: all 0.4s 0.2s ease-in-out;}
.interview_1_1 img{ height:93px; width:auto;}
.interview_1_2{ width:100%; height:93px;}
.interview_1_2 img{ height:93px; width:auto;}

.interview_2{ width:100%;  height:40px; line-height:40px;text-align:center; font-size:20px; color:#000; overflow:hidden; margin-top:22px;-webkit-transition: all 0.4s 0.2s ease-in-out;}
.interview_3{ margin:auto; width:180px; text-align:center; font-size:16px; text-align:center; line-height:23px; height:46px; overflow:hidden; color:rgba(0,0,0,0.5)}


.interview_quan1{ width:14px; height:14px; background-color:#232584; border-radius:50%; position:absolute; top:145px; left:285px;}
.interview_quan2{ width:14px; height:14px; background-color:#232584; border-radius:50%; position:absolute; top:145px; left:559px;}
.interview_quan3{ width:14px; height:14px; background-color:#232584; border-radius:50%; position:absolute; top:145px; right:559px;}
.interview_quan4{ width:14px; height:14px; background-color:#232584; border-radius:50%; position:absolute; top:145px; right:285px;}

.parameter{ width:1400px; width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top:3rem; padding-bottom:3rem;}
.parameter img{ max-width:100%; height:auto;}


/*关于北斗*/
.synopsis{ width:1400px;  width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top: 3rem; display: flex; flex-direction: row;
justify-content: space-between;}
.synopsis_img{width:50%; height:auto; text-align:right;}
.synopsis_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.synopsis_right{ width:47%; height:auto; overflow:hidden;}
.synopsis_tit{ width:100%; font-size:2rem; color:#000; height:auto;}
.synopsis_con{ width:100%; height:auto; overflow:auto; padding-right:20px; font-size:1.125rem; line-height:170%; color:rgba(0,0,0,0.5); margin-top:2rem;}

.course{ width:100%; height:auto; background:url(../images/about_06.png) no-repeat center bottom;}
.course_all{ width:1200px; background:url(../images/course_14.png) no-repeat 34px 98px; height:630px; margin:auto; position:relative;}
.course_one{ width:90px; height:59px; position:absolute; left:-22px; bottom:134px; cursor:pointer;}
.course_one:hover .course_con{ display: block;}
.course_one:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; }
.course_one:hover .course_2{ color:#232584;}



.course_two{ width:90px; height:59px; position:absolute; left:94px; bottom:162px; cursor:pointer;}
.course_two:hover .course_con{ display: block;}
.course_two:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; }
.course_two:hover .course_2{ color:#232584;}
.course_two:hover .course_zong{ opacity:1; margin-top:0px;}

.course_three{ width:90px; height:59px; position:absolute; left:344px; bottom:175px; cursor:pointer;}
.course_three:hover .course_con{ display: block;}
.course_three:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; }
.course_three:hover .course_2{ color:#232584;}
.course_three:hover .course_zong{ opacity:1; margin-top:0px;}

.course_four{ width:90px; height:59px; position:absolute; left:523px; bottom:198px; cursor:pointer;}
.course_four:hover .course_con{ display: block;}
.course_four:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; }
.course_four:hover .course_2{ color:#232584;}
.course_four:hover .course_zong{ opacity:1; margin-top:0px;}


.course_five{ width:90px; height:59px; position:absolute; left:665px; bottom:270px; cursor:pointer;}
.course_five:hover .course_con{ display: block;}
.course_five:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; }
.course_five:hover .course_2{ color:#232584;}
.course_five:hover .course_zong{ opacity:1; margin-top:0px;}

.course_six{ width:90px; height:59px; position:absolute; right:182px; bottom:308px; cursor:pointer;}
.course_six:hover .course_con{ display: block;}
.course_six:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; }
.course_six:hover .course_2{ color:#232584;}
.course_six:hover .course_zong{ opacity:1; margin-top:0px;}



.course_1{ width:100%; background:url(../images/course_07.png) no-repeat center bottom; height:24px;}
.course_2{ width:100%; text-align:center; font-size:27px; color:#000; font-family:shuxi; height:35px; line-height:35px; -webkit-transition: all 0.4s ease-in-out;}
.course_con{ width:358px; height:260px; position: absolute; overflow:hidden; z-index:9; top:-260px; left:45px; display:none;}

.course_zong{width:358px; height:260px; background:url(../images/course_03.png) no-repeat center top; opacity:1; margin-top:0px; -webkit-transition: all 0.4s ease-in-out;}
.course_3{ margin:auto; font-size:58px; color:#fff; font-family:mont; width:315px; height:70px; line-height:70px; padding-top:23px;}
.course_3 span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
.course_4{ width:315px; height:200px; overflow:hidden; margin:auto; font-size:15px; color:#fff; line-height:25px; margin-top:20px;}


.course_cona{ left:-313px;}
.course_zonga{ background:url(../images/course_031.png) no-repeat center top;}

.course_seven{ width:90px; height:59px; position:absolute; right:81px; bottom:444px; cursor:pointer;}
.course_seven:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; }
.course_seven:hover .course_5{ color:#2c5ee3;}
.course_seven:hover .course_con{ display: block;}
.course_seven:hover .course_zong{ opacity:1; margin-top:0px;}

.course_seven .course_1a{ padding-top:40px;}

.course_5{ width:100%; text-align:center; font-size:21px; color:#000; font-weight:bold; height:45px; line-height:45px;}

#add1{ width:46px; height:46px; background-color:#232584; cursor:pointer; border-radius:50%; overflow:hidden; position:absolute; bottom:155px; left:-70px;-webkit-transition: all 0.4s ease-in-out;}
#add1 img{ width:46px; height:46px; }
#add1:hover{ background-color:#000;}

#add2{ width:46px; height:46px; background-color:#232584; cursor:pointer; border-radius:50%; overflow:hidden; position:absolute; top:65px; right:-10px;-webkit-transition: all 0.4s ease-in-out;}
#add2 img{ width:46px; height:46px; }
#add2:hover{ background-color:#000;}


.culture{ width:1400px; width: var(--mainwidth); height:auto; margin:auto; margin-top: 3rem;}
.culture ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.culture ul li{ 
	width:19%; 
	height:25rem; 
	list-style:none; background-color:#fff;
	-moz-box-shadow:0px 0px 27px rgba(35,37,132,0.11); 
	-webkit-box-shadow:0px 0px 27px rgba(35,37,132,0.11); 
	box-shadow:0px 0px 27px rgba(35,37,132,0.11); 
	position:relative; 
	border-radius:20px; 
	overflow:hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.culture ul li:hover .culture_img{ margin-top:1rem;}
.culture ul li:hover .culture_img_1{ display:none;}
.culture ul li:hover .culture_tit{ color:#fff;}
.culture ul li:hover .culture_con{ opacity:1;}
.culture ul li:hover .culture_bg{ opacity:1;}


.culture_img{ width:100%; height:5rem; text-align:center; position:relative; z-index:1; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.culture_img_1{ width:100%; height:5rem;}
.culture_img_1 img{ height:5rem; width:auto;}
.culture_img_2{ width:100%; height:5rem;}
.culture_img_2 img{ height:5rem; width:auto;}

.culture_tit{ width:100%; text-align:center; font-size:1.5rem; color:#232584; margin-top:1.5rem; height:auto;-webkit-transition: all 0.4s ease-in-out; position:relative; z-index:1;}
.culture_con{ margin:0 auto; font-size:1.125rem; color:#fff; text-align:center; width:80%; opacity:0;-webkit-transition: all 0.4s ease-in-out; position:relative; z-index:1; margin-top: 1rem;}
.culture_bg{ width:100%; height:100%; position:absolute; top:0; opacity:0;-webkit-transition: all 0.4s ease-in-out;}


.honour{ width:100%; height:auto; overflow:hidden; margin:auto;  padding-top:5rem;}

.honour_all{ margin:auto; width: 1600px;
    width: var(--mainwidth); height:auto; margin-top:3rem; position:relative;
	padding-bottom: 6rem;
}
.honour_list{ width:100%; height:auto; position:relative; overflow:hidden;}
.honour_list .swiper-slide:hover .honour_img img{ -moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.honour_list .swiper-slide:hover .honour_tit{ color:#232584;} 

.honour-left { position: absolute; left:-6.5rem; top:calc(50% - 3.5rem); z-index:10; cursor:pointer; overflow:hidden; width:5rem; height:5rem;display: flex; flex-direction: column; justify-content: center; font-size:3rem; color:#fff; font-family:"宋体"; background-color:#dfdfdf; border-radius:50%; text-align:center;-webkit-transition: all 0.4s ease-in-out;}
.honour-left:hover{ background-color:#232584;}
.honour-right { position: absolute; right:-6.5rem; top:calc(50% - 3.5rem); z-index:10; cursor:pointer; overflow:hidden; width:5rem; height:5rem;display: flex; flex-direction: column; justify-content: center; font-size:3rem; color:#fff; font-family:"宋体"; background-color:#dfdfdf; border-radius:50%; text-align:center;-webkit-transition: all 0.4s ease-in-out;}
.honour-right:hover{ background-color:#232584;}


.honour_img{ width:100%; aspect-ratio: 312/414; overflow:hidden; margin:auto; border:1px solid #efefef;}
.honour_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.honour_tit{ width:100%; text-align:center; font-size:1.125rem; color:#000; height:auto; margin-top: 0.5rem; -webkit-transition: all 0.4s ease-in-out;}


/*人力资源*/
.idea{ width:1105px; height:270px; margin:auto; margin-top:67px;}
.idea ul li{ float:left; width:226px; height:230px; padding-top:20px; list-style:none; background-color:#fff; -moz-box-shadow:0px 0px 27px rgba(35,37,132,0.11); -webkit-box-shadow:0px 0px 27px rgba(35,37,132,0.11); box-shadow:0px 0px 27px rgba(35,37,132,0.11); position:relative; border-radius:10px; overflow:hidden; margin-right:67px; -webkit-transition: all 0.4s ease-in-out;}
.idea ul li:nth-child(4n){ margin-right:0px;}
.idea ul li:hover{ background-color:#232584;}
.idea ul li:hover .idea_img{ background-color:rgba(255,255,255,0.1);}
.idea ul li:hover .idea_img_1{ display:none;}
.idea ul li:hover .idea_tit{ color:#fff;}
.idea ul li:hover .idea_con{ color:#d7d7d7;}


.idea_img{ width:78px; height:78px; background-color:rgba(35,37,132,0.1); border-radius:50%; margin:auto; text-align:center; position:relative; z-index:1; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.idea_img_1{ width:78px; height:78px; border-radius:50%;}
.idea_img_1 img{ height:78px; width:auto;}
.idea_img_2{ width:78px; height:78px; border-radius:50%;}
.idea_img_2 img{ height:78px; width:auto;}

.idea_tit{ width:100%; text-align:center; font-size:18px; color:#232584; margin-top:25px; height:35px; line-height:35px;-webkit-transition: all 0.4s ease-in-out; position:relative; z-index:1; overflow:hidden;}
.idea_con{ margin:auto; font-size:16px; color:#545454; line-height:24px; text-align:center; width:165px; margin-top:5px; -webkit-transition: all 0.4s ease-in-out;}


.campus{ width:1400px;  width: var(--mainwidth); height:auto; padding: 3rem; margin:auto; -moz-box-shadow:0px 0px 27px rgba(35,37,132,0.11); -webkit-box-shadow:0px 0px 27px rgba(35,37,132,0.11); box-shadow:0px 0px 27px rgba(35,37,132,0.11); margin-top:3rem;}
.campus_tit{ width:100%; margin:auto; font-size:2rem; color:#000; font-weight:bold; height:auto;}
.campus_tit span{ color:#232584; font-weight:normal; font-family:shuxi; margin-left:2rem;}
.campus_1{ width:100%; margin:auto; height:auto; margin-top: 1rem;}
.campus_1 span{ color:#000; font-size:1.25rem; font-weight:bold; width:8rem; display:inline-block;}
.campus_1 a{ display:inline-block; font-size:1.25rem; color:#000; border-bottom:1px solid #fff; height:auto; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; margin-right:2rem;}
.campus_1 a:hover{ color:#232584; border-bottom:1px solid #232584;}
.campus_1 a.campus_1_a{ color:#232584; border-bottom:1px solid #232584;}

.campus_1a{ margin-top:2rem;}

.handbook{ width:1400px; width: var(--mainwidth); height:auto; margin:auto; margin-top:2rem;}
.handbook ul li{ width:100%; height:auto; list-style:none; cursor:pointer; margin-bottom:2rem; -moz-box-shadow:0px 0px 27px rgba(35,37,132,0.11); -webkit-box-shadow:0px 0px 27px rgba(35,37,132,0.11); box-shadow:0px 0px 27px rgba(35,37,132,0.11);}
.handbook ul li.handbook_li .handbook_tit{ border-bottom:1px solid rgba(0,0,0,0.05);}
.handbook ul li.handbook_li .handbook_tit_5{ background:url(../images/human_21.jpg) no-repeat 90% center;}

.handbook_tit{ width:100%; height:5rem; border-bottom:1px solid #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.handbook_tit_1{ padding-left:3rem; width:40%; font-size:1.25rem; color:#000; font-weight:bold; }
.handbook_tit_2{ width:15%; text-align:center; font-size:1.25rem; color:#000; height:auto;}
.handbook_tit_3{ width:15%; text-align:center; font-size:1.25rem; color:#000; height:auto;}
.handbook_tit_4{width:15%; text-align:center; font-size:1.25rem; color:#000; height:auto; }
.handbook_tit_5{ width:15%; height:100%; background:url(../images/human_18.jpg) no-repeat 90% center;}

.handbook_con{ width:100%; height:auto; overflow:hidden; margin:auto; display:none;}
.handbook_1{ width:100%; height: auto; overflow:hidden; font-size:1.25rem; color:rgba(0,0,0,0.8); line-height:170%; padding: 3rem;}
.handbook_2{ width:100%; height:auto; overflow:hidden; padding: 1rem 3rem; padding-bottom: 3rem;}
.handbook_2 a{ display:block; font-size:1.25rem; color:#232584; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;}
.handbook_2 a:hover{ text-decoration:underline;}


.recruit{ width:1400px;  width: var(--mainwidth); height:auto; border:1px solid rgba(0,0,0,0.05); overflow:hidden; margin:auto; margin-top:3rem; margin-bottom:3rem;}
.recruit ul li{ width:100%; height: auto; list-style:none;border-top:1px solid rgba(0,0,0,0.05);}
.recruit ul li:nth-child(1){ border-top:none;}

.recruit ul li.recruit_li .recruit_all{ border-bottom:1px solid rgba(0,0,0,0.05);}
.recruit ul li.recruit_li .recruit_5_1{ display:none;}

.recruit_all{ width:100%; height:7rem; border-bottom:1px solid #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.recruit_1{height:auto; text-align:center; font-size:16px; color:#232584; width:20%;border-right:1px solid rgba(0,0,0,0.05);}
.recruit_2{font-size:1.125rem; color:#616161; width:30%; padding-left: 3rem;}
.recruit_3{font-size:1.125rem; color:#616161; width:20%;}
.recruit_4{ font-size:1.125rem; color:#616161; width:20%;}
.recruit_5{ width:10%; height:35px; overflow:hidden;}
.recruit_5_1{ width:105px; height:35px; text-align:center; line-height:35px; font-size:12px; color:#fff; background-color:#232584; cursor: pointer;}
.recruit_5_2{ width:105px; height:35px; text-align:center; line-height:35px; font-size:12px; color:#fff; background-color:#232584;}

.recruit_con{ width:100%; height: auto; overflow:hidden; margin:auto; display:none; padding: 3rem;}
.recruit_nei{ width:100%; height:auto; overflow:hidden; font-size:1.125rem; color:#363636; line-height:170%;}
.recruit_nei a{color:#232584; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;}
.recruit_nei a:hover{ text-decoration:underline;}


/*首页*/
.big{ width:100%; height:100vh; margin:auto;position:relative; overflow:hidden;}
.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.big .swiper-slide{ overflow:hidden; position: relative;}

.bigc{
	width: 1400px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 6rem;
}
.bigc_title{
	font-size: 3.75rem;
	font-weight: bold;
	color: #FFFFFF;
}

.bigc_ltitle{
	font-size: 1.375rem;
	color: #FFFFFF;
	margin-top: 2rem;
}
.bigc_line{
	width: 4rem;
	height: 3px;
	font-size: 0;
	background: #FFFFFF;
	margin-top: 1.5rem;
}
.big_con{ 
	position:absolute; 
	width:100%; 
	height:auto; 
	bottom:4rem; 
	left:0%; 
	z-index:99;
}
.big_conl{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.big-left{
	height:auto; font-size:1.125rem; color:rgba(255,255,255,0.5); cursor:pointer; -webkit-transition: all 0.4s ease-in-out;}
.big-left:hover{color:#fff;
}

.big-right{height:auto; font-size:1.125rem;color:rgba(255,255,255,0.5); cursor:pointer; -webkit-transition: all 0.4s ease-in-out;}
.big-right:hover{color:#fff;}


.big .pagination{ 
	position:relative; text-align: center; width:auto; z-index:1;
	padding: 0 5rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.big .swiper-pagination-bullet { display: inline-block; width:10rem; height:1px; background-color:#475294;  border-radius:0px; margin:0px 0px; cursor: pointer;  -webkit-transition: all 0.4s ease-in-out;}
.big .swiper-pagination-bullet-active{ background-color:#fff;}	

.big_div{ width:100%; height:100%; position: absolute;
left: 0;
top: 0;
z-index: 0;}
.big_xia{ width:100%; height:3rem;  position:absolute; left:0; bottom:3rem; text-align:center;
}
.big_xia img{ width: auto; height:100%;display: inline-block; animation: animate 1s linear infinite both;} 	

@keyframes animate{
    0%, 50%, 100%{ margin-top:0px;}
    25%{ margin-top:10px; }
    75%{ margin-top:-5px; }
}

.change{ width:100%; height:auto; overflow:hidden; margin:auto; position:relative; background-size:cover; padding: 5rem 0;}
.change_con{ margin:auto; width:60%; height:auto; overflow:hidden; text-align:center; font-size:1.125rem; line-height:180%; color:rgba(35,35,35,0.7); margin-top:3rem; padding-bottom:1.5rem; position:relative; z-index:1;}

.change_more{ width:100%; height: auto; text-align:center; margin-top:3rem; position:relative; z-index:1;}
.change_more a{ display:block; width:12rem; height:4rem; text-align:center;
	background-color:#232584; border:1px solid #232584; position:relative; margin:auto; font-size:16px; color:#fff; border-radius:4px; overflow:hidden; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.change_more a:hover{ background-color:#fff; color:#232584;}

.redeem_list{ width: 1400px;
    width: var(--mainwidth); height:auto; overflow:hidden; margin: auto; margin-top:6rem;

}
.redeem_list ul{
	width: 100%; display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 5%;
}
.redeem_list ul li{ float:left; width:auto; height: auto; overflow:hidden; list-style:none;}
.redeem_list ul li:nth-child(1) .R0001redeem_1{ background:none;}
.redeem_1{ width:100%; position:relative; font-size:4rem; color:#232584; font-family:shuxi; text-align:center; height: auto;}

.redeem_2{ width:100%; font-size:1.375rem; color:#000; height:auto; text-align:center;overflow:hidden;}


.terrace{ 
	width:100%; height:calc(100vh - 6rem); overflow:hidden; background:url(../images/index_03.jpg) no-repeat center; background-size:cover;
}
.terrace ul{
	width: 100%;
	height: 100%;
}
.terrace ul li{ float:left; width:25%; height:100%; list-style:none; }
.terrace ul li a{ display:block; width:100%; height:100%; position:relative;}
.terrace ul li a:hover .terrace_all{  opacity:0;}
.terrace ul li a:hover .terrace_bg{ opacity:1;}
.terrace ul li a:hover .terrace_bg .terrace_4{ padding-top:1rem;}

.terrace_all{ 
	width:100%; height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.terrace_1{ width:100%; height:5rem; text-align:center; }
.terrace_1 img{ height:100%; width:auto;}

.terrace_2{ width:100%; font-size:2rem; color:#fff; text-align:center; height:auto; margin-top:3rem;}
.terrace_3{ width:100%; font-size:1.25rem; color:rgba(255,255,255,0.65); text-align:center; height:auto; margin-top: 1rem;}
.terrace_4{ width:100%; text-align:center; font-size:1.75rem; font-family:shuxi; color:#fff; height:auto; margin-top: 5rem;}

.terrace_bg{ width:100%; height:100%; position:absolute; top:0; z-index:2; background-color:rgba(24,42,135,0.9); opacity:0; -webkit-transition: all 0.4s ease-in-out;
display: flex;
	flex-direction: column;
	justify-content: center;
}
.terrace_bg .terrace_4{  -webkit-transition: all 0.5s ease-in-out;}
.terrace_bg .terrace_2{ font-size:2rem; margin-top:52px;}
.terrace_bg .terrace_3{ font-size:1.25rem; color:#fff; margin-top:16px;}
.terrace_bg .terrace_1{margin-top: 5rem;}

.terrace_5{ width:100%; text-align:center; height:auto; overflow:hidden; margin-top:6rem;}
.terrace_5 img{ height:1.125rem; width:auto;}


.goodness{ width:100%; height:auto; overflow:hidden; padding: 5rem 0 7rem 0;}
.goodness_list{ width:1400px; width: var(--mainwidth); height: auto; margin:auto; margin-top:4rem;}
.goodness_list ul li{ 
	float:left; width:20%; height:25rem; display: flex;
	flex-direction: column;
	justify-content: center;
	list-style:none; position:relative; border-radius:7px; overflow:hidden;  -webkit-transition: all 0.4s ease-in-out;}

.goodness_list ul li:hover{ -moz-box-shadow:0px 0px 27px rgba(35,37,132,0.11); -webkit-box-shadow:0px 0px 27px rgba(35,37,132,0.11); box-shadow:0px 0px 27px rgba(35,37,132,0.11);}
.goodness_list ul li:hover .idea_img{ background-color:rgba(255,255,255,0.1);}
.goodness_list ul li:hover .idea_img_1{ display:none;}
.goodness_list ul li:hover .idea_tit{ color:#fff;}
.goodness_list ul li:hover .idea_con{ color:#d7d7d7;}

.goodness_img{ width:10rem; height:10rem; background-color:#232584; border-radius:50%; margin:0 auto; text-align:center; }
.goodness_img img{ height:60%; width:auto; margin-top: 20%;}

.goodness_tit{ width:100%; text-align:center; font-size:1.75rem; overflow:hidden; color:#000; font-weight:bold; margin-top:1.5rem; height:auto;}
.goodness_con{ 
	margin:0 auto; font-size:1.125rem; color:rgba(0,0,0,0.5); line-height:170%; overflow:hidden; text-align:center; width:90%; margin-top: 1rem;
	height: 3.5rem;
}

.settle{ width:100%; height:calc(100vh - 6rem); position:relative; overflow:hidden;}


.settle_beiwarp{ 
	position:absolute; 
	bottom:5rem; 
	width:100%; 
	height:10rem; 
	z-index:2;
}
.settle_bei{
	width:1400px;width: var(--mainwidth); height:100%; background-color:#fff; margin:0 auto; -moz-box-shadow:0px 2px 24px rgba(35,37,132,0.18); -webkit-box-shadow:0px 2px 24px rgba(35,37,132,0.18); box-shadow:0px 2px 24px rgba(35,37,132,0.18);
	position: relative;
}
.settle_mune{ 
	width:100%;
	height:160%;
	top: -30%;
	position: relative;
	overflow:hidden; z-index:9; }
.settle_mune a{ float:left;
	width:25%; height:100%; overflow:hidden; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.settle_mune a:hover{ background-color:#232584;}
.settle_mune a:hover .settle_tu_1{ display:none;}
.settle_mune a:hover .settle_tit{ color:#fff; }
.settle_mune a:hover .settle_biao{ opacity:1; height: 3.5rem; margin-top: 1rem;}

.settle_mune a.settle_mune_a{background-color:#232584;}
.settle_mune a.settle_mune_a .settle_tu_1{ display:none;}
.settle_mune a.settle_mune_a .settle_tit{ color:#fff; }
.settle_mune a.settle_mune_a .settle_biao{ opacity:1;}


.settle_tu{ width:100%; height:5rem; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.settle_tu_1{ width:100%; height:5rem; text-align:center;}
.settle_tu_1 img{ height:5rem; width:auto;}
.settle_tu_2{ width:100%; height:5rem; text-align:center;}
.settle_tu_2 img{ height:5rem; width:auto;}
.settle_tit{ width:100%; text-align:center; font-size:1.5rem; color:#000; height:auto; -webkit-transition: all 0.4s ease-in-out;
	margin-top:0.5rem;
}
.settle_biao{ 
	width:3.5rem; 
	height:0; overflow: hidden;border-radius:50%; background-color:rgba(255,255,255,1); margin:0 auto; margin-top:0rem; opacity:0;-webkit-transition: all 0.4s ease-in-out;}
.settle_biao img{ width:100%; height:100%;}


.settle_lun{ width:100%; height:100%; position:absolute; top:0; overflow:hidden;}
.settle-left {position: absolute; left:3%; top:43%; z-index:10; cursor:pointer; overflow:hidden; outline: none; font-size:80px; color:rgba(255,255,255,1); font-family:"宋体"; -webkit-transition: all 0.4s ease-in-out;}
.settle-left:hover{ color:rgba(172,24,30,1);}
.settle-right {position: absolute; right:3%; top:43%; z-index:10; cursor:pointer; overflow:hidden; outline: none; font-size:80px; color:rgba(255,255,255,1); font-family:"宋体";  -webkit-transition: all 0.4s ease-in-out;}
.settle-right:hover{ color:rgba(172,24,30,1);}

.settle_bg{ width:100%; height:100%;}
.settle_img{ width:100%; height:100%;}
.settle_con{ width:100%; height:auto; overflow:hidden; position: absolute; top:100px; z-index:1;}
.settle_one{ width:1400px;width: var(--mainwidth); font-size:3rem; color:rgba(255,255,255,1); height:auto; margin:auto; overflow:hidden;}
.settle_two{ width:1400px;width: var(--mainwidth); margin:auto; height:auto; overflow:hidden; font-size:1rem; color:rgba(255,255,255,0.6); margin-top: 0.4rem;}
.settle_three{ width:1400px;width: var(--mainwidth); height: auto; overflow:hidden; margin:auto;margin-top:3rem;}
.settle_three_1{ width:50%; height:auto; overflow:hidden; font-size:1.125rem; line-height:160%; color:rgba(255,255,255,1);
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.settle_four{ width:1400px; width: var(--mainwidth); height:auto; overflow:hidden; margin:auto; margin-top:3rem;}
.settle_four img{ height:1.125rem; width:auto;}

.press{ width:100%; height:auto; overflow:hidden; padding: 5rem 0;}
.press .news{ border-bottom:none;}
.press .change_more{ margin-top:0;}


.innovatea{ width:100%; height:567px; overflow:hidden; background: url(../images/index_07.jpg) no-repeat center; background-size:cover; padding-top: 5rem;}

.innovate_all{ width: 1400px;
    width: var(--mainwidth); height:auto; margin:auto; position:relative; margin-top:3rem;}
.innovate_list{ 
	width: 100%;
	height:auto; 
	margin:auto;
	position:relative;
} 
.innovate_list .swiper-slide{ padding: 0.2% 0;}

.innovate_all .paginationin{ width:100%; text-align: center; z-index:1; margin:0 auto; margin-top: 2rem;}
.innovate_all .swiper-pagination-bullet { display: inline-block; width:10px; height:10px; background-color:#d9d9d9; border-radius:50%; margin:0px 3px; cursor: pointer;  -webkit-transition: all 0.4s ease-in-out;}
.innovate_all .swiper-pagination-bullet-active{ background-color:#232584;}

.innovate-left { position: absolute; left:-80px; top:88px; z-index:10; cursor:pointer; overflow:hidden; width:50px; height:50px; line-height:50px; outline: none; font-size:24px; color:#fff; font-family:"宋体"; background-color:#dfdfdf; border-radius:50%; text-align:center;-webkit-transition: all 0.4s ease-in-out;}
.innovate-left:hover{ background-color:#232584;}
.innovate-right { position: absolute; right:-80px; top:88px; z-index:10; cursor:pointer; overflow:hidden; width:50px; height:50px; line-height:50px; outline: none; font-size:24px; color:#fff; font-family:"宋体"; background-color:#dfdfdf; border-radius:50%; text-align:center;-webkit-transition: all 0.4s ease-innovate-out;}
.honour-right:hover{ background-color:#232584;}


.innovate_img{ width:95%; aspect-ratio: 220/110; margin:0 auto; overflow:hidden; background-color:#fff;-moz-box-shadow:0px 0px 10px rgba(35,37,132,0.05); -webkit-box-shadow:0px 0px 10px rgba(35,37,132,0.05); box-shadow:0px 0px 10px rgba(35,37,132,0.05); -webkit-transition: all 0.4s ease-in-out;}
.innovate_img:hover{-moz-box-shadow:0px 0px 10px rgba(35,37,132,0.24); -webkit-box-shadow:0px 0px 10px rgba(35,37,132,0.24); box-shadow:0px 0px 10px rgba(35,37,132,0.24);}

.innovate_img:hover img{-moz-transform:scale(1.02,1.02);-webkit-transform:scale(1.02,1.02);-o-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02); transform:scale(1.02,1.02);-webkit-filter: grayscale(0%);
}
.innovate_img img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;-webkit-filter: grayscale(100%);
	
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}	





/*面包屑*/
.btn-nav {position: absolute; top:14px;  right:0px; background: transparent; padding-right:10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;  transition: all .5s ease;cursor: pointer; z-index: 99999;}
.btn-nav:focus { outline: 0;}
.icon-bar { display: block; margin: 5px 0; width:20px; height: 2px; background-color: #232584;}
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #232584;}
.nav-item { margin: 40px auto;text-align: center;}
.animated { display: block; margin: 0 auto;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{ background-color: #232584;}
.animated:focus { cursor: pointer; z-index: 9999;}
.middle { margin: 0 auto;}
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.animated .icon-bar { z-index: 999999; background-color: #232584;}
.animated .topt { -webkit-transform: translateY(8px) rotateZ(45deg); -moz-transform: translateY(8px) rotateZ(45deg); -ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg)}
.animated .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg);-moz-transform: translateY(-6px) rotateZ(-45deg);-ms-transform: translateY(-6px) rotateZ(-45deg);-o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg);}
.animated .middle { width: 0;}
.cai{ display:none;}
.hunt{ display:none;}
.interview_lun{ display:none;}
.course_lun{ display:none;}