/*字体共用样式*/
@font-face {
	font-family: "cuti";
	src: 
}

@font-face {
	font-family: xiti;
	src:  format("truetype"),
		/* chrome、firefox、opera、safari, android, ios 4.2  */
}

html,
body,
figure,
dl,
dd,
img,
form,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
input,
textarea,
a,
span,
em {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: "cuti";
	font-size: 12px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;

}

input,
textarea,
button {
	padding: 0;
	font-family: verdana, arial;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

img {
	border: 0;
}

input[type=submit],
input[type=text],
button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
}

input:focus,
textarea:focus,
button:focus,
input:active {
	outline-color: transparent;
	border: 0;
}

input,
select,
textarea {
	vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

a {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}

.hidden {
	display: none;
	visibility: hidden;
}

.wrap {
	border: 0;
	padding: 0;
	margin: 0 auto;
	*zoom: 1;
}

.wrap:after {
	clear: both;
	content: "";
	display: table;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.wrap {
	padding: 0 100px;
	margin: 0 auto;
	position: relative;
}

@media (max-width:991px) {
	.wrap {
		padding: 0 4.5%;
	}

	.mc-hidden {
		display: none
	}
}

@media (min-width:990px) {
	.lg-hidden1 {
		display: none
	}
}

@media (max-width:767px) {
	.sm-hidden {
		display: none;
	}
}

@media (min-width:768px) {
	.lg-hidden {
		display: none;
	}
}

.wrap:after,
.wrap:before,
.container:after,
.container:before {
	content: "";
	display: table;
}

.wrap:after,
.container:after {
	clear: both;
}

.container {
	width: 80%;
	margin: 0 auto;
}

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

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

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

@media (min-width:1450px) {
	.ourwork-page .container {
		width: 88%;
	}
}

@media (max-width:991px) {
	.container {
		width: 91%;
	}
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.absolute {
	position: absolute;
}

.pors {
	position: relative;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

li {
	list-style-type: none;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #6f6f6f;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #6f6f6f;
}

.w1400 {
	width: 1400px;
	margin: 0 auto
}

.js-container {
	position: relative;
}

.header {
	width: 100%;
	background: #fff;
	z-index: 100;
	padding:10px 0
}

.logo {
	width: 20%;
	/* padding: 30px 0 29px 0; */
	position: relative;
	z-index: 1;
}

.logo img {
	display: block;
	margin: 0 auto;
	width: 75%;
}

.head-box {
	width: 80%;
}

.head .top1 {
	width: 99%;
	padding: 10px 0;
}

.head .hi {
	color: #333;
	font-size: 16px;
	line-height: 36px;
}

.head .top1 .right li {
	float: left;
	color: #333;
	font-size: 12px;
	background:  no-repeat left center;
	padding-left: 40px;
	margin-left: 40px;
}

.head .top1 .right li.li02 {
	background:  no-repeat left center;
	margin-top: 8px;
}

.head .top1 .right li p {
	color: #333;
	font-size: 15px;
}

.head .top1 .right li a {
	color: #333;
	font-size: 15px;
}

.head .bottom1 {
	/* background: #00479d; */
	height: 64px;
	line-height: 64px;
	border-radius: 12px 0 0 0;
}

.head .bottom1 .right {
	float: right;
	width: 12%;
	display: inline-block;
}

.head .bottom1 .yuyan {
	background:  no-repeat 30px center;
	padding-left: 5%;
	color: #333;
	font-size: 16px;
	width: 80%;
	text-align: center;
	letter-spacing: 5px;
	position: relative;
}

.head .bottom1 .yuyan a {
	color: #333;
}

.head .bottom1 .yuyan dl {
	position: absolute;
	top: 64px;
	z-index: 10;
	width: 100%;
	left: 0;
	background: rgba(33, 71, 139, 0.5);
	padding: 5px 0;
	filter: progid:dximagetransform.microsoft.shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}

.head .bottom1 .yuyan dl a {
	display: block;
	line-height: 34px;
}

.head .bottom1 .wai {
	background: #f0c424  no-repeat 30% center;
	font-size: 16px;
	padding-left: 8%;
	width: 80%;
	text-align: center;
}

.head .bottom1 .wai a {
	color: #283734;
}

.search-box {
	width: 20%;
}

.menu {
	width: 70%;
}

.menu li {
	float: left;
	position: relative;
	width: 12.5%;
	text-align: center;
}

.menu li a {
	color: #333;
	font-size: 16px;
	display: block;
}

.menu li:last-child {
	margin-right: 0;
}

.menu dl {
	width: 140px;
	left: 50%;
	top: 56px;
	z-index: 12;
	padding-top: 8px;
	position: absolute;
	filter: progid:dximagetransform.microsoft.shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	margin-left: -70px;

}

.menu li:hover dl,
.head .bottom1 .yuyan:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.menu dl dd {
	line-height: 38px;
	text-align: center;
	position: relative;
	z-index: 12;
	display: block;
	background: rgba(33, 71, 139, 0.9);


}

.menu dl dd a {
	font-size: 15px;
	padding: 0;
	text-align: center;
	padding: 0 5px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;

}

.menu li dl dd a:hover {
	background: rgba(33, 71, 139, 1);
	color: #fff;
	transition: all .3s;
	font-weight: bold;
}

.head .bottom1 .yuyan dl a:hover {
	color: #fff;
	transition: all .3s;
	font-weight: bold;
}

.right .search-box p {
	font-size: 0;
	cursor: pointer;
	text-align: center;
	height: 64px;
}

.right .search-box p img {
	margin-top: 19px;
}

.right .search-box .search {
	position: absolute;
	left: 0;
	display: none;
	height: 100px;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	top: 120px;
	padding: 25px 0;
	z-index: 100;
}

.right .search-box .search .ss-box {
	background: #fff;
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	border-radius: 8px;
}

.right .search-box .search a {
	float: left;
	line-height: 50px;
	font-size: 16px;
	width: 124px;
	background: #f0c424;
	color: #fff;
	text-align: center;
	border-radius: 8px 0 0 8px;
}

.right .search-box .search input {
	height: 50px;
	width: calc(100% - 124px);
	float: right;
	border: none;
	background: none;
	font-size: 14px;
	padding: 0 15px;
	box-sizing: border-box;
	color: #333;
	outline: none;
}

.w-header,
.wap-search {
	display: none;
	width: 100%;
}

.wap-search .search2 {
	padding: 20px 0;
}

.wap-search .search2 .ss-box {
	border: 1px solid #f0c424;
	background: #fff;
	margin: 0 4%;
}

.wap-search .search2 a {
	float: right;
	font-size: 16px;
	background: #f0c424  no-repeat center;
	color: #fff;
	padding: 0 30px;
	height: 40px;
}

.wap-search .search2 input {
	height: 40px;
	width: calc(100% - 60px);
	border: none;
	background: none;
	font-size: 14px;
	padding: 0 15px;
	box-sizing: border-box;
	color: #333;
	outline: none;
}

@keyframes dong {
	0% {
		-webkit-transform: translatey(-100px);
		transform: translatey(-100px);
	}

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

.index-banner {
	position: static;
	width: 100%;
	overflow: hidden;
}

.index-banner .swiper-container {
	position: relative;
	width: 100%;
	height: 100%;
}


.wap-banner {
	display: none;
	margin-top: 54px;
	position: relative;
}

.index1 {
	background:  no-repeat center top;
	position: relative;
	top: -57px;
	z-index: 20;
	height: 180px;
	padding-top: 10px;
	width: 263px;
	margin: 0 auto;
}

.index1 img {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -70px;
}

.index1 img:hover {
	-webkit-animation: tiao 0.9s both;
	animation: tiao 0.9s both;
}

.number {
	padding-top: 68px;
}

.number li {
	position: relative;
	display: inline-block;
	margin-right: 55px;
}

.number h6 {
	color: #f0c424;
	font-size: 60px;
	font-weight: bold;
	display: inline-block;
}

.number li p {
	color: #00245a;
	font-size: 18px;
	display: inline-block;
	width: 150px;
	padding-left: 50px;
}

.number li span {
	display: block;
	color: #f0c424;
	font-size: 60px;
	font-weight: bold;
	position: absolute;
	right: 110px;
	top: 0;
}

.number li:nth-child(3) span {
	right: 95px;
}

.number li:nth-child(3) p {
	padding-left: 68px;
}

.number li:nth-child(4) {
	margin-right: 0;
}

.fixed {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	position: fixed;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	-webkit-animation: 1s dong;
	animation: 1s dong;
}

@keyframes dong {
	0% {
		-webkit-transform: translatey(-100px);
		transform: translatey(-100px);
	}

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

@-moz-keyframes dong {
	0% {
		-webkit-transform: translatey(-100px);
		transform: translatey(-100px);
	}

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

@-webkit-keyframes dong {
	0% {
		-webkit-transform: translatey(-100px);
		transform: translatey(-100px);
	}

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

@-o-keyframes dong {
	0% {
		-webkit-transform: translatey(-100px);
		transform: translatey(-100px);
	}

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

@keyframes rotate {
	0% {
		transform: rotate(0);
	}

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

@-moz-keyframes rotate {
	0% {
		transform: rotate(0);
	}

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

@-webkit-keyframes rotate {
	0% {
		transform: rotate(0);
	}

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

@-o-keyframes rotate {
	0% {
		transform: rotate(0);
	}

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

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.bouncein,
.animated.bounceout,
.animated.flipoutx,
.animated.flipouty {
	-webkit-animation-duration: .75s;
	animation-duration: 0.75s;
}

.flipinx {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipinx;
}

@keyframes flipinx {
	from {
		transform: perspective(600px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(600px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in;
	}

	60% {
		transform: perspective(600px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(600px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		transform: perspective(600px);
	}
}

@keyframes flipiny {
	from {
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		animation-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		transform: perspective(400px);
	}
}

.flipiny {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipiny;
}

@keyframes flipoutx {
	from {
		transform: perspective(400px);
	}

	30% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	to {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipoutx {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipiny;
}

@keyframes dong {
	0% {
		-webkit-transform: translatey(-100px);
		transform: translatey(-100px);
	}

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

@keyframes dong2 {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}

.dong2 {
	-webkit-animation-name: dong2;
	animation-name: dong2;
}

@keyframes dong3 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

.dong3 {
	-webkit-animation-name: dong3;
	animation-name: dong3;
}

@keyframes dong4 {
	0% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.dong4 {
	-webkit-animation-name: dong4;
	animation-name: dong4;
}

@keyframes slideindown2 {
	from {
		-webkit-transform: translate3d(0, -70px, 0);
		transform: translate3d(0, -70px, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideindown2 {
	-webkit-animation-name: slideindown2;
	animation-name: slideindown2;
}

@keyframes fadeinup2 {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeinup2 {
	animation-name: fadeinup2;
}

@keyframes fadeindown2 {
	from {
		opacity: 0;
		transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeindown2 {
	animation-name: fadeindown2;
}

@keyframes fadeinleft2 {
	from {
		opacity: 0;
		transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeinleft2 {
	animation-name: fadeinleft2;
}

@keyframes fadeinright2 {
	from {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeinright2 {
	animation-name: fadeinright2;
}

@keyframes rotate-anim {
	0% {
		transform: rotate(0deg);
	}

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

.bmove1 {
	animation-name: bmove1;
}

@keyframes bmove1 {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}

.fadein {
	animation-name: fadein;
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadein2 {
	animation-name: fadein2;
}

@keyframes fadein2 {
	0% {
		width: 0;
	}

	10% {
		width: 100%;
	}
}

.rotate01 {
	animation-name: rotate;
}

@keyframes rotate {
	0% {
		transform: rotate(0);
	}

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

@keyframes bmove3 {
	0% {
		transform: scale(1);
	}

	70% {
		transform: scale(0.95);
	}

	100% {
		transform: scale(1);
	}
}

.index-banner .t1 {
	top: 7%;
	left: 40%;
	width: 50%;
	z-index: 11;
	color: #fff;
	position: absolute;
	opacity: 0;
	margin-left: -700px;
}

.index-banner .t1 h3 {
	font-weight: 700;
	font-size: 60px;
	line-height: 95px;
	position: relative;
	padding-bottom: 11px;
}

.index-banner .t1 h3::after {
	display: block;
	content: "";
	position: absolute;
	width: 60px;
	height: 2px;
	background: #fff;
	left: 0;
	bottom: 0;
}

.index-banner .t1 p {
	font-size: 20px;
	font-weight: 100;
	padding: 40px 0 49px 0;
	line-height: 34px;
}

.index-banner .t1 a {
	position: relative;
	display: inline-block;
	width: 158px;
	height: 43px;
	padding-left: 34px;
	line-height: 43px;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
	background:  no-repeat right center;
}

.index-banner .t1 a:hover {
	box-shadow: -2px 5px 15px rgba(0, 0, 0, 0.5);
	-webkit-animation: jello-horizontal 0.9s both;
	animation: jello-horizontal 0.9s both;
}

.index-banner .swiper-slide.swiper-slide-active .t1 {
	animation: 1.5s fadeinup2 ease;
	opacity: 1;
}

.index-banner .swiper-pagination {
	position: absolute;
}

.index-banner .swiper-cicle {
	bottom: 50px;
	text-align: left;
	left: 50%;
	margin-left: -700px;
}

.but div {
	outline: none;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin-top: -12px;
	background: none;
	font-size: 28px;
	color: #ec6700;
	text-align: center;
}

.but div.swiper-button-disabled {
	opacity: 1;
	color: #ccc;
}

.but .swiper-button-prev {
	width: 50px;
	height: 50px;
	background:  no-repeat;
	left: 0;
}

.but .swiper-button-next {
	width: 50px;
	height: 50px;
	background:  no-repeat;
	right: 0;
}

.index-banner .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
}

.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 30px;
	border-radius: 6px;
}

.index-banner .swiper-pagination-bullet {
	opacity: 1;
}

.index-banner .but {
	position: absolute;
	bottom: 41px;
	width: 120px;
	right: 5%;
}

.wap-banner .t1 {
	top: 35px;
	left: 50%;
	width: 90%;
	z-index: 11;
	color: #fff;
	position: absolute;
	margin-left: -45%;
}

.wap-banner .t1 h3 {
	font-size: 15px;
	position: relative;
	padding-bottom: 12px;
}

.wap-banner .t1 h3::after {
	display: block;
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #fff;
	left: 0;
	bottom: 0;
}

.wap-banner .flex-active-slide .t1 {
	animation: 1.5s fadeinup2 ease;
}

.wap-banner .t1 p {
	font-size: 12px;
	font-weight: 100;
	padding: 15px 0 10px 0;
}

.wap-banner .t1 a {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 32px;
	padding-left: 14px;
	line-height: 32px;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
	background:  no-repeat right center;
}

.wap-banner .t1 a:hover {
	box-shadow: -2px 5px 15px rgba(0, 0, 0, 0.5);
	-webkit-animation: jello-horizontal 0.9s both;
	animation: jello-horizontal 0.9s both;
}

.wap-banner .but {
	display: none;
}

.wap-banner img {
	width: 100%;
}

.wap-banner .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
}

.wap-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 20px;
	border-radius: 6px;
}

.wap-banner .swiper-pagination-bullet {
	opacity: 1;
}

.index-banner .swiper-button-prev:after,
.index-banner .swiper-button-next:after,
.wap-banner .swiper-button-prev:after,
.wap-banner .swiper-button-next:after {
	display: none;
}

.title1 {
	text-align: center;
	color: #00479d;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	padding-bottom: 14px;
}

.title1::after {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 3px;
	background: #00479d;
	left: 50%;
	margin-left: -20px;
	bottom: 0;
}

.part01 {
	padding-top: 62px;
}

.part1 .left {
	width: 52%;
}

.part1 .left p {
	color: #666;
	font-size: 16px;
	line-height: 34px;
	text-indent: 30px;
}

.part1 .left p a {
	color: #f00;
}

.part1 .right {
	width: 46%;
}

.part1 li {
	float: left;
	width: 22%;
	margin-right: 7%;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}

.part1 li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.part1 li a .text {
	position: absolute;
	left: 0;
	top: 50%;
	bottom: 0;
	width: 100%;
	text-align: center;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.part1 li:hover a .text {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	padding-right: 10px;
	margin-top: -23px;
	height: 46px;
}

.part1 li a .text span {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 100%;
	padding-bottom: 20px;
	background:  no-repeat center bottom;
}

/*.part1 li a .bac {
    transition: all 0.7s;
    transform: scale(0);
    position: absolute;
    left: 6%;
    bottom: 25%;
    width: 180px;
    height: 180px;
    border-radius: 100%;
}
.part1 li a:hover .bac {
  transition: all 0.7s;
  transform: scale(10.2);
}*/
.part1 {
	padding-bottom: 78px;
	padding-top: 60px;
}

.part2 {
	background: #f7fafc;
	padding: 60px 0 34px 0;
}

.part3,
.part5 {
	padding: 60px 0;
}

.part4 {
	background: #fbfcfd;
	padding: 60px 0;
}

.part02 {
	padding-top: 45px;
}

.part2 .swiper-slide a {
	display: block;
	position: relative;
}

.part2 .swiper-slide a .wz {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.8));
	opacity: 0;
	overflow: hidden;
}

.part2 .swiper-slide a .wz div {
	position: absolute;
	left: 36px;
	bottom: 30px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.part2 .swiper-slide a:hover .wz div {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.myswiper {
	overflow: hidden;
	position: relative;
	padding-bottom: 60px;
}

.part2 .swiper-slide a:hover .wz {
	opacity: 1;
}

.part2 .swiper-slide a .p1 {
	color: #fff;
	font-size: 24px;
}

.part2 .swiper-slide a .p2 {
	color: #fff;
	font-size: 16px;
	font-family: arial;
	padding-top: 12px;
	position: relative;
	padding-bottom: 20px;
}

.part2 .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.part2 .swiper-slide a .img {
	height: 435px;
}

.part2 .swiper-slide a .p2::after {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 3px;
	background: #f1ce4d;
	bottom: 0;
}

.part2 .swiper-slide a:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3)
}

.part2 .swiper-pagination-bullet {
	width: 13px;
	height: 8px;
	border-radius: 4px;
	background: #00479d;
	opacity: 1;
}

.part2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 36px;
	background: #f1ce4d;
}

.part03 {
	padding-top: 15px;
}

.part03 li {
	float: left;
	margin-right: 2%;
	width: 23.5%;
	position: relative;
	margin-top: 30px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.1)
}

.part03 li:nth-child(4n) {
	margin-right: 0;
}

.part03 li .p0 {
	height: 54px;
	background: #9e9e9e;
	line-height: 54px;
	color: #fff;
	font-size: 18px;
	text-indent: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.part03 li .txt {
	background: rgba(2, 58, 132, 0.88);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
}

.part03 li dt {
	position: relative;
	padding-bottom: 18px;
}

.part03 li dt::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
}

.part03 li dt a {
	display: block;
	color: #fff;
	font-size: 22px;
	margin-bottom: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.part03 li dl {
	padding: 50px 20px 20px 20px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.part03 li dd a {
	display: block;
	color: #fff;
	font-size: 15px;
	background: url(/uploads/image/ttimage/tm_33.png) no-repeat left center;
	padding-left: 20px;
	margin-top: 8px;
}

.part03 li dd a:hover {
	font-weight: bold
}

.part03 li .look {
	display: block;
	width: 108px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 16px;
	background: #f0c424;
	margin: 30px 0 0 0px;
}

.part03 li:hover .p0 {
	display: none;
}

.part03 li:hover .txt {
	opacity: 1;
}

.part03 li:hover dl {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.part03 li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.part03 li .tp {
	/* height: 287px; */
	overflow: hidden;
}

.part03 li:hover img {
	transform: scale(1.2);
}

.tab-con01 .group {
	display: none;
}

.tabs01 a {
	display: inline-block;
	color: #666;
	font-size: 20px;
	padding: 0 36px;
}

.tabs01 {
	text-align: center;
	color: #666;
	font-size: 20px;
	padding-top: 20px;
	margin-bottom: 46px;
}

.tab-con01 li,
.news2 li {
	float: left;
	margin-right: 2%;
	width: 32%;
}

.tab-con01 li:nth-child(3n),
.news2 li:nth-child(3n) {
	margin-right: 0;
}

.part5 li img,
.news2 li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.part5 li .tp,
.news2 li .tp {
	height: 256px;
	overflow: hidden;
}

.part5 li:hover img,
.news2 li:hover img,
.news1 .left img:hover {
	transform: scale(1.2);
}

.tab-con01 li a h3,
.news2 li a h3 {
	color: #000;
	font-size: 22px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.tab-con01 li a p,
.news2 li a p {
	color: #666;
	font-size: 14px;
	margin: 5px 0 18px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.tab-con01 li a p span,
.news2 li a p span {
	display: inline-block;
	color: #b2b2b2;
	font-size: 12px;
	margin-right: 20px;
}

.tab-con01 li a .txt,
.news2 li a .txt {
	padding-top: 22px;
}

.tabs01 a.on,
.tab-con01 li:hover a h3,
.news2 li:hover a h3 {
	color: #f0c424;
}

.news1 {
	margin: 45px 0 18px 0;
	box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
	padding: 50px;
}

.news1 .left {
	width: 48.5%;
	overflow: hidden;
	height: 429px;
}

.news1 .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.news1 a p {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	margin: 15px 0 35px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	text-overflow: ellipsis;
}

.news1 a p span {
	display: inline-block;
	color: #b2b2b2;
	font-size: 12px;
	margin-right: 20px;
}

.news1 a h3 {
	color: #333;
	font-size: 28px;
	font-weight: bold;
	margin-top: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.news1 a .more {
	width: 168px;
	background: #f0c424 url(/uploads/image/ttimage/jtt2.jpg) no-repeat 95px center;
	color: #fff;
	font-family: arial;
	font-size: 16px;
	margin-top: 50px;
	height: 50px;
	line-height: 50px;
	padding-left: 32px;
}

.news2 {
	margin-bottom: 60px;
}

.news1 .right {
	width: 48.5%;
}

.news2 li {
	margin-top: 30px;
}

.news2 li a .btn {
	width: 35px;
	height: 35px;
	border: 1px solid #d8d8d8;
	background: url(/uploads/image/ttimage/more-jt1.png) no-repeat center;
	float: right;
	background-size: 16px auto;
	margin-top: 10px;
}

.news2 li:hover a .btn {
	border: 1px solid #f0c424;
	background: #f0c424 url(/uploads/image/ttimage/more-jt2.png) no-repeat center;
	background-size: 16px auto;
}

.footer {
	background: #333;
}

.foot-1 {
	padding: 50px 0;
}

.foot-1 .left {
	width: 58%;
}

.foot-1 .right {
	width: 42%;
}

.foot-1 dl {
	float: left;
	margin-right: 4%;
	width: 21%;
}

.foot-1 dt {
	color: #fff;
	font-size: 18px;
	padding-bottom: 10px;
}

.foot-1 dd a {
	display: block;
	color: #9f9f9f;
	font-size: 14px;
	line-height: 28px;
}

.foot-1 h4 {
	color: #fff;
	font-size: 18px;
	padding-bottom: 10px;
}

.foot-1 .lxwm {
	width: calc(95% - 140px);
}

.foot-1 .lxwm p span {
	display: block;
	float: left;
	position: relative;
	top: 4px;
	margin-right: 8px;
}

.foot-1 .lxwm p {
	clear: both;
	color: #9f9f9f;
	font-size: 14px;
	line-height: 30px;
}

.foot-1 .ewm {
	width: 140px;
	text-align: center;
	color: #666;
	font-size: 16px;
}

.foot-1 .ewm img {
	width: 120px;
	height: 120px;
	border-radius: 5px;
	display: block;
	margin: 0 auto;
}

.foot-1 .ewm p {
	padding-top: 8px;
}

.foot-1 .lxwm p span.dz {
	margin-bottom: 45px;
}

.foot-2 {
	padding: 16px 0;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	background: #222;
}

.foot-2 a {
	color: #fff;
}

.foot {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9;
	box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.5);
	background: #054078;
	display: none;
	width: 100%;
}

.foot ul li {
	float: left;
	width: 25%;
	margin: 11px 0;
	position: relative;
	border-right: 1px solid #0d4f8d;
}

.foot ul li:nth-child(4n) {
	border-radius: none;
}

.foot ul li h4 {
	text-align: center;
}

.foot ul li h4 img {
	width: auto;
	height: 22px;
	margin-bottom: 6px
}

.foot ul li a h3 {
	text-align: center;
	font-size: 15px;
	color: #fff;
	line-height: 1.5rem
}

#zhezhao {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	z-index: 20000;
	display: none;
}

.tan-box {
	position: fixed;
	background: #fff;
	width: 80%;
	margin: -160px 10% 0 10%;
	color: #2a2a2a;
	font-size: 16px;
	padding: 20px 4%;
	z-index: 20002;
	top: 50%;
	border-radius: 12px;
	display: none;
}

.tan-box .close02 {
	position: absolute;
	right: 10px;
	top: 10px
}

.tan-box .close02 img {
	width: 24px;
	height: auto;
}

.tan-box .car img {
	width: 60%;
	height: 100%;
	padding: 10px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	display: block;
	margin: 20px auto 10px auto;
}

.tan-box p {
	line-height: 28px;
	text-align: center;
}

.tan-box p span {
	background: #054078;
	color: #fff;
	display: inline-block;
	padding: 2px 5px;
}

.index-banner .swiper-slide img {
	width: 100%;
}

.page {
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 60px;
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
}

.page span,
.page a {
	padding: 5px;
	border: 1px #cccccc solid;
	margin: 2px;
	cursor: pointer;
	display: inline-block;
	margin: 5px 3px;
}

.page .current {
	border: 1px #054078 solid;
	background: #054078;
	font-weight: bold;
	color: #fff;
}

.page a:hover {
	border: 1px #054078 solid;
	background: #054078;
	text-decoration: none;
}

.ny-banner {
	position: relative;
	height: 540px;
	background-repeat: no-repeat;
	background-size: cover;
}

.ny-banner::before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	top: 0;
	left: 0;
	position: absolute;
}

.ny-banner .bann-text2 {
	position: absolute;
	text-transform: uppercase;
	left: 50%;
	margin-left: -625px;
	top: 50%;
	margin-top: -53px;
}

.ny-banner .bann-text2 h3 {
	color: #fff;
	font-size: 48px;
	font-weight: bold;
	padding-bottom: 5px;
}

.ny-banner .bann-text2 h3 span {
	color: #fff;
	font-size: 20px;
	display: block;
	font-weight: normal;
}

.bann-name {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 502px;
	height: 80px;
	background: url(/uploads/image/ttimage/name.png) no-repeat left center;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 80px;
	padding-left: 90px;
}

.products {
	padding: 45px 0 60px 0;
}

.brand {
	height: 74px;
	line-height: 74px;
	border-bottom: 1px solid #e5e5e5;
}

.brand .home {
	color: #999;
	font-size: 16px;
	display: inline-block;
	float: right;
	background: url(/uploads/image/ttimage/pp.jpg) no-repeat left center;
	padding-left: 20px;
}

.brand .home a {
	color: #999;
}

.sub-menu-1 {
	position: relative;
	width: 70%;
}

.sub-menu-1 ul {
	width: 100%;
	text-overflow: initial;
	overflow-x: scroll;
	overflow-y: clip;
	text-align: center;
	white-space: nowrap;
	position: relative;
	display: flex;
}

.sub-menu-1 li {
	/* float: left; */
	margin-right: 22px;
}

.sub-menu-1 li a {
	color: #999;
	font-size: 18px;
	position: relative;
	display: block;
	padding: 0 12px;
}

.sub-menu-1 li a::after {
	content: "";
	display: none;
	position: absolute;
	bottom: -1px;
	height: 2px;
	width: 100%;
	transition: all 0.3s;
	background-color: #22478b;
	left: 0;
}

.sub-menu-1 li dl {
	position: absolute;
	left: 0;
	padding: 0 10px;
	top: 74px;
	transition: all 0.3s;
	display: none;
	width: 100%
}

.sub-menu-1 li:hover dl {
	display: block;
}

.sub-menu-1 li dl dd {
	float: left;
	padding: 10px 15px;
	background-color: #22478b;
}

.sub-menu-1 li dl dd a {
	color: #fff;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
}

.sub-menu-1 li.move a,
.brand .home a:hover,
.sub-menu-1 li a:hover,
.sub-menu-1 li:hover a {
	color: #22478b
}

.sub-menu-1 li.move dl dd a {
	color: #fff;
}

.sub-menu-1 li.move a::after,
.sub-menu-1 li:hover a::after {
	display: block;
}

.sub-menu-1 li dl dd a::after,
.sub-menu-1 li.move dl dd a::after {
	display: none;
}

.sub-menu-1 li:hover dl dd a {
	color: #fff;
}

.sub-menu-1 li dl dd a:hover {
	color: #fff;
	font-weight: bold;
}

.products li {
	margin-top: 11px;
	margin-bottom: 20px;
}

.list-div {
	padding: 45px 0 60px 0;
}

.list-div .left {
	width: 50%;
	overflow: hidden;
	height: 466px;
}

.list-div .right {
	width: 50%;
	padding-left: 3%;
}

.list-div li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.list-div li h4 {
	color: #333;
	font-size: 32px;
	font-weight: bold;
	padding: 42px 0 32px 0;
}

.list-div li p {
	color: #333;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	text-overflow: ellipsis;
}

.list-div li a {
	display: block;
	width: 182px;
	background: #f0c424 url(/uploads/image/ttimage/jtt.jpg) no-repeat 120px center;
	color: #fff;
	font-size: 18px;
	margin-top: 50px;
	height: 55px;
	line-height: 55px;
	border-radius: 28px;
	padding-left: 40px;
}

.list-div li:nth-child(2n) .right {
	padding-right: 3%;
	padding-left: 0;
}

.list-div li:hover img {
	transform: scale(1.2);
	transition: all 0.3s;
}

/* .sub-nav{overflow-x: auto;}
.sub-nav ul{width: 150%;}
.sub-nav li{display: inline-block;}
.sub-nav li a{color: #000;font-size: 18px;display:block;padding: 0 12px;position: relative;transition: all .45s ease-out 0s;-webkit-transition: all .45s ease-out 0s;-moz-transition: all .45s ease-out 0s;}
.sub-nav li a::after{display: block;position: absolute;width: 0;height: 60px;background: #023a84;content: "";left: 0;top: 0;}
.sub-nav li a.on,.sub-nav li a:hover{color: #fff;}
.sub-nav li a span{position: relative;z-index: 2;}
.sub-nav li a:hover::after{width: 100%;transition: all .45s ease-out 0s;-webkit-transition: all .45s ease-out 0s;-moz-transition: all .45s ease-out 0s;}
.sub-nav li a.on::after{width: 100%;}
.sub-nav2 li a{padding: 0 40px;}
.sub-nav::-webkit-scrollbar {
  width: 5px;
}
.sub-nav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}
.sub-nav::-webkit-scrollbar-thumb {
  background:#fff;
}
.follow_us_list li{display: inline-block;margin-right: 16px;}
.follow_us_list li img{width: auto;height: 15px;}
@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes focuse {
    0% {
        transform: scale(0.8);
        opacity: 1;
    }

    75% {
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-webkit-keyframes tiao {
    0% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px);
    }

    30% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    40% {
        -webkit-transform: translatey(10px);
        transform: translatey(10px);
    }

    50% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    65% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px);
    }

    75% {
       -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    85% {
        -webkit-transform: translatey(10px);
        transform: translatey(10px);
    }
    
    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@keyframes tiao {
     0% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px);
    }

    30% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    40% {
        -webkit-transform: translatey(10px);
        transform: translatey(10px);
    }

    50% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    65% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px);
    }

    75% {
       -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    85% {
        -webkit-transform: translatey(10px);
        transform: translatey(10px);
    }
    
    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
} */
.video {
	height: 372px;
}

.video video {
	object-fit: fill;
	width: 100%;
	height: 100%;
}

.video video:focus {
	outline: none;
}

.video img {
	width: 100%;
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

.solution {
	padding: 45px 0;
}

.solution li {
	float: left;
	margin-right: 3%;
	width: 31.33%;
	margin-bottom: 40px;
}

.solution li:nth-child(3n) {
	margin-right: 0;
}

.solution li img {
	object-fit: fill;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}

.solution li a .img {
	overflow: hidden;
	height: 382px;
}

.solution li a .text {
	background-color: #f7f7f7;
	padding: 28px;
}

.solution li a h4 {
	color: #333;
	font-size: 24px;
}

.solution li a p {
	color: #888;
	font-size: 15px;
	line-height: 24px;
	margin: 8px 0 20px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

.solution li a span {
	display: block;
	width: 108px;
	height: 32px;
	text-align: center;
	background: #f0c424;
	color: #fff;
	font-size: 16px;
	border-radius: 16px;
	line-height: 32px;
}

.solution li:hover img {
	transform: scale(1.2);
}

.title_1 {
	color: #000;
	padding-top: 35px;
}

.hot-search .hot {
	margin-top: 5px;
}

.hot-search .hot a {
	display: inline-block;
	background: #f2f2f2;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 14px;
	border-radius: 20px;
	margin-right: 10px;
}

.hot-search {
	margin-top: 38px;
}

.search-gjc {
	background: #f2f2f2;
	width: 500px;
}

.search-gjc input {
	height: 50px;
	width: calc(100% - 62px);
	float: left;
	border: none;
	background: none;
	font-size: 14px;
	padding: 0 20px;
	box-sizing: border-box;
	color: #333;
	outline: none;
}

.search-gjc a {
	display: inline-block;
	background:  no-repeat center;
	height: 50px;
	width: 62px;
}

.download {
	margin-bottom: 60px;
}

.download li {
	float: left;
	margin: 30px 2% 0 0;
	width: 32%;
	padding: 50px 25px 45px 25px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3)
}

.download li h4 {
	font-size: 18px;
	color: #333;
	background:  no-repeat left center;
	line-height: 28px;
	padding-left: 48px;
}

.download li .time {
	color: #666;
	font-size: 14px;
	font-family: arial;
	padding-left: 48px;
	margin: 18px 0 35px 0;
}

.download li .click-dj a {
	display: block;
	float: left;
	width: 47%;
	margin-right: 6%;
	background: #f8f9fd;
	height: 54px;
	line-height: 54px;
	font-size: 16px;
	text-align: center;
	color: #666
}

.download li .click-dj a:nth-child(2n),
.download li:nth-child(3n) {
	margin-right: 0;
}

.download li .click-dj a em {
	display: inline-block;
	height: 30px;
	width: 24px;
	position: relative;
	top: 9px;
	margin-right: 7px;
}

.download li .click-dj a em.xtb-1 {
	background:  no-repeat center;
	background-size: 28px auto;
	margin-right: 12px;
}

.download li .click-dj a em.xtb-2 {
	background:  no-repeat center;
	background-size: 20px auto;
}

.download li .click-dj a:hover {
	background: #21468c;
	color: #fff;
}

.download li .click-dj a:hover em.xtb-1 {
	background:  no-repeat center;
	background-size: 28px auto;
	margin-right: 12px;
}

.download li .click-dj a:hover em.xtb-2 {
	background:  no-repeat center;
	background-size: 20px auto;
}

.common-1 li {
	width: 22.75%;
	margin: 25px 3% 0 0;
	float: left;
}

.common-1 li:nth-child(4n) {
	margin-right: 0;
}

.common-1 li .tp {
	height: 198px;
	overflow: hidden;
}

.common-1 li .tp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.common-1 li a .time {
	transition: 1s;
	color: #fff;
	font-size: 15px;
	width: 68px;
	height: 68px;
	text-align: center;
	background: #f0c424;
	top: -40px;
	position: relative;
}

.common-1 li a .time b {
	display: block;
	font-size: 30px;
	line-height: 34px;
	padding-top: 6px;
}

.common-1 li a .text {
	position: relative;
	z-index: 1;
	padding: 0 15px 35px 15px;
	background: #fbfbfb;
}

.common-1 li a h5 {
	color: #00245a;
	font-size: 20px;
	font-weight: bold;
	margin: -20px 0 14px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.common-1 li a p {
	color: #333;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

.common-1 ul {
	/*flex-wrap: wrap;
    display: flex;
    justify-content: space-between;*/
}

.common-1 li img {
	vertical-align: bottom;
	-webkit-transition: -webkit-transform 0.8s;
	-moz-transition: -moz-transform 0.8s;
	transition: transform 0.8s;
}

.common-1 li:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.common-1 li:hover a .time {
	transform: rotatey(360deg);
}

.common-1 li:hover {
	box-shadow: 0 5px 18px 15px rgb(0 0 0 / 5%);
}

.common-solu {
	margin-top: 56px;
}

.common-solu .swiper-button-prev,
.common-solu .swiper-button-next {
	padding: 25px 16px;
	background: rgba(0, 0, 0, 0.8);
}

.common-solu .swiper-button-prev {
	left: 0;
}

.common-solu .swiper-button-next {
	right: 0;
}

.common-solu .swiper-button-prev:after,
.common-solu .swiper-button-next:after {
	color: #fff;
	font-size: 24px;
}

.common-1 a .tp {
	height: 198px;
	overflow: hidden;
}

.common-1 a .tp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.common-1 a .time {
	transition: 1s;
	color: #fff;
	font-size: 15px;
	width: 68px;
	height: 68px;
	text-align: center;
	background: #f0c424;
	top: -40px;
	position: relative;
}

.common-1 a .time b {
	display: block;
	font-size: 30px;
	line-height: 34px;
	padding-top: 6px;
}

.common-1 a .text {
	position: relative;
	z-index: 1;
	padding: 0 15px 35px 15px;
	background: #fbfbfb;
}

.common-1 a h5 {
	color: #00245a;
	font-size: 24px;
	font-weight: bold;
	margin: -20px 0 14px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.common-1 a p {
	color: #333;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

.common-1 img {
	vertical-align: bottom;
	-webkit-transition: -webkit-transform 0.8s;
	-moz-transition: -moz-transform 0.8s;
	transition: transform 0.8s;
}

.common-1 a:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.common-1 a:hover a .time {
	transform: rotatey(360deg);
}

.common-1 a:hover {
	box-shadow: 0 5px 18px 15px rgb(0 0 0 / 5%);
}


.common-2 li {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3)
}

.common2 {
	padding: 30px 0 60px 0;
}

.common3 .w1400 {
	max-width: 1200px;
}

.tit-name {
	text-align: center;
	padding: 45px 0;
}

.tit-name h4 {
	color: #000;
	font-size: 24px;
	font-weight: bold;
}

.tit-name .dibu {
	padding-top: 12px;
}

.tit-name .dibu span {
	display: inline-block;
	margin: 0 10px;
	color: #888;
	font-size: 14px;
	padding-left: 23px;
}

.tit-name .dibu span.tb_1 {
	background:  no-repeat left center;
}

.tit-name .dibu span.tb_2 {
	background:  no-repeat left center;
}

.tit-name .dibu span.tb_3 {
	background:  no-repeat left center;
}

.solution-detail .read p {
	color: #666;
	font-size: 16px;
	line-height: 30px;
}

.solution-detail .read img {
	max-width: 100%;
}

.solution-detail .read {
	padding-bottom: 50px;
}

.h60 {
	height: 60px;
}

.tabs02 {
	background: #023a84;
}

.tabs02 a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 0 40px;
	display: inline-block;
	height: 74px;
	line-height: 74px;
}

.tabs02 a.cur {
	background: #f0c424;
}

.tab-con02 {}

.tab-con02 .items {
	display: none;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	padding: 24px 0 30px 0;
}

.product2 {
	padding: 55px 0 20px 0;
}

.fenye {
	font-size: 14px;
	color: #595959;
	padding: 30px 0 0 0;
}

.fenye a {
	color: #595959;
}

.fenye a:hover {
	color: #023a84;
	font-weight: bold;
}

.pp-top {
	padding: 50px 0 40px 0;
}

.pp-top .left {
	width: 38%;
	overflow: hidden;
}

.pp-top .right {
	width: 59%;
	position: relative;
	z-index: 10;
	min-height: 550px;
}

.pp-top .tit01 {
	color: #023a84;
	font-size: 24px;
	font-weight: bold;
}

.pp-top .detail p {
	color: #666;
	font-size: 16px;
	line-height: 36px;
}

.pp-top .share {
	margin: 8px 0 20px 0;
}

.pp-top .swiper {
	width: 100%;
	height: 100%;
}

.pp-top .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pp-top .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pp-top .swiper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.pp-top .swiper-slide {
	background-size: cover;
	background-position: center;
}

.myswiper02 {
	width: 100%;
	border: 1px solid #dedede;
	height: 410px;
	overflow: hidden;
}

.myswiper01 {
	height: 98px;
	box-sizing: border-box;
	padding: 10px 0;
}

.myswiper01 .swiper-slide {
	width: calc(25% -2px);
	height: 100%;
	opacity: 1;
	border: 1px solid #dedede;
	cursor: pointer;
}

.myswiper01 .swiper-slide.swiper-slide-thumb-active {
	border: 1px solid #023a84;
}

.myswiper01 .swiper-slide-thumb-active {
	opacity: 1;
}

.myswiper02 .swiper-button-next,
.myswiper02 .swiper-button-prev {
	display: none;
	z-index: 10;
	outline: none;
}

.myswiper02 .swiper-slide {
	position: relative;
}

.pp-top .swiper-slide img {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pp-top .myswiper02 .swiper-slide img {
	width: 80%;
	margin: 30px auto
}

.service {
	padding: 20px 0 60px 0;
}

.service .left {
	width: 64%;
	margin-top: 30px;
}

.service .left .map2 img {
	width: 100%;
}

.service .right {
	width: 33%;
	border: 1px solid #d9d9d9;
	padding: 20px 15px;
}

.service .right dl {
	width: 48.5%;
	margin: 5px 3% 5px 0;
	float: left;
}

.service .right dl:nth-child(2n) {
	margin-right: 0;
}

.service .right dt {
	color: #023a84;
	font-size: 16px;
	font-weight: bold;
	background:  no-repeat left 6px;
	margin-bottom: 10px;
	padding-left: 18px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.service .right dd {
	color: #666;
	font-size: 14px;
	background:  no-repeat left center;
	padding-left: 18px;
}

.service01 {
	padding: 40px 0 60px 0;
}

.online .left {
	width: 40%;
}

.online .left img {
	width: 100%;
}

.online .right {
	width: 56%;
	padding: 20px 4% 0 0;
}

.online .right li {
	border-bottom: 1px solid #eee;
	margin: 10px 5% 10px 0;
	float: left;
	width: 47.5%;
}

.online .right li:nth-child(2n) {
	margin-right: 0;
}

.online .right input {
	height: 60px;
	border: none;
	outline: none;
	background: none;
	width: 100%;
	color: #666;
	font-family: 'cuti';
	font-size: 16px;
}

.online .right textarea {
	border: none;
	outline: none;
	background: none;
	height: 130px;
	padding-top: 20px;
	width: 100%;
	color: #666;
	font-family: 'cuti';
	font-size: 16px;
	resize: none;
}

.online .right li.li2,
.online .right li.li1 {
	width: 100%;
	margin-right: 0;
}

.online .right li.li2 {
	padding-top: 30px;
}

.online .right li.li2 button {
	width: 160px;
	height: 50px;
	background: #f0c424;
	margin-right: 20px;
	color: #fff;
	font-size: 18px;
	font-family: 'cuti';
}

.online .right li.li2 button.button02 {
	background: #00479d;
}

.contact {
	margin: 58px 0 65px 0;
}

.contact .left {
	width: 40%;
}

.contact .right {
	width: 54%;
}

.contact .right img {
	width: 100%;
}

.contact .name {
	color: #023a84;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 8px;
	letter-spacing: -0.5px;
}

.contact p {
	color: #333;
	font-size: 16px;
	line-height: 35px;
	padding-left: 32px;
}

.contact p.p1 {
	background:  no-repeat left 8px;
}

.contact p.p2 {
	background:  no-repeat left 8px;
}

.contact p.p3 {
	background:  no-repeat left 10px;
}

.contact p.p4 {
	background:  no-repeat left 8px;
}

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

.contact .sao li {
	display: inline-block;
	width: 155px;
}

.contact .sao li img {
	width: 155px;
	height: 155px;
}

.contact01 {
	margin-top: 50px;
}

.online {
	background: #f7f7f7;
	padding: 60px 0;
}

.online .tit3 {
	text-align: center;
	color: #999;
	font-size: 18px;
	padding-bottom: 55px;
}

.online .tit3 h5 {
	color: #000;
	font-weight: bold;
	font-size: 36px;
	padding-bottom: 10px;
}

.boss2 li {
	float: left;
	margin-right: 1%;
	width: 24.25%;
	margin-bottom: 20px;
}

.boss2 li .box-1 {
	position: relative;
	overflow: hidden;
	margin-bottom: 14px;
}

.boss2 li:nth-child(4n) {
	margin-right: 0;
}

.boss2 li .p0 {
	height: 40px;
	background: rgba(2, 58, 132, 0.5);
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	text-indent: 25px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-weight: bold;
	transition: all .2s;
}

.boss2 li .txt {
	background: rgba(2, 58, 132, 0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.boss2 li .txt p {
	color: #fff;
	font-size: 16px;
	margin-top: 18px;
	padding: 0 26px;
	line-height: 28px;
}

.boss2 li .box-1:hover .p0 {
	height: 0;
}

.boss2 li .box-1:hover .txt {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.boss2 li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.boss2 li .tp {
	height: 260px;
	overflow: hidden;
}

.boss2 li .box-1:hover img {
	transform: scale(1.2);
}

.boss2 li h4 {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 50px 26px 0 26px;
}

.boss2 {
	margin: 50px 0;
}

.boss2 li:nth-child(3) .tp,
.boss2 li:nth-child(4) .tp {
	height: 534px;
}

.boss1 p {
	color: #333;
	font-size: 16px;
	line-height: 40px;
	text-indent: 32px;
}

.boss1 {
	padding: 40px 0;
}

.boss-talk1 {
	padding: 30px 0;
}

.about3 {
	padding: 30px 0 60px 0;
}

.about3 .pic-group {
	padding-top: 50px;
}

.about3 li {
	float: left;
	margin: 0 2% 35px 0;
	width: 23.5%;
}

.about3 li:nth-child(4n) {
	margin-right: 0;
}

.about3 li .tp {
	overflow: hidden;
	height: 230px;
	margin-bottom: 18px;
}

.about3 li .tp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.about3 li:hover .tp img {
	transform: scale(1.2);
}

.about3 li p {
	position: relative;
	padding-top: 20px;
	color: #333;
	font-size: 20px;
}

.about3 li p::before {
	transition: all 0.3s;
	;
	content: "";
	display: block;
	position: absolute;
	width: 38px;
	height: 5px;
	background: #f0c424;
	top: 0;
	left: 0;
}

.about3 li:hover p::before {
	width: 100%;
	height: 3px;
}

.about1 {
	padding: 60px 0;
}

.about1 .left {
	width: 46%;
}

.about1 .left a {
	color: #f00;
}

.about1 .right {
	width: 52%;
}

.about1 .video {
	height: 406px;
}

.about1 .tt-name-1 {
	margin-bottom: 20px;
	color: #00479d;
	font-size: 36px;
	font-weight: bold;
	background:  no-repeat left center;
	padding-left: 95px;
}

.about1 .left p {
	color: #333;
	font-size: 16px;
	line-height: 36px;
	text-indent: 32px;
}

.tab03 a {
	display: inline-block;
	position: relative;
	background: #00479d;
	width: 24.8556%;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 12px 0;
}

.tab03 a::after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 1px;
	background: #90a3c5;
	right: 0;
	top: 0
}

.tab03 a:nth-child(4)::after {
	display: none;
}

.tab03 a.on2 {
	background: #f0c424
}

.tab03 a img {
	display: block;
	margin: 0 auto 8px auto;
	transition: all .3s
}

.tab03 a:hover img {
	transform: rotate(360deg);
}

.tab-con03 {
	margin-bottom: 60px;
}

.tab-con03 .team {
	display: none;
}

.tab-con03 .left {
	width: 55%;
}

.tab-con03 .right {
	width: 36%;
}

.tab-con03 .right img {
	width: 100%;
}

.tab-con03 h4 {
	color: #333;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 30px;
}

.tab-con03 p {
	color: #666;
	font-size: 20px;
	line-height: 36px;
}

.about1 .number-shuzi h6 {
	font-size: 50px;
	color: #f0c424;
	padding-right: 30px;
	font-weight: bold;
	display: inline-block;
	position: relative;
}

.about1 .number-shuzi li {
	width: 16.666%;
	margin: 0 0 10px 0;
	float: left;
	text-align: center;
	position: relative;
}

/*.about1 .number-shuzi li span{right: 175px;font-size: 24px;display: block;
    color: #f0c424;
    position: absolute;
    right: 0px;
    bottom:34px;}*/
.about1 .number-shuzi {
	padding: 84px 0 40px 0;
}

.about1 .number-shuzi li p {
	color: #333;
	font-size: 18px;
}

.about1 .number-shuzi h6::after {
	content: "年";
	position: absolute;
	right: 0;
	bottom: 10px;
	display: block;
	font-size: 24px;
	color: #f0c424;
	font-weight: normal;
}

.about1 .number-shuzi li:nth-child(2) h6::after,
.about1 .number-shuzi li:nth-child(6) h6::after {
	content: " ";
	font-size: 28px
}

.about1 .number-shuzi li:nth-child(3) h6::after {
	content: "万"
}

.about1 .number-shuzi li:nth-child(3) h6 {
	padding-right: 30px;
}

.about1 .number-shuzi li:nth-child(4) h6::after {
	content: "亿"
}

.about1 .number-shuzi li:nth-child(5) h6::after {
	content: "%"
}

.index-wz .swiper-slide {
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 26px;

}

.index-wz li {
	margin-bottom: 4px;
	text-align: left;
}

.index-wz li a {
	color: #666;
	font-size: 15px;
	line-height: 28px;
	padding-left: 12px;
	background:  no-repeat left 8px;
}

.index-wz .swiper {
	width: 100%;
	height: 304px;
	margin-top: 18px;
}

.index-wz {
	float: left;
	margin-right: 3%;
	padding: 28px 17px 25px 20px;
	width: 31.33%;
	background: #fff;
}

.index-wz:nth-child(3n) {
	margin-right: 0;
}

.index-wz h4 {
	color: #0c429a;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}

.index-wz li a:hover {
	color: #0c429a;
}

.history02 {
	padding: 60px 0;
}

.history {
	padding: 30px 0;
}

.his-time {
	height: 290px;
	text-align: left;
	overflow-y: auto;
}

.history01 .swiper {
	width: 100%;
	height: 100%;
}

.history01 .swiper-slide {
	text-align: center;
	font-size: 18px;
}

.history01 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.history01 .swiper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 55px;
}

.history01 .swiper-slide {
	background-size: cover;
	background-position: center;
}

.myswiper001 .swiper-slide {
	opacity: 1;
	cursor: pointer;
	padding-bottom: 20px;
	position: relative;
}

.myswiper001 .swiper-slide-thumb-active {
	opacity: 1;
}

.history01 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.myswiper001 p {
	color: #333;
	font-size: 18px;
	display: block;
	line-height: 32px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.myswiper001 .circle {
	z-index: 10;
	width: 18px;
	height: 18px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -9px;
	bottom: -9px;
	background: #fff;
}

.myswiper001 .circle span {
	width: 10px;
	height: 10px;
	background: #4d4d4d;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -5px;
}

.myswiper002 .tpp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.myswiper002 .swiper-slide {
	position: relative;
}

.myswiper002 .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.myswiper002 .year {
	padding-top: 80px;
}

.myswiper002 .year p {
	color: #fff;
	font-size: 26px;
	line-height: 38px;
}

.number-shuzi2 h6 {
	font-size: 48px;
	color: #fff;
	font-family: impact;
	font-weight: bold;
	display: inline-block;
	position: relative;
}

.number-shuzi2 li {
	margin: 0 5%;
	width: 20%;
	display: inline-block;
	text-align: center;
	position: relative;
}

.number-shuzi2 li span {
	font-size: 18px;
	display: block;
	color: #fff;
	position: absolute;
	bottom: 34px;
	left: 50%;
	margin-left: 50px;
	text-align: right;
}

.number-shuzi2 {
	padding: 54px 0 0px 0;
}

.number-shuzi2 li p {
	color: #fff;
	font-size: 15px;
	margin-top: 10px;
}

.number-shuzi2 li:nth-child(3) span {
	margin-left: 36px;
}

.myswiper001 {
	padding-bottom: 20px;
}

.myswiper001 .line {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #ccc;
	left: 0;
	bottom: 20px;
}

.history01 {
	margin-top: 50px;
}

.myswiper001 .swiper-slide.swiper-slide-thumb-active p {
	color: #f0c424;
}

.myswiper001 .swiper-slide.swiper-slide-thumb-active .circle span {
	background: #f0c424;
}

.myswiper001 .swiper-button-prev:after,
.myswiper001 .swiper-button-next:after {
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #ccc;
}

.myswiper001 .swiper-button-next,
.myswiper001 .swiper-button-prev {
	width: 36px;
	height: 36px;
	margin-top: 13px;
	opacity: 1;
	outline: none;
}

.myswiper001 .swiper-button-next {
	right: 0
}

.myswiper001 .swiper-button-prev {
	left: 0;
}

.honor {
	padding: 50px 0;
}

.honor li {
	float: left;
	margin-right: 2%;
	width: 23.5%;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.honor li:nth-child(4n) {
	margin-right: 0;
}

.honor li img {
	height: 100%;
	object-fit: cover;
	transition: all 800ms ease;
	display: block;
	margin: 0 auto;
}

.honor li .pic {
	height: 210px;
	overflow: hidden;
	position: relative;
}

/*.honor li:hover .pic img {transform: scale(1.2);}*/
.honor li a p.p01 {
	color: #333;
	font-size: 18px;
	text-align: center;
	margin: 25px 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.honor .tabs04 {
	text-align: center;
	margin: 30px 0 45px 0;
}

.honor .tabs04 a {
	color: #333;
	font-size: 18px;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 30px;
}

.honor .tabs04 a.move,
.honor .tabs04 a:hover {
	color: #fff;
	background: #0c429a;
}

.join2 {
	padding: 54px 0;
	clear: both;
}

.join2 div h4 {
	display: block;
	color: #666;
	font-size: 16px;
	line-height: 30px;
	padding-top: 22px;
	padding-bottom: 5px;
	font-weight: bold;
}

.join2 div p {
	color: #999;
	font-size: 16px;
	line-height: 28px;
}

.join2 h3 {
	color: #666;
	font-size: 18px;
	line-height: 60px;
}

.accordion-item-active h3 {
	color: #fff;
}

.join2 div p a {
	color: #0c429a;
}

.join {
	padding: 30px 0 60px 0;
}

.map2 {
	position: relative;
}

.map2 .map-img2 {
	width: 100%;
}

.par-map .parico {
	position: absolute;
	cursor: pointer;
	color: #333;
	font-size: 16px;
}

.par-map .parico em {
	display: inline-block;
	position: relative;
	top: -5px;
	font-style: normal;
}

.par-map .parico .i img {
	width: 19px;
	height: 25px;
	animation: scalemap 2s linear infinite;
	-moz-animation: scalemap 2s linear infinite;
	-webkit-animation: scalemap 2s linear infinite;
	margin-right: 5px;
}

/*.par-map .parico .i em{flex: 0 0 16px;display:block;min-width: 16px;height:16px;border-radius: 50%;background:#fff;animation: scalemap 2s linear infinite;-moz-animation: scalemap 2s linear infinite;-webkit-animation: scalemap 2s linear infinite;}
*/
.par-map .parico.a1 {
	top: 34%;
	left: 15%;
}

.par-map .parico.a2 {
	top: 35%;
	left: 34.5%;
}

.par-map .parico.a3 {
	top: 46%;
	left: 31.5%;
}

.par-map .parico.a4 {
	top: 62%;
	left: 21%;
}

.par-map .parico.a5 {
	top: 31%;
	right: 35.3%;
}

.par-map .parico.a6 {
	top: 42.5%;
	right: 44.8%;
}

.par-map .parico.a7 {
	top: 62%;
	left: 43.5%;
}

.par-map .parico.a8 {
	bottom: 17.8%;
	left: 42%;
}

.par-map .parico.a9 {
	top: 34%;
	right: 25.5%;
}

.par-map .parico.a10 {
	top: 38%;
	right: 24%;
}

.par-map .parico.a11 {
	top: 41%;
	right: 34.7%;
}

.par-map .parico.a12 {
	top: 41.6%;
	right: 28%;
}

.par-map .parico.a13 {
	top: 45.6%;
	right: 24%;
}

.par-map .parico.a14 {
	top: 47.3%;
	right: 39.3%;
}

.par-map .parico.a15 {
	top: 51.8%;
	right: 32%;
}

.par-map .parico.a16 {
	top: 54.8%;
	right: 19.5%;
}

.par-map .parico.a18 {
	top: 63.3%;
	left: 53.5%;
}

.par-map .parico.a19 {
	top: 60%;
	right: 33%;
}

.par-map .parico.a19 em {
	top: 4px
}

.par-map .parico.a20 {
	top: 55.5%;
	right: 27.5%;
}

.par-map .parico.a21 {
	top: 58.7%;
	right: 17.3%;
}

.par-map .parico.a22 {
	bottom: 25%;
	right: 42%;
}

.par-map .parico.a23 {
	bottom: 24.5%;
	right: 35.8%;
}

.par-map .parico.a24 {
	bottom: 23.9%;
	right: 30%;
}

.par-map .parico.a25 {
	bottom: 29%;
	right: 22.3%;
}

.par-map .parico.a26 {
	bottom: 21%;
	right: 25.7%;
}

.par-map .parico.a28 em,
.par-map .parico.a26 em,
.par-map .parico.a25 em,
.par-map .parico.a24 em,
.par-map .parico.a23 em,
.par-map .parico.a20 em,
.par-map .parico.a14 em,
.par-map .parico.a11 em,
.par-map .parico.a6 em {
	display: block;
	left: -5px;
}

.par-map .parico.a27 {
	bottom: 14.8%;
	left: 54%;
}

.par-map .parico.a28 {
	bottom: 12%;
	right: 32.5%;
}

.par-map .parico.a29 {
	bottom: 2.8%;
	right: 36.2%;
}

.par-map .parico.a30 {
	top: 17%;
	right: 6%;
}

.par-map .parico.a31 {
	top: 26.3%;
	right: 10.8%;
}

.par-map .parico.a32 {
	top: 33%;
	right: 14%;
}

@keyframes scalemap {
	0% {
		transform: scale(0.5)
	}

	100% {
		transform: scale(1.1)
	}
}

@-moz-keyframes scalemap {
	0% {
		transform: scale(0.5)
	}

	100% {
		transform: scale(1.1)
	}
}

@-webkit-keyframes scalemap {
	0% {
		transform: scale(0.5)
	}

	100% {
		transform: scale(1.1)
	}
}

@-o-keyframes scalemap {
	0% {
		transform: scale(0.5)
	}

	100% {
		transform: scale(1.1)
	}
}

.part04 {
	position: relative;
	margin-top: 45px
}

.part4 .sjdt {
	width: 100%;
}

.part4 .ul1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.part4 .ul1 li {
	position: absolute;
	z-index: 6;
	width: 10px;
	height: 10px;
	cursor: pointer;
	transform: translate(-50%, -50%);
	background-color: #f0c424 border-radius: 50%;
	color: #fff;
	font-size: 20px
}

.part4 .ul1 li i {
	display: block;
	width: 10px;
	height: 10px;
	position: relative;
	transform: scale(0.8);
}

.part4 .ul1 #li1 {
	width: 10px;
	height: 10px;
}

.part4 .ul1 #li1 i::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgb(240, 196, 36, 1);
	animation: gjyy-dh0 3s linear infinite;
}

.part4 .ul1 #li1 i::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgb(240, 196, 36, 1);
	animation: welcome-qqyy-dh0 3s 1.5s linear infinite
}

@keyframes welcome-qqyy-dh0 {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	75% {
		opacity: 0.4;
		transform: scale(3);
	}

	100% {
		opacity: 0;
		transform: scale(4);
	}
}

.part4 .ul1 li:nth-of-type(1) {
	top: 40.1%;
	right: 23.2%;
}

.part4 .ul1 li:nth-of-type(2) {
	top: 34%;
	right: 51.7%;
}

.part4 .ul1 li:nth-of-type(3) {
	top: 36%;
	right: 51.9%;
}

.part4 .ul1 li:nth-of-type(4) {
	top: 41.4%;
	right: 44.35%;
}

.part4 .ul1 li:nth-of-type(5) {
	bottom: 38.15%;
	right: 50.9%;
}

.part4 .ul1 li:nth-of-type(6) {
	top: 51.6%;
	right: 39.4%;
}

.part4 .ul1 li:nth-of-type(7) {
	bottom: 35.3%;
	right: 41.42%;
}

.part4 .ul1 li:nth-of-type(8) {
	bottom: 16.4%;
	right: 45.9%;
}

.part4 .ul1 li:nth-of-type(9) {
	top: 47.1%;
	right: 33.4%;
}

.part4 .ul1 li:nth-of-type(10) {
	top: 46.3%;
	right: 29.4%;
}

.part4 .ul1 li:nth-of-type(11) {
	top: 29.1%;
	right: 22.2%;
}

.part4 .ul1 li:nth-of-type(12) {
	top: 40.7%;
	right: 17.1%;
}

.part4 .ul1 li:nth-of-type(13) {
	bottom: 43.6%;
	right: 24.3%;
}

.part4 .ul1 li:nth-of-type(14) {
	bottom: 42.7%;
	right: 22.9%;
}

.part4 .ul1 li:nth-of-type(15) {
	bottom: 40.7%;
	right: 18.4%;
}

.part4 .ul1 li:nth-of-type(16) {
	bottom: 33.6%;
	right: 21.2%;
}


.part4 .ol1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.part4 .ol1 li {
	position: absolute;
	background-size: cover;
	background-position: right top;
}

.part4 .ol1 li:nth-of-type(1) {
	top: 29.6%;
	right: 23.6%;
	width: 28.5%;
	height: 10.6%;
	background-image: url(/uploads/image/ttimage/ll1.png);
	animation: welcome-qqyy-dh1 3.8s infinite
}

@keyframes welcome-qqyy-dh1 {
	0% {
		width: 0;
		opacity: 0;
	}

	80% {
		width: 28.5%;
		opacity: 1;
	}

	100% {
		width: 0;
		opacity: 0;
	}

}

.part4 .ol1 li:nth-of-type(2) {
	top: 33.5%;
	right: 24.2%;
	width: 28%;
	height: 6.8%;
	background-image: url(/uploads/image/ttimage/ll2.png);
	animation: welcome-qqyy-dh2 4s infinite;
}

@keyframes welcome-qqyy-dh2 {
	0% {
		width: 0;
		opacity: 0;
	}

	80% {
		width: 28%;
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(3) {
	top: 37.6%;
	right: 23.5%;
	width: 21.5%;
	height: 5%;
	background-image: url(/uploads/image/ttimage/ll3.png);
	animation: welcome-qqyy-dh3 3.8s infinite;
}

@keyframes welcome-qqyy-dh3 {
	0% {
		width: 0;
		opacity: 0;
	}

	80% {
		width: 21.5%;
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(4) {
	top: 40%;
	right: 24%;
	width: 28%;
	height: 21%;
	background-image: url(/uploads/image/ttimage/ll4.png);
	animation: welcome-qqyy-dh4 3.2s infinite;
}

@keyframes welcome-qqyy-dh4 {
	0% {
		width: 0;
		opacity: 0;
	}

	80% {
		width: 28%;
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(5) {
	top: 40.2%;
	right: 24%;
	width: 17%;
	height: 11%;
	background-image: url(/uploads/image/ttimage/ll5.png);
	animation: welcome-qqyy-dh5 2.1s infinite;
}

@keyframes welcome-qqyy-dh5 {
	0% {
		width: 0;
		opacity: 0;
	}

	80% {
		height: 11%;
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(6) {
	top: 40.2%;
	right: 24%;
	width: 10%;
	height: 7%;
	background-image: url(/uploads/image/ttimage/ll6.png);
	animation: welcome-qqyy-dh6 2s infinite;
}

@keyframes welcome-qqyy-dh6 {
	0% {
		width: 0;
		opacity: 0;
	}

	80% {
		height: 7%;
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(7) {
	top: 40.6%;
	right: 23.8%;
	width: 18.5%;
	height: 24%;
	background-image: url(/uploads/image/ttimage/ll7.png);
	animation: welcome-qqyy-dh7 4s infinite;
}

@keyframes welcome-qqyy-dh7 {
	0% {
		width: 0;
		opacity: 0;
	}

	80% {
		height: 24%;
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(8) {
	top: 40.3%;
	right: 24%;
	width: 6%;
	height: 6%;
	background-image: url(/uploads/image/ttimage/ll8.png);
	animation: welcome-qqyy-dh8 3s infinite;
}

@keyframes welcome-qqyy-dh8 {
	0% {
		height: 0;
		opacity: 0;
	}

	80% {
		width: 6%;
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(9) {
	top: 40.2%;
	right: 23.5%;
	width: 25%;
	height: 41%;
	background-image: url(/uploads/image/ttimage/ll9.png);
	animation: welcome-qqyy-dh9 3s infinite;
}

@keyframes welcome-qqyy-dh9 {
	0% {
		height: 0;
		opacity: 0;
	}

	80% {
		width: 25%;
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(10) {
	top: 29%;
	right: 22.7%;
	width: 1.4%;
	height: 11%;
	background-image: url(/uploads/image/ttimage/ll10.png);
	animation: welcome-qqyy-dh10 3s infinite;
}

@keyframes welcome-qqyy-dh10 {
	0% {
		height: 0;
		top: 39%;
		right: 23.6%;
		opacity: 0;
	}

	80% {
		height: 11%;
		top: 29%;
		right: 22.7%;
		opacity: 1;
	}

	100% {
		top: 41%;
		height: 0;
		right: 24%;
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(11) {
	top: 39.8%;
	right: 18%;
	width: 6%;
	height: 1.3%;
	background-image: url(/uploads/image/ttimage/ll11.png);
	animation: welcome-qqyy-dh11 3.5s infinite;
}

@keyframes welcome-qqyy-dh11 {
	0% {
		width: 0;
		right: 23.5%;
		top: 39.15%;
		opacity: 0;
	}

	80% {
		width: 6%;
		right: 18%;
		top: 39.8%;
		opacity: 1;
	}

	100% {
		right: 23.5%;
		top: 39.15%;
		width: 0;
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(12) {
	top: 39.3%;
	right: 18.3%;
	width: 6%;
	height: 20%;
	background-image: url(/uploads/image/ttimage/ll12.png);
	animation: welcome-qqyy-dh12 2s infinite;
}

@keyframes welcome-qqyy-dh12 {
	0% {
		height: 0;
		opacity: 0;
	}

	80% {
		height: 20%;
		opacity: 1;
	}

	100% {
		height: 0;
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(13) {
	top: 39.2%;
	right: 22%;
	width: 2.3%;
	height: 26.6%;
	background-image: url(/uploads/image/ttimage/ll13.png);
	animation: welcome-qqyy-dh13 2.4s infinite;
}

@keyframes welcome-qqyy-dh13 {
	0% {
		height: 0;
		opacity: 0;
	}

	80% {
		height: 26.6%;
		opacity: 1;
	}

	100% {
		height: 0;
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(14) {
	top: 39.2%;
	right: 23.4%;
	width: 0.81%;
	height: 16%;
	background-image: url(/uploads/image/ttimage/ll14.png);
	animation: welcome-qqyy-dh14 2s infinite;
}

@keyframes welcome-qqyy-dh14 {
	0% {
		height: 0;
		opacity: 0;
	}

	80% {
		height: 16%;
		opacity: 1;
	}

	100% {
		height: 0;
		opacity: 0;
	}
}

.part4 .ol1 li:nth-of-type(15) {
	top: 39.2%;
	right: 24%;
	width: 1%;
	height: 16%;
	background-image: url(/uploads/image/ttimage/ll15.png);
	animation: welcome-qqyy-dh15 4s infinite;
}

@keyframes welcome-qqyy-dh15 {
	0% {
		height: 0;
		opacity: 0;
	}

	80% {
		height: 16%;
		opacity: 1;
	}

	100% {
		height: 0;
		opacity: 0;
	}
}

.round-loope {
	border-radius: 75px;
	border: 5px solid #f0f0f0;
}

.common3 {
	padding: 30px 0 10px 0;
	/*margin-top: 60px;*/
}

.common-3 {
	margin-top: 56px;
	position: relative;
}

.common3 .icon {
	background-image: ;
	display: inline-block;
	vertical-align: middle;
}

.common3 .swiper-slide {
	background: #fff;
}

.common3 .left {
	width: 42.8%;
	position: relative;
	overflow: hidden;
	float: left;
}

.common3 .left img {
	width: 100%;
	display: block;
}

.common3 .right {
	width: 57.2%;
	padding-left: 5%;
	box-sizing: border-box;
	padding-right: 4%;
	padding-top: 10px;
	float: right;
	height: 320px;
}

.common3 .right h3 {
	font-size: 24px;
	margin-top: 36px;
	margin-bottom: 10px;
}

.common3 .right h3 i {
	width: 24px;
	height: 24px;
	background-position: -108px -103px;
	margin-right: 10px;
}

.common3 .right p {
	margin-bottom: 30px;
	padding-top: 15px;
	line-height: 28px;
	color: #666;
	font-size: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* -webkit-line-clamp: 5;
    text-overflow: ellipsis;*/
}

.common3 .right h3:nth-child(3) i {
	background-position: -137px -103px;
}

.common3 .right h3:nth-child(5) i {
	background-position: -167px -103px;
}

.common3 .left::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 500px;
	top: 0;
	left: -250px;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	-webkit-transform: skewx(-32deg);
	-ms-transform: skewx(-32deg);
	-moz-transform: skewx(-32deg);
	transform: skewx(-32deg);
	opacity: 0;
}

.common3 .swiper-slide:hover .left::before {
	-webkit-transition: left 15s;
	-moz-transition: left 1s;
	-ms-transition: left 1s;
	transition: left 1s;
	left: 150%;
	opacity: 1;
}

.common3 .swiper-button-next,
.common3 .swiper-button-prev {
	color: #fff;
	width: 70px;
	height: 70px;
	background: #0b439a;
}

.common3 .swiper-button-next {
	right: -35px;
}

.common3 .swiper-button-prev {
	left: -35px;
}

.common3 .swiper-button-disabled {
	opacity: 1;
}

.common3 .swiper-button-next:after,
.common3 .swiper-button-prev:after {
	font-size: 26px;
}

/* -- 翻页效果 -- */
.apage {
	height: 31px;
	line-height: 30px;
	padding: 0 5px 0px 27px;
	margin-top: 10px;
	text-align: center;
}

.apage a {
	border: 1px solid #c5c5c5;
	padding: 5px 10px;
	margin-right: 5px;
}

.apage .num_btns {
	float: right;
	font-family: tahoma;
}

.apage a:hover,
.apage .page-num-current {
	border: 1px solid #d5d5d5;
	background-color: #00479d;
	color: #fff;
	text-decoration: none;
}

.apage .cust_txt {
	float: left;
}

.apage select {
	font-size: 8px;
	margin-top: 5px;
}

.apage .oran_pg_txt {
	height: 15px;
	border: solid 1px #d4e3e9;
	width: 20px;
	margin-left: 5px;
}

.apage .oran_pg_btn {
	height: 15px;
	border: solid 1px #d4e3e9;
	margin-left: 5px;
	font-size: 9px;
	background: #5984ac;
	color: #fff;
}

.apage .cust_txt {
	float: left;
	display: none;
}

/*3.15*/
.honor li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.honor li:hover img {
	transform: scale(1.1);
}

.honor li a .text {
	display: flex;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
}

.honor li:hover a .text {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.honor li .pic {
	position: relative;
}

.honor li a .text p {
	align-self: center;
}

/* .honor li:hover a .p01 {
	display: none;
} */

.fy {
	display: flex;
	justify-content: center;
}

.fy .ul_fy {
	display: flex;
	margin-top: 20px;
}

.alltime,
.alltime * {
	-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.fy .ul_fy a,
.fy .ul_fy span {
	width: 50px;
	height: 50px;
	margin: 0 5px;
	background-color: #fff;
	border: 1px solid #dddddd;
	color: #222;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fy .ul_fy a,
.fy .ul_fy span {
	border: 0;
	background-color: transparent;
}

.fy .ul_fy a.z_jt {
	background: #f4f6f8 url(/uploads/image/ttimage/r_10.png) center no-repeat;
	margin-right: 15px;
}

.fy .ul_fy a:hover,
.fy .ul_fy a.page-num-current {
	border: 1px solid #00479d;
	background-color: #00479d;
	color: #fff;
}

.fy .ul_fy a.y_jt {
	margin: 0 0 0 15px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

@media (max-width:750px) {

	.fy .ul_fy a,
	.fy .ul_fy span {
		width: 30px;
		height: 30px;
	}
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #f5f5f5;
}

::-webkit-scrollbar-track {
	border-radius: 6px;
	background-color: #e2e2e2;
}

::-webkit-scrollbar-thumb {
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #555;
}

.solution-detail {
	max-width: 1200px;
	margin: 0 auto;
}

.list-list {
	padding: 45px 0;
}

.list-list li {
	border-bottom: 1px solid #dfdfdf;
	padding: 26px 0;
}

.list-list li a h3 {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 28px;
	transition: all 0.3s;
}

.list-list li a p {
	color: #999;
	font-size: 14px;
	line-height: 24px;
}

.list-list li:hover a h3 {
	color: rgba(33, 71, 139, 1);
}