@font-face {
	font-family: 'PingFang SC Regular';
	src: url('../fonts/PingFang Regular.ttf');
}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	
}

a, a:focus, a:hover {
	color: #253858;
	text-decoration: none;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	box-shadow: 0 0 0px 1000px #e9f1fe inset;
	box-shadow: 0 0 0px 1000px #e9f1fe inset !important;
}

@media (min-width:1200px) {
	.container {
		width: 1200px;
	}

}

.container, .container-fluid {
	padding: 0px;
}

.navbar-brand {
	height: 80px;
	padding: 12.5px 15px;
	line-height: 55px;
}

.navbar-brand img {
	display: block;
	width: 135px;
	height: 55px;
}

.navbar-default {
	background-color: #fff;
	border: 0px;
	margin: 0px;
	box-shadow: 0px 0px 10px 0px rgba(0, 80, 196, 0.3);
}

.navbar-default .navbar-nav>li>a {
	color: #42526e;
	line-height: 50px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #0052cf;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff;
	color: #0052cf;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: #fff;
	color: #0052cf;
}

.dropdown-toggle span {
	display: inline-block;
	width: 11px;
	height: 6px;
	margin-bottom: 2px;
	margin-left: 2px;
	background: url('../img/tapdown.png') no-repeat 100% 100%;
}

.dropdown-toggle .tabup {
	background: url('../img/tabup.png') no-repeat 100% 100%;
}

.dropdown-menu {
	min-width: 130px;
	padding: 0px;
	margin: 0px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 80, 196, 0.3);
	border: 0px;
	overflow: hidden;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: -20px;
	margin-left: -17px;
	border-radius: 5px;
}

.dropdown-menu>li>a {
	line-height: 40px;
	padding: 0px 28px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #0052cf;
	background-color: #e9f1fe;
}

.row {
	margin: 0px;
}

.bumen {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 40px;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #dfe1e5;
}

.bumen a:hover {
	color: #0052cf;
}

.bumen span {
	display: inline-block;
	width: 10px;
	height: 15px;
	background: url('../img/tabone.png') no-repeat center center;
	padding: 0px 15px;
	vertical-align: middle;
}

.bumen .active {
	color: #0052cf;
}

.gangwei {
	padding-top: 40px;
}

.menu {
	padding: 0px;
}

.menutab.nav>li>a {
	font-weight: bold;
	font-size: 16px;
	color: #253858;
	line-height: 50px;
	padding: 0px 0px 0px 20px;
}

.menutab.nav>li>a:focus, .menutab.nav>li>a:hover {
	background: #e9f1fe;
	color: #0052cf;
	border-radius: 5px;
}

.menutab.nav>li.active>a {
	background: #e9f1fe;
	color: #0052cf;
	border-radius: 5px;
}

.pagination {
	width: 100%;
	text-align: center;
}

.pagination>li {
	display: inline-block;
}

.pagination>li>a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #929cac;
	background-color: #fff;
}

.pagination>li>a:focus, .pagination>li>a:hover {
	color: #0052cf;
	background-color: #fff;
	border-color: #fff;
	text-decoration: underline;
}

.new .pagination .thisclass a {
	color: #0052cf;
	border: 1px solid #0052cf;
	border-radius: 5px;
	text-decoration: none;
}

.pagination .thisclass a:focus, .pagination .thisclass a:hover {
	color: #0052cf;
	border: 1px solid #0052cf;
	border-radius: 5px;
	text-decoration: none;
}

.menu .first, .menu .last {
	display: none;
}

.first {
	background: url('../img/first-focus.png') no-repeat center;
}

.first.checked {
	background: url('../img/first.png') no-repeat center;
}

.first.checked:focus, .first.checked:hover {
	background: url('../img/first-hover.png') no-repeat center;
}

.pre {
	background: url('../img/Previous.png') no-repeat center;
	cursor: not-allowed;
}

.pre.checked {
	cursor: pointer;
	background: url('../img/Previous-focus.png') no-repeat center;
}

.pre.checked:focus, .pre.checked:hover {
	cursor: pointer;
	background: url('../img/Previous-hover.png') no-repeat center;
}

.next {
	background: url('../img/next.png') no-repeat center;
	cursor: not-allowed;
}

.next.checked:focus, .next.checked:hover {
	cursor: pointer;
	background: url('../img/next-hover.png') no-repeat center;
}

.next.checked {
	cursor: pointer;
	background: url('../img/next-focus.png') no-repeat center;
}

.last {
	background: url('../img/last-focus.png') no-repeat center;
}

.last.checked {
	background: url('../img/last.png') no-repeat center;
}

.last.checked:focus, .last.checked:hover {
	background: url('../img/last-hover.png') no-repeat center;
}

.division {
	overflow: hidden;
}

.division .icon {
	float: left;
	width: 15px;
	height: 16px;
	background: url('../img/tabthree.png') no-repeat center center;
	margin-top: 6px;
}

.division .des {
	float: left;
	font-weight: bold;
	font-size: 20px;
	color: #42526e;
	margin-left: 20px;
	margin-right: 20px;
}

.division .line {
	overflow: hidden;
	height: 3px;
	background: url('../img/line.png') center center;
	margin-top: 12.5px;
}

.main {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #42526e;
	padding-bottom: 60px;
}

.main .center {
	padding-left: 40px;
	margin-left: 40px;
	border-left: 1px solid #dfe1e5;
	overflow: hidden;
}

.main .division {
	padding-top: 40px;
	padding-bottom: 20px;
}

.main .division:first-child {
	padding-top: 15px;
}

.main .division .icon {
	margin-top: 3px;
}

.main .division .des {
	font-size: 16px;
}

.main .division .line {
	margin-top: 9.5px;
}

.main p {
	margin: 0px;
	padding: 0px;
	line-height: 26px;
}

.main .center .cation {
	width: 100%;
	background: url('../img/one.png');
	background-repeat: repeat-x;
	margin-top: 40px;
	margin-bottom: 20px;
	line-height: 16px;
}

.main .cation:first-child {
	margin-top: 15px;
}

.main .cation .des {
	background: url('../img/tabthree.png') no-repeat left center;
	width: 118px;
	background-color: #ffffff;
	padding-left: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #42526e;
	display: inline-block;
}

.main .center div {
	line-height: 26px;
}

.footer {
	background: #f4f5f7;
	padding-bottom: 25px;
}

.footer span {
	display: inline-block;
}

.footer .rukou, .footer .yunying, .footer .shangwu, .footer .weixin {
	padding: 30px 0px 0px 0px;
	vertical-align: middle;
	float: left;
}

.footer .rukou {
	width: 27.7%;
	color: #253858;
}

.footer .rukou .titlea a {
	font-weight: bold;
	display: inline-block;
	width: 50%;
	padding-top: 12px;
	float: left;
}

.footer .rukou .titlea a:hover {
	color: #0052cf;
}

.footer .yunying, .footer .shangwu, .footer .weixin {
	font-size: 12px;
	color: #42526e;
}

.footer .yunying {
	width: 36.9%;
}

.footer .yunying .title .icon {
	width: 20px;
	height: 20px;
	background: url('../img/addres.png') no-repeat 100% 100%;
	vertical-align: middle;
}

.footer .yunying .title .tit {
	padding-left: 10px;
}

.footer .yunying .addres {
	padding-top: 12px;
	padding-left: 30px;
}

.footer .yunying .addres p {
	margin: 0 0 5px;
}

.footer .yunying .addres p:last-child {
	margin: 6px 0 0 0;
}

