@charset:'UTF-8';
#waimaoBody{
	overflow: hidden!important;
}
*{
	transition: all 1s linear;
}
.h2{
	font-size:3.5rem!important;
	font-weight: bold;
	margin-bottom: 0;
	/* margin: 3rem 0; */
}


#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
	margin: 0px 0 0 -2px!important;
	background: #fff!important;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{
	margin: 0px 0 0 -2px!important;
	background: #fff!important;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	border: 1px solid #fff!important;
	width: 10px!important;
	height: 10px!important;
	background: none!important;
}
#fullpage{
	color: #fff;
	text-align: center;
}
/* ---------------------------------第一屏--------------------------------- */
/* @font-face{
	font-family: 方正尚酷简体;
	src: url('../font/方正尚酷简体FZSHANGKJW.TTF');
}*/
.bigData h1{
	font-family: 微软雅黑 Bold;
	font-size: 7rem;
	margin-bottom: 20px;
} 
/*@font-face{
	font-family: 木舟中黑字体;
	 src: url('../font/木舟中黑字体.TTF'); 
}*/
.data-con{
	width: 50%;
	text-align: left;
	margin: 0 auto;
	padding-top: 8rem;
	transform: translateX(20%);
}
.bigData h3{
	font-family: 微软雅黑 Bold;
	font-size: 2.7rem;
	text-shadow: 4px 4px 4px rgba(0,0,0,.5), 
	-4px 4px 4px rgba(0,0,0,.5), 
	-4px -4px 4px rgba(0,0,0,.5), 
	4px -4px 4px rgba(0,0,0,.5);
	line-height: 4rem;
}

/* ---------------------------------第二屏--------------------------------- */ 
.google-ul{
	margin-top: 6rem;
}
.google-ul li p{
	font-size: 2rem;
	color: #fff;
}
.google-ul li p b{
	color: #fff;
}

/* ---------------------------------第三屏--------------------------------- */
.waimao{
	position: relative;
}
.waimao .slideBox .fp-slides,
.waimao .slideBox .fp-slidesContainer,
.waimao .slideBox .fp-tableCell{
	height: auto!important;
}
.waimao .slideBox .fp-controlArrow.fp-prev,
.waimao .slideBox .fp-controlArrow.fp-next{
	border-width: 20px 15px 20px 0;
}
.waimao .slideBox img{
	display: block;
	width:100%;
}
.waimao .swiper-slide{
	width: 100%;
}
.waimao .slideBox{
	width: 30%;
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translate(0,-50%);
	opacity: 0;
}
.waimaoImg{
	height: 100%;
	padding-left: 0;
	padding-right: 0;
}
.waimao .slideBox2{
	display: none;
}
.sildeBox2{
	height: 100%;
	vertical-align: middle;
}
.sildeBox2 .font{
	margin: 12rem 0 5rem 0;
	font-size: 3rem;
	letter-spacing:2px;
}
.sildeBox2 .font .big-data{
	font-size: 4.5rem;
	font-weight: bold;
}

/* ---------------------------------第四屏--------------------------------- */
.seoSem h3{
	font-size: 6rem;
	font-weight: bold;
}
.seoSem h3:nth-child(2){
	margin-top:3.5rem;
}
.seoSem1{
	color: rgba(0, 0, 0, .85);
}
.seoSem1>aside{
	width: 75%;
	border-radius: 10px;
	background: #fff;
	padding: 10px 30px;
	margin: 0 auto 20px auto;
}
.seoSem1 p:nth-child(2){
	font-size: 1.6rem;
}
.seoSem1 p:nth-child(3){
	font-size: 1.15rem;
	color: #aaa;
	line-height: 2.5rem;
}
.seoSem1>aside img{
	margin: 30px auto;
}


/* ---------------------------------第五屏--------------------------------- */
.solutions h1{
	font-size: 6rem;
}
.solu-title{
	transform: translate(0, -15rem)
}
.solu{
	display: flex;
	justify-content: center;
	position: relative;
}
.solu::before{
	display: block;
	content: "";
	height: 100px;
	width: 100%;
	background: url('/comdata/6491746/201806/20180628103442ecbe1d.png')no-repeat center /cover;
	position: absolute;
	top: 50%;
}

