body {
	overflow-x: hidden;
	letter-spacing: 1px
}

body a {
	text-decoration: none !important
}

.sys_pagebox1 a {
	background: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	border-radius: inherit;
	border: none
}

.sys_pagebox1 a:hover {
	background: #123D96;
	color: #fff;
	border: none
}

.sys_pagebox1 .totop {
	width: 60px
}

.sys_pagebox1 .active {
	background: #123D96;
	color: #fff;
	border: none
}

.sharebox {
	display: flex;
	align-items: center;
	position: relative
}

.sharebox .icon {
	width: 36px;
	height: 36px;
	flex: none;
	border-radius: 50%;
	background: #F0F5FF;
	margin: 0 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .5s
}

.sharebox .icon .picbox {
	width: 20px;
	height: 16px;
	overflow: hidden
}

.sharebox .icon .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.sharebox .icon .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: -1;
	opacity: 0
}

.sharebox .icon .picbox {
	transition: all .5s
}

.sharebox .icon .picbox:last-child {
	display: none
}

.sharebox .icon:hover {
	background: #173F8A
}

.sharebox .icon:hover .picbox {
	display: none
}

.sharebox .icon:hover .picbox:last-child {
	display: block
}

.sharebox .qrcodebox {
	position: absolute;
	bottom: 70px;
	left: 0;
	z-index: 12;
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
	border-radius: 20px
}

.sharebox .qrcodebox #qrcode img {
	width: 180px
}

.sharebox .qrcodebox .txt {
	font-size: 16px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: -10px
}

.breadcrumb {
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #eee;
	background: #fff
}

.breadcrumb .contentbox {
	display: flex;
	align-items: center;
	height: 100%
}

.breadcrumb .contentbox .position {
	width: 17px;
	height: 21px;
	margin-right: 20px
}

.breadcrumb .contentbox .position .picbox {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.breadcrumb .contentbox .position .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.breadcrumb .contentbox .position .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: -1;
	opacity: 0
}

.breadcrumb .contentbox .text {
	font-size: 16px;
	font-weight: normal;
	color: #666
}

.breadcrumb .contentbox .crumb {
	display: flex;
	max-width: 68%;
	overflow: hidden
}

.breadcrumb .contentbox .crumb .navi {
	display: flex;
	align-items: center;
	margin-right: 5px
}

.breadcrumb .contentbox .crumb .navi .navit {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: all .5s
}

.breadcrumb .contentbox .crumb .navi .navit:hover {
	color: #173F8A;
	text-decoration: underline
}

.breadcrumb .contentbox .crumb .navi:last-child::after {
	display: none
}

.breadcrumb .contentbox .crumb .navi::after {
	display: block;
	content: '>';
	font-size: 16px;
	font-weight: normal;
	color: #666;
	margin-left: 5px
}

.nextbox {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 50px
}

.nextbox .next {
	width: 170px;
	height: 60px;
	background: #999999;
	margin: 0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s
}

.nextbox .next:hover {
	background: #123D96
}

.nextbox .next:hover.prev .nextpic {
	transform: rotateY(180deg) translateX(10px)
}

.nextbox .next:hover .nextpic {
	transform: translateX(10px)
}

.nextbox .next.prev .nextpic {
	transform: rotateY(180deg);
	order: 1
}

.nextbox .next.prev .nextt {
	order: 2
}

.nextbox .next .nextpic {
	width: 12px;
	height: 12px;
	transition: all .3s;
	margin: 0 9px
}

.nextbox .next .nextpic .picbox {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.nextbox .next .nextpic .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.nextbox .next .nextpic .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: -1;
	opacity: 0
}

.nextbox .next .nextt {
	margin: 0 9px;
	font-size: 20px;
	font-weight: normal;
	color: #fff
}

.public_banner {
	width: 100%;
	height: 400px;
	position: relative
}