.footer .shangwu {
	width: 27.9%;
}

.footer .shangwu .email .icon {
	width: 20px;
	height: 14px;
	background: url('../img/email.png') no-repeat 100% 100%;
	vertical-align: middle;
}

.footer .shangwu .title {
	padding-left: 10px;
}

.footer .shangwu .title a {
	color: #42526e;
}

.footer .shangwu a:hover {
	color: #0052cf;
}

.footer .shangwu .caifang {
	padding-left: 20px;
	padding-top: 5px;
}

.footer .shangwu .phone {
	padding-top: 20px;
}

.footer .shangwu .phone .icon {
	width: 21px;
	height: 20px;
	background: url('../img/phonto.png') no-repeat 100% 100%;
	vertical-align: middle;
}

.footer .weixin {
	width: 7.5%;
	text-align: center;
}

.footer .weixin img {
	display: block;
	margin: 0px auto;
}

.footer .weixin p {
	padding-top: 9px;
	margin: 0px;
}

.footer .beian {
	text-align: center;
	font-size: 12px;
	color: #253858;
	margin-top: 25px;
}

.footer .beian span {
	margin-left: 20px;
}

.footer .beian .info:first-child {
	margin: 0px;
}

.footer .beian .gongan {
	width: 14px;
	height: 15px;
	background: url('../img/gongan.png') no-repeat 100% 100%;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 0px;
}

.newtab {
	margin-top: 60px;
	margin-bottom: 20px;
	text-align: center;
}

.newtab a {
	display: inline-block;
	color: #253858;
	font-weight: bold;
	font-size: 32px;
	vertical-align: middle;
}

.newtab .active {
	color: #0052cf;
}

.newtab .border {
	width: 80px;
	height: 45px;
	background: url('../img/border.png') no-repeat center center;
	vertical-align: middle;
	display: inline-block;
}

.newtab a:first-child .icon {
	width: 31px;
	height: 30px;
	background: url('../img/info-hover.png') no-repeat 100% 100%;
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}

.newtab a:last-child .icon {
	width: 31px;
	height: 30px;
	background: url('../img/dyna.png') no-repeat 100% 100%;
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}

.newtab a:first-child.active .icon {
	background: url('../img/info.png') no-repeat 100% 100%;
}

.newtab a:last-child.active .icon {
	background: url('../img/dyna-hover.png') no-repeat 100% 100%;
}

.newtab a:first-child:hover, .newtab a:last-child:hover {
	color: #0052cf;
}

.newtab a:first-child:hover .icon {
	background: url('../img/info.png') no-repeat 100% 100%;
}

.newtab a:last-child:hover .icon {
	background: url('../img/dyna-hover.png') no-repeat 100% 100%;
}

.newlist {
	border: 1px solid #dfe1e5;
	border-radius: 5px;
	padding: 30px 0px;
	margin-top: 20px;
}

.newlist .time {
	padding: 0px 32.33px;
	color: #42526e;
	background: url('../img/time.png') no-repeat center;
	text-align: center;
}

.newlist .time p:first-child {
	font-size: 32px;
	margin: 0px;
	margin-top: 28px;
	font-weight: bold;
}

.newlist .time p:last-child {
	font-size: 24px;
	margin-bottom: 28px;
}

.newlist .thumimg {
	padding: 0px;
	padding-right: 19.66px;
}

.newlist .newtitle {
	padding: 0px;
	padding-left: 5px;
	padding-right: 30px;
}

.newlist .newtitle .langtitle {
	font-size: 20px;
	color: #253858;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.newlist .newtitle .infotitle {
	line-height: 26px;
	margin-bottom: 5px;
	color: #42526e;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.newlist:focus, .newlist:hover {
	border: 1px solid #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0, 80, 196, 0.3);
}

.newlist:focus .langtitle, .newlist:hover .langtitle {
	color: #0052cf;
}

.page {
	text-align: center;
	margin: 20px 300px;
}

.new .title {
	margin-top: 80px;
	font-size: 28px;
	color: #253858;
	font-weight: bold;
	text-align: center;
}

.new .title {
	margin-top: 80px;
	font-size: 28px;
	color: #253858;
	font-weight: bold;
	text-align: center;
}

.new .info {
	margin-top: 20px;
	text-align: center;
}

.new .info .icon {
	color: #929cac;
	width: 60px;
}

.new .info .tit {
	color: #42526e;
}

.new .info .author, .new .info .time {
	padding-right: 40px;
}

.new .info .share a {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	position: relative;
}

.new .info .share .share1 {
	background: url('../img/weixinhao.png') no-repeat;
}

.new .info .share .share1:hover, .new .info .share .share1.active {
	background: url('../img/weixinhao-hover.png') no-repeat;
}

.new .info .share .share2 {
	background: url('../img/weibo.png') no-repeat;
}

.new .info .share .share2:hover, .new .info .share .share2.active {
	background: url('../img/weibo-hover.png') no-repeat;
}

.new .info .share .share3 {
	background: url('../img/pyq.png') no-repeat;
}

.new .info .share .share3:hover, .new .info .share .share3.active {
	background: url('../img/pyq-hover.png') no-repeat;
}

.new .content {
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 60px 0px;
	font-size: 16px;
	color: #42526e;
	border-bottom: 1px solid #dfe1e5;
}

.new .content .division {
	padding-bottom: 40px;
}

.new .content p {
	padding: 0px 0px 60px 0px;
	margin: 0px;
	line-height: 32px;
	text-indent: 2em;
}

.new .content .dess {
	padding: 20px;
	color: #253858;
	font-size: 16px;
	background: #e9f1fe;
	text-indent: initial;
	margin-bottom: 60px;
}

.new .content .p4 {
	padding: 0px 0px 40px 0px;
}

.new .content .p6 {
	padding: 0px 0px 60px 0px;
}

.new .content p:last-child {
	padding: 0px;
}