.solu>section p{
	font-size: 1.05rem;
	line-height: 2.1rem;
	color: #fff;
}
.solu>section h3{
	font-size: 1.5rem;
	margin: 10px 0;
}
.solutions img{
	margin: 5rem auto 1rem auto;
}

/* ---------------------------------第六屏--------------------------------- */
.ensure .table{
	color: #222;
	text-align: center;
	vertical-align: middle;
	width: 75%;
	margin: 0 auto;
}
.ensure .table thead tr td:first-child{
	border-radius: 4px 0 0 0 ;
}
.ensure .table thead tr td:last-child{
	border-radius: 0 4px 0 0 ;
}
.ensure .table tbody tr:last-child td:first-child{
	border-radius: 0 0 0 4px ;
}
.ensure .table tbody tr:last-child td:last-child{
	border-radius: 0 0 4px 0 ;
}
.ensure .table td{
	background: #fff;
}
.ensure .table td:first-child{
	border-radius: 4px 0 0 0;
}
.ensure .table thead tr td{
	font-size: 1.1rem;
	font-weight: 400;
	background: #f5f5f5;
	border-bottom: none;
	padding: 15px 0;
}
.ensure .table tbody tr td{
	border-top-color: #eaeaea;
	border-right: 1px solid #eaeaea;
	font-size: 1.05rem;
	vertical-align: middle;
	line-height:2rem;
}
.ensure .table thead tr td{
	border-right: 1px solid #eaeaea;
	vertical-align: middle;
}
.ensure .table tbody tr:last-child td:nth-child(n+2){
	color: #4d84f0;
}
.ensure .table  tr td.table-hover{
	border-right:1px solid #ff5656!important;
	border-left:1px solid #ff5656;
}
.ensure .table  tr td.table-hover .wai1{
	color: #ff5656;
	font-size: 1.2rem;
}
.ensure .table  td.table-hover>.mony{
	font-size: 1.2rem;
}
.ensure .table tbody  tr:last-child td.table-hover{
	border-radius: 0 0 10px 10px!important;
	border-bottom: 1px solid #ff5656;
}
.ensure .table tbody  tr:last-child td.table-hover:nth-child(n+2){
	color: #ff5656;
}
.ensure .table thead td.table-hover{
	background: #ff5656!important;
	color: #fff;
	border-radius: 10px 10px 0 0!important;
}
.ensure .mobile-td{
	display: table;
	padding: 10px;
}
.ensure .mobile-td>p{
	display: flex;
	align-items: center;
}
.ensure .mobile-td>p img{
	width: 20px;
	margin-right: 10px;
}
.ensure .mobile-td>p img,.ensure .mobile-td>p span{
	display: table-cell;
	vertical-align: middle;
}
.ensure .mobile-td>p span{
	text-align: left;
}
.ensure .mobile{
	display: none;
}
.ensure .mobile-table td:nth-child(1){
	width: 30%;
}
.ensure .mobile-table td:nth-child(n+2){
	width: 70%;
}
.ensure .mobile-table td:nth-child(2),
.ensure .mobile-table td:nth-child(3){
	display: none;
}
.ensure .mobile-table {
	width: 95%;
	margin: 0 auto;
	background: rgba(0, 0, 0,.5);
}
.ensure .mobile-table td{
	font-size: 1.6rem;
	border-bottom: 1px solid rgba(255,255,255,.6);
	padding: 7px 0;
}
.ensure .mobile-table thead td{
	font-size: 1.7rem;
}
.ensure .mobile{
	position: relative;
}
.ensure .mobile-span{
	position: absolute;
	right: 40px;
	top: 8px;
	font-size: 1.7rem;
	z-index: 666;
}
.ensure .mobile-td p{
	font-size: 1.6rem;
	color: #000;
}
.ensure .mobile-td{
	background: #fff;
	width: 40%;
	position: absolute;
	right:-50%;
	top: 3rem;
	transition: 0s;
}
.ensure-h3{
	font-size: 2.5rem;
	margin: 4rem 0 .5rem 0;
	font-weight: bold;
}
.ensure-h3>span{
	font-size:4rem;
}


