@charset "utf-8";

/*font*/
/* public */
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block
}

*,
:before,
:after {
	box-sizing: border-box;
}

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

img {
	border: 0;
	display: block;
	width: 100%;
}

ul,
dl,
li,
dt,
dd {
	list-style: none;
}

body,
html {
	min-height: 100%;
}

body {
	font: 100% sans-serif;
	*font: 100% sans-serif;
	color: #332B29;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	overflow-x: hidden;
}

pre {
	font-family: 'microsoft JhengHei';
}

a {
	font-size: 14px;
	text-decoration: none;
	transition: ease .65s;
	color: #332B29;
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

table {
	width: 100%;
	text-align: center;
	/*文本居中*/
	border-collapse: collapse;
	/*表格的边框合并，如果相邻，则共用一个边框*/
	border-spacing: 0;
	/*设置行与单元格边框的间距。当表格边框独立（即border-collapse:separate;）此属性才起作用*/
}

table td {
	word-break: break-all;
	/*允许在字内换行,即单词可分*/
	word-wrap: break-word;
	/*允许长单词或URL地址换行*/
	border-right: 1px solid #939598;
	border-bottom: 1px solid #939598;
	font: 500 14px Arial;
}

/*IE/7/6*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

input,
textarea,
select {
	outline: none;
	font-family: "microsoft JhengHei";
	-webkit-appearance: none;
	border-radius: 0;
}

input::-webkit-input-placeholder {
	color: #a2a2a2;
}

input:-moz-placeholder {
	color: #a2a2a2;
}

input::-moz-placeholder {
	color: #a2a2a2;
}

input:-ms-input-placeholder {
	color: #a2a2a2;
}

textarea {
	resize: none;
	overflow: hidden;
}

select::-ms-expand {
	display: none;
}

i {
	font-style: normal;
}

.left,
.fl {
	float: left;
}

.right,
.fr {
	float: right;
}

textarea {
	resize: none;
	overflow: hidden;
}

em {
	font-style: normal;
}

.iconfont,
.u-icon {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select,
input[type="date"] {
	outline: none;
	font-family: "SourceHanSansCN-Regular", "microsoft JhengHei";
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 14px;
	display: block;
	width: 100%;
	border: none;
	background: none;
	padding: 6px 12px;
	transition: ease .45s;
}

.circle .circle_02 .no {
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}

/*响应式*/
.container {
	margin: auto;
	position: relative;
	width: 100%;
	max-width: 1420px;
	padding: 0 10px;
}

/*浏览器滚动条*/
::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-track:vertical {
	background-color: transparent;
	/* background-color: rgb(255, 0, 242); */
}

::-webkit-scrollbar-track-piece {
	background: transparent;
}

::-webkit-scrollbar-thumb:vertical {
	background-color: rgb(177, 177, 177);
	border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: rgb(177, 177, 177);
}

::-webkit-scrollbar-corner:vertical {
	background-color: rgb(177, 177, 177);
}

::-webkit-scrollbar-resizer:vertical {
	background-color: rgb(177, 177, 177);
}

/*思源黑体*/

/* 内容区域响应式 */

.zn-container {
	max-width: 1430px;
	width: 1430px;
	margin-right: auto;
	margin-left: auto;
}

/*header*/
.zn-banner-box {
	width: 100vw;
	overflow: hidden;
}

.zn-heade {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	color: #fff;
	padding: 0 2.6vw;
	transition: cubic-bezier(0.215, .61, .355, 1) .25s;
	height: 80px;
	/* background-color: rgba(0, 0, 0, 0.3); */
	background-color: #1D1E1E;
	transition: ease 1s;
}

body.fixed .zn-heade {
	transform: translateY(-100%);
	visibility: hidden;
}

.zn-heade .zn-logo {
	width: 304px;
	height: 56px;
	position: relative;
	margin: 22px 0;
}

.zn-heade .zn-search {
	position: relative;
	height: 35px;
	width: 35px;
	margin: 22px 0 0 1.9vw;
	transition: ease .45s;
	float: left;
}

.zn-heade .daohang {
	display: flex;
	color: #fff;
	margin-right: 1%;
	float: right;
}

.zn-heade .daohang li a {
	color: #fff;
	line-height: 80px;
	font-size: 14px;
	padding: 0 20px;
}

.zn-heade .daohang li:hover a {
	color: #00b3eb;
}

.zn-search input {
	height: 35px;
	line-height: 35px;
	background: #fff;
	border: none;
	padding: 0;
	transform: scaleX(0);
	transform-origin: center right;
	padding-left: 20px;
}

.Search .zn-search input {
	padding: 0 12px 0 40px;
	transform: scaleX(1);
}

.Search .zn-search {
	width: 10vw;
}

.zn-search a {
	color: #fff;
	line-height: 35px;
	display: block;
	width: 35px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}

.zn-search a i {
	font-size: 20px;
	font-weight: lighter;
}

.Search .zn-search a i {
	color: #000;
}

.zn-menu {
	float: right;
	margin: 10px 50px 10px 0;
	cursor: pointer;
}

.zn-menu img {
	width: 50px;
	height: 50px;
	color: #fff;
}

.zn-heade .lang ,.zn-nav-toggle .lang{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	cursor: default;
	margin-left: 15px;
	float: right;
	margin: 25px 0;
}
.zn-nav-toggle .lang{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	cursor: default;
	margin-left: 15px;
	float: right;
	position: fixed;
	top: 2.16vw;
	right: 10vw;
}

.zn-heade .lang .lang-text ,.zn-nav-toggle .lang .lang-text{
	opacity: .4;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	font-weight: 500;
	line-height: 14px;

}

.zn-heade .lang .choose-lang,
.zn-heade .lang .lang-text:hover {
	opacity: 1;
}
.zn-nav-toggle .lang .choose-lang,
.zn-nav-toggle .lang .lang-text:hover{
	opacity: 1;
}

.zn-heade .lang .interval ,.zn-nav-toggle .lang .interval{
	height: 16px;
	width: 1px;
	background: #fff;
}




@media screen and (max-width:1260px) {
	.zn-heade .daohang li a {
		padding: 0 10px;
	}

	.zn-menu {
		margin-right: 20px;
	}
}

@media screen and (max-width:1056px) {
	.zn-heade .daohang li a {
		padding: 0 4px;
	}
}

@media screen and (max-width:980px) {
	.zn-heade .daohang {
		display: none;
	}
}

/*菜单展开*/
.zn-nav-toggle {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	background: #0F0E0E;
	transition: ease .65s;
	opacity: 0;
	visibility: hidden;
	z-index: 99999999;
}

.Nav .zn-nav-toggle {
	visibility: visible;
	opacity: 1;
}

.zn-nav-img {
	width: 25%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	float: left;
	transform: translateX(-100%);
	transition: ease .65s;
}

.Nav .zn-nav-img {
	transform: translateX(0);
}

.zn-nav-btn h2 em {
	transition: ease .65s;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	left: 0.2vw;
}

.zn-nav-item {
	float: right;
	width: 75%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	/* padding-right: 5vw; */
}

.zn-nav-item .zn-flex {
	display: flex;
	width: 92%;
	height: 60vh;
}
.zn-nav-item .zn-contact{
	/* width: 92%; */
	margin-bottom: 40px;
}
.zn-nav-item .zn-contact .way_text{
	float: left;
}
.zn-nav-item .zn-contact .way_text p span{
	color: #fff;
}
.zn-nav-item .zn-contact .way_code{
	float: left;
	margin-top: 0;
	margin-left: 30px;
}
.zn-nav-item .zn-flex .lang {
	display: none;
}

.zn-nav-item li {
	float: left;
	flex: 1;
	position: relative;
}

.zn-nav-item li dl {
	margin-top: 6vh;
	/* display: none; */
	height: 60vh;
}

.zn-nav-item li:hover dl {
	display: block;
}

.zn-nav-item li dt {
	margin-bottom: 10vh;
	opacity: 0;
}

.Nav .zn-nav-item li dt {
	animation: fadeInUp linear .35s forwards;
}

.zn-nav-item li>a {
	font-size: 20px;
	color: #fff;
	position: relative;

}

.zn-nav-item li:hover>a {
	color: #0F80C3;
}

.zn-nav-item li dd {
	line-height: 48px;
	opacity: 0;
}

.Nav .zn-nav-item li dd {
	animation: fadeInUp linear .35s forwards;
	animation-delay: .1s;
	width: 100%;
}

/* XXX What's special with li:nth-child(4)?            @xuchunyang 2021-09-11
.Nav .zn-nav-item li:nth-child(4):hover dl {
	width: 60vh;
}

.Nav .zn-nav-item li:nth-child(4) dd {
	width: 50%;
	float: left;
}
*/

.Nav .zn-nav-item li dd:nth-child(2) {
	animation-delay: .3s;
}

.Nav .zn-nav-item li dd:nth-child(3) {
	animation-delay: .4s;
}

.Nav .zn-nav-item li dd:nth-child(4) {
	animation-delay: .5s;
}

.Nav .zn-nav-item li dd:nth-child(5) {
	animation-delay: .6s;
}

.Nav .zn-nav-item li dd:nth-child(6) {
	animation-delay: .7s;
}

.Nav .zn-nav-item li dd:nth-child(7) {
	animation-delay: .8s;
}

.Nav .zn-nav-item li dd:nth-child(8) {
	animation-delay: .9s;
}

.Nav .zn-nav-item li dd:nth-child(9) {
	animation-delay: 1s;
}

.Nav .zn-nav-item li dd:nth-child(10) {
	animation-delay: 1.1s;
}

.Nav .zn-nav-item li dd:nth-child(11) {
	animation-delay: 1.2s;
}

.Nav .zn-nav-item li dd:nth-child(12) {
	animation-delay: 1.3s;
}

.Nav .zn-nav-item li dd:nth-child(13) {
	animation-delay: 1.4s;
}

.Nav .zn-nav-item li dd:nth-child(14) {
	animation-delay: 1.5s;
}

.Nav .zn-nav-item li dd:nth-child(15) {
	animation-delay: 1.6s;
}

.Nav .zn-nav-item li dd:nth-child(16) {
	animation-delay: 1.7s;
}

.zn-nav-item li dd a {
	color: #cccccc;
	font-size: 14px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	display: block;
}

.zn-nav-item li dd a:hover {
	color: #0F80C3;
}

.zn-nav-logo {
	width: 400px;
	position: fixed;
	top: 2.16vw;
	left: 31vw;
	z-index: 1000;
}

.zn-nav-btn {
	position: fixed;
	right: 4.16vw;
	top: 2.16vw;
	color: #fff;
	font-size: 13px;
	font-family: "Times New Roman";
	z-index: 1000;
	cursor: pointer;
}

.zn-nav-btn>span {
	width: 100%;
	height: 23px;
	display: block;
	position: relative;
}

.zn-nav-btn>span:before {
	content: '';
	display: block;
	width: 80%;
	height: 3px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
	transition: ease .65s;
	transform-origin: right center;
}

.zn-nav-btn i:before {
	content: '';
	display: block;
	width: 60%;
	height: 3px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	transition: ease .65s;
}

.zn-nav-btn i:after {
	content: '';
	display: block;
	width: 50%;
	height: 3px;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: ease .65s;
}

.Nav .zn-nav-btn>span:before {
	transform: scaleX(0);
}

.Nav .zn-nav-btn i:after {
	transform: translate(0, -10px) rotate(-45deg);
	width: 80%;
}

.Nav .zn-nav-btn i:before {
	transform: translate(0, 10px) rotate(45deg);
	width: 80%;
}


/*首页banner*/
.zn-banner-box .video-item .video {
	width: 100%;
	min-width: 1080px;
	height: 100vh;
	min-height: 500px;
	-o-object-fit: fill;
	object-fit: fill;
	z-index: 2;
}

.zn-banner-box .video-text {
	position: absolute;
	top: calc(50% - 71px);
	z-index: 3;
	color: #fff;
	cursor: default;
	height: 80px;
	width: 100%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.zn-banner-box .video-text p {
	font-size: 56px;
	font-weight: 500;
	letter-spacing: 3px;
	text-align: center;
	line-height: 56px;
	margin: 0;
	margin-bottom: 24px;
}

.zn-banner-box .video-text img {
	width: 68px;
	margin: 70px auto 0;
}

.zn-banner-box .video-mask {
	height: 100vh;
	width: 100vw;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes bounce-down {
	25% {
		-webkit-transform: translateY(-10px);
	}

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

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


@keyframes bounce-down {
	25% {
		transform: translateY(-10px);
	}

	50%,
	100% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(10px);
	}
}


.animate-bounce-down {
	-webkit-animation: bounce-down 1.5s linear infinite;
	animation: bounce-down 1.5s linear infinite;
}

/*首页js效果*/
.zindex999 {
	z-index: 999999;
}

.technology-1 {
	overflow: hidden;
}

.technology-1 .bg {
	background: url(../images/jsbg.jpg) center no-repeat;
	background-size: cover;
	position: relative;
}

.technology-1 .wal {
	position: relative;
	min-height: 860px;
}

@media screen and (max-width:1600px) {
	.technology-1 .wal {
		transform: scale(0.9);
	}
	.about-js{
		padding-top: 0 !important;
	}
}

@media screen and (max-width:1400px) {
	.technology-1 .wal {
		transform: scale(0.8);
		min-height: 680px;
	}
}

@media screen and (max-width:1200px) {
	.technology-1 .wal {
		transform: scale(0.7);
		min-height: 680px;
	}
}

.technology-1 .btn {
	position: absolute;
	top: 100px;
	right: -100px;
}

.technology-1 .btn dl {
	width: 160px;
	padding-top: 10px;
}

.technology-1 .btn dd {
	width: 120px;
	height: 100px;
	margin-bottom: 10px;
	transition: all 0.5s;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.technology-1 .btn dd img {}

.technology-1 .btn .on {
	width: 160px;
}

.technology-1 .btn .on img {
	margin-top: -20px;
}

.technology-1 .title {
	font-size: 32px;
	text-align: center;
	padding-top: 50px;
}

.technology-1 .list ul li {
	visibility: hidden;
	height: 0;
}

.technology-1 .list ul li.show {
	visibility: inherit;
	height: auto;
}

.phone-list {
	display: none;
}

.technology-1 .btn .on {
	border: 2px solid #007AFF;
	overflow: hidden;
}

/*第一屏动画*/
.dhnr_board {
	position: relative;
}

.dhnr_board .dh_A_01 {
	width: 564px;
	position: absolute;
	top: 250px;
	left: 280px;
	z-index: 9;
	opacity: 0;
}

.dhnr_board .dh_A_02 {
	width: 110px;
	position: absolute;
	top: 300px;
	left: 520px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_03 {
	width: 110px;
	position: absolute;
	top: 230px;
	left: 520px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_04 {
	width: 110px;
	position: absolute;
	top: 300px;
	left: 360px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_05 {
	width: 110px;
	position: absolute;
	top: 304px;
	left: 640px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_06 {
	width: 55px;
	position: absolute;
	top: 250px;
	left: 280px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_07 {
	width: 73px;
	position: absolute;
	top: 380px;
	left: 280px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_08 {
	width: 100px;
	position: absolute;
	top: 250px;
	left: 760px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_09 {
	width: 110px;
	position: absolute;
	top: 400px;
	left: 750px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_09-2 {
	width: 110px;
	position: absolute;
	top: 220px;
	left: 520px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_10 {
	width: 110px;
	position: absolute;
	top: 304px;
	left: 800px;
	z-index: 1;
	opacity: 0;
}

.dhnr_board .dh_A_11 {
	width: 690px;
	position: absolute;
	top: 240px;
	left: 220px;
	z-index: 0;
	opacity: 0;
}

.dhnr_board .dh_A_12 {
	width: 164px;
	position: absolute;
	top: 240px;
	left: 180px;
	z-index: 0;
	opacity: 0;
}

.dhnr_board dl.round_round {
	width: 25px;
	position: absolute;
	top: 7px;
	right: 20px;
}

.dhnr_board dl.round_round dd {
	position: relative;
	height: 25px;
	width: 25px;
	visibility: inherit;
	margin-bottom: 26px;
}

.dhnr_board dl.round_round dd i {
	display: block;
	background: #00b3eb;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 10%;
	bottom: auto;
	width: 20px;
	height: 20px;
	animation: scale-anim 2s infinite linear;
	-webkit-animation: scale-anim 2s infinite linear;
}

.dhnr_board dl.round_round dd i:nth-child(2) {
	animation-delay: -1s;
	-webkit-animation-delay: -1s;
}

.dhnr_board .dh_A_13 {
	width: 76px;
	position: absolute;
	top: 100px;
	left: 10px;
	z-index: 0;
	opacity: 0;
}

.dhnr_board .dh_A_14 {
	width: 160px;
	position: absolute;
	top: 100px;
	left: 800px;
	z-index: 0;
	opacity: 0;
}

.dhnr_board .dh_A_15 {
	width: 74px;
	position: absolute;
	top: 680px;
	left: 840px;
	z-index: 0;
	opacity: 0;
}

.dhnr_board .dh_A_16 {
	width: 880px;
	position: absolute;
	top: 800px;
	left: 00px;
	z-index: 0;
	opacity: 0;
}

.dhnr_board .dh_A_16 dl dd {
	visibility: inherit;
	float: left;
	display: block;
	height: auto;
	margin-right: 20px;
	position: relative;
	padding-left: 30px;
}

.dhnr_board .dh_A_16 dl dd i {
	display: block;
	background: #00b3eb;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 10%;
	bottom: auto;
	width: 20px;
	height: 20px;
	animation: scale-anim 2s infinite linear;
	-webkit-animation: scale-anim 2s infinite linear;
}

.dhnr_board .dh_A_16 dl dd i:nth-child(2) {
	animation-delay: -1s;
	-webkit-animation-delay: -1s;
}

.dhnr_board .arr_dh_A-01 {
	width: 20px;
	position: absolute;
	top: 220px;
	left: 570px;
	transform: rotate(90deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-02 {
	width: 20px;
	position: absolute;
	top: 220px;
	left: 550px;
	transform: rotate(-90deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-03 {
	width: 20px;
	position: absolute;
	top: 320px;
	left: 280px;
	transform: rotate(0deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-04 {
	width: 20px;
	position: absolute;
	top: 340px;
	left: 280px;
	transform: rotate(-180deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-05 {
	width: 20px;
	position: absolute;
	top: 400px;
	left: 565px;
	transform: rotate(90deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-06 {
	width: 20px;
	position: absolute;
	top: 550px;
	left: 565px;
	transform: rotate(-90deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-07 {
	width: 20px;
	position: absolute;
	top: 340px;
	left: 810px;
	transform: rotate(0deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-08 {
	width: 20px;
	position: absolute;
	top: 360px;
	left: 810px;
	transform: rotate(-180deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-09 {
	width: 20px;
	position: absolute;
	top: 340px;
	left: 960px;
	transform: rotate(0deg);
	opacity: 0;
}

.dhnr_board .arr_dh_A-10 {
	width: 20px;
	position: absolute;
	top: 360px;
	left: 960px;
	transform: rotate(-180deg);
	opacity: 0;

}

@keyframes scale-anim {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	50% {
		transform: scale(0.6);
		opacity: 1;
	}

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

@keyframes upDown {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(-10px);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes upDown2 {
	0% {
		transform: translateY(0px);
	}

	25% {
		transform: translateY(10px);
	}

	50% {
		transform: translateY(0px);
	}

	75% {
		transform: translateY(-10px);
	}

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

.round_cricle .round {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	position: absolute;
	top: -0px;
	left: -0px;
	-webkit-transition: all 1s;
	-webkit-animation: rotating 6s linear infinite;
}

.round_cricle span {
	width: 6px;
	height: 6px;
	line-height: 6px;
	display: inline-block;
	border-radius: 50%;
	background: #00b3eb;
	border: 2px solid #00b3eb;
	color: #fff;
	text-align: center;
	position: absolute;
}

.round_cricle span:nth-child(1) {
	right: -2px;
	top: 50%;
	margin-top: -2px;
}

.round span:nth-child(2) {
	left: -2px;
	top: 50%;
	margin-top: -2px;
}

.round span:nth-child(3) {
	left: 50%;
	bottom: -2px;
	margin-left: -2px;
}

.round span:nth-child(4) {
	left: 50%;
	top: -2px;
	margin-left: -2px;
}

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

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

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

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

/*首页第一屏动画*/
.dhnr_board img,
.dhnr_board>div {
	transition: All 1.5s ease;
	-webkit-transition: All 1.5s ease;
	-moz-transition: All 1.5s ease;
	-o-transition: All 1.5s ease;
}

.in .dhnr_board .dh_A_01 {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	opacity: 1;
}

.in .dhnr_board .dh_A_02 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	opacity: 1;
	top: 100px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_03 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	opacity: 1;
	top: 430px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_04 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	opacity: 1;
	left: 160px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_05 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	opacity: 1;
	left: 840px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_06 {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	opacity: 1;
}

.in .dhnr_board .dh_A_07 {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	opacity: 1;
	left: 280px;
}

.in .dhnr_board .dh_A_08 {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	opacity: 1;
	left: 760px;
}

.in .dhnr_board .dh_A_09 {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	opacity: 1;
	top: 400px;
}

.in .dhnr_board .dh_A_09-2 {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	opacity: 1;
	top: 220px;
}

.in .dhnr_board .dh_A_10 {
	transition-delay: 1.1s;
	-webkit-transition-delay: 1.1;
	-moz-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	opacity: 1;
	left: 1000px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_11 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	opacity: 1;
	top: 210px;
}

.in .dhnr_board .dh_A_12 {
	transition-delay: 1.1s;
	-webkit-transition-delay: 1.1;
	-moz-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	opacity: 1;
	left: -20px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_13 {
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	opacity: 1;
	top: 140px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_14 {
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	opacity: 1;
	top: 140px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_15 {
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	opacity: 1;
	top: 480px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_A_16 {
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	opacity: 1;
	top: 600px;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .arr_dh_A-01 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-02 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-03 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-04 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-05 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-06 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-07 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-08 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-09 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.in .dhnr_board .arr_dh_A-10 {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

.out .dhnr_board .dh_A_16,
.out .dhnr_board .dh_A_15,
.out .dhnr_board .dh_A_14,
.out .dhnr_board .dh_A_13 {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}

.out .dhnr_board .dh_A_12,
.out .dhnr_board .dh_A_10 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
}

.out .dhnr_board .dh_A_9-2,
.out .dhnr_board .dh_A_9-1,
.out .dhnr_board .dh_A_8,
.out .dhnr_board .dh_A_7,
.out .dhnr_board .dh_A_6,
.out .dhnr_board .dh_A_11 {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
}

.out .dhnr_board .dh_A_05,
.out .dhnr_board .dh_A_04,
.out .dhnr_board .dh_A_03,
.out .dhnr_board .dh_A_02 {
	transition-delay: 1.1s;
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
}

.out .dhnr_board .dh_A_01 {
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
}


/*第二屏内容*/
.dhnr_board .dh_B {
	opacity: 0;
}

.dhnr_board .dh_B_01 {
	width: 564px;
	position: absolute;
	top: 750px;
	left: 180px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_B_01 {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	opacity: 1;
	top: 550px;
}

.out .dhnr_board .dh_B_01 {
	transition-delay: 1.9s;
	-webkit-transition-delay: 1.9s;
	-moz-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
}

.dhnr_board .dh_B_02 {
	width: 768px;
	position: absolute;
	top: 00px;
	left: 0px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_B_02 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	opacity: 1;
	top: 100px;
}

.out .dhnr_board .dh_B_02 {
	transition-delay: 1.7s;
	-webkit-transition-delay: 1.7s;
	-moz-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
}

.dhnr_board .dh_B_03 {
	width: 110px;
	position: absolute;
	top: 580px;
	left: 290px;
	z-index: 9;
}

.in .dhnr_board .dh_B_03 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	opacity: 1;
	top: 380px;
}

.out .dhnr_board .dh_B_03 {
	transition-delay: 1.7s;
	-webkit-transition-delay: 1.7s;
	-moz-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
}

.dhnr_board .dh_B_04 {
	width: 52px;
	position: absolute;
	top: 390px;
	left: 330px;
	z-index: 9;
}

.in .dhnr_board .dh_B_04 {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	opacity: 1;
	left: 430px;
}

.out .dhnr_board .dh_B_04 {
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
}

.dhnr_board .dh_B_05 {
	width: 110px;
	position: absolute;
	top: 380px;
	left: 310px;
	z-index: 9;
}

.in .dhnr_board .dh_B_05 {
	transition-delay: 1.1s;
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	opacity: 1;
	left: 510px;
}

.out .dhnr_board .dh_B_05 {
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
}

.dhnr_board .dh_B_06 {
	width: 146px;
	position: absolute;
	top: 480px;
	left: 490px;
	z-index: 9;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_B_06 {
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	opacity: 1;
	top: 180px;
}

.out .dhnr_board .dh_B_06 {
	transition-delay: 1.1s;
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
}

.dhnr_board .dh_B_07 {
	width: 110px;
	position: absolute;
	top: 410px;
	left: 680px;
	z-index: 9;
}

.in .dhnr_board .dh_B_07 {
	transition-delay: 2.3s;
	-webkit-transition-delay: 2.3s;
	-moz-transition-delay: 2.3s;
	-o-transition-delay: 2.3s;
	opacity: 1;
	top: 410px;
	left: 880px;
}

.out .dhnr_board .dh_B_07 {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}

.dhnr_board .dh_B_08 {
	width: 304px;
	position: absolute;
	top: 260px;
	left: 584px;
	z-index: 9;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_B_08 {
	transition-delay: 2.3s;
	-webkit-transition-delay: 2.3s;
	-moz-transition-delay: 2.3s;
	-o-transition-delay: 2.3s;
	opacity: 1;
	top: 260px;
	left: 784px;
}

.out .dhnr_board .dh_B_08 {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}

.dhnr_board .dh_B_09 {
	width: 160px;
	position: absolute;
	top: 180px;
	left: 654px;
	z-index: 9;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_B_09 {
	transition-delay: 2.3s;
	-webkit-transition-delay: 2.3s;
	-moz-transition-delay: 2.3s;
	-o-transition-delay: 2.3s;
	opacity: 1;
	top: 180px;
	left: 854px;
}

.out .dhnr_board .dh_B_09 {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}

.dhnr_board .dh_B_10 {
	width: 164px;
	position: absolute;
	top: 180px;
	left: 260px;
	z-index: 9;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_B_10 {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	opacity: 1;
	left: 60px;
}

.out .dhnr_board .dh_B_10 {
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
}

.dhnr_board .arr_dh_B-01 {
	width: 20px;
	position: absolute;
	top: 430px;
	left: 450px;
	transform: rotate(0deg);
}

.dhnr_board .arr_dh_B-02 {
	width: 20px;
	position: absolute;
	top: 510px;
	left: 380px;
	transform: rotate(60deg);
}

.dhnr_board .arr_dh_B-03 {
	width: 20px;
	position: absolute;
	top: 510px;
	left: 540px;
	transform: rotate(120deg);
}

.dhnr_board .arr_dh_B-04 {
	width: 20px;
	position: absolute;
	top: 430px;
	left: 250px;
	transform: rotate(0deg);
}

.dhnr_board .arr_dh_B-05 {
	width: 20px;
	position: absolute;
	top: 430px;
	left: 750px;
	transform: rotate(0deg);
}

.dhnr_board .arr_dh_B-06 {
	width: 20px;
	position: absolute;
	top: 340px;
	left: 554px;
	transform: rotate(90deg);
}

.dhnr_board .arr_dh_B-07 {
	width: 20px;
	position: absolute;
	top: 370px;
	left: 926px;
	transform: rotate(90deg);
}

.dhnr_board .arr_dh_B {
	opacity: 0;
}

.in .dhnr_board .arr_dh_B {
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1;
	-moz-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	opacity: 1;
}

/*第三屏*/
.dhnr_board .dh_C {
	opacity: 1;
}

.dhnr_board .dh_C_01 {
	width: 820px;
	position: absolute;
	top: 400px;
	left: 160px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_C_01 {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	opacity: 1;
	top: 460px;
}

.out .dhnr_board .dh_C_01 {
	transition-delay: 2.5s;
}

.dhnr_board .dh_C_01 .yuanxing {
	width: 357px;
	height: 357px;
	position: absolute;
	top: 66px;
	left: 66px;
	border-radius: 50%;
	-webkit-transition: all 1s;
	-webkit-animation: rotating 12s linear infinite;
}

.dhnr_board .dh_C_02 {
	width: 102px;
	position: absolute;
	top: 450px;
	left: 540px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_C_02 {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	opacity: 1;
	top: 580px;
	left: 160px;
}

.yuanxing .round_cricle_C {
	-webkit-transition: all 1s;
	-webkit-animation: rotating2 12s linear infinite;
}

.out .dhnr_board .dh_C_02 {
	transition-delay: 2.3s;
}

.dhnr_board .dh_C_03 {
	width: 102px;
	position: absolute;
	top: 450px;
	left: 540px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_C_03 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 660px;
	left: 530px;
}

.out .dhnr_board .dh_C_03 {
	transition-delay: 2.3s;
}

.dhnr_board .dh_C_04 {
	width: 102px;
	position: absolute;
	top: 450px;
	left: 540px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_C_04 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 600px;
	left: 860px;
}

.out .dhnr_board .dh_C_04 {
	transition-delay: 2.3s;
}

.dhnr_board .dh_C_05 {
	width: 164px;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_C_05 {
	transition-delay: 0.9s;
	opacity: 1;
	top: 130px;
	left: 00px;
}

.out .dhnr_board .dh_C_05 {
	transition-delay: 2.3s;
}

.dhnr_board dl.round_round_C_left dd {
	top: 16px;
}

.dhnr_board .dh_C_06 {
	width: 164px;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown2 3s infinite linear;
	-webkit-animation: upDown2 3s infinite linear;
}

.in .dhnr_board .dh_C_06 {
	transition-delay: 1.1s;
	opacity: 1;
	top: 230px;
	left: 240px;
}

.out .dhnr_board .dh_C_06 {
	transition-delay: 2.1s;
}

.dhnr_board .dh_C_07 {
	width: 164px;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_C_07 {
	transition-delay: 1.3s;
	opacity: 1;
	top: 130px;
	left: 480px;
}

.out .dhnr_board .dh_C_07 {
	transition-delay: 1.9s;
}

.dhnr_board dl.round_round_C_left dd {
	top: 16px;
}

.dhnr_board .dh_C_08 {
	width: 164px;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown2 3s infinite linear;
	-webkit-animation: upDown2 3s infinite linear;
}

.in .dhnr_board .dh_C_08 {
	transition-delay: 1.5s;
	opacity: 1;
	top: 230px;
	left: 740px;
}

.out .dhnr_board .dh_C_08 {
	transition-delay: 1.7s;
}

.dhnr_board .dh_C_09 {
	width: 164px;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_C_09 {
	transition-delay: 1.7s;
	opacity: 1;
	top: 130px;
	left: 960px;
}

.out .dhnr_board .dh_C_09 {
	transition-delay: 1.5s;
}


.dhnr_board .arr_dh_C-01 {
	width: 20px;
	position: absolute;
	top: 190px;
	left: 70px;
	transform: rotate(90deg);
	opacity: 0;

}

.dhnr_board .arr_dh_C-02 {
	width: 20px;
	position: absolute;
	top: 290px;
	left: 315px;
	transform: rotate(90deg);
	opacity: 0;
}

.dhnr_board .arr_dh_C-03 {
	width: 20px;
	position: absolute;
	top: 190px;
	left: 555px;
	transform: rotate(90deg);
	opacity: 0;
}

.dhnr_board .arr_dh_C-04 {
	width: 20px;
	position: absolute;
	top: 290px;
	left: 815px;
	transform: rotate(90deg);
	opacity: 0;
}

.dhnr_board .arr_dh_C-05 {
	width: 20px;
	position: absolute;
	top: 190px;
	left: 1030px;
	transform: rotate(90deg);
	opacity: 0;
}

.round_cricle_C .round {
	width: 102px;
	height: 102px;
}

.in .arr_dh_C {
	opacity: 1;
	transition-delay: 1.5s;
}

/*第四屏*/
.li_04 .title2 {
	text-align: center;
	font-size: 20px;
	width: 100%;
	line-height: 80px;
	color: #00b3eb;
}

.dhnr_board .dh_D {
	opacity: 1;
}

.dhnr_board .dh_D_01 {
	width: 945px;
	position: absolute;
	top: 390px;
	left: 100px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_D_01 {
	transition-delay: 0.5s;
	opacity: 1;
	top: 390px;
}

.out .dhnr_board .dh_D_01 {
	transition-delay: 0.7s;
}

.dhnr_board .dh_D_02 {
	width: 154px;
	position: absolute;
	top: 350px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_D_02 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 150px;
	left: 00px;
}

.out .dhnr_board .dh_D_02 {
	transition-delay: 0.5s;
}

.dhnr_board .dh_D_03 {
	width: 154px;
	position: absolute;
	top: 350px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown2 3s infinite linear;
}

.in .dhnr_board .dh_D_03 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 100px;
	left: 180px;
}

.out .dhnr_board .dh_D_03 {
	transition-delay: 0.5s;
}

.dhnr_board .dh_D_04 {
	width: 154px;
	position: absolute;
	top: 350px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_D_04 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 150px;
	left: 360px;
}

.out .dhnr_board .dh_D_04 {
	transition-delay: 0.5s;
}

.dhnr_board .dh_D_05 {
	width: 154px;
	position: absolute;
	top: 350px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown2 3s infinite linear;
}

.in .dhnr_board .dh_D_05 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 100px;
	left: 540px;
}

.out .dhnr_board .dh_D_05 {
	transition-delay: 0.5s;
}

.dhnr_board .dh_D_06 {
	width: 154px;
	position: absolute;
	top: 350px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_D_06 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 150px;
	left: 720px;
}

.out .dhnr_board .dh_D_06 {
	transition-delay: 0.5s;
}

.dhnr_board .dh_D_07 {
	width: 154px;
	position: absolute;
	top: 350px;
	left: 500px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown2 3s infinite linear;
}

.in .dhnr_board .dh_D_07 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 100px;
	left: 900px;
}

.out .dhnr_board .dh_D_07 {
	transition-delay: 0.5s;
}

/*第五屏*/
.li_05 .title2 {
	text-align: center;
	font-size: 20px;
	width: 100%;
	line-height: 80px;
	color: #00b3eb;
}

.dhnr_board .dh_E {
	opacity: 1;
}

.dhnr_board .dh_E_10 {
	width: 275px;
	position: absolute;
	top: 370px;
	left: 450px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_E_10 {
	transition-delay: 0.5s;
	opacity: 1;
	top: 130px;
}

.out .dhnr_board .dh_E_10 {
	transition-delay: 1.1s;
}

.dhnr_board .dh_E_11 {
	width: 490px;
	position: absolute;
	top: 390px;
	left: 320px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_E_11 {
	transition-delay: 0.5s;
	opacity: 1;
	top: 260px;
}

.out .dhnr_board .dh_E_11 {
	transition-delay: 1.1s;
}

.dhnr_board .dh_E_01 {
	width: 158px;
	position: absolute;
	top: 90px;
	left: 500px;
	z-index: 9;
	opacity: 0;
}

.dhnr_board .dh_E_01 img {
	-webkit-transition: all 1s;
	-webkit-animation: rotating 6s linear infinite;
}

.in .dhnr_board .dh_E_01 {
	transition-delay: 0.7s;
	opacity: 1;
	top: 90px;
	position: relative;
}

.dhnr_board .dh_E_01 p {
	position: absolute;
	top: 60px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #00b3eb;
}

.out .dhnr_board .dh_E_01 {
	transition-delay: 0.9s;
}

.dhnr_board .dh_E_01_2 {
	width: 158px;
	position: absolute;
	top: 240px;
	left: 486px;
	z-index: 9;
	opacity: 0;
}

.dhnr_board .dh_E_01_2 img {
	-webkit-transition: all 1s;
	-webkit-animation: rotating2 6s linear infinite;
}

.in .dhnr_board .dh_E_01_2 {
	transition-delay: 0.9s;
	opacity: 1;
	top: 240px;
}

.dhnr_board .dh_E_01_2 p {
	position: absolute;
	top: 60px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #00b3eb;
}

.out .dhnr_board .dh_E_01_2 {
	transition-delay: 0.9s;
}

.dhnr_board .dh_E_02 {
	width: 284px;
	position: absolute;
	top: 110px;
	left: 390px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_E_02 {
	transition-delay: 0.9s;
	opacity: 1;
	top: 110px;
	left: 190px;
}

.out .dhnr_board .dh_E_02 {
	transition-delay: 0.7s;
}

.dhnr_board .dh_E_03 {
	width: 364px;
	position: absolute;
	top: 110px;
	left: 790px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_E_03 {
	transition-delay: 0.9s;
	opacity: 1;
	top: 110px;
	left: 690px;
}

.out .dhnr_board .dh_E_03 {
	transition-delay: 0.7s;
}

.dhnr_board .dh_E_04 {
	width: 92px;
	position: absolute;
	top: 270px;
	left: 520px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_E_04 {
	transition-delay: 0.9s;
	opacity: 1;
	top: 400px;
	left: 300px;
}

.out .dhnr_board .dh_E_04 {
	transition-delay: 0.7s;
}

.dhnr_board .dh_E_05 {
	width: 92px;
	position: absolute;
	top: 270px;
	left: 520px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_E_05 {
	transition-delay: 0.9s;
	opacity: 1;
	top: 460px;
	left: 520px;
}

.out .dhnr_board .dh_E_05 {
	transition-delay: 0.7s;
}

.dhnr_board .dh_E_06 {
	width: 92px;
	position: absolute;
	top: 270px;
	left: 520px;
	z-index: 9;
	opacity: 0;
	animation: upDown 3s infinite linear;
	-webkit-animation: upDown 3s infinite linear;
}

.in .dhnr_board .dh_E_06 {
	transition-delay: 0.9s;
	opacity: 1;
	top: 280px;
	left: 740px;
}

.out .dhnr_board .dh_E_06 {
	transition-delay: 0.7s;
}

.dhnr_board .dh_E_07 {
	width: 284px;
	position: absolute;
	top: 280px;
	left: 150px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_E_07 {
	transition-delay: 1.1s;
	opacity: 1;
	top: 280px;
	left: -50px;
}

.out .dhnr_board .dh_E_07 {
	transition-delay: 0.5s;
}

.dhnr_board .dh_E_08 {
	width: 306px;
	position: absolute;
	top: 480px;
	left: 420px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_E_08 {
	transition-delay: 1.1s;
	opacity: 1;
	top: 480px;
	left: 620px;
}

.out .dhnr_board .dh_E_08 {
	transition-delay: 0.5s;
}

.dhnr_board .dh_E_09 {
	width: 306px;
	position: absolute;
	top: 200px;
	left: 660px;
	z-index: 9;
	opacity: 0;
}

.in .dhnr_board .dh_E_09 {
	transition-delay: 1.1s;
	opacity: 1;
	top: 200px;
	left: 860px;
}

.out .dhnr_board .dh_E_09 {
	transition-delay: 0.5s;
}

.dhnr_board .dh_E dl.round_round {
	top: 16px;
}

.dhnr_board .dh_E dl.round_round dd {
	margin-bottom: 45px;
}

.dhnr_board .dh_E dl.round_round dd.last {
	margin-top: 60px;
}

.dhnr_board .dh_E dl.round_round_E_right {
	right: auto;
	left: 30px;
}

.dhnr_board .dh_E .color1 i {
	background: #ed7d31;
}

.dhnr_board .dh_E .color2 i {
	background: #00b050;
}

.dhnr_board .dh_E .color3 i {
	background: #fbb03b;
}


.dhnr_board .arr_dh_E-01 {
	width: 20px;
	position: absolute;
	top: 400px;
	left: 435px;
	transform: rotate(145deg);
	opacity: 0;
}

.dhnr_board .arr_dh_E-02 {
	width: 20px;
	position: absolute;
	top: 420px;
	left: 555px;
	transform: rotate(90deg);
	opacity: 0;
}

.dhnr_board .arr_dh_E-03 {
	width: 20px;
	position: absolute;
	top: 320px;
	left: 705px;
	transform: rotate(0deg);
	opacity: 0;
}

.in .arr_dh_E {
	opacity: 1;
	transition-delay: 0.7s;
}

.technology-1 .wal ul li.li_03,
.technology-1 .wal ul li.li_04,
.technology-1 .wal ul li.li_05 {
	transform: scale(0.9);
}

@media screen and (max-width:1400px) {
	.technology-1 .wal ul li {
		transform: scale(0.9);
	}

	.technology-1 .wal ul li.li_03,
	.technology-1 .wal ul li.li_04,
	.technology-1 .wal ul li.li_05 {
		transform: scale(0.8);
	}
}






























/*首页共性*/
.zn-nav-service {
	position: relative;
	overflow: hidden;
	background: url(../images/bg1.jpg) no-repeat center bottom;
	background-size: 100% 100%;
	font-size: 14px;
	height: 900px;
	padding-top: 40px;
}

.zn-nav-service .row {}

.zn-nav-service #bg-ico1 {
	width: 500px;
	position: absolute;
	margin-left: -200px;
	opacity: 0;
	top: 10%;
	left: 6%;
}

.zn-nav-service #bg-ico2 {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 36%;
	margin-top: -290px;
	margin-left: -470px;
	width: 500px;
}

.zn-nav-service #bg-ico3 {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 66%;
	margin-top: -290px;
	margin-left: -670px;
	width: 500px;
}

.zn-nav-service #bg-ico4 {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 66%;
	margin-top: -290px;
	margin-left: -870px;
	width: 500px;
}

.zn-nav-service #bg-ico5 {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 66%;
	margin-top: -290px;
	margin-left: -1070px;
	width: 500px;
}

.zn-nav-service .bg-icon {
  max-width: 20%;
}

.zn-nav-service .items {
	/* width: 33.33%; */
	height: 900px;
	float: left;
	text-align: center;
	border-right: 1px solid #e0e0e0;
	padding: 15% 0%;
	position: relative;
	z-index: 1;
}

.zn-nav-service .items .icobox {
	margin-bottom: 20px;
}

.zn-nav-service .items .icobox .u-icon {
	width: 105px;
	height: 105px;
	background-position: center center;
}

.zn-nav-service .items .icobox .u-icon.u-icon-1 {
	background-image: url(../images/ico-1.png);
}

.zn-nav-service .items .icobox .u-icon.u-icon-2 {
	background-image: url(../images/ico-2.png);
}

.zn-nav-service .items .icobox .u-icon.u-icon-3 {
	background-image: url(../images/ico-3.png);
}

.zn-nav-service .items .icobox .u-icon.u-icon-4 {
	background-image: url(../images/ico-4.png);
}

.zn-nav-service .items .icobox .u-icon.u-icon-5 {
	background-image: url(../images/ico-5.png);
}


.zn-nav-service .items .title {
	font-size: 30px;
	text-align: center;
	margin-bottom: 40px;
}

.zn-nav-service .items .list-unstyled {
	margin-bottom: 30px;
	display: none;
}

.zn-nav-service .items .list-unstyled li {
	padding: 10px 0;
	height: auto;
}

.zn-nav-service .items .list-unstyled li a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	line-height: 1.42;
}

.zn-nav-service .items .btn {
	font-size: 16px;
	border-radius: 24px;
	padding-right: 35px;
	padding-left: 35px;
	line-height: 28px;
	display: inline-block;
}

.btn.btn.btn-line {
	height: 40px;
	background: none;
	border-radius: 30px;
	border: 2px solid #ccc;
	color: #999;
	line-height: 40px;
}

.zn-nav-service .items .btn i {
	margin-left: 10px;
}

.zn-nav-service .items.active {
	background: url(../images/bginline.png) no-repeat center;
}

#businessBox1.active .icobox .u-icon.u-icon-1 {
	background-image: url(../images/ico-1-hover.png);
}

#businessBox2.active .icobox .u-icon.u-icon-2 {
	background-image: url(../images/ico-2-hover.png);
}

#businessBox3.active .icobox .u-icon.u-icon-3 {
	background-image: url(../images/ico-3-hover.png);
}

#businessBox4.active .icobox .u-icon.u-icon-4 {
	background-image: url(../images/ico-4-hover.png);
}

#businessBox5.active .icobox .u-icon.u-icon-5 {
	background-image: url(../images/ico-5-hover.png);
}


.zn-nav-service .items.active .title {
	color: #fff;
}

.items.active .btn.btn.btn-line {
	border: 2px solid #fff;
	color: #fff;
}

/*首页新闻*/
.zn-information {
	background: url(../images/bg-fore_03.jpg) no-repeat center top;
	color: #333;
	background-size: cover;
}



.zn-container .zn-news {
	padding-right: 60px;
	/* padding-top: 110px; */
	padding-bottom: 70px;
	float: left;
	width: 60%;
}

.zn-information .zn-container .title {
	border-bottom: 1px solid #333;
	padding-bottom: 20px;
	margin-bottom: 00px;
}

.zn-information .title .tith {
	font-size: 30px;
	float: left;
	height: 45px;
	line-height: 45px;
}

.zn-information .title .more {
	color: #333;
	height: 45px;
	width: 45px;
	line-height: 45px;
	font-size: 30px;
	text-align: center;
	border-radius: 50%;
	float: right;
}

.zn-information .title .links {
	color: #333;
	height: 45px;
	width: 45px;
	line-height: 45px;
	font-size: 30px;
	text-align: center;
	float: right;
}

.zn-information .title .nav-tab {
	float: right;
}

.zn-information .title a {
	display: block;
	color: #333;
}

.zn-information .col-news {
	padding-right: 60px;
	padding-top: 110px;
	padding-bottom: 70px;
	float: left;
	width: 900px;
}

.zn-information .zn-video {
	padding-left: 60px;
        padding-left: 30px;     /* 让图片看起来大一些 */
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	/* padding-top: 110px; */
	padding-bottom: 70px;
	float: left;
	width: 36%;
}

.zn-information .zn-video .index-hot-news {
	margin-top: 40px;
}

.zn-information .v-links {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	padding-top: 30px;
	margin-top: 50px;
}

.zn-information .v-links .list-group {
	margin-bottom: 0;
}

.zn-information .v-links .list-group li {
	background: none;
	padding: 40px 0;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 20px;
}

.zn-information .v-links .list-group li a {
	display: block;
	color: #FFF;
}

.zn-information .v-links .list-group li .u-icon {
	width: 28px;
	height: 28px;
	background-position: center center;
	margin-left: 5px;
}

.zn-information .v-links .list-group li .glyphicon-menu-right {
	float: right;
	margin-top: 5px;
}

.zn-information .index-hot-news {
	margin-bottom: 50px;
}

.zn-information .index-hot-news .media {
	position: relative;
	border-bottom: 1px solid #333333;
	margin-top: 0;
	padding: 0 0 20px 0;
	max-height: 210px;
	overflow: hidden;
}

.zn-information .index-hot-news .media .data {
	width: 180px;
	padding-left: 30px;
	text-align: left;
}

.zn-information .index-hot-news .media .data .m {
	font-size: 40px;
	margin-bottom: 10px;
	line-height: 1;
}

.zn-information .index-hot-news .media .data .y {
	font-size: 18px;
}

.zn-information .index-hot-news .media .media-body {
	padding-top: 40px;
	position: relative;
	z-index: 2;
}

.zn-information .index-hot-news .media .media-body .bt {
	font-size: 20px;
	padding-top: 5px;
}

.zn-information .index-hot-news .media .media-body .bt a {
	font-size: 20px;
}

.zn-information .index-hot-news .media .media-body .nr {
	font-size: 16px;
	height: 60px;
	line-height: 30px;
	margin-top: 20px;
	display: none;
	overflow: hidden;
}

.zn-information .index-hot-news .media .media-left {
	padding-top: 40px;
	position: relative;
	z-index: 2;
}

.zn-information .index-hot-news .media a {
	color: #333;
}

.zn-information .index-hot-news .media .bg {
	z-index: 1;
	position: absolute;
	top: 0;
	width: 0%;
	height: 100%;
	background: url("../images/bginline.png") no-repeat 0 top;
}

.zn-information .index-vedio-big {
	position: relative;
}

.zn-information .index-vedio-big .v-box {
	position: relative;
	display: block;
	z-index: 2;
	cursor: pointer;
}

.zn-information .index-vedio-big .v-box .tit {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: -50px;
	text-align: center;
}

.zn-information .index-vedio-big .v-box img {
	width: 100%;
}

.zn-information .index-vedio-big .v-box .name {
	margin-top: 10px;
	font-size: 15px;
	color: #333;
	text-align: center;
}

.media-left,
.media-right,
.media-body {
	display: table-cell;
	vertical-align: top;
}

/*合作伙伴*/

.zn-partner {
	background: #263251;
}

.partner_title {
	text-align: center;
	padding-top: 100px;
	font-size: 36px;
	color: #FFFFFF;
	margin-bottom: 30px;
}

.partner_title .line {
	margin-left: auto;
	margin-right: auto;
	height: 3px;
	width: 50px;
	background-color: #FFFFFF;
	margin-top: 20px;
}

.zn-partner .partner ul {
	padding-bottom: 80px;
}

.zn-partner .partner ul li {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zn-partner .partner ul li img {
	width: auto;
	display: block;
	max-width: 80%;
	max-height: 60px;
}

.swiper-pagination-bullet-active {
	background: #fff;
}

/*首页页尾*/
.lh-footer {
	height: 100vh;
	position: relative;
	width: 100%;
	background: #1F1D1D;
}

.lh-footer .map {
	background-image: url(../images/map.png);
	width: 50%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}

.lh-footer-r {
	float: right;
	width: 50%;
	height: 100%;
	background: #1F1D1D;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lh-footer-r h2 {
	font-size: 46px;
	color: #fff;
	font-family: "Times New Roman";
}

.lh-footer-r h3 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-top: 1vh;
}

.lh-footer-nav {
	padding: 4vh 0 7vh;
	border-top: 1px solid #302D2D;
	border-bottom: 1px solid #302D2D;
	width: 290px;
	margin-top: 8vh;
}

.lh-footer-nav li {
	margin-top: 3vh;
	font-size: 14px;
}

.lh-footer-nav li a {
	color: #fff;
}

.lh-footer-a {
	margin-top: 4vh;
	color: #666;
	font-size: 13px;
}

.lh-footer-a h4 {
	margin: 10px 0;
	font-size: 100%;
	font-weight: normal;
	color: #fff;
}

.lh-footer-a h4 a {
	color: #fff;
}

.lh-footer .map #container2 {
	height: 100%;
}

.zn-footer-box {
	width: 100%;
	background: #1D1E1E;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
}

.zn-footer-box .zn-footer {
	color: #fff;
}

/*新闻*/
.other_banner {
	background-attachment: fixed;
	/* height: 800px; */
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
}

.other_banner:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/banner_bg.png) no-repeat left center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	animation: bannergo 3s forwards ease-in-out;
}

.other_tit {
	color: #fff;
	z-index: 2;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.index_tit {
	font-size: 26px;
	color: #fff;
}

.index_tit h3 {
	font-size: 42px;
	font-weight: bold;
	font-family: "en";
	margin-bottom: 10px;
	color: #fff;
}

.index_tit2 h3 {
	background: linear-gradient(to right, #0F80C3, #0F80C3);
	-webkit-background-clip: text;
	color: transparent;
}

.index_tit3 h3 {
	font-size: 40px;
}

.banner_icon {
	font-size: 16px;
	border-bottom: 1px solid #fff;
	width: 130px;
	padding-bottom: 10px;
	margin-top: 50px;
	color: #fff;
}
.banner_icon a{
	color: #fff;
}
.yanfa-gun{
	position: absolute;
	bottom: 10px;
	left: 50%;
	border-bottom: none;
}

.sb {
	display: inline-block;
	width: 20px;
	height: 40px;
	background: url(../images/sb.png) no-repeat center;
	margin-right: 20px;
	vertical-align: middle;
	animation: myfirst 2s infinite;
}

.other_psge {
	position: relative;
	padding-bottom: 100px;
	padding-top: 30px;
}

.z_skew {
	/* transform: skew(0, -2.4deg);
	-webkit-transform: skew(0, -2.4deg);
	-moz-transform: skew(0, -2.4deg);
	-o-transform: skew(0, -2.4deg); */
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform-origin: left top;
}

.z_skew2 {
	margin: auto;
	/* overflow: hidden; */
	box-sizing: content-box;
	position: relative;
	z-index: 20;
}

.lc_yy .index_tit {
	margin-bottom: 50px;
	color: #333;
	text-align: center;
}

.newspic li {
	/* box-shadow: 0 20px 40px rgba(21, 73, 154, .3); */
	height: 420px;
}

.newspic img {
	width: 100%;
	/* height: 100%; */
	vertical-align: bottom;
	transition: all .8s;
}

.u_hidden {
	display: none;
}

.newslist li {
	margin-bottom: 40px;
}

.newslist li:first-child {
	margin-top: 20px;
}

.newslist li h3 {
	font-size: 18px;
	line-height: 30px;
	transition: all .65s;
}

.newslist li.on h3 {
	color: #0F80C3;
}

.newslist li p,
.newslist li span {
	color: #666666;
	line-height: 24px;
}

.newslist .downcon {
	height: 0;
	transition: all .6s;
	overflow: hidden;
}

.newslist li.on .downcon {
	height: 48px;
}

.newslist li.on h3 {
	color: #0F80C3;
}

.news_list {
	margin-top: 50px;
}

.news_list ul li {
	padding: 0 20px;
	box-sizing: border-box;
	transition: all .8s;
}

.news_list ul li a {
	display: block;
	font-size: 17px;
	width: 100%;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #dce2eb;
	padding-left: 15px;
	box-sizing: border-box;
	position: relative;
}

.news_list ul li a:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #0F80C3;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_list ul li .ellipsis {
	width: 70%;
	display: inline-block;
}

.news_list ul li .time {
	float: right;
}

.news_list ul li .more {
	display: block;
	width: 240px;
	height: 80px;
	position: absolute;
	right: -20px;
	top: 0;
	text-align: center;
	background: url(../images/tit_bg2.png) no-repeat center;
	background-size: 100% 100%;
	color: #fff;
	font-size: 14px;
	transform: translateX(300px);
	transition: all .8s;
	opacity: 0;
}

.newspic {
	width: 46.6%;
	float: left;
}

.newslist {
	width: 49%;
	float: right;
}

.load_more {
	display: block;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #0F80C3;
	border-radius: 30px;
	box-shadow: 0 0 20px rgba(21, 73, 154, .16);
	margin: 0 auto;
	color: #fff;
	margin-top: 50px;
}

.news_list ul li:hover {
	background: #fff;
	box-shadow: 6px 0px 20px rgba(21, 73, 154, .16);
}

.news_list ul li:hover a {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.news_list ul li:hover .more {
	transform: translateX(0);
	opacity: 1;
}

@-webkit-keyframes bannergo {
	0% {
		left: 0%;
		opacity: 1;
	}

	100% {
		left: 63%;
		opacity: 1;
	}
}

@keyframes bannergo {
	0% {
		left: 100%;
		opacity: 1;
	}

	100% {
		left: 0%;
		opacity: 1;
	}
}

@-webkit-keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}

	50% {
		transform: translate(0px, -10px);
	}

	100% {
		transform: translate(0px, 0px);
	}
}

@keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}

	50% {
		transform: translate(0px, -10px);
	}

	100% {
		transform: translate(0px, 0px);
	}
}

/*新闻详情*/
.page_wz {
	background: url(../images/dz_icon.png) no-repeat left center;
	padding: 5px 0;
	padding-left: 20px;
	margin-top: 50px;
}

.page_wz a {
	color: #fff;
}

.xq_page {
	position: relative;
	padding-bottom: 100px;
	padding-top: 0;
}

.left_con {
	width: 74%;
	float: left;
	position: relative;
	padding: 40px 40px;
	box-sizing: border-box;
	margin-top: -70px;
	z-index: 2;
	background: #fff;
	box-shadow: 0px 0px 40px rgba(21, 73, 154, .2);
}

.xq_tit h3 {
	font-size: 24px;
	font-weight: bold;
}

.xq_tit p {
	margin: 30px 0;
	color: #888888;
}

.xq_tit p span {
	display: inline-block;
	margin-right: 40px;
}

.xq_con {
	padding: 30px 0;
	border-bottom: 2px solid #e5e9f0;
	border-top: 2px solid #e5e9f0;
	min-height: 400px;
	line-height: 36px;
	color: #555;
}

.left_con .share_box {
	text-align: center;
	margin: 50px 0;
}

.left_con .share_box a {
	display: inline-block;
	margin: 0 10px;
	width: 40px;
	height: 40px;
	position: relative;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}

.left_con .share_box .bshare-weixin {
	background: url(../images/s_wx.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 2;
}

.left_con .share_box .bshare-sinaminiblog {
	background: url(../images/s_wb.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 2;
}

.left_con .share_box .bshare-qqim {
	background: url(../images/s_qq.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 2;
}

.right_con {
	width: 26%;
	float: right;
	position: relative;
	float: right;
	padding: 30px 40px;
	padding-bottom: 80px;
	box-sizing: border-box;
	margin-top: -54px;
}

.topbtmbar .box {
	border-bottom: 2px solid #fff;
	padding: 30px 0;
}

.topbtmbar h3 {
	color: rgb(0, 0, 0);
	font-size: 18px;
	font-weight: bold;
}

.topbtmbar h3 img {
	margin-right: 10px;
	width: auto;
	display: inline-block;
}

.topbtmbar p {
	margin: 10px 0;
}

.topbtmbar p,
.topbtmbar span {
	color: rgb(0, 0, 0);
}
.box-left{
	width: 45%;
	float: left;
}
.box-right{
	width: 45%;
	float: right;
}
.box-right h3,.box-right p ,.box-right span{
	display: block;
	text-align: right;
}

.right_con .z_skew:before {
	content: "";
	width: 100%;
	height: 80px;
	background: #ddd;
	position: absolute;
	left: 0;
	bottom: -30px;
}

.right_con .tit {
	display: block;
	display: block;
	position: absolute;
	left: 0;
	bottom: -70px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;
}

.xq_con p {
	color: rgb(88, 78, 78);
	font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
	font-size: 15px;
	letter-spacing: 0.544px;
	text-align: justify;
	background-color: rgb(255, 255, 255);
}

.xq_con img {
	width: 50%;
	margin: auto;
}

/*联系我们*/
/* 地图 */
.amap-info-content{
	background: #2a2a2a;
	color: #fff;
}
.top-left .amap-info-sharp{
	border-bottom: 10px solid #2a2a2a;
}
.other_psge {
	position: relative;
	padding-bottom: 100px;
	padding-top: 30px;
	margin-top: 80px;
}

.contact_way {
	margin-bottom: 0;
}

.contact_box {
	width: 48%;
	box-sizing: border-box;
}

.contact_box .way_tit {
	font-size: 24px;
	margin-bottom: 50px;
}

.contact_box .way_tit span {
	font-size: 40px;
	margin-bottom: 10px;
	display: inline-block;
	font-family: "en";
	background: linear-gradient(to right, #0F80C3, #0F80C3);
	-webkit-background-clip: text;
	color: transparent;
}







.contact_box .way_tit h3 {
	line-height: 20px;
}

.way_code {
	margin-top: 30px;
	width: 160px;
	height: 160px;
}

.way_text p {
	margin-bottom: 20px;
}

.way_text p span {
	font-size: 14px;
	font-family: "em";
	margin-right: 20px;
}

.way_code {
	margin-top: 30px;
	width: 160px;
	height: 160px;
}

.way_code img {
	width: 100%;
	height: 100%;
}

.contact_box .way_tit {
	font-size: 24px;
	margin-bottom: 50px;
}

.contact_box .way_tit span {
	font-size: 40px;
	margin-bottom: 10px;
	display: inline-block;
	font-family: "en";
	background: linear-gradient(to right, #0F80C3, #0F80C3);
	-webkit-background-clip: text;
	color: transparent;
}

.contact_box .way_tit h3 {
	line-height: 20px;
}

.ly_form {
	width: 100%;
}

.ly_form li {
	width: 100%;
	height: 58px;
	border: 1px solid #dddddd;
	background: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.ly_form li label {
	line-height: 58px;
}

.ly_form li .input_text {
	width: 87%;
	color: #666;
	background: #fff;
	display: inline-block;
}

.ly_form li.ly_text {
	height: 200px;
}

.ly_form li label {
	line-height: 58px;
	color: #000;
}

.ly_form li.ly_text label {
	vertical-align: top;
}

.ly_form li.ly_text textarea {
	width: 87%;
	height: 120px;
	padding-top: 25px;
	box-sizing: border-box;
	color: #666;
	display: inline-block;
}

.tj_btn {
	color: #0F80C3;
	float: right;
	font-size: 16px;
	display: block;
}

.contact_map {
	width: 100%;
	height: 580px;
	margin-top: 40px;
}

.contact_map {
	width: 100%;
	height: 580px;
	margin-top: 40px;
}

/*人才招聘*/
.talent_zp {
	margin-top: 100px;
}

.zp_tit,
.rc_box .tit {
	padding: 0 20px;
	box-sizing: border-box;
}

.zp_tit span {
	display: block;
	width: 25%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	float: left;
}

.rc_box .tit {
	background: #fff;
	line-height: 80px;
	border-bottom: 1px solid #dddddd;
	cursor: pointer;
	position: relative;
}

.zp_tit,
.rc_box .tit {
	padding: 0 20px;
	box-sizing: border-box;
}

.rc_box .tit span {
	display: block;
	width: 24%;
	float: left;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	align-items: center;
	/* justify-content: center; */
	height: 80px;
	padding-right: 1%;
}

.rc_box ul {
	width: 100%;
	padding: 50px 20px;
	box-sizing: border-box;
	background: #fff;
	border: 2px solid #fff;
	display: none;
}

.rc_box .tit.on {
	background: #0F80C3;
	color: #fff;
	border-bottom: none;
}

.rc_box .tit.on:before {
	content: "";
	display: block;
	width: 18px;
	height: 16px;
	background: url(../img/cha.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}

.rc_box ul.on {
	border-color: #0F80C3;
}

.rc_box ul .box {
	width: 50%;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
	color: #555;
}

.rc_box ul .box p {
	margin-bottom: 10px;
}

.rc_box ul .bz {
	padding: 0 20px;
	box-sizing: border-box;
	margin-top: 30px;
	width: 100%;
	float: left;
	font-size: 16px;
}

.rc_box ul .bz .btn {
	display: inline-block;
	margin-right: 20px;
	width: 100px;
	height: 35px;
	line-height: 35px;
	border-radius: 18px;
	color: #fff;
	text-align: center;
	background: #0F80C3;
}


/*成果转化*/

.company-card-name{
	font-size: 24px;
	line-height: 40px;
}
.company-card-contact-list li{
	font-size: 14px;
	line-height: 36px;
}


.draw{
    display: block;
    width: 160px;
    height: 45px;
    line-height: 45px;
    text-align: left;
	padding-left: 20px;
    position: relative;
    color: #fff;
    margin-top: 30px;
	font-weight: bold;
}
.draw img{
	position: absolute;
	right: 15%;
	top: 35%;
}
.draw svg{
    height: 45px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.draw rect {
	fill: none;
	stroke: #fff;
	stroke-width: 3;
	stroke-dasharray: 422, 0;
	transition: all 450ms linear 0s;
}
/* 按钮动画 */
.draw:hover {
	background: transparent;
    color: #fff;
	font-weight: 900;
	letter-spacing: 1px;
	transition: all 150ms linear 0s;
}
.draw:hover rect,
.index_tec:hover .draw rect {
	stroke-width: 5;
	stroke-dasharray: 15, 310;
	stroke-dashoffset: 48;
	-webkit-transition: all 1.35s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.35s cubic-bezier(.19, 1, .22, 1);
}


.zn-overview {
	overflow: hidden;
}

.zn-overview .zn-container {
	background: #fff;
	margin-top: 22vh;
	position: relative;
	padding-bottom: 10vh;
}

.lh-entrance {
	position: absolute;
	top: 86px;
	left: 0;
	z-index: 1;
}

.lh-entrance li {
	width: 180px;
	height: 138px;
	position: relative;
	transition: all 0.5s;
}

.lh-entrance li:after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-image: url(../images/add.png);
	background-size: cover;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.lh-entrance li:hover,
.lh-entrance li.on {
	width: 220px;
}

.lh-entrance li:hover:after,
.lh-entrance li.on:after {
	background-image: none;
}

.lh-entrance li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}

.lh-entrance li h2 {
	font-size: 12px;
	line-height: 14px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.lh-entrance li h3 {
	font-size: 14px;
	line-height: 18px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.lh-entrance li:nth-child(1) {
	background: #005BA2;
}

.lh-entrance li:nth-child(2) {
	background: #043D8A;
}

.lh-entrance li:nth-child(3) {
	background: #395897;
}

.lh-entrance li:nth-child(4) {
	background: #2084AE;
}

.lh-entrance li:nth-child(5) {
	background: #0F80C3;
}

.zn-overview .clearfix>.info {
	width: 48%;
	float: left;
	margin-left: 22%;
	margin-top: 10%;
	min-height: 600px;
}

.zn-overview .info .name {
	font-size: 24px;
	line-height: 50px;
	margin-bottom: 50px;
}

.zn-overview .info .ccont {
	font-size: 14px;
	line-height: 24px;
	text-indent: 28px;
}

.zn-overview .info .ccont .imgtp {
	margin-top: 20px;
	overflow: hidden;
}

.zn-overview .info .ccont .imgtp .num03 {
	width: 32%;
	float: left;
	margin-right: 1%;
	font-size: 12px;
	text-align: center;
}

.zn-overview .info .ccont .imgtp .num03 img {
	width: 100%;
}

.zn-overview .info .ccont .imgtp img {
	width: 31.3%;
	float: left;
	margin-right: 3%;
}

.zn-overview .info .ccont .imgtp img:last-child {
	margin-right: 0;
}

.zn-overview .responsible {
	width: 26%;
	float: right;
	margin-top: 10%;
	margin-right: 1%;
}

.zn-overview .responsible .name {
	font-size: 20px;
	line-height: 28px;
	padding: 30px 0;
}

.zn-overview .responsible .achi_text p {
	font-size: 14px;
	line-height: 36px;
}

.yingyongly {
	height: 800px;
	position: relative;
}

.yingyongly .zn-fr .title {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
}

.yingyongly .zn-fr {
	width: 50vw;
	height: 850px;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.7);
	display: flex;
	align-items: center;

}

.yingyongly .zn-fr .info {
	padding-left: 8vw;
	width: 70%;
	max-width: 500px;
	font-size: 14px;
	line-height: 24px;
}

.yingyongly .zn-fr .info h3 {
	font-size: 40px;
	line-height: 48px;
	color: #0F80C3;
}

.yingyongly .my-ly {
	height: 800px;
}

.navigation_nr {
	overflow: hidden;
	padding-top: 3%;
	padding-right: 1%;
}

.navigation_nr img {
	width: auto;
}

.navigation_nr .right {
	display: inline-flex;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0;
}

.navigation_nr .right a {
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
}

.navigation_nr .right span img {
	width: 12px;
	margin-top: 4px;
	margin-right: 4px;
}

/*成果转化-导航*/
.zn-otherNav {
	background: #0F80C3;
}

.zn-otherNav .zn-other-nav {
	display: flex;
	align-items: center;
	justify-content: center;
}

.zn-otherNav .zn-other-nav li {
	width: 35%;
}

.zn-otherNav .zn-other-nav li a {
	font-size: 26px;
	line-height: 118px;
	color: #fff;
	text-align: center;
	display: block;
}

/*成果转换33474蒙特卡罗官网*/
.achi-product .zn-container {
	padding: 4% 0;
}

.achi-product .two_show img {
	width: 50%;
}

.achi-product .fl {
	width: 60%;
}

.achi-product .fl .achi-pro-detail {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.achi-product .fl .achi-pro-detail img {
	margin-bottom: 30px;
	float: left;
}

.achi-product .fl .achi-pro-detail img.iphone1 {
	max-height: 300px;
	margin-right: 40px;
	width: auto;
}

.achi-pro-detail:after {
	content: '';
	display: block;
	clear: both;
}

.achi-product .fl .achi-pro-detail p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-indent: 28px;
}

.achi-product .fr {
	width: 30%;
	background: rgba(15, 128, 195, 0.8);
	min-height: 480px;
}

.achi-product .achi-pro-menu {
	padding: 6%;
}

.achi-product .achi-pro-menu .title {
	color: #fff;
	font-size: 20px;
	margin-bottom: 30px;
}

.achi-product .achi-pro-menu .title h3 {
	font-size: 40px;
	line-height: 48px;
}

.achi-product .achi-pro-menu .achievements_list li {
	border: 1px solid rgba(0, 0, 0, 0);
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	color: #fff;
	padding-left: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	padding: 10px 10px;
}

.achi-product .achi-pro-menu .achievements_list li.active {
	border: 1px solid #fff;
}


/* 1027加 */
.about-js{
	padding-top: 80px;
}
.other_tit .contact_way .contact_box .way_tit span{
	color: #fff;
}
.other_tit .index_tit{
	margin-top: 40px;
}
.other_tit .contact_way{
	margin-top: 80px;
}
/* 1028 */
.technology-1 .wal .list .title{
	height: unset;
    font-size: 32px;
    text-align: center;
    padding-top: 50px !important;
    width: 100%;
    color: black;
	position: unset;
}
/* 1110 */
.zn-gudong{
	position: relative;
}
.gudong{
	position: relative;
}
.gd{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.gd-logo{
	width: 33%;
	margin-bottom: 20px;
}
.gd-logo img{
	width: 90%;
	display: block;
	margin: 0 auto;
}
.gd-logo p{
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}






/*成果转化*/
.zn-vision {
	background: #EFF2F1;
	z-index: 1;
}

.zn-vision .zn-container {
	z-index: 2;
	position: relative;
}

.zn-vision .zn-container .fr {
	z-index: 2;
}

.zn-vision .fl {
	width: 40%;
	height: 100%;
	min-height: 800px;
	background: #fff;
	padding: 20% 4%;
	position: absolute;
	top: 0;
	left: 0;
}

.zn-vision .fl .title {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 30px;
}

.zn-vision .fl .title h3 {
	font-size: 40px;
	line-height: 48px;
	color: #0F80C3;
}

.zn-vision .fl .contant {
	font-size: 14px;
	line-height: 24px;
}

.zn-vision .fl .contant.yyxz {
	font-size: 16px;
	line-height: 32px;
}

.zn-vision .fr {
	width: 50%;
	padding-top: 20vh;
	padding-bottom: 20vh;
}

.zn-vision .fr .sanjiao {
	width: 438px;
	height: 437px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	z-index: 1;
}

.zn-vision .fr .sanjiao:before,
.zn-vision .fr .sanjiao:after {
	width: 431px;
	height: 442px;
	background: url(../images/triangle-3.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -221px 0 0 -215px;
	z-index: -1;
	content: '';
	display: block;
}

.zn-vision .fr .sanjiao:after {
	width: 442px;
	height: 430px;
	background: url(../images/triangle-2.png) no-repeat center;
	background-size: contain;
	z-index: -2;
	margin: -221px 0 0 -215px;
	animation: ai1-1 linear 5s infinite;
}

.zn-vision .fr .sanjiao:before {
	animation: ai1 linear 5s infinite;
}

@keyframes ai1 {
	0% {
		transform: rotate(0);
		opacity: .2;
	}

	50% {
		opacity: 1;
	}

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

@keyframes ai1-1 {
	0% {
		transform: rotate(0);
		opacity: .2;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: rotate(-360deg);
		opacity: .2;
	}
}

/*成果转化-燃料电池*/
.zn-com-con {
	background-size: cover;

}

.zn-com-con .zn-container1 {
	color: #fff;
	width: 100%;
}

.zn-com-con .zn-container1 .zn-container {
	background: #1D1E1E;
	padding: 20vh 0;
}

.zn-com-con .zn-container1 .zn-container .com-con {
	padding-left: 3%;
}

.zn-com-con .zn-container1 .zn-container .titie {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 30px;
	color: #fff;
	margin-bottom: 60px;
}

.zn-com-con .zn-container1 .zn-container .titie h3 {
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 30px;
}

.zn-com-con .zn-container1 .zn-container .name {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px;
}

.zn-com-con .zn-container1 .zn-container .achi_text {
	font-size: 14px;
	line-height: 36px;
}

.zn-com-con .zn-container1 .zn-container .achi_text p {
	padding-left: 20px;
	position: relative;
}

.zn-com-con .zn-container1 .zn-container .achi_text p:after {
	content: '';
	height: 16px;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
}

.zn-com-con .zn-container1 .zn-container .achi_text p:nth-child(1):after {
	background: url(../images/phone.png) no-repeat;
	background-size: cover;
	width: 16px;
}

.zn-com-con .zn-container1 .zn-container .achi_text p:nth-child(2):after {
	background: url(../images/map.png) no-repeat;
	background-size: cover;
	width: 12px;
	left: 2px;
}

.zn-com-con .zn-container1 .zn-container .achi_text p:nth-child(3):after {
	background: url(../images/email.png) no-repeat;
	background-size: contain;
	width: 18px;
	left: -2px;
	top: 12px;
}

.zn-com-con .zn-container1 .zn-container .achi_text p:nth-child(4):after {
	background: url(../images/time.png) no-repeat;
	background-size: contain;
	width: 18px;
	left: -2px;
	top: 12px;
}

/*成果转换*/
.probox {
	position: relative;
	height: 540px;
	background: #0f80c3;
}

.probox .z_skew {
	background: #0f80c3;
	height: 540px;
}

.probox .info {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}

.probox:nth-child(odd) .info {
	justify-content: flex-start;
}

.probox .info_desc {
	width: 43%;
	transform: skew(0, 2.4deg);
	color: #fff;
}

.probox .info_desc h3 {
	font-size: 26px;
	margin-bottom: 20px;
	color: #fff;
}

.pro_nav_menu .probox .info_desc h3 {
	opacity: 0.6;
}

.pro_nav_menu .probox .info_desc.on h3 {
	opacity: 1;
}

.pro_nav_menu .probox .info_desc:hover h3 {
	opacity: 1;
}

.probox .info_desc h3 span {
	display: block;
	font-size: 40px;
	font-family: "en";
	/* white-space: nowrap; */
	margin-bottom: 10px;
	color: #fff;
	margin-bottom: 40px;
}

.probox .info_desc .arr_ac .icon-sanjiaoxing1 {
	width: 40px;
	height: 40px;
	margin-left: 80px;
	margin-top: 20px;
}

.probox .info_desc.on .arr_ac .icon-sanjiaoxing1,
.probox .info_desc:hover .arr_ac .icon-sanjiaoxing1 {
	background: url(../images/arr-bottom.png) no-repeat center;
	background-size: contain;
}

.probox .info,
.probox .imgbox {
	height: 540px;
	/* overflow: hidden; */
}

.probox_menu .info_desc:nth-child(2) .arr_ac .icon-sanjiaoxing1 {
	margin-left: 140px;
}

.probox .arr_ac {}

.probox .imgbox {
	width: 50%;
}

.probox:nth-child(even) .imgbox {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}

.probox .imgbox .img {
	width: 100%;
	height: 540px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.probox:nth-child(even) .info {
	justify-content: flex-end;
}

.probox:nth-child(odd) .imgbox {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

.probox_menu .info_desc {
	width: 50%;
}

.probox_menu .info_desc:nth-child(2) h3 {
	padding-left: 20%;
}

.probox_menu .z_skew {
	background: #2358ab;
}

/* .pro_nav_nr .probox:last-child{
	height: 500px;
	overflow: hidden;
	padding-top: 10px;
} */
.pro_nav_nr .achi_text {
	font-size: 14px;
	line-height: 18px;
}

.pro_nav_nr .achi_text p {
	position: relative;
	padding: 10px 0 10px 30px;
}

.pro_nav_nr .achi_text p:after {
	content: '';
	height: 16px;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
}

.pro_nav_nr .achi_text p:nth-child(1):after {
	background: url(../images/map.png) no-repeat;
	background-size: cover;
	width: 12px;
	left: 2px;
}

.pro_nav_nr .achi_text p:nth-child(2):after {
	background: url(../images/email.png) no-repeat;
	background-size: contain;
	width: 18px;
	left: -2px;
	top: 12px;
}

.pro_nav_nr .achi_text p:nth-child(3):after {
	background: url(../images/phone.png) no-repeat;
	background-size: cover;
	width: 16px;
}

.pro_nav_nr .probox:nth-child(odd) .z_skew {
	background: #2358AB;
}

.z_seemore {
	display: block;
	width: 160px;
	height: 45px;
	text-align: center;
	color: #fff;
	line-height: 45px;
	font-weight: bold;
	position: relative;
	margin-top: 30px;
}

.Vbtn-1 {
	background: 0 0;
	text-align: center;
	float: left;
}

.z_seemore .iconfont {
	margin-left: 20px;
	width: 10px;
	height: 10px;
	background: url(../images/right-arr.png) no-repeat center;
	background-size: cover;
	position: relative;
	top: -2px;
}

.Vbtn-1 svg {
	height: 45px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.Vbtn-1 rect {
	fill: none;
	stroke: #fff;
	stroke-width: 3;
	stroke-dasharray: 422, 0;
	transition: all 450ms linear 0s;
}

.Vbtn-1:hover {
	background: transparent;
	font-weight: 900;
	letter-spacing: 1px;
	transition: all 150ms linear 0s;
}

.Vbtn-1:hover rect,
.index_tec:hover .Vbtn-1 rect {
	stroke-width: 5;
	stroke-dasharray: 15, 310;
	stroke-dashoffset: 48;
	-webkit-transition: all 1.35s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.35s cubic-bezier(.19, 1, .22, 1);
}

.probox_menu {
	height: 450px;
}

.probox_menu .z_skew {
	height: 450px;
}

.probox_menu .info,
.probox_menu .imgbox {
	height: 450px;
}

.probox_menu2 {
	height: 660px;
}

.probox_menu2 .z_skew {
	height: 660px;
}

.probox_menu2 .info,
.probox_menu2 .imgbox {
	height: 660px;
}

.probox_menu2 .imgbox .img {
	height: 660px;
}

.probox_menu2 .info_desc {
	padding-bottom: 10%;
}

.probox_menu .daohang {
	position: relative;
	top: -200px;
	z-index: 5;
}

.probox_menu .daohang li {
	width: 25%;
	float: left;
}

.probox_menu .daohang li a {
	font-size: 26px;
	color: #fff;
	display: block;
	text-align: center;
	padding: 15% 0;
	opacity: 0.6;
}

.probox_menu .daohang li.on a,
.probox_menu .daohang li:hover a {
	opacity: 1;
}

.probox_menu .daohang li:nth-child(1) {
	background: #395897;
}

.probox_menu .daohang li:nth-child(2) {
	background: #2084AE;
}

.probox_menu .daohang li:nth-child(3) {
	background: #0670C3;
}

.probox_menu .daohang li:nth-child(4) {
	background: #2084AE;
}

.probox_menu .daohang .arr_ac span {
	width: 30px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.probox_menu .daohang .on .arr_ac span,
.probox_menu .daohang li:hover .arr_ac span {
	background: url(../images/arr-bottom.png) no-repeat center;
	background-size: contain;
}

/*研发体系*/
.rd_detail .zn-container {
	min-height: 800px;
}

.rd_detail li:nth-child(1) {
	background: #004367;
}

.rd_detail li:nth-child(2) {
	background: #0670C3;
}

.rd_detail li:nth-child(3) {
	background: #005BA2;
}

.rd_detail li:nth-child(4) {
	background: #043D8A;
}

.rd_detail li:nth-child(5) {
	background: #395897;
}

.rd_detail li:nth-child(6) {
	background: #2084AE;
}

.rd_detail .lh-entrance {
	top: 40px;
}

.rd_detail .lh-entrance li {
	height: 120px;
}

.rd_detail .lh-entrance li h3 {
	/* max-width: 60px; */
}

.rd_detail .lh-entrance li.on h3 {
	max-width: 100%;
	font-size: 16px;
}

.rd_detail .responsible {
	margin-right: 0%;
}

.rd_detail .responsible .name span {
	font-size: 14px;
	line-height: 16px;
	color: #333;
	padding-left: 20px;
}

.rd_detail .responsible .achi_text p {
	line-height: 20px;
	padding: 10px 0;
}

/*服务功能*/
.zn-com-fun {
	padding: 10vh 0;
}

.zn-com-fun .index_tit {
	text-align: center;
	color: #333;
	font-size: 24px;
}

.zn-com-fun .index_tit h3 {
	font-size: 40px;
}

.zn-com-fun .service_function ul {
	background: url(../images/fuwubeijing.png) no-repeat center;
	background-size: cover;
	margin-top: 10vh;
	margin-bottom: 20vh;
}

.zn-com-fun .service_function li {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33.33%;
}

.zn-com-fun .service_function li:nth-child(1) {
	width: 31%;
}

.zn-com-fun .service_function li:nth-child(2) {
	width: 38%;
}

.zn-com-fun .service_function li:nth-child(3) {
	width: 31%;
}

.zn-com-fun .service_function li dl dd {
	max-width: 150px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	position: relative;
	line-height: 42px;
}

.zn-com-fun .service_function li dl dd:before {
	content: '';
	width: 14px;
	height: 14px;
	background: url(../images/icon.png) no-repeat center;
	background-size: cover;
	display: block;
	position: absolute;
	top: 14px;
	left: 0;
}

.zn-com-fun .service_function li dl dt {
	font-size: 24px;
	line-height: 75px;
	color: #333;
	height: 75px;
	text-align: center;
	margin-bottom: 5vh;
	height: 75px;
	overflow: hidden;
}

.zn-com-fun .service_function li:nth-child(2) dl dd {
	max-width: 300px;
}

.zn-com-fun .service_function li:nth-child(3) dl dd {
	max-width: 284px;
}

.smail_zhiyes {
	width: 100%;
}

.smail_zhiyes .info {
	width: 100%;
	margin-left: 0;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.smail_zhiyes .info .name_r {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	font-size: 24px;
}

.smail_zhiyes .info .name_r span {
	font-size: 14px;
	padding-left: 10px;
}

.smail_zhiyes .info .people {
	float: right;
	max-width: 60%;
}

.smail_zhiyes .info .people img {
	padding-bottom: 30px;
}

.smail_zhiyes .info_text p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
}

.responsible .achi_text .tit {
	font-size: 24px;
	line-height: 28px;
	margin-top: 40px;
}

.zn-com-translate .zn-container1 .zn-container {
	background: none;
	position: relative;
	z-index: 1;
}

.zn-com-translate .zn-container1 {
	position: relative;
}

.zn-com-translate .zn-container1:after {
	content: '';
	display: block;
	width: calc((100% - 1170px) / 2 + 1006px);
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.96);
	z-index: 0;
}

.zn-com-translate .zn-container1 .zn-container .titie {
	text-align: center;
	color: #333;
}

.zn-com-translate .titie h3 {
	color: #0F80C3;
}

.zn-com-translate .zn-container1 .zn-container table {
	color: #333;
	border: none;
}

.zn-com-translate .zn-container1 .zn-container .com-con {
	padding-left: 14%;
}

.zn-com-translate .zn-container1 .zn-container table th {
	line-height: 42px;
	height: 42px;
	border: none;
	background: #0F80C3;
	color: #fff;
}

.zn-com-translate table th:nth-child(1) {
	width: 20%;
}

.zn-com-translate table th:nth-child(2) {
	width: 30%;
}

.zn-com-translate table th:nth-child(3) {
	width: 50%;
}

.zn-com-translate table td {
	border: none;
	padding: 3% 0;
	text-align: left;
}

.zn-com-translate .zn-container1 .zn-container table tr td:nth-child(1) {
	background: #0F80C3;
	color: #fff;
	font-size: 14px;
	border: 1px solid #fff;
	text-align: center;
}

.zn-com-translate .zn-container1 .zn-container table tr td:nth-child(2) {
	padding-left: 6%;
	padding-right: 4%;
}

.zn-com-translate .zn-container1 .zn-container table tr td:nth-child(3) {
	padding-left: 10%;
	padding-right: 10%;
}

.zn-com-device {
	background: #EFF2F1;
}

.zn-com-fwlc {
	padding: 100px 0;
}

.zn-com-fwlc .titie {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 60px;
	text-align: center;
	color: #333;
}

.zn-com-fwlc .titie h3 {
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 30px;
	color: #0F80C3;
}

.zn-com-fwlc .fuwuliucheng {
	padding-top: 50px;
}

.zn-com-fwlc img {
	width: 960px;
	margin: 0 auto;
}

.rd_detail .lh-entrance li {
	position: relative;
	z-index: 999;
}

.rd_detail .lh-entrance li dl {
	position: absolute;
	left: 180px;
	top: 0;
	min-width: 360px;
	background: #0670C3;
	padding: 20px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}

.rd_detail .lh-entrance li:hover dl {
	opacity: 1;
	visibility: inherit;
}

.rd_detail .lh-entrance li dl dd {
	position: relative;
}

.rd_detail .lh-entrance li dl dd a {
	font-size: 14px;
	line-height: 20px;
	padding: 8px 0;
}

.rd_detail .lh-entrance li dl dd a i {
	font-size: 12px;
	line-height: 14px;
	display: block;
	width: 100%;
}

.rd_detail .lh-entrance li dl dd:hover a {
	padding-left: 20px;
}

.rd_detail .lh-entrance li dl dd:after {
	content: '';
	width: 14px;
	height: 14px;
	background: url(../images/arr-right.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 10px;
	left: -10px;
	transition: all 1s;
	opacity: 0;
}

.rd_detail .lh-entrance li dl dd:hover:after {
	left: 0;
	opacity: 1;
}

.zn-overview .info .ccont .liucehngtu {
	margin-top: 30px;
}

.chengguo-zhuanhuan {
	padding: 40px 0;
}

.chengguo-zhuanhuan .left {
	width: 50%;
	position: relative;
}

.chengguo-zhuanhuan .left .bgtp {
	width: 306px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.chengguo-zhuanhuan .left .bgtp img {
	width: 100%;
}

.chengguo-zhuanhuan .left .anlinr {
	width: 78%;
	margin-left: auto;
	margin-right: auto;
	padding: 8% 10%;
	background: #fff;
	margin-top: 60px;
}

.chengguo-zhuanhuan .left .anlinr .title {
	font-size: 20px;
	line-height: 24px;
	color: #333;
}

.chengguo-zhuanhuan .left .anlinr .title h3 {
	font-size: 40px;
	line-height: 48px;
	color: #0F80C3;
	margin-bottom: 20px;
}

.chengguo-zhuanhuan .left .anlinr .title {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;

}

.chengguo-zhuanhuan .left .anlinr .title2 .line {
	width: 40px;
	height: 4px;
	background: #0F80C3;
	margin-top: 20px;
}

.chengguo-zhuanhuan .left .anlinr .jieshao {
	font-size: 14px;
	padding-top: 20px;
	line-height: 24px;
}

.chengguo-zhuanhuan .right {
	width: 50%;
}

.chengguo-zhuanhuan .right .cpt {
	width: 50%;
	margin-left: 10%;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	padding-top: 10%;
	margin-bottom: 10px;
}

.chengguo-zhuanhuan .right .cpt.big {
	width: 100%;
}

.achi-product .fl .achi-pro-detail ul.tupian {
	overflow: hidden;
	margin-bottom: 20px;
}

.achi-product .fl .achi-pro-detail ul.tupian li {
	float: left;
	width: 50%;
	text-align: center;
	color: #fff;
}

.achi-product .fl .achi-pro-detail ul.tupian li img {
	height: 120px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.rongyu {
	background-size: contain;
	/* max-height: 1100px; */
	overflow: hidden;
}

.rongyu .zn-container {
	padding: 4% 0 2%;
}

.rongyu .title {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 60px;
	text-align: center;
	color: #fff;
}

.rongyu .title h3 {
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 30px;
}

.rongyu .zhengshu_nr ul li {
	float: left;
}

/* .rongyu .zhengshu_nr ul li:nth-child(2) {
	margin-left: 11%;
}

.rongyu .zhengshu_nr ul li:nth-child(3) {
	float: right;
} */

/*研发体系导航*/
.rd_menu {
	position: relative;
}

.rd_menu ul {
	width: 100%;
}

.rd_menu ul.menu {
	padding: 10% 0;
}

.rd_menu ul.menu li a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rd_menu ul.menu li {
	width: 33.33%;
	float: left;
	height: 266px;
	position: relative;
}

.rd_menu ul.menu li:nth-child(2) {
	background: #004367;
}

.rd_menu ul.menu li:nth-child(3) {
	background: #0670C3;
}

.rd_menu ul.menu li:nth-child(4) {
	background: #005BA2;
}

.rd_menu ul.menu li:nth-child(5) {
	background: #043D8A;
}

.rd_menu ul.menu li:nth-child(8) {
	background: #395897;
}

.rd_menu ul.menu li:nth-child(9) {
	background: #2084AE;
}

.rd_menu ul.menu li h2 {
	font-size: 12px;
	line-height: 14px;
	position: absolute;
	top: 30px;
	left: 30px;
	color: #fff;
	transition: all 0.5s;
}

.rd_menu li h3 {
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	transition: all 0.5s;
}

.rd_menu li:after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-image: url(../images/add.png);
	background-size: cover;
	position: absolute;
	bottom: 30px;
	right: 30px;
	opacity: 1;
	transition: all 0.5s;
}

.rd_menu li:nth-child(1):after,
.rd_menu li:nth-child(6):after,
.rd_menu li:nth-child(7):after {
	background-image: none;
}

.rd_menu ul.menu li:hover h2 {
	font-size: 14px;
}

.rd_menu ul.menu li:hover h3 {
	font-size: 30px;
}

.rd_menu ul.menu li:hover:after {
	opacity: 0;
}

.imgbg {
	width: 100%;
	position: absolute;
	transition: ease 3s;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;

}

.imgbg .imgtp {
	background-size: cover !important;
	background-attachment: fixed !important;
	width: 100%;
	height: 100%;
	animation-duration: 2S;
}

/*平台概括*/
.relative {
	position: relative;
}

.zn-gen-banner {
	height: 100vh;
	position: relative;
}

.zn-gen-banner .title {
	height: 100vh;
	font-size: 40px;
	line-height: 48px;
	color: #fff;
	position: absolute;
	border: 10vh;
	padding-top: 50vh;
}


.zn-gen-banner .title .t1 {
	font-size: 60px;
	line-height: 72px;
}

.zn-gen-banner .title .t2 {
	font-size: 95px;
	line-height: 114px;
	padding-left: 9%;
}

.gen_tit {
	text-align: center;
	font-size: 20px;
	line-height: 24px;
}

.gen_tit h3 {
	font-size: 40px;
	line-height: 48px;
	color: #0F80C3;
	margin-bottom: 10px;
}

.zn-gen-jianjie .zn-container {
	padding: 10vh 0;
}

.zn-gen-jianjie .jsnr .t1 {
	font-size: 36px;
	line-height: 40px;
	margin-top: 50px;
}

.zn-gen-jianjie .jsnr .p1 {
	font-size: 14px;
	line-height: 24px;
	padding-top: 60px;
	text-indent: 28px;
}

.zn-gen-jianjie .jsnr .p1 p {
	margin-bottom: 10px;
}

/* .zn-gen-team .team_people {
	display: none;
} */

.zn-gen-team .people {
	max-width: 220px;
	height: 557px;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}

.zn-gen-team .people:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 0;
}

.zn-gen-team .swiper-slide {
	cursor: pointer;
}

.zn-gen-team .swiper-slide:hover .people:after {
	background: rgba(0, 0, 0, 0);
}

.zn-gen-team .people .nr {
	position: absolute;
	bottom: -96px;
	left: 0;
	color: #fff;
	padding: 0 10%;
	transition: all 1s;
	cursor: pointer;
	z-index: 1;
}

.zn-gen-team .people:hover .nr {
	bottom: 10px;
}

.zn-gen-team .people .nr .title {
	font-size: 14px;
	line-height: 20px;
	color: #0F80C3;
}

.zn-gen-team .people .nr .name {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}

.zn-gen-team .people .nr .profile {
	font-size: 14px;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
}

.zn-gen-team .zn-container {
	color: #fff;
	padding: 10vh 0;
}

.zn-gen-team .zn-container .gen_tit h3 {
	color: #fff;
}

.zn-gen-team .zn-container .swiper-container {
	width: 956px;
}

.zn-gen-team .zn-container .gen_tit {
	margin-bottom: 40px;
}

.zn-gen-team .swiper-button-prev,
.zn-gen-team .swiper-button-next {
	--swiper-navigation-color: #fff;
}

.zn-gen-jiagou .zn-container {
	padding: 10vh 0;
}

.zn-gen-jiagou .anniu {
	width: 200px;
	height: 50px;
	background: #fff;
	margin-top: 50px;
	position: absolute;
	top: 60px;
	left: 0;
}

.zn-gen-jiagou .anniu li {
	line-height: 50px;
	text-align: center;
	border: 1.5px solid #666666;
	margin-bottom: 40px;
	cursor: pointer;
	transition: all 1s;
}

.zn-gen-jiagou .anniu .on {
	background: #0F80C3;
	color: #FFFFFF;
	border: 1.5px solid #0F80C3;
}

.zn-gen-jiagou .main_nr {
	position: relative;
	margin-top: 20px;
}

.zn-gen-jiagou .main_nr .nr {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	/* padding: 60px 0; */
	height: 620px;
	overflow: hidden;
	position: relative;
}

.zn-gen-jiagou .main_nr .nr>div {
	visibility: hidden;
	position: absolute;
	top: 20px;
	left: 0;
	transition: all 1s;
	transform: scale(0.2);
	z-index: 1;
	opacity: 0;
}

.zn-gen-jiagou .main_nr .nr>div.active {
	visibility: inherit;
	transform: scale(1);
	z-index: 0;
	opacity: 1;
}
/* 组织架构弹出框 */
.tan-cont{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.6);
	display: none;
}
.tan{
	position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 40px 50px;
    background-color: #fff;
}
.close{
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 30px;
}
.iphone-table{
	display: none;
}
.modal-table th{
	padding: 10px 5px;
}
.modal-table td{
padding: 10px;
}
/* 下方三个框 */
.kuang{
	/* background-color: #fff; */
}
.kuang-all{
	width: 100%;
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	padding: 50px 0;
}
.kuang-content{
	width: 28%;
	/* height: 300px; */
	/* border: 4px solid #0f80c3; */
	text-align: center;
	position: relative;
}
.kuang-content h2{
	font-size: 30px;
	color: #0f80c3;
	position: relative;
	font-weight: bold;
	margin: 10px auto;
}
.kuang-content h2::after{
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	position: absolute;
	left: 44%;
	bottom:-15px;
	background-color: #323232;
}
.kuang-tu{
	width: 100%;
	margin-top: 20px;
}
.kuang-tu img{
	width: 25%;
	margin: auto;
}
.kuang-p{
	margin-top: 30px;
	margin-bottom: 20px;
	font-weight: 700;
}
.kuang-p p{
	font-size: 20px;
	line-height: 30px;
}
/*资质荣誉*/
.rongyu .gen_tit {
	color: #fff;
}

.rongyu .gen_tit h3 {
	color: #fff;

}

.rongyu .zhengshu_nr {
	padding: 60px 0 0px;
}

.rongyu .zhengshu_nr ul li {
	width: 30%;
	margin-right: 3%;
	margin-bottom: 20px;
}

/* .rongyu .zhengshu_nr ul li:nth-child(2) {
	margin-left: 0;
} */

/*平台大事记*/

.flipbook-viewport{
	height: 100% !important;
	padding-bottom: 6.5rem;
}


.da{
	padding: 0 10%;
	margin: auto;
}
.da .mySwiper2 .swiper-slide dl{
	height: 200px;
	overflow-y: scroll;
}
.da .mySwiper2 .swiper-slide dt{
	width: 100%;
	padding-left: 10%;
	float: left;
}
.da .mySwiper2 .swiper-slide dl h2{
	font-size: 48px;
	margin: 15px 0;
	color: #2b2b2b;
	font-weight: bold;
	padding-left: 10%;
}
.da .mySwiper2 .swiper-slide dt p{
	font-size: 14px;
	float: left;
	color: #2b2b2b;
}
.da dt span{
	width: 80%;
    margin-left: 20px;
	font-size: 14px;
	line-height: 1.7;
    display: block;
    float: left;
	color: #2b2b2b;
	margin-bottom: 20px;
}

.xiao{
	width: 100%;
	padding: 0 10%;
	margin: auto;
	margin-top: 5%;
	overflow: hidden;
	position: relative;
}
.line{
	width: 100%;
	/* position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background-color: rgba(188,188,188,.3); */
}


/* .xiao .swiper-slide img{
	display: block;
	width: 100%;
	opacity: .4;
} */
/* .xiao .swiper-slide-thumb-active img{
	opacity: 1;
  } */
  .xiao .swiper-slide-thumb-active p{
	font-weight: 700;
	color: #0F80C3 !important;
  }
.xiao .swiper-slide p{
	font-size: 14px;
	line-height: 40px;
	color: #333;
	text-align: center;
}
.xiao-all{
	display: flex;
}
.xiao-all div{
	width: 16%;
	
}
.xiao-all div p{
	font-size: 14px;
	line-height: 40px;
	color: #333;
	text-align: center;
}
/* .xiao .swiper-slide-thumb-active p{
	font-weight: 700;
	color: #0F80C3;
} */
.da-next,.da-prev{
	background-image: none !important;
}
.da-prev::after,.da-next::after{
	color: #0f80c3;
}
.swiper-pinghua{
	margin-top: 20px;
}
.swiper-pinghua .swiper-slide img{
	width: 100%;
}
.swiper-pinghua .swiper-wrapper{
	-webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}





.flipbook-viewport .container{
	position: unset !important;
	margin-top: 100px !important;
	/* transform: translate(-50%,-50%); */
}
.dashiji .zn-container {
	padding: 100px 0;
}

.dashijian {
	height: 600px;
	background: rgba(255, 255, 255, 0.7);
}

.dashijian .title1 {
	position: relative;
	height: 350px;
	padding: 10%;
}

.dashijian .title1>img {
	width: 22px;
	position: absolute;
	bottom: 10%;
	right: 10%;
}

.dashijian p {
	font-size: 20px;
	color: #333;

}

.dashijian h4 {
	font-size: 40px;
	color: #0F80C3;
}

.dashijian .footnr {
	background: #004367;
	height: 250px;
}

.dashijian .footnr img {
	max-width: 400px;
}

.dashijian .footnr1 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dashijian2 {
	background: url(../images/shijian-1.jpg) no-repeat center;
	height: 350px;
	position: relative;
	overflow: hidden;
}

.dashijian2:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(15, 128, 195, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.dashijian2 .title2 {
	position: relative;
	z-index: 2;
	margin: 10%;
	border: 5px solid #fff;
	border-left: none;
	height: 230px;
}

.dashijian2 .title2:after {
	content: '';
	width: 5px;
	height: 60px;
	background: #fff;
	position: absolute;
	top: -1px;
	left: 0;
}

.dashijian2 .title2:before {
	content: '';
	width: 5px;
	height: 60px;
	background: #fff;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.dashijian2 .title2 h4 {
	font-size: 48px;
	color: #fff;
	margin-top: 14%;
}

.dashijian2 .title2 p {
	font-size: 24px;
	color: #fff;
	margin-top: 0;
	margin-left: 20px;
}

.dashiji .zn-container .footnr {
	background: #004367;
	height: 250px;
	padding: 4% 10%;
}

.dashiji .zn-container .footnr p {
	color: #fff;
	text-indent: 32px;
	font-size: 16px;
	line-height: 32px;
}

.dangjian .leftnr {
	width: 24%;
	float: left;
	position: relative;
	margin-top: 14px;
}

.dangjian .leftnr dl {
	position: relative;
	z-index: 2;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	padding: 0% 0 2%;
}

.dangjian .leftnr dl a {
	color: #fff;
}

.dangjian .leftnr dl dd.on a,
.dangjian .leftnr dl dd:hover a {
	color: #0F80C3;
}

.dangjian .leftnr dl dd.on:before {
	content: '';
	width: 20px;
	height: 10px;
	background: url(../images/arr-blue-2.png) no-repeat center;
	background-size: cover;
	display: block;
	position: absolute;
	top: 18px;
	left: 20%;
	animation-name: leftright;
	transform-origin: center bottom;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-delay: .5s;

}

.dangjian .leftnr dl dt.on:before {
	content: '';
	width: 20px;
	height: 10px;
	background: url(../images/arr-blue-3.png) no-repeat center;
	background-size: cover;
	display: block;
	position: absolute;
	top: 32px;
	left: 20%;
}

@keyframes leftright {
	0% {
		left: 10px;
	}

	50% {
		left: 20px;
	}

	100% {
		left: 10px;
	}
}

.dangjian .leftnr dl dd,
.dangjian .leftnr dl dt {
	position: relative;
}
.dangjian .leftnr dl dt{
	background: linear-gradient(to right, #0F80C3, #0F80C3);
}

.dangjian .leftnr dl dt a {
	font-size: 24px;
	line-height: 72px;
}

.dangjian .leftnr dl dd a {
	font-size: 18px;
}


.page{
	float: none;
    clear: both;
    padding: 30px;
    display: table;
    margin: auto;
    height: 35px;
}
.page .num{
	width: 30px;
	height: 30px;
	display: inline-block;
    text-align: center;
    line-height: 30px;
}
.thispage{
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	border: 1px solid #ccc;
}

.dangjian .rightnr {
	width: 74%;
	float: right;
	position: relative;
	padding-bottom: 10%;
	padding-top: 4%;
}

.dangjian .leftnr dl dd a {
	color: #333;
	display: block;
	line-height: 46px;
}
.dangjian .leftnr ul li{
	padding: 0;
}
.dangjian .leftnr ul li a{
	color: #333;
    display: block;
    line-height: 46px;
	font-size: 18px;
	height: unset;
	text-align: left;
	padding-left: 20px;
}
.dangjian .leftnr ul li a::before{
	display: none;
}

.dangjian .leftnr .z_skew2 {
	transform: skew(0, -2.4deg);
	-webkit-transform: skew(0, -2.4deg);
	-moz-transform: skew(0, -2.4deg);
	-o-transform: skew(0, -2.4deg);
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 60%;
	left: 0;
	top: 20%;
	transform-origin: left top;
}

#dangjian {
	position: relative;
	z-index: 2;
}

.rightnr .load_more {
	position: relative;
	z-index: 6;
}

.dangjiangh .index_tit {
	margin-bottom: 100px;
}

.news_list ul li .ellipsis a {
	color: #0F80C3;
}

.service_con {
	position: relative;
}

.service_con .index_tit {
	margin-bottom: 60px;
	color: #333;
	text-align: center;
	padding-top: 60px;
}

.pro_list ul {
	margin-left: -4.3%;
}

.pro_list ul li {
	width: 29%;
	margin-left: 4.3%;
	float: left;
	height: 500px;
	position: relative;
	overflow: hidden;
	margin-bottom: 80px;
	box-shadow: 0 20px 30px rgba(21, 73, 154, .3);
}

.pro_list .pro_tit {
	position: absolute;
	left: 0;
	padding: 0 20px;
	box-sizing: border-box;
	bottom: 0;
	width: 100%;
	background: url(../images/tit_bg.png) no-repeat center;
	background-size: 100% 100%;
	height: 110px;
	line-height: 110px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	transition: all 1s;
}

.pro_list .pro_tit .icon {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 48px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	color: #f4ae00;
	box-shadow: 0 0 20px rgba(17, 85, 164, .2);
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pro_list ul li:hover .pro_tit {
	transform: translateY(100%);
}

.pro_list ul li img {
	width: 100%;
	height: 100%;
}

.pro_list .pro_info {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/probg.png) no-repeat center;
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
	padding: 50px 40px;
	box-sizing: border-box;
	transition: all .9s;
	transform: scale(0, 0);
}

.pro_list ul li:hover .pro_info {
	transform: scale(1, 1);
}

.pro_list .pro_info h3 {
	font-size: 26px;
	margin-bottom: 30px;
	margin-top: 60px;
}

/*形象视频*/
.image_video_box video {
	width: 100%;
}

.image_video_box .title {
	font-size: 36px;
	margin-bottom: 20px;
	line-height: 72px;
	margin-top: 30px;
}

.image_video_box .time {
	font-size: 18px;
	margin-bottom: 45px;
	height: 30px;
	line-height: 30px;
}

.image_video_box .time .fa {
	margin-right: 10px;
}

/*33474蒙特卡罗官网*/
.team_people_all {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

..team_people_all .team_people {
	position: relative;
}

.team_people .peopel1 {
	background: rgba(0, 0, 0, 0.8);
	overflow: hidden;
	margin-top: 10vh;
	position: relative;
}

.team_people .pic {
	width: 30%;
	padding: 4% 0 4% 10%;
	float: left;
}

.team_people .rightnr {
	float: right;
	width: 70%;
	padding: 4% 10%;
}

.team_people .rightnr .name {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}

.team_people .rightnr .title {
	font-size: 14px;
	line-height: 24px;
}

.team_people .rightnr .jieshao {
	font-size: 14px;
	line-height: 30px;
	text-indent: 28px;
	margin-top: 20px;
}

.team_people .dingwei {
	width: 90px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	line-height: 40px;
}

.team_people .dingwei img {
	width: 40px;
	display: inline-block;
	position: relative;
	top: 4px;
	left: -4px;
}

.anlinr ul:after {
	content: '';
	display: block;
	clear: both;
}

.anlinr ul li>p {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

/*电脑*/
@media (min-width:1600px) {
	.zn-nav-service .zn-container {
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 1600px) {
	.zn-container {
		max-width: 1230px;
		width: 1230px;
	}

	.zn-information .title .tith {
		font-size: 22px;
		height: 40px;
		line-height: 40px;
	}

	.zn-nav-service .items,
	.zn-nav-service {
		height: 700px;
	}

	.zn-information .index-hot-news .media .media-left {
		padding-top: 30px;
	}

	.zn-information .index-hot-news .media .media-body {
		padding-top: 30px;
	}

	.zn-information .index-hot-news .media .media-body .bt {
		font-size: 16px;
		padding-top: 5px;
	}

	.zn-nav-service .items .title {
		font-size: 28px;
		margin-bottom: 15px;
		height: 50px;
	}

	/* 成果转化标题 */
	.achi-product .achi-pro-menu .title h3 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 14px;
	}

	.achi-product .achi-pro-menu .title {
		color: #fff;
		font-size: 16px;
		margin-bottom: 24px;
	}

	.zn-vision .fl .title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 24px;
	}

	.zn-vision .fl .title h3 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 14px;
	}

	.yingyongly .zn-fr .title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 24px;
	}

	.yingyongly .zn-fr .info h3 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 14px;
	}

	.zn-com-con .zn-container1 .zn-container .titie {
		font-size: 16px;
		line-height: 24px;
		color: #fff;
		margin-bottom: 60px;
	}

	.zn-com-con .zn-container1 .zn-container .titie h3 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 14px;
	}

	.zn-com-con .zn-container1 .zn-container .name {
		font-size: 20px
	}

}

/*笔记本*/
@media (min-width: 1200px) {
	.zn-container {
		width: 1170px;
	}

}

/* 平板 */
@media screen and (max-width: 1200px) {
	.zn-container {
		width: 94%;
		max-width: 1200px;
	}
}

.mobile {
	display: none;
}

/* 手机 */
@media screen and (max-width: 980px) {
	/* 组织架构弹出框 */
	#number2 img {
		display: none;
	}
	#number2 a img {
		display: block;
	}
	.modal-table{
		display: none;
	}
	.tan{
		width: 100%;
		padding: 15px;
	}
	.close{
		top: -10px;
	}
	.blocker{
		padding: 0 !important;
	}
	.modal{
		padding: 20px !important;
		top: 65px;
	}
	.iphone-table{
		display: block;
	}
	/*  */
	.iphone-table td:first-child{
		white-space: nowrap;
	}
	.iphone-table table{
		margin-top: 10px;
	}
	.iphone-table td{
		/* width: 78px; */
		padding: 10px;
	}
	/* 下方三个框 */
	.kuang-all{
		flex-wrap: wrap;
	}
	.kuang-content{
		width: 100%;
		margin-bottom: 10px;
	}



	.probox_menu .info_desc:nth-child(2) .arr_ac .icon-sanjiaoxing1 {
		margin-left: 16vw;
	}

	.probox_menu .daohang li {
		min-height: 107px;
	}

	.rd_detail .lh-entrance li dl {
		display: none;
	}

	.rd_detail-3-5 li {
		width: 50% !important;
	}

	.zn-gen-banner {
		height: 100%;
		background: url(../images/contanct.jpg) no-repeat center;
	}

	.zn-gen-banner .imgbg {
		display: none;
	}

	.mobile {
		display: block;
	}

	.computer {
		display: none;
	}

	.imgbg .imgtp {
		background-attachment: inherit !important;
	}

	.zn-overview .info .ccont .imgtp .num03 {
		width: 100%;
	}

	.dashiji .zn-container .footnr {
		height: 350px;
	}


	/*形象视频*/
	.image_video_box .title {
		font-size: 26px;
		margin-bottom: 15px;
		line-height: 32px;
	}

	.image_video_box .time {
		font-size: 12px;
		margin-bottom: 15px;
		height: 30px;
		line-height: 30px;
	}


	.zn-heade {
		height: 50px;
	}

	.zn-nav-item .zn-flex .lang {
		display: block;
	}

	.zn-heade .zn-logo {
		width: 80%;
		margin-top: 0%;
		margin-bottom: 0;
		height: 50px;
		display: flex;
		align-items: center;
	}

	.zn-heade .zn-logo img {
		width: 100%;
		max-width: 360px;
	}

	.zn-heade .zn-search {
		display: none;
	}

	.zn-menu {
		margin: 0;
		cursor: pointer;
	}

	.zn-heade .lang {
		display: none;
	}

	.zn-menu img {
		width: 40px;
		height: 40px;
		margin-top: 5px;
	}

	.Nav .zn-nav-img {
		display: none;
	}

	.zn-nav-logo {
		width: 80%;
		left: 2vw;
		max-width: 360px;
	}
	.zn-nav-toggle .lang{
		top: 11.16vw;
		right: 3vw;
	}


	/* 加 */
	.dashiji .zn-container .footnr p{
		font-size: 12px;
		display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
	}

	.zn-nav-item {
		width: 100%;
		float: none;
		padding-right: 0vw;
	}

	.zn-nav-item>.zn-flex {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		height: 100vh;
		overflow: auto;
		padding-top: 80px;
	}

	.zn-nav-item>.zn-flex li {
		width: 100%;
	}

	.zn-nav-item>.zn-flex li dl {
		display: none;
	}

	.zn-nav-item>.zn-flex li:hover dl {
		display: block;
	}

	.zn-nav-item>.zn-flex li.show_all dl {
		display: block;
	}

	.zn-nav-item dl dt {
		margin-bottom: 10px;
	}

	.zn-nav-item dl dt a {
		line-height: 20px;
		font-size: 15px;
	}

	.zn-banner-box .video-text p {
		font-size: 26px;
	}

	.zn-banner-box .video-text img {
		width: 30px;
	}

	.Nav .zn-nav-btn i:before {
		width: 40%;
		right: 25%
	}

	.Nav .zn-nav-btn i:after {
		width: 40%;
		right: 25%
	}

	.zn-nav-btn h2 em {
		font-size: 12px;
		line-height: 16px;
	}

	.zn-nav-toggle {
		height: auto;
		min-height: 100vh;
	}

	.zn-nav-item li a {
		font-size: 16px;
		display: block;
		line-height: 50px;
		text-align: center;
	}

	.zn-nav-item li dd a {
		font-size: 15px;
		max-width: 100%;
	}

	.zn-nav-item li .lang {
		color: #fff;
		cursor: default;
		margin: 25px auto;
		text-align: center;
	}

	.zn-nav-item li .lang .lang-text {
		opacity: .4;
		color: #fff;
		font-size: 14px;
		cursor: pointer;
		font-weight: 500;
		line-height: 14px;
		display: inline-block;
	}

	.zn-nav-item li .lang .choose-lang,
	.zn-nav-item li .lang .lang-text:hover {
		opacity: 1;
	}

	.zn-nav-item li .lang .interval {
		height: 16px;
		width: 1px;
		background: #fff;
		display: inline-block;
		position: relative;
		top: 4px;
	}

	.technology-1 .bg {
		display: none;
	}

	.technology-1 .phone-list {
		background: #efefef;
	}

	.technology-1 .phone-list li {
		padding: 10px 0;
		background: #fff;
		margin-bottom: 4px;
	}

	.zn-nav-service .items {
		padding: 20px;
		text-align: center;
		border-right: none;
		height: auto;
		border-bottom: 1px solid #e0e0e0;
		width: 100%;
	}

	.zn-container {
		width: 94%;
	}

	.zn-nav-service {
		height: 100%;
		background: url(../images/bg1.jpg) no-repeat center;
    	background-size: cover;
	}

	.btn.btn.btn-line {
		background: #fff;
	}

	.zn-nav-service .items .title {
		font-size: 20px;
	}

	.zn-container .zn-news,
	.zn-information .zn-video {
		width: 100%;
		padding: 0;
		float: none;
	}

	.zn-information {
		background: none;
		padding-top: 30px;
		padding-bottom: 30px;
	}

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

	.zn-information .title .tith {
		font-size: 20px;
		float: left;
		height: 35px;
		line-height: 35px;
	}

	.zn-information .title .more {
		color: #333;
		height: 35px;
		width: 35px;
		line-height: 35px;
		font-size: 30px;
		text-align: center;
		border-radius: 50%;
		float: right;
	}

	.zn-information .index-hot-news .media .data {
		width: 75px;
		padding-left: 0;
		text-align: left;
	}

	.zn-information .index-hot-news .media .data .m {
		font-size: 20px;
		margin-bottom: 10px;
		line-height: 1;
	}

	.zn-information .index-hot-news .media .data .y {
		font-size: 14px;
	}

	.zn-information .index-hot-news .media .media-body {
		padding-top: 25px;
		position: relative;
		z-index: 2;
	}

	.zn-information .index-hot-news .media .media-body .bt a {
		font-size: 16px;
		padding-top: 5px;
	}

	.zn-information .index-hot-news .media {
		position: relative;
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		margin-top: 0;
		padding: 0 0 25px 0;
	}

	.phone-list {
		display: block;
	}

	.zn-partner .partner ul li {
		height: 100px;
	}

	.zn-partner .partner ul li img {
		max-width: 80%;
		max-height: 40px;
	}

	.lh-footer {
		height: auto;
	}

	.lh-footer .map {
		width: 100%;
		float: none;
		height: 320px;
	}

	.lh-footer .map #container2 {
		width: 100%;
		height: 320px;
	}

	.lh-footer-r {
		width: 100%;
		height: auto;
		padding: 10px;
	}

	.lh-footer-r h2 {
		font-size: 24px;
		color: #fff;
		font-family: "Times New Roman";
	}

	.lh-footer-r h3 {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		margin-top: 0;
	}

	.lh-footer-nav {
		margin-top: 10px;
		width: 100%;
		padding: 0 0 10px;
		overflow: hidden;
	}

	.lh-footer-nav li {
		margin-top: 10px;
		float: left;
		width: 50%;
	}

	.other_banner {
		margin-top: 50px;
		height: auto;
		background-size: cover !important;
		background-attachment: initial !important;
		background: #FFF !important;
	}
	.other_banner .other_tit{
		position: unset;
		transform: unset;
	}

	/*新闻*/
	.other_tit {
		padding: 30px;
		box-sizing: border-box;
	}

	.index_tit {
		font-size: 18px;
	}

	.index_tit h3 {
		font-size: 18px;
		margin-bottom: 0;
	}

	.other_banner:before {
		width: 120%;
	}

	.newspic {
		display: none;
	}

	.newslist {
		width: 100%;
	}

	.newslist li h3 {
		font-size: 14px;
	}

	.news_list ul li {
		padding: 0;
	}

	.news_list ul li a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.news_list ul li .more {
		transform: translateX(0);
		right: 0;
		display: none;
	}

	.load_more {
		height: 40px;
		line-height: 40px;
		width: 160px;
		margin-top: 30px;
	}

	.news_list {
		margin-top: 30px;
	}

	.lc_yy .index_tit {
		margin-bottom: 30px;
	}

	.newslist li {
		border-bottom: 1px dashed #ddd;
		padding-bottom: 10px;
	}

	.zn-nav-item li dl {
		margin-top: 0vh;
	}

	.right_con {
		display: none;
	}

	.left_con {
		width: 100%;
		margin-top: -20px;
		padding: 20px;
	}

	.xq_tit h3 {
		font-size: 16px;
	}

	.xq_tit p,
	.left_con .share_box {
		margin: 20px 0;
	}

	.xq_tit p span {
		margin-right: 10px;
	}

	.xq_con {
		padding: 20px 0;
		line-height: 24px;
	}
	.xq_con img{
		width: 100%;
	}
	.xq_con video{
		width: 100%;
		height: auto;
	}
	.xq_con img,
	.xq_con iframe {
		max-width: 100%;
	}

	.xq_con iframe {
		width: 100%;
		height: 260px;
	}

	/*新闻*/
	.contact_box {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact_box .way_tit span {
		font-size: 20px;
		margin-bottom: 0;
	}

	.contact_box .way_tit h3 {
		font-size: 16px;
	}

	.way_text p {
		margin-bottom: 10px;
	}

	.way_text p {
		margin-bottom: 10px;
	}

	.ly_form li .input_text,
	.ly_form li.ly_text textarea {
		width: 77%;
	}

	.contact_map {
		height: 380px;
	}

	/*智能招聘*/
	.talent_zp {
		margin-top: 0;
	}

	.zp_tit span {
		width: 33.3%;
		font-size: 12px;
	}

	.zp_tit span:last-child,
	.rc_box .tit span:last-child {
		display: none;
	}

	.rc_box .tit span {
		width: 40%;
	}

	.rc_box .tit span:nth-child(3) {
		width: 10%;
	}

	/*成果转化手机*/
	.lh-entrance {
		position: relative;
		top: auto;
		left: auto;
	}

	.lh-entrance li {
		width: 50%;
		float: left;
	}

	.lh-entrance li:hover,
	.lh-entrance li.on {
		width: 50%;
	}

	.lh-entrance {
		width: 100%;
	}

	.lh-entrance:after {
		content: '';
		display: block;
		clear: both;
	}

	.zn-overview .clearfix>.info {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		min-height: auto;
	}

	.zn-overview .responsible {
		width: 100%;
		margin-right: 0;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.zn-otherNav .zn-other-nav li {
		width: 33.33%;
	}

	.zn-otherNav .zn-other-nav li a {
		font-size: 16px;
		line-height: 45px;
		height: 45px;
		overflow: hidden;
	}

	.achi-product .fl {
		float: right;
		width: 100%;
	}

	.achi-product .fr {
		width: 100%;
		float: left;
		min-height: auto;
		margin-top: 20px;
	}

	.zn-vision .zn-container .fr {
		display: none;
	}

	.zn-vision .fl {
		width: 100%;
		min-height: auto;
		position: relative;
		top: auto;
		left: auto;
	}

	/*成果转化*/
	.probox {
		height: 400px;
	}

	.probox .z_skew {
		height: 340px;
	}

	.probox .info,
	.probox .imgbox {
		height: auto;
	}

	.probox:nth-child(odd) .imgbox,
	.probox:nth-child(even) .imgbox {
		position: relative;
	}

	.probox .imgbox .img {
		background-size: 100% auto !important;
	}

	.probox .imgbox .img {
		height: 200px;
	}

	.probox:nth-child(odd) .info_desc,
	.probox:nth-child(even) .info_desc {
		width: 100%;
		margin: 0;
		padding: 20px;
		box-sizing: border-box;
	}

	.probox .info_desc h3 {
		font-size: 16px;
	}

	.probox .info_desc h3 span {
		word-wrap: break-word;
		white-space: pre-wrap;
		font-size: 18px;
	}

	.probox .info_desc p {
		margin: 20px 0;
		line-height: 20px;
	}

	.probox .info,
	.probox .imgbox {
		width: 100%;
	}

	.probox_menu .imgbox {
		display: none;
	}

	.probox_menu .z_skew {
		height: auto;
	}

	.probox_menu {
		height: 240px;
	}

	.pro_nav_nr .z_skew {
		height: 600px;
	}

	.pro_nav_nr .probox {
		height: 540px;
	}

	.probox .info_desc .arr_ac .icon-sanjiaoxing1 {
		width: 20px;
		height: 20px;
		margin-left: 30%;
		margin-top: 10px;
	}

	.probox_menu .daohang {
		top: auto;
	}

	.probox_menu2 {
		height: 350px;
	}

	.probox_menu .daohang li a {
		font-size: 16px;
		color: #fff;
		display: block;
		text-align: center;
		padding: 15% 0;
	}

	.probox_menu .daohang .arr_ac span {
		width: 20px;
		height: 20px;
	}

	/*研发体系*/
	.zn-com-fun .service_function ul {
		background: none;
	}

	.zn-com-fun .service_function li {
		text-align: left;
		display: block;
		padding-bottom: 20px;
		border-bottom: 1px solid #efefef;
	}

	.zn-com-fun .service_function li:nth-child(1) {
		width: 100%;
	}

	.zn-com-fun .service_function li:nth-child(2) {
		width: 100%;
	}

	.zn-com-fun .service_function li:nth-child(3) {
		width: 100%;
	}

	.zn-com-fun .service_function li dl dd {
		max-width: auto;
		margin: 0;
	}

	.zn-com-fun .service_function li dl dt {
		text-align: left;
	}

	.zn-com-translate .zn-container1 .zn-container .com-con {
		padding-left: 0%;
	}

	.zn-com-translate .zn-container1 .zn-container .titie {
		color: #333;
		margin-bottom: 30px;
	}

	.zn-com-fwlc .titie h3 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 14px;
	}

	.zn-com-fwlc .titie {
		font-size: 16px;
	}

	.zn-com-fwlc img {
		width: 100%;
	}

	.zn-com-device .service_function li {
		border-bottom: 1px solid #fff;
	}

	.chengguo-zhuanhuan .left {
		width: 100%;
	}

	.chengguo-zhuanhuan .right {
		width: 100%;
	}

	.chengguo-zhuanhuan .right .cpt {
		/* margin-left: 20%; */
		/*取消/R&D_details-3-5.html存在问题*/
		margin-left: 0;
	}

	.chengguo-zhuanhuan .right .cpt p {
		line-height: 20px;
		padding-top: 10px;
	}

	.rongyu .zhengshu_nr ul li {
		width: 30%;
	}

	/* .rongyu .zhengshu_nr ul li:nth-child(1) {
		width: 38%;
	} */

	.rongyu .zhengshu_nr ul li:nth-child(2) {
		margin-left: 0;
	}

	.rongyu .title {
		font-size: 16px;
	}

	.rongyu .title h3 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 14px;
	}

	.rongyu .zn-container {
		padding-top: 16%;
	}

	.chengguo-zhuanhuan .left .anlinr .title h3 {
		font-size: 30px;
	}

	.rd_menu li h3 {
		font-size: 16px;
		line-height: 26px;
	}

	.rd_menu ul.menu li h2 {
		top: 10px;
		left: 10px;
	}

	.rd_menu li:after {
		right: 10px;
		bottom: 10px;
	}

	.rd_menu ul.menu {
		padding-top: 120px;
	}

	.rd_menu ul.menu li {
		height: 186px;
		width: 50%;
	}

	/*平台概括*/
	.zn-gen-banner .title {
		font-size: 20px;
		line-height: 28px;
	}

	.zn-gen-banner .title .t1 {
		font-size: 40px;
		line-height: 52px;
	}

	.zn-gen-banner .title .t2 {
		font-size: 65px;
		line-height: 84px;
		padding-left: 9%;
	}

	.gen_tit {
		font-size: 14px;
		line-height: 20px;
	}




	/* 11.10加 */
	.gd-logo{
		width: 100%;
	}

	.gen_tit h3 {
		font-size: 20px;
		line-height: 28px;
	}

	.zn-gen-jianjie .jsnr .t1 {
		font-size: 16px;
		line-height: 30px;
	}

	.zn-gen-jianjie .jsnr .p1 {
		padding-top: 20px;
	}

	.zn-gen-team .zn-container .swiper-container {
		width: 100%;
	}

	.zn-gen-team .people {
		height: 360px;
		background-size: cover !important;
	}

	.zn-gen-team .swiper-button-prev,
	.zn-gen-team .swiper-button-next {
		display: none;
	}

	.zn-gen-jiagou .anniu {
		position: inherit;
		top: auto;
		left: auto;
		width: 100%;
		overflow: hidden;
	}

	.zn-gen-jiagou .anniu li {
		width: 33.33%;
		float: left;
		font-size: 14px;
		border: none;
	}

	.zn-gen-jiagou .main_nr .nr {
		width: 100%;

	}

	.dashijian h4 {
		font-size: 20px;
	}

	.dashijian p {
		font-size: 16px;
	}

	.dashijian .title1 {
		height: 250px;
	}

	.dashijian2 {
		height: 250px;
		background-size: cover !important;
	}

	.dashijian2 .title2 {
		height: 180px;
	}

	.dashijian2 .title2 h4 {
		font-size: 38px;
		margin-top: 22%;
	}

	.dashijian2 .title2 p {
		font-size: 16px;
	}

	/*党建工会*/
	.dangjian .leftnr {
		width: 100%;
	}

	.dangjian .rightnr {
		width: 100%;
		padding: 0 2%;
	}

	.dangjian .leftnr dl dt a {
		font-size: 16px;
		line-height: 32px;
	}

	.dangjian .leftnr dl dd a {
		font-size: 14px;
		line-height: 36px;
	}

	.dangjian .leftnr dl dt.on:before {
		top: 16px;
	}

	.dangjian .leftnr dl dd.on:before {
		top: 12px;
	}

	.pro_list ul li:nth-child(even) {
		float: right;
	}

	.pro_list ul {
		margin-left: 0;
	}

	.pro_list ul li {
		width: 48%;
		height: auto;
		margin-left: auto;
		margin-bottom: 20px;
		height: 240px;
	}

	.pro_list .pro_tit {
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}

	.pro_list .pro_info {
		padding: 10px;
		box-sizing: border-box;
	}

	.pro_list .pro_info h3 {
		font-size: 16px;
		margin: 50px 0;
	}

	.service_con .index_tit {
		margin-bottom: 30px;
		margin-top: 30px;
		padding-top: 0;
	}

	.zn-gen-jiagou .main_nr .nr {
		height: 100%;
	}

	/*33474蒙特卡罗官网*/
	.team_people .pic {
		width: 90%;
	}

	.team_people .peopel1 {
		margin-top: 0;
		height: 90vh;
		overflow: scroll;
	}

	.team_people .rightnr {
		width: 100%;
	}

	.team_people .dingwei {
		display: none;
	}

	.chengguo-zhuanhuan .left .anlinr {
		width: 100%;
	}

	.chengguo-zhuanhuan .right .cpt {
		width: 60%;
	}

	.achi-product .two_show img {
		width: 100%;
	}

	.yingyongly .zn-fr {
		width: 80%;
	}

	.yingyongly .zn-fr .info {
		width: 90%;
	}
	.z_skew2{
		max-width: 680px;
	}
	.news_dialog{
		max-width: 95% !important;
	}

}

.zn-com-con .zn-container1 .zn-container .titie.black {
	color: #333 !important;
}

.round_cricle {
	position: relative;

}

.kuang-all {
  padding: 0;
  padding-top: 50px;
}

.kuang .zn-container {
  padding: 10vh 0;
}

/* TODO 测试浏览器兼容性 */
.xcy-videos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

@media (max-width: 800px) {
  .xcy-videos {
    grid-template-columns: 1fr;
  }
}

.xcy-videos figure {
  text-align: center;
  margin: 0;
  font-size: 13px;
}

.xcy-videos video {
  max-width: 100%;
  height: auto;
}

@media (min-width: 1400px) {
  .yanfa .zn-container {
    width: 1384px;
	height: 100%;
  }
}


.hidden {
	display: none !important;
}

.index-banner-list {
	background-color: #87d3f5;
	position: relative;
}

.index-banner-list .swiper-pagination {
	bottom: 40px;
}

.index-banner-list-arrow {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -100%);
	animation: down 1.5s infinite;
	font-size: 1.5rem;
	z-index: 1000;
	color: #fff;
}

.index-banner-list-arrow .iconfont.icon-double-down {
	font-size: inherit;
}

@keyframes down {
	0% {
	  opacity: 0;
	  transform: translate(-50%, -80%);
	}
	100% {
	  opacity: 1;
	  transform: translate(-50%, 0);
	}
  }

.index-banner {
	position: relative;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.index-banner-inner {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0%, -50%);
	margin-left: 5%;
}


.index-banner-1 {
	color: #fff;
	font-size: 8px;
}

/* .index-banner-1 h1 {
	font-size: 10em;
	font-weight: 600;
} */
.index-banner h1{
	font-size: 50px;
	font-weight: 600;
	text-align: left;
	color: #fff;
}

/* .index-banner-1 h2 {
	font-size: 6em;
	margin: 1em 0;
	font-weight: 500;
} */
.index-banner h2{
	font-size: 32px;
	margin: 1em 0;
	color: #fff;
	font-weight: 500;
	text-align: left;
}

.index-banner-1 button {
	font-family: inherit;
	font-size: 3em;
	color: #fff;
	background: none;
	border: 1px solid;
	border-radius: 10px;
	padding: 0.5em 1em;
	cursor: pointer;
	transition: color 300ms, background-color 300ms;
	will-change: color, background-color;
}
.index-banner button{
	font-family: inherit;
	font-size: 3em;
	color: #fff;
	background: none;
	border: 1px solid;
	border-radius: 10px;
	padding: 0.5em 1em;
	cursor: pointer;
	transition: color 300ms, background-color 300ms;
	will-change: color, background-color;
}

.index-banner-1 button .iconfont {
	font-size: inherit;
}
.index-banner button .iconfont{
	font-size: inherit;
}

.index-banner-1 button:hover {
	color: #000;
	background-color: #fff;
}
.index-banner button:hover {
	color: #000;
	background-color: #fff;
}


/* .index-banner.index-banner-2 .index-banner-inner {
	left: auto;
	right: 0;
	margin-right: 10%;
} */

.index-banner-2 {
	color: #fff;
	font-size: 8px;
}

/* .index-banner-2 h1 {
	font-size: 10em;
	font-weight: 600;
}

.index-banner-2 h2 {
	font-size: 4em;
	margin: 1em 0;
	text-align: center;
} */

.index-banner-1 h1 {
	transform: translate(-100%, 0);
	opacity: 0;
	transition: transform 500ms, opacity 500ms;
	transition-delay: 300ms;
	will-change: transform, opacity;
}

.swiper-slide-active .index-banner-1 h1 {
	transform: translate(0, 0);
	opacity: 1;
}

.index-banner-2 h1 {
	transform: translate(-100%, 0);
	opacity: 0;
	transition: transform 500ms, opacity 500ms;
	transition-delay: 300ms;
	will-change: transform, opacity;
}

.swiper-slide-active .index-banner-2 h1 {
	transform: translate(0, 0);
	opacity: 1;
}

.index-banner-3 {
	font-size: 8px;
}

.index-banner-3 video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-banner-3 .video-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.index-banner-3 img {
	width: 8.5em;
	height: auto;
	display: inline;
}

.index-banner-3 .video-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.index-banner-3 .video-text p {
	/* font-size: 10em; */
	font-size: 50px;
	color: #fff;
	margin-bottom: 1em;
}

.index-banner {
	transition: transform 3s;
	transition-delay: 0.8s;
	will-change: transform;
	overflow: hidden;
}

.swiper-slide-active .index-banner {
	transform: scale(1.03);
	transition-delay: 0ms;
	/* background-size: cover; */
}

@media (max-width: 1280px) {
	.index-banner-1,
	.index-banner-2,
	.index-banner-3 {
		font-size: 6px;
	}
}

@media (max-width: 900px) {
	.index-banner-1,
	.index-banner-2,
	.index-banner-3 {
		font-size: 5px;
	}
}

@media (max-width: 700px) {
	.index-banner {
		height: 50vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.index-banner-inner {
		position: static;
		transform: none;
		margin-left: 0;
	}
	.swiper-slide-active .index-banner{
		transform: unset;
	}
	.index-banner-inner h1,.swiper-slide-active .index-banner-1 h1,.swiper-slide-active .index-banner-2 h1{
		transform: translate(1%, 30%);
		font-size: 23px;
	}
	.index-banner-3 .video-text p{
		font-size: 23px;
	}
	.index-banner h2{
		font-size: 20px;
		margin-left: 1%;
	}
	.index-banner button{
		margin-left: 1%;
		font-size: 16px;
	}

	.index-banner.index-banner-2 .index-banner-inner {
		margin-right: 0;
	}

	.index-banner-1 .index-banner-inner {
		margin-left: 0;
		padding: 0 10px;
	}

	.index-banner-1,
	.index-banner-2 {
		font-size: 4px;
	}
}

@media (max-width: 700px) {
	.index-banner-1,
	.index-banner-2,
	.index-banner-3 {
		font-size: 2.8px;
	}
	
	.index-banner-list .swiper-pagination {
		bottom: 10px;
	}
	.index-banner-list-arrow {
		display: none;
	}

	.index-banner-3 .video-text {
		width: max-content;
	}
}

.flipbook-history-title {
	text-align: center;
	position: relative;
	z-index: 1;
	margin: 6.5rem 0 1rem 0;
}

.flipbook-history-title h1 {
	font-size: 40px;
	color: #0F80C3;
}

.flipbook-history-title p {
	font-size: 20px;
	color: #333;
}

[lang="en"] .index-banner-inner h1 {
  font-size: 6em;
}

[lang="en"] .index-banner-inner h2 {
  font-size: 3em;
}