.new .content img {
	max-width: 600px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.new .content .imgdes {
	font-size: 14px;
	color: #42526e;
	text-indent: initial;
	text-align: center;
	display: block;
	margin-top: 20px
}

.new .content .cation {
	width: 100%;
	background: url('../img/four.png');
	background-repeat: repeat-x;
	line-height: 20px;
	margin-bottom: 40px;
}

.new .content .cation span {
	background: url('../img/tabfour.jpg') no-repeat left center;
	background-color: #ffffff;
	padding-left: 34px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 20px;
	color: #42526e;
	display: inline-block;
	margin: 0px;
}

.pages {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}

.pages a {
	display: inline-block;
	width: 148px;
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	border: 1px solid #f4f5f7;
	text-align: center;
	color: #e7e8ea;
}

.pages a span {
	display: inline-block;
	width: 6px;
	height: 10px;
}

.pages .lastpage {
	margin-right: 40px;
}

.pages .nextpage, .pages .lastpage {
	cursor: not-allowed;
}

.pages .lastpage span {
	margin-right: 10px;
	background: url('../img/Previous.png') no-repeat center;
}

.pages .nextpage span {
	margin-left: 10px;
	background: url('../img/next.png') no-repeat center;
}

.pages .checked {
	border: 1px solid #dfe1e5;
	color: #b3bac4;
	cursor: pointer;
}

.pages .lastpage.checked span {
	background: url('../img/Previous-focus.png') no-repeat center;
}

.pages .nextpage.checked span {
	background: url('../img/next-focus.png') no-repeat center;
}

.pages .checked:focus, .pages .checked:hover {
	border: 1px solid #0052cf;
	color: #0052cf;
}

.pages .lastpage.checked:focus span, .pages .lastpage.checked:hover span {
	background: url('../img/Previous-hover.png') no-repeat center;
}

.pages .nextpage.checked:focus span, .pages .nextpage.checked:hover span {
	background: url('../img/next-hover.png') no-repeat center;
}

.job {
	display: none;
}

.job.jobchecked {
	display: block;
}

.menu .pageinfo {
	display: none;
	width: 0px;
	height: 0px;
}

.zhaopin {
	background: url('../img/job.jpg') no-repeat;
	background-size: 100% 100%;
	max-height: 500px;
	background-color: #0056d5;
}

.zhaopin img {
	margin: 0 auto;
}

.menutab.nav>li {
	margin-bottom: 10px;
}

.hotmail {
	color: rgb(0, 82, 207);
	text-decoration: underline;
}

.hotmail:hover {
	color: rgb(0, 82, 207);
	text-decoration: underline;
	font-weight: bold;
}

.new .pagination li a {
	border: 1px solid #dfe1e5;
	margin: 0px 5px 0px 5px;
	border-radius: 4px;
}

.new .pagination li .first, .new .pagination li .pre, .new .pagination li .next, .new .pagination li .last {
	border: 1px solid #f4f5f7;
	cursor: not-allowed;
}

.new .pagination li .first.checked, .new .pagination li .pre.checked, .new .pagination li .next.checked, .new .pagination li .last.checked {
	cursor: pointer;
}

.new .pageinfo {
	border: 0px;
	display: inline-block;
	color: #929cac;
}

.new .pageinfo:hover {
	color: #929cac;
	background-color: #fff;
}

.swiper-container {
	width: 100%;	/* background: #0056d5; */
}

.swiper-button-prev {
	width: 60px;
	height: 100px;
	background: url('../img/banner-pre.png') no-repeat;
	background-size: 100%;
	display: none;
}

.swiper-button-next {
	width: 60px;
	height: 100px;
	background: url('../img/banner-next.png') no-repeat;
	background-size: 100%;
	display: none;
}

.swiper-container:hover .swiper-button-prev {
	display: block;
}

.swiper-container:hover .swiper-button-prev:hover {
	background: url('../img/banner-pre-hover.png') no-repeat;
	background-size: 100%;
}

.swiper-container:hover .swiper-button-next {
	display: block;
}

.swiper-container:hover .swiper-button-next:hover {
	background: url('../img/banner-next-hover.png') no-repeat;
	background-size: 100%;
}

.swiper-pagination-bullet {
	background: #80a8e2;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	width: 30px;
	background: #ffffff;
	border-radius: 10px;
}

.aboutus {
	color: #253858;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
	padding-top: 55px;
}

.aboutusinfo {
	padding-top: 40px;
	padding-bottom: 60px;
}

.aboutusmap {

	/* width: 664px;
		height: 492px; */
	float: left;    /* background: url('../img/map.png') no-repeat; */
	padding: 0px;
	position: relative;
}

.aboutusmain {
	width: 496px;
	float: right;
}

.aboutusmain p {
	color: #42526e;
	margin-left: 20px;
	text-indent: 2em;
	line-height: 26px;
}

.aboutusmain p:first-child {
	margin-top: 105px;
}

.aboutusmain p:last-child {
	margin-top: 35px;
}

.maptitle {
	font-weight: bold;
	font-size: 20px;
	color: #253858;
	position: absolute;
	top: 0;
}

.maptitle span {
	background: url('../img/fenbu.png') no-repeat;
}

.mapdot {
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-box-shadow: inset #0052cf 0 0 5px;
	box-shadow: inset #0052cf 0 0 5px;
	border-radius: 50%;
	background-color: #f7f8fa
}

.mapdot:hover {
	content: '';
}

.mapdot:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-box-shadow: inset #0052cf 0 0 5px;
	box-shadow: inset #0052cf 0 0 5px;
	border-radius: 50%;
	opacity: 0
}

.layer {
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -4px;
	background-color: #0052cf;
	border-radius: 50%;
	opacity: 1
}

.layer:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	-webkit-box-shadow: inset #0052cf 0 0 5px;
	box-shadow: inset #0052cf 0 0 5px;
	border-radius: 50%;
	top: 0;
	left: 0;
	opacity: 0
}

@-webkit-keyframes warn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}

}

@keyframes warn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}

}

@-webkit-keyframes warn-2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 8
	}

	to {
		opacity: 0;
		-webkit-transform: scale(10);
		transform: scale(10)
	}

}

@keyframes warn-2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 8
	}

	to {
		opacity: 0;
		-webkit-transform: scale(10);
		transform: scale(10)
	}

}

.hot1:after {
	-webkit-animation: warn 2s ease-out .1s infinite;
	animation: warn 2s ease-out .1s infinite
}

.hot1 .layer:after {
	-webkit-animation: warn-2 2s ease-out .1s infinite;
	animation: warn-2 2s ease-out .1s infinite
}

.hot2:after {
	-webkit-animation: warn 2s ease-out 0.5s infinite;
	animation: warn 2s ease-out 0.5s infinite
}

.hot2 .layer:after {
	-webkit-animation: warn-2 2s ease-out 0.5s infinite;
	animation: warn-2 2s ease-out 0.5s infinite
}

.hot3:after {
	-webkit-animation: warn 2s ease-out 1s infinite;
	animation: warn 2s ease-out 1s infinite
}

.hot3 .layer:after {
	-webkit-animation: warn-2 2s ease-out 1s infinite;
	animation: warn-2 2s ease-out 1s infinite
}

.hot4:after {
	-webkit-animation: warn 2s ease-out 1.5s infinite;
	animation: warn 2s ease-out 1.5s infinite
}

.hot4 .layer:after {
	-webkit-animation: warn-2 2s ease-out 1.5s infinite;
	animation: warn-2 2s ease-out 1.5s infinite
}

.hot5:after {
	-webkit-animation: warn 2s ease-out 2s infinite;
	animation: warn 2s ease-out 2s infinite
}

.hot5 .layer:after {
	-webkit-animation: warn-2 2s ease-out 2s infinite;
	animation: warn-2 2s ease-out 2s infinite
}

.hot6:after {
	-webkit-animation: warn 2s ease-out 2.5s infinite;
	animation: warn 2s ease-out 2.5s infinite
}

.hot6 .layer:after {
	-webkit-animation: warn-2 2s ease-out 2.5s infinite;
	animation: warn-2 2s ease-out 2.5s infinite
}

.hot7:after {
	-webkit-animation: warn 2s ease-out 3s infinite;
	animation: warn 2s ease-out 3s infinite
}

.hot7 .layer:after {
	-webkit-animation: warn-2 2s ease-out 3s infinite;
	animation: warn-2 2s ease-out 3s infinite
}

.hot8:after {
	-webkit-animation: warn 2s ease-out 3.5s infinite;
	animation: warn 2s ease-out 3.5s infinite
}

.hot8 .layer:after {
	-webkit-animation: warn-2 2s ease-out 3.5s infinite;
	animation: warn-2 2s ease-out 3.5s infinite
}

.mapdot span {
	position: absolute;
	font-size: 12px;
	color: #42526e;
	white-space: nowrap;
	margin-left: 25px;
}

.hot1 {

	/* left: 520px;
		top: 115px; 
		*/
	left: 78.3%;
	top: 23.4%;
}

.hot2 {

	/* left: 495px;
		top: 150px; */
	left: 74.5%;
	top: 30.5%;
}