/* ---------------------------------第七屏--------------------------------- */
.brand h2{
	display: block;
	margin-top: -5rem!important;
}
.PPSL{
	margin-top:7rem;
}
.PPSL h1{
	font-size: 3rem;
}
.PPSL p{
	font-size: 1.2rem;
	color: #fff;
    margin-top: 10px;
}

@media(min-width:1024px){
	
	.h2{
		opacity: 0;
		transform: translateX(-100px) scale(0);
	}
	
	/* 第一屏 */
	.bigData h1{
		opacity: 0;
		transform: scale(0)
	}
	.bigData h3{
		opacity: 0;
		transform:translateX(-100px) scale(0);
	}

	/* 第二屏*/ 
	.google .logo-img{
		opacity: 0;
		transform: scale(0);
	}
	.google-ul{
		margin-top: 6rem;
		opacity: 0;
	}
	.google-ul li:nth-child(1),
	.google-ul li:nth-child(2){
		transform: translateX(-300px);
	}
	.google-ul li:nth-child(3),
	.google-ul li:nth-child(4){
		transform: translateX(700px);
	}
	
	/* 第三屏 */
	.sildeBox2 .font{
		margin: 12rem 0 5rem 0;
		font-size: 3rem;
		letter-spacing:2px;
		opacity: 0;
		transform: translate(100px,-100px);
	}
	.sildeBox2 .swiper-container{
		opacity: 0;
		transform: translate(-100px, 100px);
	}

	/* 第四屏*/ 
	.seosemBox{
		margin-top: 6rem;
	}
	.seoSem1{
		color: rgba(0, 0, 0, .85);
		opacity: 0;
	}
	.seoSem1:nth-child(1){
		transform: translateX(-200px)
	}
	.seoSem1:nth-child(2){
		transform: translateX(400px)
	}

	/* 第五屏*/ 
	.solutions img{
		margin: 8rem auto 1rem auto;
		opacity: 0;
		width: 150px;
		height: 150px;
	}
	.solutions .container-fuild{
		width: 1200px;
		margin: 3rem auto 0 auto;
	}
	.solu>section{
		opacity: 0;
	}
	.solu>section:nth-child(1){
		margin-top: -10rem;
		margin-left: -20px;
	}
	.solu>section:nth-child(3){
		margin-top: -8rem;
		margin-left: 40px;
	}
	.solu>section:nth-child(2),.solu>section:nth-child(4){
		transform: translateY(12rem)
	}
	.solu>section:nth-child(4){
		transform: translate(3rem,12rem)
	}

	/* 第六屏*/ 
	.ensure-h3{
		opacity: 0;
		transform: translateX(-100px) scale(0);
	}
	.ensure .table{
		opacity: 0;
		transform: translateY(200px);
	}

	/* 第七屏 */
	.PPSL li{
		opacity: 0;
	}
	.PPSL li:nth-child(1){
		transform: translate(-200px);
	}
	.PPSL li:nth-child(2){
		transform: translate(-100px);
	}
	.PPSL li:nth-child(3){
		transform: translate(100px);
	}
	.PPSL li:nth-child(4){
		transform: translate(200px);
	}


	/* ---------------------css动画---------------------------- */
	.active *{
		transition-delay: .1s;
	}
	.active .h2{
		opacity: 1;
		transform:translateX(0px) scale(1);
	}

	/* 第一屏 */
	.active.bigData h1{
		opacity: 1;
		transform: scale(1);
	}
	.active.bigData h3{
		opacity: 1;
		transform:translateX(0px) scale(1);
	}

	/*第二屏 */
	.active.google .logo-img{
		opacity: 1;
		transform: scale(1);
	}
	.active .google-ul{
		opacity: 1;
	}
	.active .google-ul li:nth-child(1),
	.active .google-ul li:nth-child(2){
		transform: translateX(0px);
	}
	.active .google-ul li:nth-child(3),
	.active .google-ul li:nth-child(4){
		transform: translateX(0px);
	}

	/* 第三屏 */
	.active .sildeBox2 .font{
		opacity: 1;
		transform: translate(0px,0px);
	}
	.active .sildeBox2 .swiper-container{
		opacity: 1;
		transform: translate(0px, 0px);
	}
	.active .slideBox{
		opacity: 1;
	}

	/* 第四屏 */
	.active .seoSem1:nth-child(1),.active .seoSem1:nth-child(2){
		opacity: 1;
		transform: translateX(0)
	}

	/* 第五屏 */
	.active.solutions img{
		opacity: 1;
	}
	.active	.solu>section:nth-child(1){
		opacity: 1;
		transition-delay: .4s;
	}		
	.active	.solu>section:nth-child(2){
		opacity: 1;
		transition-delay: .6s;
	}		
	.active	.solu>section:nth-child(3){
		opacity: 1;
		transition-delay: .8s;
	}		
	.active	.solu>section:nth-child(4){
		opacity: 1;
		transition-delay: 1s;
	}

	/* 第六屏 */
	.active .ensure-h3{
		opacity: 1;
		transform: translate(0) scale(1);
	}
	.active.ensure .table{
		opacity: 1;
		transform: translateY(0);
	}

	/* 第七屏 */
	.active .PPSL li{
		opacity: 1;
		transform: translate(0px);
	}
}

