@charset "utf-8";
.homeProduct .publicBox,
.homeNetwork .publicBox,
.homeAbout .publicBox,
.homeMembers .publicBox,
.homeNews .publicBox,
.homeServices .publicBox{
	margin-top:76px;
}
.homeMembers .publicBox{
	width:100%;
	height:calc(100vh - 76px);
}
/* --banner-- */
.homeBanner{
	overflow:hidden;
}
@keyframes hide {
	form {
		opacity:0;
	}
	to {
		opacity:0.8;
	}
}


@keyframes animation-svg-line {
	0% {
		stroke-dashoffset:1280px
	}
	50% {
		stroke-dashoffset:0px
	}
	100% {
		stroke-dashoffset:-1000px
	}
}


.homeAbout {

	background-size:cover;
	overflow:hidden;
}



.homeSolution {
	background-color:#f8f8f8;
	position:relative;
	overflow:hidden;
}
.homeSolution .loop {
	display:flex;
	width:100%;
	height:38vw;
	min-height:526px;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	position:relative;
}
.homeSolution .loop .left {
	width:57%;
	height:100%;
	position:absolute;
	left:0;
	top:-38px;
	z-index:10;
	display:flex;
	align-items:left;
	justify-content:center;
	flex-direction:column;
	opacity:0;
}
.tips{ height: 250px;}
.homeSolution .loop .left .en {
	font-size:16px;
	font-weight:bold;
	color:#004da0;
	line-height:20px;
	text-transform:uppercase;
}
.homeSolution .loop .left .wz {
	font-size:15px;
	text-align: justify;
	margin-top:30px;
	line-height: 30px; width: 359px;
}
.homeSolution .loop .right {
	width:27%;
	height:100%;
	position:relative;
	float:right;
	margin-left:73%;
	z-index:10;
	display:flex;
	align-items:left;
	justify-content:center;
	flex-direction:column;
	opacity:0;
}
.homeSolution .loop .right .items {
	width:100%;
	height: 526px;

	overflow:hidden;
}
.homeSolution .loop .right .swiper {
	width:100%;
	height:100%;
}
.homeSolution .loop .right .swiper-slide {
	overflow:hidden;
}
.homeSolution .loop .right .items .bt {
	height:32px;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
	overflow:hidden;
}
.homeSolution .loop .right .items .wz { 
   height: 106px;
	font-size:14px;
	line-height:30px;
	padding-top:10px;
	overflow:hidden;
}
.homeSolution .loop .mobileswiper {
	width:100%;
	height:auto;
	position:relative;
	display:none;
}
.homeSolution .loop .mobileswiper .bt {
	height:24px;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	overflow:hidden;
}
.homeSolution .loop .mobileswiper .wz {
	height:auto;
	font-size:14px;
	line-height:24px;
	margin-top:2%;
	overflow:hidden;
}