.hot3 {

	/* left: 430px;
		top: 170px; */
	left: 64.8%;
	top: 34.6%;
}

.hot4 {

	/* left: 423px;
		top: 190px; */
	left: 63.7%;
	top: 38.6%;
}

.hot5 {

	/* left: 390px;
		top: 213px; */
	left: 58.7%;
	top: 43.3%;
}

.hot6 {

	/* left: 440px;
		top: 230px; */
	left: 66.3%;
	top: 46.7%;
}

.hot7 {

	/* left: 465px;
		top: 360px; */
	left: 70%;
	top: 73.2%;
}

.hot8 {

	/* left: 415px;
		top: 400px; */
	left: 62.5%;
	top: 81.3%;
}

.solution {
	width: 100%;
	background: #f4f5f7;
	padding-bottom: 60px;
}

.solution .title, .news .title {
	color: #253858;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
	padding-top: 60px;
}

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

.solution .content .tit {
	color: #253858;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

.solution .content .lotus, .solution .content .medical, .solution .content .ai, .solution .content .healthy {
	float: left;
	width: 270px;
	height: 495px;
	background: #fff;    /* margin-left: 40px; */
	margin-top: 40px;
	cursor: pointer;
	position: relative;
	border-radius: 5px;
	transition: margin-top .3s linear;
	-webkit-transition: margin-top .3s linear;
	overflow: hidden;
}

/* .solution .content .lotus {
margin-left: 0px;
} */
.solution .content .icon {
	width: 96px;
	height: 96px;
	margin: 40px auto;
}

.solution .content .lotus:hover, .solution .content .medical:hover, .solution .content .ai:hover, .solution .content .healthy:hover {
	margin-top: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 80, 196, 0.3);
}

.solution .content .lotus:hover .tit {
	color: #0052cf;
}

.solution .content .medical:hover .tit {
	color: #0052cf;
}

.solution .content .ai:hover .tit {
	color: #0052cf;
}

.solution .content .healthy:hover .tit {
	color: #0052cf;
}

.solution .content .lotus .icon {
	background: url('../img/icon1-1.png') no-repeat 100%;
}

.solution .content .lotus:hover .icon {
	background: url('../img/icon1-2.gif') no-repeat 100%;
}

.solution .content .medical .icon {
	background: url('../img/icon2-1.png') no-repeat 100%;
}

.solution .content .medical:hover .icon {
	background: url('../img/icon2-2.gif') no-repeat 100%;
}

.solution .content .ai .icon {
	background: url('../img/icon3-1.png') no-repeat 100%;
}

.solution .content .ai:hover .icon {
	background: url('../img/icon3-2.gif') no-repeat 100%;
}

.solution .content .healthy .icon {
	background: url('../img/icon4-1.png') no-repeat 100%;
}

.solution .content .healthy:hover .icon {
	background: url('../img/icon4-2.gif') no-repeat 100%;
}

.solution .content .content {
	margin: 30px 30px 0px 30px;
	line-height: 25px;
	color: #42526e;
	height: 200px;
	overflow: hidden;
}

.solution .content .infos {
	position: absolute;
	bottom: 37px;
	right: 30px;
}

.solution .content span {
	display: inline-block;
	vertical-align: middle;
}

.solution .content .infosicon {
	width: 19px;
	height: 11px;
	background: url('../img/infos.png') no-repeat;
	margin-right: 5px;
}

.solution .content .lotus:hover .infosicon, .solution .content .medical:hover .infosicon, .solution .content .ai:hover .infosicon, .solution .content .healthy:hover .infosicon {
	background: url('../img/infos-hover.png') no-repeat;
}

.solution .content .infosinfos {
	color: #929cac;
}

.solution .content .lotus:hover .infosinfos, .solution .content .medical:hover .infosinfos, .solution .content .ai:hover .infosinfos, .solution .content .healthy:hover .infosinfos {
	color: #0052cf;
}

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

.news .newslist {
	float: left;
	width: 373px;    /* margin-left: 40px; */
	max-height: 507px;
	margin-top: 40px;
	margin-bottom: 60px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	transition: margin-top .3s linear;
	-webkit-transition: margin-top .3s linear;
	overflow: hidden;
}

.news .newslist img {
	display: block;
	width: 100%;
	height: auto;    /* width: 373px;
			height: 280px; */
}

/* .news .newslist:first-child {
margin-left: 0px;
} */
.news .newslist .news {
	overflow: hidden;
	border-left: 1px solid #dfe1e5;
	border-right: 1px solid #dfe1e5;
	border-bottom: 1px solid #dfe1e5;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.news .newslist .date {
	margin: 15px 30px;
}

.news .newslist .date .icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('../img/date.png') no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.news .newslist .date .time {
	color: #929cac;
	vertical-align: middle;
	margin-left: 10px;
}

.news .newslist .tit {
	margin: 0px 30px;
	color: #253858;
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}

.news .newslist .content {
	color: #42526e;
	margin: 10px 30px 60px 30px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}

.news .newslist .infos {
	position: absolute;
	bottom: 25px;
	right: 30px;
}

.news .newslist .infos .infosicon {
	display: inline-block;
	width: 19px;
	height: 11px;
	background: url('../img/infos.png') no-repeat;
	margin-right: 5px;
}

.news .newslist .infos .infosinfos {
	color: #929cac;
}

.news .news1:hover .tit, .news .news2:hover .tit, .news .news3:hover .tit {
	color: #0052cf;
}

.news .news1:hover .news, .news .news2:hover .news, .news .news3:hover .news {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.news .news1:hover, .news .news2:hover, .news .news3:hover {
	margin-top: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 80, 196, 0.3);
}

.news .news1:hover .infosinfos, .news .news2:hover .infosinfos, .news .news3:hover .infosinfos {
	color: #0052cf;
}

.news .newslist:hover .infos .infosicon {
	background: url('../img/infos-hover.png') no-repeat;
}

.banner1 {
	width: 100%;
	height: auto;
	background: url('../img/banner1.jpg') no-repeat;
	background-size: 100% 100%;
}

.bannertext {
	color: #ffffff;
	position: absolute;
	font-size: 60px;
	font-weight: bold;
	top: 50%;
	left: 50%;
	width: 488px;
	height: 168px;
	margin: -84px -244px;
	overflow: hidden;
}

.bannertext div {
	position: absolute;
	top: 0;
	opacity: 0;
	overflow: hidden;
	animation: rotateWordsFirst 5s linear infinite 0s;
}

.bannertext div:nth-child(2) {
	animation-delay: 2.5s;
}

@keyframes rotateWordsFirst {
	0% {
		opacity: 1;
	}

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

	55% {
		opacity: 0;
		transform: translateY(250px);
	}

}

.banner2 {
	width: 100%;
	height: auto;
	background: url('../img/banner2.jpg') no-repeat;
	background-size: 100% 100%;
}

.bannercenter {
	position: relative;
	max-width: 1200px;
	max-height: 600px;
	margin: 0 auto;
	background: #0059dd;
}

.bannerleft {
	position: absolute;
	max-width: 600px;
	top: 50%;
	margin-top: -150px;
}

.bannerleft p {
	padding: 0px;
	margin: 0px;
}

.bannerleft p:first-child {
	font-size: 60px;
	font-weight: bold;
	color: #ffffff;
}

.bannerleft p:nth-child(2) {
	font-size: 40px;
	font-family: 'PingFang SC ExtraLight';
	color: #ffffff;
	margin-top: 40px;
}