@media(max-width: 1023px){
	#waimaoBody{
		overflow-y: auto!important;
	}
	#fullpage{
		margin-top:-80px
	}
}

@media(max-width: 1200px){
	/* 大数据时代 */
	.data-con{
		width: 100%;
		transform: translateX(0);
		text-align: center;
	}

	/* solution */
	.solu::before{
		display: none!important;
	}
	.solutions h1{
		font-size: 4rem!important;
	}
	.solu{
		display: block;
	}
	.solu::before{
		display: none;
	}
	.solu>section:nth-child(1){
		margin-top: 0;
	}
	 .solu>section:nth-child(3){
	 	margin-top: 0;
	 }
	 .solu-title{
	 	transform: translateY(0);
	 	margin-bottom: 5rem;
	 }
	 .solu section p:first-child{
	 	display: none;
	 }
	 .solu section .p2{
	 	display: block!important;
	 }
	 .solu section{
	 	height: 255px;
	 }
	 .solutions img{
	 	transform: scale(.85)
	 }
	 .h2{
	 	font-size: 5rem!important;
	 }

	 /*外贸牛table */
	 .ensure .table{
	 	width: 90%;
	 }

	/*seosem*/
	.seoSem .seosemBox{
		margin-top:4rem;
	}

	 /*品牌实力*/
	 .PPSL h1{
	 	font-size: 4rem;
	 }
	 .PPSL p{
	 	color: #fff;
	 }

}


@media(max-width:992px){
	.h2{
		font-size: 2rem!important;
	}

	/*品牌实力*/
	.PPSL>li{
		margin:2rem 0;
	}

	/* 外贸牛 */
	.sildeBox2 .font{
		font-size: 2rem;
	}
	.sildeBox2 .font p,.sildeBox2 .font p>span{
		color: #fff;
	}
	.sildeBox2 .font .big-data{
		font-size:3rem;
	}
	
	.ensure{
		padding-bottom: 20px;
	}
	.ensure-h3{
		font-size: 2rem;
		margin: 1rem 0 .5rem 0;
	}
	.ensure-h3>span{
		font-size: 4rem;
	}
	.bigData h1{
		font-size: 4rem;
	}
	.bigData h3{
		font-size: 2rem;
	}

	.google-ul li p{
		font-size: 1.6rem;
	}
	
	.PPSL h1 {
    	font-size: 2.2rem;
	}

	.waimao{
		background: url('/comdata/6491746/201806/20180628143501025ed6.jpg') no-repeat center/cover!important;
	}

	.bigData{
		background: url('/comdata/6491746/201806/201806281425308db628.jpg')no-repeat center /cover!important;
	}


}

@media (max-width: 991px){
	.PPSL img{
		transform: scale(.85);
	}
	.brand h2{
		margin-top: 0!important;
	}
	.PPSL>li{
		margin:0 0 1rem 0;
	}
}

@media(max-width: 768px){
	.waimao{
		background: url('/comdata/6491746/201806/20180628145835063978.jpg') no-repeat center/cover!important;
	}
}

