body{
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

		@font-face{font-family: 'aliLight';
			src: url('../font/aliLight1.eot'); 
			src: url('../font/aliLight1.eot') format('embedded-opentype'), 
			url('../font/aliLight1.woff') format('woff'), 
			url('../font/aliLight1.ttf') format('truetype'), 
			url('../font/aliLight1.svg') format('svg'); 
		}
		@font-face{font-family: 'aliBold';
			src: url('../font/aliBold.eot'); 
			src: url('../font/aliBold.eot') format('embedded-opentype'), 
			url('../font/aliBold.woff') format('woff'), 
			url('../font/aliBold.ttf') format('truetype'), 
			url('../font/aliBold.svg') format('svg'); 
		}

.proAllWrap{font-family:"aliLight","Microsoft Yahei","微软雅黑"; font-size:18px; letter-spacing:0.7px;}
.pro_wrap{ width:1200px; margin:auto; overflow: hidden;}
.one{ overflow:hidden; background:#eee url(../image/bannerbg.jpg) no-repeat bottom center; height:810px;}
.oneL{ margin-top:320px; width: 460px; }
.one h1{ font-size:50px;margin: auto; line-height:50px; overflow: hidden;
	text-align: center;
}
.one p {
	font-size: 28px;
	font-family: "aliLight";
	margin-top: 12px;
	text-align: center;
}
.one span {
	letter-spacing: 6px;
	font-size: 25px;
	line-height: 25px;
	font-family: "aliLight";
	display: block;
	padding-top:14px;
	text-align: center;

}


.two{ background:#121217 url(../image/twobg.jpg) no-repeat center center; color:#fff; height:800px;}
.two .twoTop{ text-align:center; padding-top:100px;}
.two .twoTop p{ font-size:40px; line-height:40px;font-family: "aliBold";}
.two .twoTop span{ display:block; line-height:36px; width: 720px; margin:30px auto 0;text-align: center; color:#dadbdb;font-family: "aliLight";  font-size:20px; color: #bfbfbf}

.two_aos {
	background: #eeeeee;
	height: 820px;
	position: relative;
	width: 100%;
	left: 0;
	top:0;
	overflow: hidden;
}

.two_aos .twoTop {
	text-align: center;
	top: 390px;
	width: 100%;
	position: absolute;
	z-index: 99;
}
.two_aos .twobg {
	text-align: center;
	padding-top: 260px;
	margin: auto;
	width: 100%;
	z-index: 100;
	
	width: 360px;
	height: 400px;
	position: relative;
	z-index: 98;

}
.two_aos .twobg .img3{
	position: absolute;
	left: 100px;
}
.two_aos .twobg .img2 {
	position: absolute;
		left: 0px;
		top: 360px;
}
.two_aos .twobg .img1 {
	position: absolute;
	left: 100px;
	top: 440px;

}
.two_aos .twoBott{ position: absolute; width: 100%; height: 100%; left: 0; top:0; z-index: 97;}
.two_aos .twoBott .img4 {
	position: absolute;
	width: 18%;
	left: 1%;
	top: 1%;
	cursor: pointer;
	margin: auto;
	animation: pulse 3s infinite;
	
	-moz-animation: pulse 3s infinite;
	
	-webkit-animation: pulse 3s infinite;
	
	-o-animation: pulse 3s infinite;
}
.two_aos .twoBott .img5 {
	position: absolute;
	width: 22%;
	right: 14%;
	top: -6%;
	cursor: pointer;
	margin: auto;
	animation: pulse 2s infinite;
	
	-moz-animation: pulse 2s infinite;
	
	-webkit-animation: pulse 2s infinite;
	
	-o-animation: pulse 2s infinite;
}
.two_aos .twoBott .img6 {
	position: absolute;
	width: 26%;
	left: 10%;
	top: 56%;
	cursor: pointer;
	margin: auto;
	animation: pulse 3s infinite;
	
	-moz-animation: pulse 3s infinite;
	
	-webkit-animation: pulse 3s infinite;
	
	-o-animation: pulse 3s infinite;
}
.two_aos .twoBott .img7 {
	position: absolute;
	width: 25%;
	position: absolute;
	right: 1%;
	top: 50%;
	cursor: pointer;
	margin: auto;
	animation: pulse 4s infinite;
	
	-moz-animation: pulse 4s infinite;
	
	-webkit-animation: pulse 4s infinite;
	
	-o-animation: pulse 4s infinite;
}

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

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

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

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

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

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

.two_aos .twoTop p {
	font-size: 40px;
	line-height: 40px;
	font-family: "aliBold";
}

.two_aos .twoTop span {
	display: block;
	line-height: 36px;
	width: 460px;
	margin: 30px auto 0;
	text-align: center;
	font-family: "aliLight";
	font-size: 20px;
}


.pc-banner {
	height: 820px;
	background: #0b0b0b;
	color: #e3e3e3;
}

.pc-banner_title {
	font-size: 40px;
	line-height: 40px;
	font-family: "aliBold";
	text-align: center;
	padding-top: 100px;
}

.pc-banner_content {
	line-height: 36px;
	margin: 30px auto 0;
	text-align: center;
	color: #dadbdb;
	font-family: "aliLight";
	font-size: 20px;
}

.pc-banner .swiper-container {
	padding-top: 120px;
}


.two_3{ background:#e6e6e6 url(../image/fivebg.jpg) no-repeat center center; color:#fff; height:800px;}
.two_3 .twoTop{ padding-top:340px; width: 380px; margin: auto; padding-left: 400px;}
.two_3 .twoTop p {
	font-size: 40px;
	line-height: 40px;
	font-family: "aliBold";
}
.two_3 .twoTop span {
	display: block;
	line-height: 36px;
	margin: 30px auto 0;
	font-family: "aliLight";
	font-size: 20px;
}


.add{ background:#e6e6e6 url(../image/add.jpg) no-repeat center center; color:#2c2c2c; height:800px;}
.add .twoTop{ text-align:center; padding-top:80px;}
.add .twoTop p {
	font-size: 40px;
	line-height: 42px;
	font-family: "aliBold";
}

.add .twoTop span {
	display: block;
	line-height: 36px;
	width: 620px;
	margin: 30px auto 0;
	text-align: center;
	font-family: "aliLight";
	font-size: 20px;
}

.two_4{ background:#e6e6e6 url(404.png) no-repeat center center; color:#fff; height:800px;}
.two_4 .twoTop{ text-align:center; padding-top:110px;}
.two_4 .twoTop h2{ font-size:45px; line-height:45px; display: block;font-family: "aliBold";}
.two_4 .twoTop p{ font-size:30px; font-weight: bold; line-height:48px;}
.two_4 .twoTop span{ display:block; line-height:28px;  color: #b5b5c0; font-size:18px; }


.threeWrap{ overflow:hidden; height:800px;background:#17171d url(404.png) no-repeat center center; text-align: left; overflow: hidden;}
.threeText{ padding-top:270px; width: 500px; text-align: right; }
.threeText h2{ font-size:30px; font-weight: normal; line-height:30px; margin-bottom: 4px; display: block; letter-spacing: 6px;}
.threeWrap p{ font-weight:bold; font-size:45px; line-height: 64px; color: #fff;font-family: "aliBold";}
.threeWrap font{ font-weight:normal; font-size:30px;font-family: "aliLight"; color: #fff }
.threeWrap span{ display: block; line-height: 28px;color: #bfbfbf;}

.seven{ padding: 130px 0; color: #19191d;}
.seven .cxAll {overflow: hidden;}
.seven .cxAll li {
	padding-left: 160px;
	display: none;
}
.seven .cxAll .left li p {
	margin-top: 40px;
}

.seven .cxTitle li.current {
	display: block;
	border: 1px solid #3399ff;
}

.cxTitle{ margin-left: 190px; width: 300px;}
.cxTitle li{
	float: left;
	padding: 6px;
	border: 1px solid #eee;
	margin-right: 3px;
	margin-bottom: 3px;
	cursor: pointer;
}
.cxTitle img {
	width: 40px;

}
.sevenL img{ margin: auto;}
.sevenL li .left{float: left;}
.sevenL .left p {
	text-align: center;
	font-size: 20px;
	line-height: 48px;
	padding-bottom: 20px;
	margin-top: 20px;
	font-family: "aliBold";
}
.sevenRDiv{ width: 400px; margin:0 40px ; float: left; padding: 0px 0 0 160px; display: inline-block;  }
.sevenRDiv h3 {
	font-size: 28px;
	border-bottom: 1px solid#d0d0d1;
	font-family: "aliBold";
	font-weight: normal;
	line-height: 48px;
	padding-bottom: 4px;
	margin-bottom: 16px;
}
.sevenRDiv h3 span{ font-size: 18px; font-weight: normal;}
.sevenRDiv p {
	line-height: 36px;
}