.bannerleft .a {
	display: inline-block;
	width: 160px;
	height: 50px;
	line-height: 48px;
	font-size: 16px;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
	margin-top: 50px;
	text-align: center;
}

.bannerleft .a span {
	display: inline-block;
}

.bannerleft .a .icon {
	width: 24px;
	height: 11px;
	background: url('../img/bannera.png') no-repeat;
	background-size: 100%;
	margin-right: 10px;
}

.bannerleft .a:hover {
	background: #3374d3;
}

.banner3 {
	width: 100%;
	height: auto;
	background: url('../img/banner3.jpg') no-repeat;
	background-size: 100% 100%;
}

.banner4 {
	width: 100%;
	height: auto;
	background: url('../img/banner4.jpg') no-repeat;
	background-size: 100% 100%;
}

.banner5 {
	width: 100%;
	height: auto;
	background: url('../img/banner5.jpg') no-repeat;
	background-size: 100% 100%;
}

.newlistbaner {
	background: url('../img/newlistbanerbg.jpg') no-repeat;
	background-size: 100% 100%;
	max-height: 500px;
	background-color: #0056d5;
}

.newlistbaner img {
	margin: 0 auto;
}

.new .pre {
	cursor: pointer;
}

.wxbox {
	position: absolute;
	top: 40px;
	left: -50px;
	z-index: 999;
}

.wxbox .wxcode canvas {
	width: 170px;
	height: 170px;
	padding: 10px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 80, 196, 0.3);
}

.contactbaner {
	background: url('../img/contactbg.jpg') no-repeat;
	background-size: 100% 100%;
	max-height: 500px;
	background-color: #0056d5;
}

.contactbaner img {
	margin: 0 auto;
}

.contactcenter {

	/* height: 739px;
		background: url('../img/contactcenter.jpg') no-repeat;
		background-size: 100% 100%; */
	border-bottom: 1px solid #dfe1e5;
	position: relative;
}

.content1, .content2, .content3 {
	position: absolute;
	text-align: center;
}

.content1 {

	/* width: 255px;
		left: 640px;
		top: 74px; */
	left: 53%;
	top: 10%;
}

.content2 {

	/* width: 240px;
		left: 230px;
		top: 400px; */
	left: 19%;
	top: 54%;
}

.content3 {

	/* width: 200px;
		left: 1000px;
		top: 415px; */
	left: 83%;
	top: 56%;
}

.content1 p, .content2 p, .content3 p {
	color: #253858;
	font-size: 20px;
}

.content1 p:first-child, .content1 p:last-child, .content2 p:first-child, .content2 p:last-child, .content3 p:first-child, .content3 p:last-child {
	font-size: 14px;
	color: #42526e;
}

.contact {
	margin: 60px 0px;
}

.contact .tit {
	overflow: hidden;
}

.contact .tit span:first-child {
	font-weight: bold;
	color: #253858;
	font-size: 16px;
}

.contact .tit span:last-child {
	color: #929cac;
}

.contact .text {
	margin: 25px 0px 0px 0px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.contact .text div {
	width: 30%;
	max-width: 330px;
}

.contact .text p, .contact .content p {
	color: #42526e;
	font-weight: bold;
	margin: 0 0 5px;
}

.contact .text .errortext {
	font-size: 12px;
	color: red;
	margin: 4px 0px 10px 0px;
	height: 17px;
	line-height: 17px;
	font-weight: normal;
}

.contact .text input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #dfe1e5;
	border-radius: 5px;
	outline: none;
	padding-left: 20px;
}

.contact .content textarea {
	width: 100%;
	height: 300px;
	border-radius: 5px;
	border: 1px solid #dfe1e5;
	outline: none;
	padding: 15px 20px;
	line-height: 26px;
	color: #42526e;
	resize: vertical;
}

.contact .text input:focus, .contact .content textarea:focus {
	border: 1px solid #0052cf;
}

.contact .text .inputerror {
	border: 1px solid red;
}

.contact .sub {
	margin-top: 25px;
}

.contact .sub a {
	width: 150px;
	height: 40px;
	line-height: 40px;
	display: block;
	background: #005ce7;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto;
}

.contact .sub span:first-child {
	display: inline-block;
	width: 19px;
	height: 11px;
	background: url('../img/sub.png') no-repeat;
	margin-right: 5px;
}

.contact .sub a:hover {
	background: #0050c5;
}

.chbtcbaner {
	background: url('../img/chbtcbg.jpg') no-repeat;
	background-size: 100% 100%;
	padding-left: 10px;
	max-height: 500px;
	background-color: #0056d5;
}

.chbtcbaner .bannertext {
	position: absolute;
	width: 560px;
	height: 182px;
	left: 0px;
	margin: -96px 0px;
}

.chbtcbaner .bannertext p:first-child {
	font-weight: bold;
	margin: 0px;
	font-size: 60px;
}

.chbtcbaner .bannertext p:last-child {
	font-size: 40px;
	font-weight: 100;
	margin: 40px 0px 0px 0px;
}

.chbtc {
	padding: 60px 0px;
	border-bottom: 1px solid #dfe1e5;
	position: relative;
}

.chbtc .infotext {
	width: 310px;
	line-height: 26px;
	text-indent: 2em;
	color: #42526e;
	font-weight: 500;
	padding: 30px 0px 9px 0px;
}

.chbtc .infoimg {
	position: absolute;
	max-width: 828px;    /* width: calc(100% - 310px);
		height: 267px;
		background: url('../img/chbtcinfo.jpg') no-repeat;
		background-size: 100%; */
	top: 50px;
	right: -10px;
}

.chbtcdesc {
	margin: 60px 0px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.chbtcdesc .desc {
	max-width: 210px;
	width: 46%;
	float: left;
}

.chbtcdesc .desc:last-child {
	margin: 0px;
}

.chbtcdesc .title {
	font-weight: bold;
	font-size: 16px;
	color: #253858;
	text-align: center;
}

.chbtcdesc .info {
	line-height: 26px;
	color: #42526e;
}

.chbtcdesc .icon {
	margin: 40px auto;
	text-align: center;
}

.desc:hover .title {
	color: #0052cf;
}

.major .icon {
	width: 56px;
	height: 60px;
	background: url('../img/major.png') no-repeat;
}

.gaoxiao .icon {
	width: 50px;
	height: 60px;
	background: url('../img/gaoxiao.png') no-repeat;
}

.quanmian .icon {
	width: 60px;
	height: 60px;
	background: url('../img/quanmian.png') no-repeat;
}

.shendu .icon {
	width: 60px;
	height: 60px;
	background: url('../img/shendu.png') no-repeat;
}

@keyframes turnY {
	0% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(360deg);
	}

}