.public_banner .banner_bg {
	width: 100%;
	height: 100%
}

.public_banner .banner_bg .picbox {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.public_banner .banner_bg .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: all .6s
}

.public_banner .banner_bg .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	/*z-index: -1;
 	 opacity: 0 */
}

.public_banner .bannertitle {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%
}

.public_banner .bannertitle .contentbox {
	height: 100px;
	position: relative
}

.public_banner .bannertitle .contentbox .picbox {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.public_banner .bannertitle .contentbox .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.public_banner .bannertitle .contentbox .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: -1;
	opacity: 0
}

.public_banner .bannertitle .contentbox .picbox .pic {
	background-position: left
}

.public_banner .bannertitle .contentbox .atitle {
	position: absolute;
	bottom: 0;
	left: 30px;
	line-height: 60px;
	display: flex;
	font-size: 46px;
	font-weight: bold;
	color: #fff
}

.page_news_list .news_list {
	padding-bottom: 100px;
	padding-top: 80px
}

.page_news_list .news_list .contentbox .itemlist {
	width: 100%;
	display: flex;
	justify-content: center
}

.page_news_list .news_list .contentbox .itemlist .item {
	margin: 0 10px;
	width: 180px;
	height: 50px;
	background: #FFFFFF;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #666
}

.page_news_list .news_list .contentbox .itemlist .item.active {
	background: #123D96;
	color: #fff
}

.page_news_list .news_list .contentbox .list {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 20px
}

.page_news_list .news_list .contentbox .list .news {
	width: 100%;
	height: 260px;
	background: #FFFFFF;
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	transition: all .3s
}

.page_news_list .news_list .contentbox .list .news:hover {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1)
}

.page_news_list .news_list .contentbox .list .news:hover .newspic .picbox .pic {
	transform: scale(1.1)
}

.page_news_list .news_list .contentbox .list .news:hover .textbox .at {
	color: #123D96
}

.page_news_list .news_list .contentbox .list .news:hover .textbox .ct {
	color: #123D96
}

.page_news_list .news_list .contentbox .list .news .newspic {
	width: 300px;
	height: 200px;
	margin-right: 30px
}

.page_news_list .news_list .contentbox .list .news .newspic .picbox {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.page_news_list .news_list .contentbox .list .news .newspic .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.page_news_list .news_list .contentbox .list .news .newspic .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
/* 	z-index: -1;
	opacity: 0 */
}

.page_news_list .news_list .contentbox .list .news .newspic .picbox .pic {
	transition: all .3s
}

.page_news_list .news_list .contentbox .list .news .textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 60px;
	border-right: 1px solid #CDCDCD
}

.page_news_list .news_list .contentbox .list .news .textbox .at {
	font-size: 24px;
	font-weight: normal;
	color: #333;
	margin-bottom: 5px;
	transition: all .3s
}

.page_news_list .news_list .contentbox .list .news .textbox .bt {
	font-size: 16px;
	font-weight: normal;
	color: #999;
	line-height: 24px;
	max-width: 100%;
	max-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-width: 790px;
	margin-bottom: 30px;
	letter-spacing: 0
}

.page_news_list .news_list .contentbox .list .news .textbox .ct {
	font-size: 16px;
	font-weight: normal;
	color: #999;
	transition: all .3s
}

.page_news_list .news_list .contentbox .list .news .date {
	text-align: center;
	padding-left: 60px
}

.page_news_list .news_list .contentbox .list .news .date .date1 {
	font-size: 36px;
	font-weight: normal;
	color: #333;
	line-height: 36px
}

.page_news_list .news_list .contentbox .list .news .date .date2 {
	font-size: 16px;
	font-weight: normal;
	color: #333
}

.page_news_info .news_info {
	padding: 80px 0 100px
}

.page_news_info .news_info .contentbox {
	display: flex
}

