@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

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

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

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

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

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

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

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

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html {
	font: 12px/1.5 "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input, textarea {
	font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul, li {
	list-style: none;
}
img {
	vertical-align: middle;
}

a {
	text-decoration: none;
}
body.tc {
	font-variant-east-asian: traditional;
}
.wrap {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #12132a;
	min-height: 100vh;
}
.minheight {
	min-height: calc(100vh - 22.1rem);
}
.wrap.contact {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	background-color: #0f1123;
}
.content {
	width: 100%;
	position: relative;
	min-height: calc(100vh - 22.1rem);
}
.logo {
	width: auto;
	height: auto;
}
.logo img {
	width: 100%;
	display: block;
	height: auto;
}
@media screen and (max-width: 1250px) {
	.head, .content {
		width: 1250px;
		padding: 0 75px;
		margin: 0 auto;
	}
}

@media screen and (min-width:1250px) {
	.head, .content {
		width: 1100px;
		margin: 0 auto
	}
}

@media screen and (min-width:1406.6px) {
	.head, .content {
		width: 100%;
		padding: 0 10.9%
	}
}

@media screen and (min-width:1920px) {
	.head, .content {
		max-width: 1500px;
		margin: 0 auto;
		padding: 0
	}
}
.nav {
	width: auto;
	display: flex;
	justify-content: start;
	line-height: 8.5rem;
	padding: 0;
}
.nav li {
	display: block;
	width: auto;
	overflow: hidden;
	color: #fff;
	font-size: 1.3rem;
}
.nav li a {
	padding: 0 15px;
	font-size: 1.3rem;
	font-weight: 500;
	font-family: Microsoft YaHei,PingFangSC,Arial,Helvetica;
	color: #fff;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	margin: 0 16px;
	cursor: pointer;
}
.nav li:last-child a {
	padding: 0;
	margin: 0;
}
.nav li:last-child a:first-child{
	padding: 0 0 0 15px;
	margin: 0 0 0 16px;
}
.nav li:hover a {
	color: #0077e9;
}
.nav li a.active {
	color: #0077e9;
}
.content-top, .content-title {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
}
.content-title .h1 {
	text-align: center;
	line-height: 5rem;
	padding-top: 7rem;
	font-size: 4rem;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	letter-spacing: 2px;
	text-indent: 10%;
}
.content-title .p1 {
	display: block;
	text-align: center;
	line-height: 4rem;
	padding-top: 0.5rem;
	font-size: 1.3rem;
	color: #0077e9;
	text-indent: 35%;
	padding-bottom: 20rem;
	letter-spacing: 4px
}
.content-svg-left {
	width: 30rem;
	height: auto;
	bottom: -6rem;
	left: -3rem;
	position: absolute;
}
.content-svg-right {
	width: 30rem;
	height: auto;
	bottom: -8.2rem;
	right: -14.5rem;
	position: absolute;
	z-index: 99;
}
.content-sw {
	width: 100%;
	height: 50vh;
}
.swiper-container2 {
	width: 100%;
	height: 100%;
}
.swiper-container2 .swiper-slide img {
	min-width: 100%;
}
.swiper-container2 .swiper-slide p {
	font-size: 13px;
	color: #333333;
	line-height: 26px;
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	padding: 0 10px;
	background-color: rgba(255,255,255,0.6);
}
.pagination2 {
	margin-top: -30px;
	display: block;
	z-index: 20;
	width: 100%;
	text-align: center;
	position: relative;
}
.pagination2 .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.pagination2 .swiper-active-switch {
  background: #fff;
}
.content-media {
	width: 100%;
	background-color: #FFFFFF;
}
.media-title {
	padding-top: 10rem;
	width: auto;
	display: block;
	padding-bottom: 8rem;
}
.media-title span {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 4rem;
	font-weight: bold;
}
.media-title i {
	width: 7rem;
	height: 5px;
	background-color: #0077e9;
	display: block;
	margin: 5px auto;
}
.media-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 5rem;
}
.media-content-img {
	width: auto;
	padding: 0 6rem;
}
.media-content-img img {
	max-width: 100%;
}
.content-about {
	width: 100%;
	background-color: #FFFFFF;
}
.about-title {
	padding-top: 5rem;
	width: auto;
	display: block;
	padding-bottom: 5rem;
}
.about-title span {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 4rem;
	font-weight: bold;
}
.about-title i {
	width: 7rem;
	height: 5px;
	background-color: #0077e9;
	display: block;
	margin: 5px auto;
}
.about-content {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	background-color: #0077E9;
	height: 28rem;
	overflow: hidden;
	position: relative;
	align-items: center;
}
.about-content-info {
	line-height: 2.5rem;
	font-size: 1.5rem;
	color: #FFFFFF;
	width: 100%;
	padding: 5rem 20%;
	display: block;
	text-indent: 3rem;
	position: relative;
	z-index: 2;
}
.big-info {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14rem;
	color: rgba(255,255,255,0.2);
	font-weight: bold;
	position: absolute;
	bottom: -7rem;
	z-index: 1;
}
.content-team {
	width: 100%;
	height: auto;
	display: block;
	background-color: #FFFFFF;
}
.team-title {
	padding-top: 5rem;
	width: auto;
	display: block;
	padding-bottom: 5rem;
}
.team-title span {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
}
.team-title i {
	width: 7rem;
	height: 5px;
	background-color: #0077e9;
	display: block;
	margin: 5px auto;
}
.team-content {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 10% 8rem 10%;
	align-items: center;
}
.team-content-left {
	width: 58%;
	height: auto;
	position: relative;
}
.team-content-right {
	width: 38%;
	height: auto;
	position: relative;
}
.shooting {
	position: absolute;
	top: -2rem;
	left: -1rem;
	line-height: 4rem;
	font-size: 4rem;
	color: #0077E9;
	background-color: rgba(255,255,255,0.4);
	z-index: 99;
	font-weight: bold;
	padding: 0 3rem 0 0;
}
.list-swimg {
	width: 100%;
	height: auto;
}
.list-swimg img {
	width: 120%;
	height: auto;
	display: block;
	margin-left: -10%;
	 object-fit: fill; 
	 object-fit: contain;
	 object-fit: scale-down;
}
.list-sw {
	width: 100%;
	height: 30rem;
	overflow: hidden;
	box-shadow: 20px 20px 0px 5px #eee;
	border-radius: 10px;
}
.swiper-container11 .swiper-slide video,.swiper-container12 .swiper-slide video,.swiper-container13 .swiper-slide video {
	background-color: #000;
}
.team-content-right-title {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
}
.team-content-right-title p {
	font-size: 2rem;
	display: inline-block;
	position: relative;
	z-index: 99;
	background-color: #fff;
	padding: 0 5px;
	margin-left: 10%;
}
.team-content-right-title .hr {
	position: absolute;
	top: 50%;
	z-index: 98;
	left: 0;
	right: 0;
	color: #444444;
	background-color: #444444;
	height: 3px;
}
.team-content-right-info {
	width: 100%;
	height: auto;
	padding: 2rem 0 0 0;
}
.team-content-right-info p {
	display: block;
	line-height: 2.8rem;
	font-size: 1.3rem;
	margin-bottom: 1rem;
	text-indent: 2.6rem;
}
.team-content.rtl .team-content-right-title .hr {
	left: 0;
	right: 0;
}
.team-content.rtl {
	background-color: #f9f9f9;
	padding: 8rem 10%;
	margin-bottom: 8rem;
}
.team-content.rtl .shooting {
	right: -1rem;
	left: auto;
	padding: 0 0 0 3rem;
}
.team-content.rtl .list-sw {
	box-shadow: -20px 20px 0px 5px #eee;
}
.swiper-slide video {
	width: 100%;
	height: 100%;
	min-width: ;
}
.team-content .swiper-container {
	height: 100%;
}
.team-content .swiper-slide img {
	min-width: 100%;
	width: 100%;
}
.list-swimg.last img {
	width: 100%;
	margin: 0;
}
.pagination11, .pagination12, .pagination13 {
	margin-top: -20px;
	display: block;
	z-index: 20;
	width: 100%;
	text-align: center;
	position: relative;
}
.pagination11 .swiper-pagination-switch,.pagination12 .swiper-pagination-switch,.pagination13 .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.pagination11 .swiper-active-switch,.pagination12 .swiper-active-switch,.pagination13 .swiper-active-switch {
  background: #fff;
}
.content-data {
	width: 100%;
	background-color: #0077E9;
}
.content-data-list {
	width: 100%;
	padding: 2rem 10%;
	display: flex;
	justify-content: space-between;
}
.content-data-list i {
	font-style: normal;
}
.content-data-list .list {
	display: block;
	width: 25%;
	padding: 1rem 0;
	border-right: 1px solid #fff;
}
.content-data-list .list:last-child {
	border-right: none;
}
.content-data-list .list h1,.content-data-list .list p {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
}
.content-data-list .list h1 {
	font-size: 3rem;
}
.content-data-list .list p {
	font-size: 1rem;
}
.content-case {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
}
.case-title {
	padding-top: 5rem;
	width: auto;
	display: block;
	padding-bottom: 5rem;
}
.case-title span {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
}
.case-title i {
	width: 7rem;
	height: 5px;
	background-color: #0077e9;
	display: block;
	margin: 5px auto;
}
.case-title p {
	font-size: 1rem;
	color: #222222;
	line-height: 1.5rem;
	text-align: center;
	padding: 1rem 0;
}
.case-list {
	width: 100%;
	padding: 0 10% 2rem 10%;
	position: relative;
}
.case-list .icon-prev,.case-list .icon-next {
	position: absolute;
	left: calc(5% - 2rem);
	height: 4rem;
	line-height: 4rem;
	font-size:4rem;
	top: calc(50% - 2rem);
	cursor: pointer;
	color: #d3d3d3;
}
.case-list .icon-next {
	left: auto;
	right: calc(5% - 2rem);
}
.swiper-container3 {
	height: 34rem;
}
.case-list .swiper-slide {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.case-list .swiper-slide .left, .case-list .swiper-slide .right {
	width: 48%;
}
.case-list .swiper-slide .left {
	display: flex;
	align-items: center;
}
.case-list .swiper-slide .left img, .case-list .right-info, .case-list .right-num {
	width: 100%;
}
.case-list .swiper-slide .right .h1 {
	width: 100%;
	line-height: 2rem;
	font-size: 2rem;
	margin-bottom: 1rem;
}
.case-list .right-info p {
	width: 100%;
	line-height: 2rem;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}
.case-list .right-info p.blod {
	font-weight: bold;
}
.case-list .right-num {
	display: flex;
	justify-content: space-between;
}
.case-list .right-num div {
	width: 48%;
}
.case-list .right-num div span {
	width: 100%;
	display: block;
	font-size: 1rem;
}
.case-list .right-num div span:first-child {
	font-size: 2rem;
	font-weight: bold;
}
.content-recruitment {
	width: 100%;
	background-color: #FFFFFF;
}
.recruitment-title {
	padding-top: 5rem;
	width: auto;
	display: block;
	padding-bottom: 5rem;
}
.recruitment-title span {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
}
.recruitment-title i {
	width: 7rem;
	height: 5px;
	background-color: #0077e9;
	display: block;
	margin: 5px auto;
}
.recruitment-title p {
	font-size: 1rem;
	color: #222222;
	line-height: 1.5rem;
	text-align: center;
	padding: 1rem 0;
}
.recruitment-contont {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 10%;
}
.recruitment-contont-nav {
	width: 100%;
	display: flex;
	justify-content: start;
	padding: 0 0 3rem 0;
}
.recruitment-contont-nav li {
	width: auto;
	display: block;
	line-height: 4rem;
	padding: 0 2rem;
	font-size: 2rem;
	cursor: pointer;
}
.recruitment-contont-nav li.active {
	border-bottom: 4px solid #0077E9;
}
#recruitmentList {
	display: block;
	width: 100%;
}
.recruitment-list {
	display: none;
	width: 100%;
	overflow: hidden;
}
.recruitment-list-all {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 2rem;
}
.recruitment-list.active {
	display: block;
}
.recruitment-list-title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-left: 4px solid #0077E9;
	padding: 1rem;
	margin-bottom: 2rem;
	background-image: linear-gradient(#d6fffd, #3fe8e19e);
}
.recruitment-list-title p {
	line-height: 2rem;
	font-size: 2rem;
	text-indent: 1rem;
	cursor: pointer;
}
.recruitment-list-title span {
	cursor: pointer;
	font-size: 1rem;
	display: flex;
	align-items: center;
}
.recruitment-list-title span i {
	padding: 0 0 0 10px;
}
.recruitment-list-contont {
	width: 100%;
	padding: 0 calc(2rem + 4px);
	display: none;
}
.recruitment-list-contont h2 {
	font-size: 1.6rem;
	line-height: 4rem;
	font-weight: normal;
}
.recruitment-list-contont p {
	font-size: 1.3rem;
	line-height: 3rem;
}
.recruitment-list-contont.active {
	display: block;
}
.contont-contact {
	width: 100%;
	background-color: #FFFFFF;
}
.contact-title {
	padding-top: 5rem;
	width: auto;
	display: block;
	padding-bottom: 5rem;
}
.contact-title span {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
}
.contact-title i {
	width: 7rem;
	height: 5px;
	background-color: #0077e9;
	display: block;
	margin: 5px auto;
}
.contact-contont {
	width: 100%;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	padding: 0 10% 6rem 10%;
}
.contact-contont .left {
	width: 65%;
}
.contact-contont .right {
	width: 35%;
	padding: 0 0 0 2rem;
}
.contact-contont .right input {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	border: 1px solid #0077E9;
	background-color: #FFFFFF;
	margin-bottom: 1rem;
	padding: 0 1rem;
}
.contact-contont .right textarea {
	width: 100%;
	line-height: 2rem;
	height: 8rem;
	border: 1px solid #0077E9;
	background-color: #FFFFFF;
	margin-bottom: 1rem;
	padding: 1rem;
	resize: none;
}
.contact-contont .right .submit {
	width: 50%;
	text-align: center;
	background-color: #0077E9;
	font-size: 1.3rem;
	color: #FFFFFF;
	line-height: 3rem;
	border: none;
	margin: 0;
	cursor: pointer;
}
.contact-contont .right .submit.active {
	background-color: #D3D3D3;
}
.bottom {
	width: 100%;
	padding: 6rem 0;
}
.bottom p {
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.5rem;
	text-align: center;
	color: #FFFFFF;
}
#allmap {
	height: 300px;
}
.content-banner {
	width: 100%;
	background-color: #FFFFFF;
	height: auto;
	overflow: hidden;
	position: relative;
}
.content-banner img {
	width: 100%;
	display: block;
}
.content-banner-info {
	width: 100%;
	position: absolute;
	left: 0;
	top: calc(50% - 10.75rem);
}
@media screen and (max-width: 1250px) {
	.content-banner-info {
		width: 1250px;
		padding: 0 75px;
		margin: 0 auto;
	}
}