@media(max-width: 767px){
	.ensure .table{
		display: none;
	}
	.ensure .mobile{
		display: block;
	}

	.h2{
		font-size: 1.6rem!important;
		line-height: 2.5rem;
		padding: 0 15px;
		margin:0;
	}

	/* 大数据时代 */
	.bigData h1{
		font-size: 1.8rem;
	}
	.bigData h3{
		font-size: 1.1rem;
    	line-height: 2rem;
	}
	.bigData .fp-tableCell,.bigData{
		height: auto!important;
	}
	.bigData{
		padding: 1.5rem 0 2rem 0;
	}
	.google-ul li p{
		font-size: 1.5rem;
	}
	/* google */
	.google .logo-img{
		transform: scale(.8)
	}
	.google-ul img{
		transform: scale(.85)
	}
	.google-ul li p,.google-ul li p:last-child{
		font-size: 2.5rem;
	}
	.google-ul{
		margin-top: 3rem;
	}

	/* solution */
	.solu section{
		height: auto;
		margin: 10px 0;
	}
	.solutions h1{
		font-size: 1.5rem!important;
	}
	.solutions img{
		transform: scale(.75)
	}
	.solu-title{
		margin-bottom: 2rem;
	}
	/* 外贸 */
	.solu section p{
		color: #fff;
	}
	.solu section .p2{
		font-size: 1rem;
	}
	.solu>section h3{
		font-size: 2.5rem;
		margin: 10px 0;
	}

	/* 外贸table */
	.ensure-h3{
		font-size: 1rem;
		padding: 0 10px;
		line-height: 2.5rem;
	}
	.ensure-h3>span{
		font-size: 1rem;
	}

	/* 外贸牛 */
	.sildeBox2 .swiper-wrapper img{
		width: 70%;
	}


	.data-con{
		transform: translate(0,-3rem);
	}
	.ensure-h3{
		font-size: 1.1rem;
	}

	.ensure-h3>span{
		font-size: 1.5rem;
	}
	.ensure .mobile-table thead td,.ensure .mobile-table td,.ensure .mobile-span{
		font-size: 1rem;
	}
	.ensure .mobile-td p{
		font-size:.95rem;
	}

	.ensure .table tbody tr td{
		font-size: .95rem;
		line-height: 1.25rem;
	}
	.ensure .table thead tr td {
	    font-size: 1rem;
	    padding: 10px 0;
	}
}

@media(max-width:480px){

	/* google */
	.google .logo-img{
		transform: scale(.6)
	}
	.google h2{
		margin: 1rem  0 0 0;
	}
	.google-ul img{
		transform: scale(.7)
	}
	.google-ul li p{
		font-size: 1.8rem;
	}
	.google-ul li p:last-child{
		font-size: 1.2rem;
	}

	/* solution */
	.solutions img{
		margin-top: 2rem;
	}
	.solutions h1{
		font-size: 1rem!important;
	}
	.solutions h3{
		font-size: 1rem!important;
		font-weight: bold;
	}
	.solu>section p{
		font-size: 1rem;
	}

	/* seo-sem */
	.seoSem .seosemBox{
		margin-top: 2rem;
	}
	.seoSem1 > aside {
		width: 100%;
	}
	.seoSem1 p:nth-child(2){
		font-size: 1rem;
	}
	.seoSem1>aside img{
		margin: 10px 0;
	}
	.seoSem1 p:nth-child(3){
		font-size: 1rem;
	}

	/* 外贸table */
	.ensure-h3{
		font-size: 1rem;
	}	
	.ensure-h3>span{
		font-size: 1rem;
	}

	/*品牌实力*/
	.PPSL img{
		transform: scale(.7);
	}
	.PPSL>li{
		margin:0 0 2rem 0;
		height: 145px;
	}
	.PPSL h1{
		font-size: 1.8rem;
	}
	.PPSL p{
		font-size: 1rem;
	}

	/*外贸牛 */
	.sildeBox2 .font{
		letter-spacing: 0;
		margin-top: 8rem;
		font-size: 1.6rem;
	}

	.sildeBox2 .font .big-data{
		font-size: 2.5rem;
	}
}