.major:hover .icon {
	background: url('../img/major-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.gaoxiao:hover .icon {
	background: url('../img/gaoxiao-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.quanmian:hover .icon {
	background: url('../img/quanmian-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.shendu:hover .icon {
	background: url('../img/shendu-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.fangsheyunbanner {
	background: url('../img/fangsheyunbg.jpg') no-repeat;
	background-size: 100% 100%;
	max-height: 500px;
	background-color: #0056d5;
}

.fangsheyunbanner .bannertext {
	position: absolute;
	width: 480px;
	height: 182px;
	left: 0px;
	margin: -96px 0px;
}

.fangsheyunbanner .bannertext p:first-child {
	font-weight: bold;
	font-size: 60px;
	margin: 0px;
}

.fangsheyunbanner .bannertext p:last-child {
	font-size: 40px;
	font-weight: 100;
	margin: 40px 0px 0px 0px;
}

.fangsheyun {
	padding: 60px 0px;
	border-bottom: 1px solid #dfe1e5;
	position: relative;
}

.fangsheyun .infotext {
	width: 310px;
	line-height: 26px;
	text-indent: 2em;
	color: #42526e;
	font-weight: 500;
	padding: 25px 0px 23px 0px;
}

.fangsheyun .infoimg {

	/* width: calc(100% - 310px);
	height: 303px;
	background: url('../img/fangsheyuninfo.jpg') no-repeat;
	background-size: 100%; */
	position: absolute;
	right: -10px;
	top: 50px;
	max-width: 828px;
}

.chbtcdesc .desc:last-child {
	margin: 0px;
}

.chbtcdesc .title {
	font-weight: bold;
	font-size: 16px;
	color: #253858;
	text-align: center;
}

.chbtcdesc .info {
	line-height: 26px;
	color: #42526e;
}

.yanfa .icon {
	width: 60px;
	height: 60px;
	background: url('../img/yanfa.png') no-repeat;
}

.tiyan .icon {
	width: 60px;
	height: 60px;
	background: url('../img/tiyan.png') no-repeat;
}

.kuozhan .icon {
	width: 60px;
	height: 60px;
	background: url('../img/kuozhan.png') no-repeat;
}

.anquan .icon {
	width: 56px;
	height: 60px;
	background: url('../img/anquan.png') no-repeat;
}

.yanfa:hover .icon {
	background: url('../img/yanfa-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.tiyan:hover .icon {
	background: url('../img/tiyan-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.kuozhan:hover .icon {
	background: url('../img/kuozhan-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.anquan:hover .icon {
	background: url('../img/anquan-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.healthcloudbanner {
	background: url('../img/healthcloudbg.jpg') no-repeat;
	background-size: 100% 100%;
	max-height: 500px;
	background-color: #0056d5;
}

.healthcloudbanner .bannertext {
	position: absolute;
	width: 360px;
	height: 182px;
	left: 0px;
	margin: -96px 0px;
}

.healthcloudbanner .bannertext p:first-child {
	font-weight: bold;
	font-size: 60px;
	margin: 0px;
}

.healthcloudbanner .bannertext p:last-child {
	font-size: 40px;
	font-weight: 100;
	margin: 40px 0px 0px 0px;
}

.healthcloud {
	padding: 60px 0px;
	border-bottom: 1px solid #dfe1e5;
	position: relative;
}

.healthcloud .infotext {
	width: 310px;
	line-height: 26px;
	text-indent: 2em;
	color: #42526e;
	font-weight: 500;
	padding: 51px 0px;
}

.healthcloud .infoimg {

	/* width: 828px; 
	width: calc(100% - 310px);
	height: 304px;
	background: url('../img/healthcloudinfo.jpg') no-repeat;
	background-size: 100%;*/
	position: absolute;
	right: -10px;
	top: 50px;
	max-width: 828px;
}

.healthclouddesc {
	overflow: hidden;
	margin-bottom: 60px;
}

.healthclouddesc .one {
	display: flex;
	justify-content: space-between;
}

.healthclouddesc .two {
	display: flex;
}

.desc1, .desc2, .desc3 {
	max-width: 280px;
	width: 32%;
	float: left;
}

.desc4, .desc5 {
	max-width: 210px;
	width: 46%;
	float: left;
}

.desc4 {
	margin-right: calc((100% - 350px) / 3);
	margin-left: calc((100% - 455px) / 3);    /* margin-left: 251px;
		   margin-right: 278px; */
}

.healthclouddesc .info {
	line-height: 26px;
	color: #253858;
}

.healthclouddesc .icon {
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 40px;
	text-align: center;
}

.desc1 .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc1.png') no-repeat;
}

.desc2 .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc2.png') no-repeat;
}

.desc3 .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc3.png') no-repeat;
}

.desc4 .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc4.png') no-repeat;
}

.desc5 .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc5.png') no-repeat;
}

.desc1:hover .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc1-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.desc2:hover .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc2-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.desc3:hover .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc3-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.desc4:hover .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc4-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.desc5:hover .icon {
	width: 60px;
	height: 60px;
	background: url('../img/healthclouddesc5-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.chbtcaibanner {
	background: url('../img/chbtcaibg.jpg') no-repeat;
	background-size: 100% 100%;
	max-height: 500px;
	background-color: #0056d5;
}

.chbtcaibanner .bannertext {
	position: absolute;
	width: 480px;
	height: 182px;
	left: 0px;
	margin: -96px 0px;
}

.chbtcaibanner .bannertext p:first-child {
	font-weight: bold;
	font-size: 60px;
	margin: 0px;
}

.chbtcaibanner .bannertext p:last-child {
	font-size: 40px;
	font-weight: 100;
	margin: 40px 0px 0px 0px;
}

.chbtcai {
	padding: 60px 0px;
	border-bottom: 1px solid #dfe1e5;
	position: relative;
}

.chbtcai .infotext {
	width: 310px;
	line-height: 26px;
	text-indent: 2em;
	color: #42526e;
	font-weight: 500;
	padding: 60px 0px 57px 0px;
}

.chbtcai .infoimg {

	/* width: 828px;
		width: calc(100% - 310px);
		height: 267px;
		background: url('../img/chbtcaiinfo.jpg') no-repeat;
		background-size: 100%; */
	position: absolute;
	right: -10px;
	top: 50px;
	max-width: 828px;
}

.chbtcaidesc {
	overflow: hidden;
	margin: 60px 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.chbtcaidesc .desc {
	max-width: 210px;
	width: 46%;
	float: left;
}

.chbtcaidesc p {
	margin: 0px;
}

.chbtcaidesc .title {
	font-weight: bold;
	font-size: 16px;
	color: #253858;
	text-align: center;
}

.chbtcaidesc .info {
	line-height: 26px;
	color: #42526e;
}

.chbtcaidesc .icon {
	margin: 40px auto;
	width: 60px;
	height: 60px;
}

.jujiao .icon {
	background: url('../img/jujiao.png') no-repeat;
}

.fuwu .icon {
	background: url('../img/fuwu.png') no-repeat;
}

.zixun .icon {
	background: url('../img/zixun.png') no-repeat;
}

.jiazhi .icon {
	background: url('../img/jiazhi.png') no-repeat;
}

.jujiao:hover .icon {
	background: url('../img/jujiao-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.fuwu:hover .icon {
	background: url('../img/fuwu-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.zixun:hover .icon {
	background: url('../img/zixun-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.jiazhi:hover .icon {
	background: url('../img/jiazhi-hover.png') no-repeat;
	animation-name: turnY;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.aboutusbaner {
	background: url('../img/aboutusbg.jpg') no-repeat;
	background-size: 100% 100%;
	max-height: 500px;
	background-color: #0056d5;
}

.aboutusbaner img {
	margin: 0 auto;
}

.aboutusmap1 {

	/* width: 478px;
		height: 354px;
		background: url('../img/map.png') no-repeat;
		background-size: 100% 100%; */
	float: left;
	padding: 0px;
	position: relative;
}

.aboutusmap1 .hot1 {

	/*     left: 370px;
		top: 78px; */
	left: 77.4%;
	top: 22%;
}

.aboutusmap1 .hot2 {
	left: 73.6%;
	top: 28.2%;    /* left: 352px;
		top: 100px; */
}

.aboutusmap1 .hot3 {

	/* left: 305px;
		top: 115px; */
	left: 63.8%;
	top: 32.5%;
}

.aboutusmap1 .hot4 {

	/* left: 295px;
		top: 137px; */
	left: 63%;
	top: 38.7%;
}

.aboutusmap1 .hot5 {

	/* left: 275px;
		top: 155px; */
	left: 57.5%;
	top: 43.8%;
}

.aboutusmap1 .hot6 {

	/* left: 327px;
		top: 152px; */
	left: 68.4%;
	top: 42.9%;
}

.aboutusmap1 .hot7 {

	/* left: 333px;
		top: 252px; */
	left: 69.7%;
	top: 71.2%;
}

.aboutusmap1 .hot8 {

	/* left: 295px;
		top: 276px; */
	left: 61.7%;
	top: 78%;
}

.aboutusmain1 {
	width: 626px;
	float: right;
	text-indent: 2em;
	line-height: 26px;
	color: #42526e;
}

.aboutusmain1 p {
	padding: 0px;
	margin: 0px;
}

.aboutusmain1 p:first-child {
	padding: 50px 0px 30px 0px;
}

.team {
	height: 413px;
	background: #f4f5f7;
	position: relative;
}

.team .container {
	position: relative;
}

.team .teamtit {
	font-size: 32px;
	padding: 60px 0px;
	text-align: center;
	color: #253858;
	font-weight: bold;
}

.team .name {
	text-align: center;
	cursor: pointer;
	position: absolute;
	width: 100%;
	margin: 0px auto;    /*  left: 50%;
		   margin-left: -475px; */
	z-index: 999;
}

.team .name span {
	display: inline-block;
	font-size: 16px;
	color: #253858;
	padding: 0px 20px;
	background: url('../img/borderright.jpg') no-repeat right center;
	line-height: 20px;
	font-weight: bold;
}

.team .name span:first-child {
	padding-left: 0
}

.team .name span:last-child {
	background: url('');
	padding-right: 0;
}

.team .name .active {
	color: #0052cf;
}

.team .namedes {

	/* width: 870px; */
	width: 72.5%;
	margin: 0px;
	padding-top: 60px;
	color: #42526e;
	line-height: 26px;
	display: none;
}

.team .namedes.active {
	display: block;
}

.team .nameimg {
	position: absolute;
	width: 248px;
	height: 207px;
	right: 0px;
	top: 145px;
}

.team #nameimg1 {
	background: url('../img/nameimg1.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg2 {
	background: url('../img/nameimg2.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg3 {
	background: url('../img/nameimg3.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg4 {
	background: url('../img/nameimg4.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg5 {
	background: url('../img/nameimg5.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg6 {
	background: url('../img/nameimg6.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg7 {
	background: url('../img/nameimg7.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg8 {
	background: url('../img/nameimg8.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg9 {
	background: url('../img/nameimg9.jpg') no-repeat;
	background-size: 100%;
}

.team #nameimg10 {
        background: url('../img/nameimg10.jpg') no-repeat;
        background-size: 100%;
}

.inheritbg {
	background: url('../img/inheritbg.jpg') no-repeat;
	background-size: 100% 100%;
}

.inherit {
	padding: 60px 0px;
}

.inherit .title {
	font-weight: bold;
	color: #253858;
	font-size: 32px;
	text-align: center;
	padding-bottom: 49px;
}

.inherit .timeinfo {
	padding: 0px 80px;
	overflow: hidden;
	min-height: 105px;
	display: none;
}

.inherit .timeinfo.active {
	display: block;
}

.inherit .timeinfo .timetime {
	width: 180px;
	height: 40px;
	float: left;
	line-height: 40px;
	background: #e9f1fe;
	text-align: center;
	font-weight: bold;
	color: #0052cf;
	font-size: 16px;
	border-radius: 5px;
}

.inherit .timeinfo .timedes {
	width: calc(100% - 190px);
	float: left;
	margin-left: 10px;
	line-height: 26px;
	color: #42526e;
}

.inherit .timeinfo .timedes ul {
	margin: 0px;
}

.inherit .timelist {
	height: 77px;
	background: url('../img/timetime.png') no-repeat center;
	margin: 25px 0px 55px 0px;
	position: relative;
	display: flex;
}

.inherit .timelist .tiemone {
	width: 135px;
	float: left;
	text-align: center;
	cursor: pointer;
	margin-left: calc((100% - 540px)/5);
}

.inherit .timelist .tiemone .timeicon {
	width: 19px;
	height: 25px;
	background: url('../img/timeicon.jpg') no-repeat;
	margin: 0px auto;
	-webkit-animation: jumpY .8s infinite ease-in-out;
	-o-animation: jumpY .8s infinite ease-in-out;
	animation: jumpY .8s infinite ease-in-out;
}

.inherit .timelist .tiemone.active .timeicon {
	background: url('../img/timeiconactive.jpg') no-repeat;
}

.inherit .timelist .tiemone.active .times {
	color: #0052cf;
}

@keyframes jumpY {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

}

.inherit .timelist .tiemone .timeyuan {
	width: 17px;
	height: 17px;
	margin: 5px auto 10px auto;
	background: url('../img/timeyuan.jpg') no-repeat;
}

.inherit .timelist .tiemone.active .timeyuan {
	background: url('../img/timeyuanactive.jpg') no-repeat;
}

.inherit .timelist .tiemone .times {
	font-size: 16px;
	font-weight: bold;
	color: #42526e;
}

.inherit .timeup {
	color: #42526e;
	text-align: center;
}

@media screen and (max-width:1199px) {
	.navbar-default .navbar-nav>li>a {
		line-height: 20px;
	}

	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		padding: 10px 15px 10px 40px;
	}

	.news .content {
		justify-content: space-around;
	}

	.aboutusmain {
		width: 100%;
	}

	.aboutusmain p {
		margin: 0px;
	}

	.aboutusmain1 {
		width: 100%;
		float: left;
	}

	.chbtc, .chbtcai, .fangsheyun, .healthcloud {
		padding: 25px 0px;
	}

	.chbtc .infotext, .chbtcai .infotext, .fangsheyun .infotext, .healthcloud .infotext {
		width: 100%;
		padding: 0px 0px 15px 0px;
	}

	.chbtc .infoimg, .chbtcai .infoimg, .fangsheyun .infoimg, .healthcloud .infoimg {
		position: relative;
		width: 100%;
		margin: 0px auto;
		top: 0;
		right: 0;
	}

	.chbtcdesc, .chbtcaidesc, .healthclouddesc {
		margin: 0px 0px 25px 0px;
	}

	.chbtcdesc .desc, .chbtcaidesc .desc {
		margin-top: 25px;
	}

	.chbtcdesc .icon, .chbtcaidesc .icon {
		margin: 20px auto;
	}

	.chbtcdesc .desc:last-child {
		margin-top: 30px;
	}

}

@media screen and (max-width:992px) {
	.solution .content {
		justify-content: space-around;
	}

	.contactcenter p {
		margin: 0 0 5px;
		font-size: 16px;
	}

	.content1 p:first-child, .content2 p:first-child, .content3 p:first-child {
		display: none;
	}

	.content1 p:last-child, .content2 p:last-child, .content3 p:last-child {
		display: none;
	}

	.footer .rukou, .footer .yunying, .footer .shangwu, .footer .weixin {
		width: 100%;
	}

	.newlist {
		display: flex;
		position: relative;
		padding: 10px 0px;
	}

	.newlist .time {
		position: absolute;
		right: 3px;
		padding: 0;
		top: 30px;
		z-index: 1;
		background: unset;
		display: none;
	}

	.newtime {
		background: #ffffff;
		padding-top: 5px;
		padding-left: 3px;
		font-size: 12px;
	}

	.newlist .thumimg {
		padding-left: 10px;
		padding-right: 10px;
	}

	.newlist .newtitle {
		padding: 0;
	}

	.newlist .newtitle .langtitle {
		font-size: 14px;
		width: 100%;
		height: 39px;
		margin-bottom: 30px;
		white-space: normal;
		margin: 0px;
	}

	.newlist .newtitle .infotitle {
		line-height: 20px;
		-webkit-line-clamp: 2;
		margin: 0;
	}

}

@media screen and (max-width:768px) {
	.bannertext {
		font-size: 24px;
		width: 100%;
		height: 88px;
		margin: -44px -96px;
	}

	.bannerleft {
		left: 15px;
		margin-top: -65px;
		overflow: hidden;
	}

	.bannerleft p:first-child {
		font-size: 24px;
	}

	.bannerleft p:nth-child(2) {
		margin-top: 15px;
		font-size: 16px;
	}

	.bannerleft .a {
		width: 90px;
		margin-top: 20px;
		height: 30px;
		line-height: 26px;
	}

	.bannerleft .a span {
		font-size: 12px;
	}

	.bannerleft .a .icon {
		width: 20px;
		height: 9.2px;
		margin-right: 5px;
	}

	.container {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	.chbtcbaner .bannertext, .fangsheyunbanner .bannertext, .chbtcaibanner .bannertext, .healthcloudbanner .bannertext {
		width: 100%;
		height: auto;
		margin: -35px 0px;
	}

	.chbtcbaner .bannertext p:last-child, .fangsheyunbanner .bannertext p:last-child, .chbtcaibanner .bannertext p:last-child, .healthcloudbanner .bannertext p:last-child {
		margin: 15px 0px 0px 0px;
	}

	.fangsheyunbanner .bannertext, .chbtcaibanner .bannertext, .healthcloudbanner .bannertext {
		padding-left: 10px;
	}

	.chbtcbaner .bannertext p:first-child, .fangsheyunbanner .bannertext p:first-child, .chbtcaibanner .bannertext p:first-child, .healthcloudbanner .bannertext p:first-child {
		font-size: 24px;
	}

	.chbtcbaner .bannertext p:last-child, .fangsheyunbanner .bannertext p:last-child, .chbtcaibanner .bannertext p:last-child, .healthcloudbanner .bannertext p:last-child {
		font-size: 16px;
	}

	.newtab {
		margin-top: 25px;
		margin-bottom: 5px;
	}

	.newtab .border {
		width: 15px;
		height: 20px;
	}

	.newtab a {
		font-size: 20px;
	}

	.navbar-toggle {
		margin-top: 23px;
	}

	.aboutusinfo {
		padding-top: 25px;
	}

	.aboutusinfo, .solution {
		padding-bottom: 25px;
	}

	.aboutusmain p:first-child {
		margin-top: 40px;
	}

	.aboutus, .solution .title, .news .title, .team .teamtit {
		padding-top: 25px;
		font-size: 28px;
	}

	.solution .content {
		justify-content: space-between;
	}

	.solution .content .lotus, .solution .content .medical, .solution .content .ai, .solution .content .healthy {
		width: 48%;
		height: 205px;
		margin-top: 25px;
	}

	.solution .content .lotus .icon, .solution .content .medical .icon, .solution .content .ai .icon, .solution .content .healthy .icon {
		margin: 25px auto;
	}

	.solution .content .lotus:hover, .solution .content .medical:hover, .solution .content .ai:hover, .solution .content .healthy:hover {
		margin-top: 40px;
		box-shadow: 0px 0px 0px 0px;
	}

	.solution .content .content, .solution .content .infos {
		display: none;
	}

	.contactcenter p {
		margin: 0;
		font-size: 12px;
	}

	.news {
		padding-bottom: 25px;
	}

	.news .newslist {
		margin-bottom: 0px;
		margin-top: 25px;
		padding-bottom: 1px;
		overflow: hidden;
	}

	.news .newslist .news {
		padding-bottom: 15px;
	}

	.news .newslist .content, .news .newslist .infos {
		display: none;
	}

	.main .center {
		padding-left: 10px;
		margin-left: 10px;
	}

	.team {
		height: auto;
	}

	.team .teamtit, .inherit .title {
		padding-bottom: 25px;
	}

	.inherit .title {
		font-size: 28px;
	}

	.team .name {
		width: 95%;        /* padding-right: 15px; */
	}

	.team .name span {
		padding: 0px 10px;
		line-height: 30px;
	}

	.team .name span:last-child {
		padding-left: 10px;
	}

	.team .nameimg {
		display: none;
	}

	.team .namedes {
		width: 100%;
		padding-top: 75px;
		padding-bottom: 25px;
	}

	.inherit .timeinfo {
		padding: 0 10px;
	}

	.inherit .timeinfo .timetime {
		display: none;
	}

	.inherit .timeinfo .timedes {
		width: 100%;
		margin: 0px;
	}

	.inherit .timelist {
		justify-content: space-around;
	}

	.inherit .timelist .tiemone {
		margin-left: 0;
	}

	.new .content img {
		width: 100%;
	}

	.contact .text {
		display: block;
	}

	.contact .text div {
		width: 100%;
		max-width: 100%;
	}

	/* .pagination>li>a {
		display: none;
	} */
	.pagination>li:first-child>a, .pagination>li:last-child>a {
		display: block;
	}

	.new .title {
		font-size: 16px;
		margin-top: 30px;
	}

	.bumen {
		padding-top: 20px;
		padding-bottom: 20px;
		line-height: 28px;
	}

	.menutab.nav>li>a {
		font-size: 14px;
		padding: 0px 0px 0px 5px;
		line-height: 28px;
	}

	.contact .tit span:last-child {
		font-size: 12px;
	}

	.swiper-button-prev, .swiper-button-next {
		width: 30px;
		height: 50px;
	}

	.inherit {
		padding: 25px 0;
	}

	.healthclouddesc .two {
		display: block;
	}

	.desc4 {
		margin-left: 0;
		margin-right: 0;
	}

	.desc5 {
		float: right;
	}

	.contact .content textarea {
		height: 150px;
	}

	.wxbox .wxcode canvas {
		width: 100px;
		height: 100px;
	}

	.contact {
		margin: 30px 0px;
	}

	.bumen span {
		padding: 0px 10px;
	}

	.new .content {
		padding: 25px 0px;
	}

	.pages .lastpage {
		margin-right: 5px;
	}

	.new .pagination li a {
		margin: 0px 0px 0px 1px;
	}

	.newicon {
		display: inline-block;
		width: 15px;
		height: 15px;
		background: url(../img/date.png) no-repeat;
		background-size: 100%;
		vertical-align: middle;
	}

	.page {
		margin: 0px;
	}

	.pagination {
		margin: 25px 0;
	}

	.inheritbg {
		background: url('');
	}

	.contact .text .errortext {
		margin: 4px 0px 4px 0px;
	}

	.pages {
		margin: 25px auto;
	}

	.inherit .timeinfo .timedes ul {
		padding: 0px;
		padding-left: 20px;
	}

	.new .info {
		display: flex;
		justify-content: space-between;
	}

	.new .info .author, .new .info .time {
		padding-right: 0;
	}

}