@media screen and (min-width:1250px) {
	.content-banner-info {
		width: 1100px;
		margin: 0 auto;
		left: calc(50% - 550px);
	}
}

@media screen and (min-width:1406.6px) {
	.content-banner-info {
		width: 100%;
		padding: 0 10.9%;
		left: 0;
	}
}

@media screen and (min-width:1920px) {
	.content-banner-info {
		max-width: 1500px;
		margin: 0 auto;
		padding: 0;
		left: calc(50% - 750px);
	}
}
.content-banner-info h1 {
	font-size: 6rem;
	line-height: 6rem;
	color: #FFFFFF;
	margin-bottom: 4rem;
}
.content-banner-info p {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}
.case-img {
	width: 100%;
	background-color: #FFFFFF;
	padding: 0 5%;
}
.case-img img {
	width: 100%;
	display: block;
}
.content-bottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 7rem 5%;
	background-color: #FFFFFF;
	align-items: center;
}
.content-bottom .bottom-logo {
	width: auto;
	height: auto;
	overflow: hidden;
}
.content-bottom .bottom-logo img {
	width: 100%;
}
.bottom-right {
	width: auto;
	overflow: hidden;
}
.bottom-right a {
	font-size: 1.3rem;
	color: #2f2f40;
	line-height: 4rem;
	padding: 0 2rem;
	font-weight: bold;
	cursor: pointer;
}
.bottom-right a:last-child {
	padding: 0 0 0 2rem;
}
.flt-left {
	width: 45rem;
	height: 27.9rem;
}
.flt-left .list-sw {
	height: 100%;
}
.flt-right {
	width: 50%;
	padding-right: 4rem;
}
.media-content.start {
	justify-content: start;
}
.media-content.start .media-content-img {
	height: 7rem;
	padding: 0 8rem;
}
.media-content.start .media-content-img img {
	width: auto;
	display: block;
	height: 100%;
}
.tip {
	position: fixed;
	left: calc(50% - 4rem);
	text-align: center;
	bottom: 12rem;
	display: inline-block;
	padding: 0;
	width: 20rem;
	line-height: 3rem;
	background-color: #0077E9;
	color: #FFFFFF;
	font-size: 1.3rem;
	border-radius: 5px;
	z-index: 99;
}
.contact-info {
	width: 100%;
	background-color: #0077e9;
	padding: 4rem 10%;
	display: block;
	position: relative;
}
.contact-info-list {
	width: 100%;
	display: flex;
	justify-content: start;
}
.contact-info-list i {
	font-size: 2rem;
	color: #FFFFFF;
	line-height: 3rem;
	margin-right: 2rem;
}
.contact-info-list p {
	font-size: 1.3rem;
	color: #FFFFFF;
	line-height: 3rem;
}
.contact-info img {
	position: absolute;
	width: auto;
	height: auto;
}
.contact-info img.img1 {
	right: 10%;
	bottom: 0;
}
.contact-info img.img2 {
	right: 30%;
	top: 2rem;
}
.contact-info img.img3 {
	right: 50%;
	top: 3rem;
}
.contact-info img.img4 {
	left: 0rem;
	top: -5rem;
	width: 16rem;
}
.swiper-container12 .swiper-slide {
	min-width: 540px;
	min-height: 338px;
}
.team-content.rtl .team-content-right-title p{
	background-color: #f9f9f9;
}