/* CSS Document */

.banner {
	width: 100%;
}
.banner>img {
	width: 100%;
}
.font {
	width: 1200px;
	text-align: left;
	margin: 0 auto;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-left: -600px;
	opacity: 0;
}
.btn_team {
	margin-top: 50px;
	cursor:pointer;
}
.fontMove {
	animation: fadeInUp 1s;
	animation-fill-mode: forwards;
	-webkit-animation: fadeInUp 1s;
	-webkit-animation-fill-mode: forwards;
}
.fontMove {
	animation: fadeInUp 1s;
	animation-fill-mode: forwards;
	-webkit-animation: fadeInUp 1s;
	-webkit-animation-fill-mode: forwards;
}
.in2 {
	padding: 100px 0px;
}
.smallDom {
	padding: 120px 0;
}
.big img {
	display: block;
	width: 100%;
}
.doubleDom {
	font-size: 0;
	min-width: 1200px;
	overflow: hidden;
}
.doubleDom>div {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	height: 700px;
	overflow: hidden;
}
.topBox {
	background-color: #252d6c;
	padding-left: 100px;
	position: relative;
	height: 250px;
}
.top1 {
	position: absolute;
	top: 50%;
	margin-top: -76px;
	right: 100px;
}
.top2 {
	position: absolute;
	top: 50%;
	margin-top: -75px;
	left: 100px;
}
.top3 {
	position: absolute;
	top: 50%;
	margin-top: -75px;
	right: 100px;
	text-align: right;
}
.bottom {
	position: relative;
	padding: 50px 0 70px 0;
}
.dcDom, .jrDom, .xsDom {
	position: absolute;
	right: 100px;
	width: 500px;
}
.jrDom {
	left: 100px;
}
.dcDom .item, .xsDom .item {
	width: 160px;
	height: 160px;
	overflow: hidden;
	float: right;
	margin-right: 10px;
	cursor: pointer;
}
.jrDom .item {
	width: 160px;
	height: 160px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.dcDom .i1 {
	background: url(../img/service/dc/01.jpg);
	background-position: 0px 0px;
}
.dcDom .i2 {
	background: url(../img/service/dc/02.jpg);
	background-position: 0px 0;
}
.dcDom .i3 {
	background: url(../img/service/dc/03.jpg);
	background-position: 0px 0;
	margin: 0;
}
.dcDom .i4 {
	background: url(../img/service/dc/04.jpg);
	background-position: 0px 0;
	margin-top: 10px;
}
.dcDom .i5 {
	background: url(../img/service/dc/05.jpg);
	background-position: 0px 0;
	margin: 0;
	margin-top: 10px;
}
.dcDom .i1:hover {
	background-position: 0px 160px;
}
.dcDom .i2:hover {
	background-position: 0px 160px;
}
.dcDom .i3:hover {
	background-position: 0px 160px;
}
.dcDom .i4:hover {
	background-position: 0px 160px;
}
.dcDom .i5:hover {
	background-position: 0px 160px;
}
.jrDom .i1 {
	background: url(../img/service/jr/01.jpg);
	background-position: 0px 0px;
}
.jrDom .i2 {
	background: url(../img/service/jr/02.jpg);
	background-position: 0px 0;
}
.jrDom .i3 {
	background: url(../img/service/jr/03.jpg);
	background-position: 0px 0;
	margin: 0;
}
.jrDom .i4 {
	background: url(../img/service/jr/04.jpg);
	background-position: 0px 0;
	margin-top: 10px;
}
.jrDom .i5 {
	background: url(../img/service/jr/05.jpg);
	background-position: 0px 0;
	margin: 0;
	margin-top: 10px;
}
.jrDom .i1:hover {
	background: url(../img/service/jr/01.jpg);
	background-position: 0px 160px;
}
.jrDom .i2:hover {
	background: url(../img/service/jr/02.jpg);
	background-position: 0px 160px;
}
.jrDom .i3:hover {
	background: url(../img/service/jr/03.jpg);
	background-position: 0px 160px;
	margin: 0;
}
.jrDom .i4:hover {
	background: url(../img/service/jr/04.jpg);
	background-position: 0px 160px;
	margin-top: 10px;
}
.jrDom .i5:hover {
	background: url(../img/service/jr/05.jpg);
	background-position: 0px 160px;
	margin: 0;
	margin-top: 10px;
}
.xsDom .i1 {
	background: url(../img/service/xs/01.jpg);
	background-position: 0px 0px;
}
.xsDom .i2 {
	background: url(../img/service/xs/02.jpg);
	background-position: 0px 0;
}
.xsDom .i3 {
	background: url(../img/service/xs/03.jpg);
	background-position: 0px 0;
	margin: 0;
}
.xsDom .i4 {
	background: url(../img/service/xs/04.jpg);
	background-position: 0px 0;
	margin-top: 10px;
}
.xsDom .i5 {
	background: url(../img/service/xs/05.jpg);
	background-position: 0px 0;
	margin: 0;
	margin-top: 10px;
}
.xsDom .i6 {
	background: url(../img/service/xs/06.jpg);
	background-position: 0px 0;
	margin: 0;
	margin-top: 10px;
}
.xsDom .i1:hover {
	background: url(../img/service/xs/01.jpg);
	background-position: 0px 160px;
}
.xsDom .i2:hover {
	background: url(../img/service/xs/02.jpg);
	background-position: 0px 160px;
}
.xsDom .i3:hover {
	background: url(../img/service/xs/03.jpg);
	background-position: 0px 160px;
	margin: 0;
}
.xsDom .i4:hover {
	background: url(../img/service/xs/04.jpg);
	background-position: 0px 160px;
	margin-top: 10px;
}
.xsDom .i5:hover {
	background: url(../img/service/xs/05.jpg);
	background-position: 0px 160px;
	margin: 0;
	margin-top: 10px;
}
.xsDom .i6:hover {
	background: url(../img/service/xs/06.jpg);
	background-position: 0px 160px;
	margin: 0;
	margin-top: 10px;
}
.partTop {
	position: relative;
}
.over1, .over3 {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(255,255,255,0.95);
}
.over2 {
	position: absolute;
	top: -100%;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: right;
	background-color: rgba(255,255,255,0.95);
}
.pop_details {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow-y: scroll;
	z-index: 10000000;
	text-align: center;
	background-size: cover;
	background-color: #fff;
	display: none;
}
.pop_details.in {
	-webkit-animation: slideInRight 0.6s ease 0s both;
	-moz-animation: slideInRight 0.6s ease 0s both;
	-o-animation: slideInRight 0.6s ease 0s both;
	-ms-animation: slideInRight 0.6s ease 0s both;
	animation: slideInRight 0.6s ease 0s both;
}
.pop_details.out {
	-webkit-animation: slideOutRight 0.6s ease 0s both;
	-moz-animation: slideOutRight 0.6s ease 0s both;
	-o-animation: slideOutRight 0.6s ease 0s both;
	-ms-animation: slideOutRight 0.6s ease 0s both;
	animation: slideOutRight 0.6s ease 0s both;
}
.pop_details_off {
	position: fixed;
	top: 2%;
	right: 5%;
	z-index: 1000;
	cursor: pointer;
}
.pop_details_con {
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	margin-left: -600px;
	margin-top: -300px;
	margin-bottom: 100px;
}
.swiper-pagination-fraction {
	width: auto;
	color: #787878;
	font-size: 14px;
	bottom: 15px;
	left: 100%;
	margin-left: -30px;
}
.pop_details_con p {
	color: #787878;
	text-align: left;
}