.page_news_info .news_info .contentbox .infoleft {
	background: #fff;
	padding: 50px 80px;
	width: 1000px;
	box-sizing: border-box
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .title {
	max-width: 100%;
	max-height: 92px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 32px;
	font-weight: bold;
	color: #333333;
	line-height: 46px;
	margin-bottom: 30px
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .date {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	line-height: 16px;
	margin-bottom: 40px
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .share {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .share .line {
	flex: 1;
	width: 100%;
	height: 1px;
	background: #EEEEEE
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .share .sharebox {
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsinfo_text {
	padding: 50px 0;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 30px
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsinfo_text img {
	max-width: 100%
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
	box-sizing: border-box;
	background: linear-gradient(90deg, #173F8A, #124FC4)
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .logo .picbox {
	width: 260px;
	height: 60px;
	overflow: hidden
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .logo .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .logo .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: -1;
	opacity: 0
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .phone {
	display: flex;
	align-items: center
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .phone .phonepic {
	width: 45px;
	height: 45px;
	margin-right: 10px
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .phone .phonepic .picbox {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .phone .phonepic .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .phone .phonepic .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: -1;
	opacity: 0
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .phone .phonet {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	line-height: 40px
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 44px;
	background: #FF5004;
	border-radius: 4px
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk .talkpic {
	width: 20px;
	height: 20px;
	margin-right: 10px
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk .talkpic .picbox {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk .talkpic .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk .talkpic .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: -1;
	opacity: 0
}

.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk .talkt {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	line-height: 44px
}

.page_news_info .news_info .contentbox .inforight {
	flex: 1
}

.page_news_info .news_info .contentbox .inforight .righttop {
	width: 100%;
	background: #123D96;
	padding: 50px 20px;
	box-sizing: border-box
}

.page_news_info .news_info .contentbox .inforight .righttop .title {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 24px
}

.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist {
	padding-top: 20px
}

.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list {
	border-bottom: 1px solid #7E98CF;
	padding-bottom: 20px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	transition: all .3s
}

.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list::after {
	content: '';
	width: 0%;
	height: 1px;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #173F8A;
	transition: all .3s
}

.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list:hover {
	transform: scale(1.05)
}

.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list .date {
	font-size: 16px;
	font-weight: normal;
	color: #7E98CF;
	margin-bottom: 10px;
	transition: all .3s
}

.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list .text {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	max-width: 100%;
	max-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transition: all .3s
}

.page_news_info .news_info .contentbox .inforight .rightbottom {
	display: block;
	width: 100%;
	height: 100px;
	background: #A9AEBB;
	text-align: center;
	line-height: 100px;
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	transition: all .3s
}

.page_news_info .news_info .contentbox .inforight .rightbottom:hover {
	color: #123D96
}

.page_contact {
	background: #fff
}

.page_contact .titlebox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px
}

.page_contact .titlebox .atitle {
	max-width: 100%;
	max-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 40px;
	font-weight: bold;
	color: #000;
	line-height: 42px;
	margin-bottom: 10px
}

.page_contact .titlebox .btitle {
	max-width: 100%;
	max-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 20px;
	font-weight: normal;
	color: #666;
	line-height: 22px
}

.page_contact .contact {
	padding: 50px 0 100px
}

.page_contact .contact .contentbox .smalltext {
	display: flex;
	align-items: center;
	margin-bottom: 50px
}

.page_contact .contact .contentbox .smalltext .line {
	flex: 1;
	width: 100%;
	height: 1px;
	background: #E6E6E6
}

.page_contact .contact .contentbox .smalltext .t {
	padding: 0 60px;
	font-size: 14px;
	font-weight: normal;
	color: #999
}

.page_contact .contact .contentbox .messagebox {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 100px
}

.page_contact .contact .contentbox .messagebox .message {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center
}

.page_contact .contact .contentbox .messagebox .message .messageicon {
	width: 72px;
	height: 72px;
	margin-bottom: 20px
}

.page_contact .contact .contentbox .messagebox .message .messageicon .picbox {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.page_contact .contact .contentbox .messagebox .message .messageicon .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.page_contact .contact .contentbox .messagebox .message .messageicon .picbox .pic img {
	width: 100%; height:auto;
	display: block;
	position: relative;
/* 	z-index: -1;
	opacity: 0 */
}

.page_contact .contact .contentbox .messagebox .message .text {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	max-width: 100%;
	max-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-width: 260px;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center
}

.page_contact .contact .contentbox .messagebox .message .text2 {
	text-align: center
}

.page_contact .contact .contentbox .messagebox .message .text2 .p1 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 24px
}

.page_contact .contact .contentbox .messagebox .message .text2 .p2 {
	font-size: 16px;
	font-weight: normal;
	color: #060509;
	line-height: 24px
}

.page_contact .contact .contentbox .messagebox .line {
	width: 1px;
	height: 142px;
	background: #E6E6E6
}

.page_contact .contact .contentbox .map {
	width: 100%;
	height: 600px
}
.page_contact .contact .contentbox .map img{ width: 100%; height: 100%;}

.page_contact .leave_word {
	padding-bottom: 100px
}

.page_contact .leave_word .contentbox .inputbox {
	width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	margin-bottom: 40px
}

.page_contact .leave_word .contentbox .inputbox .inputs {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}

.page_contact .leave_word .contentbox .inputbox .inputs .input {
	width: 490px;
	height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
	border-radius: 4px;
	background: rgba(246, 246, 246, 0.66);
	font-size: 16px
}

.page_contact .leave_word .contentbox .inputbox .inputs .input:focus {
	outline: none
}

.page_contact .leave_word .contentbox .inputbox .inputs .input::-webkit-input-placeholder {
	font-size: 16px;
	font-weight: normal;
	color: #999
}

.page_contact .leave_word .contentbox .inputbox .inputs .input::-ms-clear {
	display: none
}

.page_contact .leave_word .contentbox .inputbox .textarea {
	width: 100%;
	height: 153px;
	padding: 20px;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	background: rgba(246, 246, 246, 0.66);
	font-size: 16px
}

.page_contact .leave_word .contentbox .inputbox .textarea:focus {
	outline: none
}

.page_contact .leave_word .contentbox .leave_btn {
	width: 400px;
	height: 50px;
	display: block;
	margin: 0 auto;
	background: #123D96;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	font-weight: normal;
	color: #fff
}

.page_join_us {
	background: #F9F9F9
}

.page_join_us .join_us .contentbox {
	padding-top: 50px;
	padding-bottom: 100px
}

.page_join_us .join_us .contentbox .titlebox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px
}

.page_join_us .join_us .contentbox .titlebox .atitle {
	max-width: 100%;
	max-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 40px;
	font-weight: bold;
	color: #000;
	line-height: 42px;
	margin-bottom: 10px
}

.page_join_us .join_us .contentbox .titlebox .btitle {
	max-width: 100%;
	max-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 20px;
	font-weight: normal;
	color: #666;
	line-height: 22px
}

.page_join_us .join_us .contentbox .joblist .jobtitle {
	width: 100%;
	background: #123D96;
	display: flex;
	padding: 0 60px;
	box-sizing: border-box;
	height: 80px
}

.page_join_us .join_us .contentbox .joblist .jobtitle .title {
	padding: 0 10px;
	flex: 1;
	text-align: center;
	line-height: 80px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: normal;
	color: #fff
}

.page_join_us .join_us .contentbox .joblist .jobtitle .title.title2 {
	text-align: left
}

.page_join_us .join_us .contentbox .joblist .jobbox {
	border-bottom: 1px solid #E0E0E0
}

.page_join_us .join_us .contentbox .joblist .jobbox.active .job .btn {
	display: none
}

.page_join_us .join_us .contentbox .joblist .jobbox.active .job .btn.btn2 {
	display: flex
}

.page_join_us .join_us .contentbox .joblist .jobbox .job {
	width: 100%;
	background: #fff;
	display: flex;
	padding: 0 60px;
	box-sizing: border-box;
	height: 80px;
	cursor: pointer
}

.page_join_us .join_us .contentbox .joblist .jobbox .job .t {
	flex: 1;
	text-align: center;
	line-height: 80px;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 20px;
	font-weight: normal;
	color: #333;
	max-width: 100%;
	max-height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.page_join_us .join_us .contentbox .joblist .jobbox .job .t.t2 {
	text-align: left
}

.page_join_us .join_us .contentbox .joblist .jobbox .job .btn {
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0 10px
}

.page_join_us .join_us .contentbox .joblist .jobbox .job .btn .picbox {
	width: 32px;
	height: 32px;
	overflow: hidden
}

.page_join_us .join_us .contentbox .joblist .jobbox .job .btn .picbox .pic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .6s
}

.page_join_us .join_us .contentbox .joblist .jobbox .job .btn .picbox .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: -1;
	opacity: 0
}

.page_join_us .join_us .contentbox .joblist .jobbox .job .btn.btn2 {
	display: none
}

.page_join_us .join_us .contentbox .joblist .jobbox .jobmess {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 30px 60px 60px;
	background: #F9F9F9;
	display: none
}

.page_join_us .join_us .contentbox .joblist .jobbox .jobmess.active {
	display: block
}

.page_join_us .join_us .contentbox .joblist .jobbox .jobmess .block {
	margin-bottom: 60px
}

.page_join_us .join_us .contentbox .joblist .jobbox .jobmess .block:last-child {
	margin-bottom: 0
}

.page_join_us .join_us .contentbox .joblist .jobbox .jobmess .block .text {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: normal;
	color: #333
}

.page_join_us .join_us .contentbox .joblist .jobbox .jobmess .block .text:last-child {
	margin-bottom: 0
}

@media screen and (max-width:1460px) {
	.sys_pagebox1 a {
		font-size: 1.6rem;
		font-weight: normal;
		color: #666
	}

	.sys_pagebox1 .totop {
		width: 6rem
	}

	.sharebox .icon {
		width: 3.6rem;
		height: 3.6rem;
		margin: 0 1.5rem
	}

	.sharebox .icon .picbox {
		width: 2rem;
		height: 1.6rem;
		overflow: hidden
	}

	.sharebox .icon .picbox .pic {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		transition: all .6s
	}

	.sharebox .icon .picbox .pic img {
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		z-index: -1;
		opacity: 0
	}

	.sharebox .qrcodebox {
		bottom: 7rem;
		padding: 2rem;
		box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.2);
		border-radius: 2rem
	}

	.sharebox .qrcodebox #qrcode img {
		width: 18rem
	}

	.sharebox .qrcodebox .txt {
		font-size: 1.6rem;
		margin-top: .5rem;
		margin-bottom: -1rem
	}

	.breadcrumb {
		height: 8rem;
		border-top: .1rem solid #eee
	}

	.breadcrumb .contentbox .position {
		width: 1.7rem;
		height: 2.1rem;
		margin-right: 2rem
	}

	.breadcrumb .contentbox .text {
		font-size: 1.6rem;
		font-weight: normal;
		color: #666
	}

	.breadcrumb .contentbox .crumb .navi {
		margin-right: .5rem
	}

	.breadcrumb .contentbox .crumb .navi .navit {
		font-size: 1.6rem;
		font-weight: normal;
		color: #666;
		max-height: 2.4rem
	}

	.breadcrumb .contentbox .crumb .navi::after {
		font-size: 1.6rem;
		font-weight: normal;
		color: #666;
		margin-left: .5rem
	}

	.nextbox {
		padding-top: 5rem
	}

	.nextbox .next {
		width: 17rem;
		height: 6rem;
		margin: 0 .5rem
	}

	.nextbox .next:hover.prev .nextpic {
		transform: rotateY(180deg) translateX(1rem)
	}

	.nextbox .next:hover .nextpic {
		transform: translateX(1rem)
	}

	.nextbox .next .nextpic {
		width: 1.2rem;
		height: 1.2rem;
		margin: 0 .9rem
	}

	.nextbox .next .nextt {
		margin: 0 .9rem;
		font-size: 2rem;
		font-weight: normal;
		color: #fff
	}

	.public_banner {
		height: 40rem
	}

	.public_banner .bannertitle .contentbox {
		height: 10rem
	}

	.public_banner .bannertitle .contentbox .atitle {
		left: 3rem;
		line-height: 6rem;
		font-size: 4.6rem;
		font-weight: bold;
		color: #fff
	}

	.page_news_list .news_list {
		padding-bottom: 10rem;
		padding-top: 8rem
	}

	.page_news_list .news_list .contentbox .itemlist .item {
		margin: 0 1rem;
		width: 18rem;
		height: 5rem;
		line-height: 5rem;
		font-size: 1.6rem;
		font-weight: normal;
		color: #666
	}

	.page_news_list .news_list .contentbox .list {
		padding-top: 5rem;
		padding-bottom: 2rem
	}

	.page_news_list .news_list .contentbox .list .news {
		height: 26rem;
		padding: 3rem;
		margin-bottom: 3rem
	}

	.page_news_list .news_list .contentbox .list .news:hover {
		box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1)
	}

	.page_news_list .news_list .contentbox .list .news .newspic {
		width: 30rem;
		height: 20rem;
		margin-right: 3rem
	}

	.page_news_list .news_list .contentbox .list .news .textbox {
		padding-right: 6rem;
		border-right: .1rem solid #CDCDCD
	}

	.page_news_list .news_list .contentbox .list .news .textbox .at {
		font-size: 2.4rem;
		font-weight: normal;
		color: #333;
		margin-bottom: .5rem
	}

	.page_news_list .news_list .contentbox .list .news .textbox .bt {
		font-size: 1.6rem;
		font-weight: normal;
		color: #999;
		line-height: 2.4rem;
		max-width: 100%;
		max-height: 4.8rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		max-width: 79rem;
		margin-bottom: 3rem
	}

	.page_news_list .news_list .contentbox .list .news .textbox .ct {
		font-size: 1.6rem;
		font-weight: normal;
		color: #999
	}

	.page_news_list .news_list .contentbox .list .news .date {
		padding-left: 6rem
	}

	.page_news_list .news_list .contentbox .list .news .date .date1 {
		font-size: 3.6rem;
		font-weight: normal;
		color: #333
	}

	.page_news_list .news_list .contentbox .list .news .date .date2 {
		font-size: 1.6rem;
		font-weight: normal;
		color: #333
	}

	.page_news_info .news_info {
		padding: 8rem 0 10rem
	}

	.page_news_info .news_info .contentbox .infoleft {
		padding: 5rem 8rem;
		width: 100rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .title {
		max-width: 100%;
		max-height: 9.2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 3.2rem;
		font-weight: bold;
		color: #333333;
		line-height: 4.6rem;
		margin-bottom: 3rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .date {
		font-size: 1.6rem;
		font-weight: normal;
		color: #999;
		line-height: 1.6rem;
		margin-bottom: 4rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .share .line {
		height: .1rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .share .sharebox {
		padding: 0 2rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .share .sharebox .icon {
		width: 3.6rem;
		height: 3.6rem;
		margin: 0 1.5rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .share .sharebox .icon .picbox {
		width: 1.8rem;
		height: 1.8rem;
		overflow: hidden
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .share .sharebox .icon .picbox .pic {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		transition: all .6s
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .share .sharebox .icon .picbox .pic img {
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		z-index: -1;
		opacity: 0
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsinfo_text {
		padding: 5rem 0;
		font-size: 1.6rem;
		font-weight: normal;
		color: #333;
		line-height: 3rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone {
		padding-top: 5rem;
		height: 10rem;
		padding: 0 3rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .logo .picbox {
		width: 26rem;
		height: 6rem;
		overflow: hidden
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .logo .picbox .pic {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		transition: all .6s
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .logo .picbox .pic img {
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		z-index: -1;
		opacity: 0
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .phone .phonepic {
		width: 4.5rem;
		height: 4.5rem;
		margin-right: 1rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .phone .phonet {
		font-size: 3.6rem;
		font-weight: bold;
		color: #fff;
		line-height: 4rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk {
		width: 14rem;
		height: 4.4rem;
		border-radius: .4rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk .talkpic {
		width: 2rem;
		height: 2rem;
		margin-right: 1rem
	}

	.page_news_info .news_info .contentbox .infoleft .newsinfo .newsphone .talk .talkt {
		font-size: 1.6rem;
		font-weight: normal;
		color: #fff;
		line-height: 4.4rem
	}

	.page_news_info .news_info .contentbox .inforight .righttop {
		padding: 5rem 2rem
	}

	.page_news_info .news_info .contentbox .inforight .righttop .title {
		font-size: 2.4rem;
		font-weight: bold;
		color: #fff;
		line-height: 2.4rem
	}

	.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist {
		padding-top: 2rem
	}

	.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list {
		border-bottom: .1rem solid #7E98CF;
		padding-bottom: 2rem;
		margin-bottom: 3rem
	}

	.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list::after {
		height: .1rem;
		bottom: -0.1rem
	}

	.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list .date {
		font-size: 1.6rem;
		font-weight: normal;
		color: #7E98CF;
		margin-bottom: 1rem
	}

	.page_news_info .news_info .contentbox .inforight .righttop .block1 .rightlist .list .text {
		font-size: 1.6rem;
		font-weight: normal;
		color: #fff;
		max-width: 100%;
		max-height: 4.8rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.page_news_info .news_info .contentbox .inforight .rightbottom {
		height: 10rem;
		line-height: 10rem;
		font-size: 2.8rem;
		font-weight: normal;
		color: #fff
	}

	.page_contact .titlebox {
		margin-bottom: 5rem
	}

	.page_contact .titlebox .atitle {
		max-width: 100%;
		max-height: 4.2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-size: 4rem;
		font-weight: bold;
		color: #000;
		line-height: 4.2rem;
		margin-bottom: 1rem
	}

	.page_contact .titlebox .btitle {
		max-width: 100%;
		max-height: 2.2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-size: 2rem;
		font-weight: normal;
		color: #666;
		line-height: 2.2rem
	}

	.page_contact .contact {
		padding: 8rem 0 10rem
	}

	.page_contact .contact .contentbox .smalltext {
		margin-bottom: 5rem
	}

	.page_contact .contact .contentbox .smalltext .line {
		height: .1rem
	}

	.page_contact .contact .contentbox .smalltext .t {
		padding: 0 6rem;
		font-size: 1.4rem;
		font-weight: normal;
		color: #999
	}

	.page_contact .contact .contentbox .messagebox {
		margin-bottom: 10rem
	}

	.page_contact .contact .contentbox .messagebox .message .messageicon {
		width: 7.2rem;
		height: 7.2rem;
		margin-bottom: 2rem
	}

	.page_contact .contact .contentbox .messagebox .message .text {
		font-size: 1.6rem;
		font-weight: normal;
		color: #000;
		max-width: 100%;
		max-height: 4.8rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		max-width: 26rem;
		line-height: 2.4rem
	}

	.page_contact .contact .contentbox .messagebox .message .text2 .p1 {
		font-size: 1.8rem;
		font-weight: normal;
		color: #000;
		line-height: 2.4rem
	}

	.page_contact .contact .contentbox .messagebox .message .text2 .p2 {
		font-size: 1.6rem;
		font-weight: normal;
		color: #060509;
		line-height: 2.4rem
	}

	.page_contact .contact .contentbox .messagebox .line {
		width: .1rem;
		height: 14.2rem
	}

	.page_contact .contact .contentbox .map {
		height: 60rem
	}

	.page_contact .leave_word {
		padding-bottom: 10rem
	}

	.page_contact .leave_word .contentbox .inputbox {
		width: 100rem;
		padding-top: 5rem;
		margin-bottom: 4rem
	}

	.page_contact .leave_word .contentbox .inputbox .inputs {
		margin-bottom: 2rem
	}

	.page_contact .leave_word .contentbox .inputbox .inputs .input {
		width: 49rem;
		height: 5rem;
		padding: 0 2rem;
		border-radius: .4rem;
		font-size: 1.6rem
	}

	.page_contact .leave_word .contentbox .inputbox .inputs .input::-webkit-input-placeholder {
		font-size: 1.6rem;
		font-weight: normal;
		color: #999
	}

	.page_contact .leave_word .contentbox .inputbox .textarea {
		height: 15.3rem;
		padding: 2rem;
		border-radius: .4rem;
		font-size: 1.6rem
	}

	.page_contact .leave_word .contentbox .inputbox .textarea::-webkit-input-placeholder {
		color: #999
	}

	.page_contact .leave_word .contentbox .leave_btn {
		width: 40rem;
		height: 5rem;
		line-height: 5rem;
		font-size: 2rem;
		font-weight: normal;
		color: #fff
	}

	.page_join_us .join_us .contentbox {
		padding-top: 5rem;
		padding-bottom: 10rem
	}

	.page_join_us .join_us .contentbox .titlebox {
		margin-bottom: 5rem
	}

	.page_join_us .join_us .contentbox .titlebox .atitle {
		max-width: 100%;
		max-height: 4.2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-size: 4rem;
		font-weight: bold;
		color: #000;
		line-height: 4.2rem;
		margin-bottom: 1rem
	}

	.page_join_us .join_us .contentbox .titlebox .btitle {
		max-width: 100%;
		max-height: 2.2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-size: 2rem;
		font-weight: normal;
		color: #666;
		line-height: 2.2rem
	}

	.page_join_us .join_us .contentbox .joblist .jobtitle {
		padding: 0 6rem;
		height: 8rem
	}

	.page_join_us .join_us .contentbox .joblist .jobtitle .title {
		padding: 0 1rem;
		line-height: 8rem;
		font-size: 2rem;
		font-weight: normal;
		color: #fff
	}

	.page_join_us .join_us .contentbox .joblist .jobbox {
		border-bottom: .1rem solid #E0E0E0
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .job {
		padding: 0 6rem;
		height: 8rem
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .job .t {
		line-height: 8rem;
		padding: 0 1rem;
		font-size: 2rem;
		font-weight: normal;
		color: #333;
		max-width: 100%;
		max-height: 8rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .job .t.num {
		padding-right: 2.5rem
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .job .btn {
		padding: 0 1rem
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .job .btn .picbox {
		width: 3.2rem;
		height: 3.2rem;
		overflow: hidden
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .job .btn .picbox .pic {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		transition: all .6s
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .job .btn .picbox .pic img {
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		z-index: -1;
		opacity: 0
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .job .btn .picbox {
		padding-right: 2.5rem
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .jobmess {
		padding: 3rem 3rem 6rem 6rem
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .jobmess .block {
		margin-bottom: 6rem
	}

	.page_join_us .join_us .contentbox .joblist .jobbox .jobmess .block .text {
		margin-bottom: 2rem;
		font-size: 1.6rem;
		font-weight: normal;
		color: #333
	}
}