.homeSolution .mid {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:3;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
}
.homeSolution .mid .roll-box {
	position:relative;
	z-index:5;
	width:30.4vw;
	height:30.4vw;
}
.homeSolution .mid .roll-box img {
	position:absolute;
	height:100%;
	top:0;
	left:0;
}
.homeSolution .mid .roll-box img.cir4 {
	position:relative;
	height:100%;
	animation:loopCir 17s linear infinite;
}
.homeSolution .mid .roll-box img.cir5 {
	animation:loopCir 20s linear infinite;
}
.homeSolution .mid .roll-box img.cir6 {
	animation:loopCir 14.2s linear infinite;
	animation-delay:0.3s;
}
.homeSolution .mid .roll-box img.cir7 {
	animation:loopCir 10.4s linear infinite;
	animation-delay:0.5s;
}
.homeSolution canvas {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
}
.homeSolution .tags {
	position:absolute;
	padding-top:36px;
	width:82%;
	height:136px;
	bottom:0;
	left:9%;
	opacity:0;
}
.homeSolution .tags .wz {
	height:43px;
	border-bottom:1px solid #ddd;
}
.homeSolution .tags .wz li {
	width:15%;
	margin-left:2%;
	text-align:center;
	float:left;
	position:relative;
	cursor:pointer;
}
.homeSolution .tags .wz li:nth-of-type(1) {
	margin-left:0;
}
.homeSolution .tags .wz li i {
	font-size:80px;
	line-height:0;
	display:block;
	font-family:bahnschrift;
	color:rgba(0,0,0,0);
	-webkit-transition:all 0.35s;
	transition:all 0.35s;
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
}
.homeSolution .tags .wz li b {
	height:42px;
	font-size:18px;
	color:rgba(0,0,0,0.3);
	line-height:42px;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:10;
}
.homeSolution .tags .wz li:after {
	content:"●";
	position:absolute;
	left:25%;
	bottom:-5px;
	z-index:2;
	width:50%;
	height:10px;
	font-size:18px;
	color:rgba(0,0,0,0.2);
	background-color:#f8f8f8;
}
.homeSolution .tags .wz li:hover i {
	color:rgba(0,0,0,0.1);
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.homeSolution .tags .wz li.on i {
	color:rgba(0,0,0,0.1);
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.homeSolution .tags .wz li:hover b {
	color:#000;
}
.homeSolution .tags .wz li.on b {
	color:#000;
}
.homeSolution .tags .wz li.on:after {
	color:rgba(0,0,0,0.8);
}
.homeSolution .tags .cricle {
	height:30px;
	margin-top:28px;
}
.homeSolution .tags .cricle li {
	width:15%;
	height:30px;
	margin-left:2%;
	text-align:center;
	float:left;
	position:relative;
}
.homeSolution .tags .cricle li:nth-of-type(1) {
	margin-left:0;
}
.homeSolution .tags .cricle li em {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:12vw;
	border-radius:50%;
	text-align:center;
	background-color:#004da0;
	-webkit-transition:all 1s ease;
	transition:all 1s ease;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
.homeSolution .tags .cricle li.on em {
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.homeSolution .mid {
	-webkit-animation:moveInBlow 1.2s ease-in-out;
	animation:moveInBlow 1.2s ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeSolution .left {
	-webkit-animation:moveInLeftSmall 1.2s ease-in-out;
	animation:moveInLeftSmall 1.2s ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeSolution .right {
	-webkit-animation:moveInRightSmall 1.2s ease-in-out;
	animation:moveInRightSmall 1.2s ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeSolution .tags {
	-webkit-animation:moveInUpSmall 1.2s ease-in-out 0.8s;
	animation:moveInUpSmall 1.2s ease-in-out 0.8s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}




.homeMembers {
	background:#000;
	overflow:hidden;
	position:relative;
}
.homeMembers .msgbg {
	width:39%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5);
	z-index:20;
	opacity:0;
}
.homeMembers .msglist {
	width:38%;
	height:100%;
	color:#FFF;
	position:absolute;
	left:4.9%;
	top:0;
	z-index:2;
	opacity:1;
}
.homeMembers .msglist li {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	-webkit-transition:all 0.35s;
	transition:all 0.35s;
}
.homeMembers .msglist li.on {
	opacity:1;
	z-index:10;
}
.homeMembers .msglist li .title {
	height:auto;
	font-weight:bold;
}
.homeMembers .msglist li .tips {
	font-size:24px;
	line-height:32px;
	margin-top:20px;
}
.homeMembers .msglist li .wz {
	max-height:192px;
	font-size:15px;
	line-height:32px;
	margin-top:40px;
	overflow:hidden;
}
.homeMembers .msglist li .button {
	margin-top:40px;
}
.homeMembers .msglist li .button a b {
	color:#FFF;
}
.homeMembers .msglist li div {
	-webkit-transition:all 1s ease;
	transition:all 1s ease;
	-webkit-transform:translateY(20px);
	transform:translateY(20px);
}
.homeMembers .msglist li.on div {
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.homeMembers .piclist {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}
.homeMembers .piclist li {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	opacity:0;
	z-index:2;
	-webkit-transition:opacity 0.5s ease-in-out,transform 2s ease-in-out;
	transition:opacity 0.5s ease-in-out,transform 2s ease-in-out;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.homeMembers .piclist li.on {
	opacity:1;
	z-index:10;
	-webkit-transform:none;
	transform:none;
}


/*.homeMembers .swiper-android .swiper-slide, .swiper-wrapper{transform:none;}*/




.homeMembers .swiper-vertical>.swiper-wrapper {
    flex-direction:row;
}

.homeMembers .imglist .swiper {
	width:100%;
	height:100%;

	position:relative;
}

.homeMembers.on .msgbg {
	-webkit-animation:moveInLeft 0.6s ease;
	animation:moveInLeft 0.6s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeMembers.on .msglist {
	-webkit-animation:moveInUpSmall 1.2s ease 0.4s;
	animation:moveInUpSmall 1.2s ease 0.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


.homeNews {
	background:#f5f6fa;
	overflow:hidden;
}
.homeNews .title {
	float:left;
}
.homeNews .title .en {
	font-size:14px;
	font-weight:bold;
	color:#1d6bdd;
	line-height:20px;
	text-transform:uppercase;
}
.homeNews .more2 {
	margin-top:15px;
	float:right;
}
.homeNews .topNews {
	width:27.6%;
	height:550px;
	margin-top:4%;
	float:left;
	position:relative;
	opacity:0;
	-webkit-transition: all 0.35s;transition: all 0.35s;
}
.homeNews .topNews .pic {
	height:100%;
}
.homeNews .topNews .wz {
	width:100%;
	padding:28px;
	color:#FFF;
	position:absolute;
	left:0;
	bottom:0;
	z-index:99;
}
.homeNews .topNews .wz .bt {
	max-height:64px;
	font-size:16px;
	font-weight:bold;
	line-height:32px;
	overflow:hidden;
}
.homeNews .topNews .wz .time {
	height:24px;
	font-size:20px;
	line-height:24px;
	overflow:hidden;
	margin-top:10px;
	font-family:bahnschrift;
}
.homeNews .topNews .wz .link {
	height:24px;
	font-size:18px;
	line-height:24px;
	overflow:hidden;
	margin-top:10px;
}
.homeNews .hotNews {
	width:27.6%;
	height:550px;

	margin-top:4%;
	float:left;
	position:relative;
	background:#FFF;
	z-index:10;
	opacity:0;
	-webkit-transition: all 0.35s;transition: all 0.35s;
}
.homeNews .top1 {
    margin-left: 1.5%;
}
.homeNews .hotNews .pic {
	height:260px;
}
.homeNews .hotNews .wz {
	padding:28px;
}
.homeNews .hotNews .wz .bt {
	height:64px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	line-height:32px;
	overflow:hidden;
}
.homeNews .hotNews .wz .time {
	height:24px;
	font-size:20px;
	color:#004da0;
	line-height:24px;
	overflow:hidden;
	margin-top:10px;
	font-family:bahnschrift;
}
.homeNews .hotNews .wz .con {
	height:72px;
	font-size:15px;
	line-height:24px;
	overflow:hidden;
	margin-top:20px;
}
.homeNews .hotNews .wz .link {
	height:24px;
	font-size:18px;
	color:#004da0;
	line-height:24px;
	overflow:hidden;
	margin-top:20px;
}
.homeNews .list {
	width:41.8%;
	height:550px;
	margin-left:1.5%;
	margin-top:4%;
	float:left;
	position:relative;
	z-index:20;
	opacity:0;
}
.homeNews .list li {
	width:100%;
	height:170px;
	padding:20px 0;
	margin-top:20px;
	float:left;
	position:relative;
	background:#FFF;
	overflow:hidden;
}
.homeNews .list li:nth-of-type(1) {
	margin-top:0;
}
.homeNews .list li .time {
	width:92px;
	font-size:20px;
	color:#004da0;
	line-height:24px;
	text-align:center;
	float:left;
	font-family:bahnschrift;
}
.homeNews .list li .wz {
	width:calc(100% - 92px);
	padding:0 20px;
	border-left:1px solid #f2f2f2;
	float:right;
}
.homeNews .list li .wz b {
	height:32px;
	font-size:16px;
	color:#333;
	line-height:32px;
	overflow:hidden;
	display:block;
}
.homeNews .list li .wz b a{
	color:#333;
}
.homeNews .list li .wz p {
	height:48px;
	font-size:15px;
	line-height:24px;
	overflow:hidden;
	margin-top:10px;
	color: #666;
}
.homeNews .list li .wz i {
	height:24px;
	font-size:16px;
	color:#004da0;
	line-height:24px;
	overflow:hidden;
	margin-top:10px;
	display:inline-block;
}
.homeNews .list li .wz i a{
	color:#004da0;
}
.homeNews .topNews {
	-webkit-animation:moveInLeftSmall 1s ease;
	animation:moveInLeftSmall 1s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeNews .hotNews {
	-webkit-animation:moveInLeftSmall 1s ease 0.4s;
	animation:moveInLeftSmall 1s ease 0.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeNews .list {
	-webkit-animation:moveInLeftSmall 1s ease 0.8s;
	animation:moveInLeftSmall 1s ease 0.8s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}





.index_cases{
 height: 78px;
    margin-top: 60px;
    z-index: 999; position: relative; 
   }
.index_cases dl{height: 30px;}
.index_cases dl dd {  display: inline-block; color: #fff; margin-right: 15px; height: 30px; font-size: 14px;}
.index_cases dl dd a{ color: #fff;}






@media screen and (max-width: 1367px){
    .markett h2{  font-size:24px;}
.index_margin_top{ margin-top:20px;}
}