@media screen and (min-width: 1200px) {
	.web {
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
	}

	.web .banner {
		width: 100%;
		background: #f7f7f7;
	}

	.web .banner .banner-con {
		width: 1440px;
		margin: 0 auto;
		position: relative;
	}

	.web .banner .banner-con .banner-left {
		width: 861px;
		margin-left: 16px;
		padding-top: 96px;
	}
	.web .banner .banner-con .banner-left img{
      height: 100%;
			margin-bottom: -3px;
	}
	.web .banner .banner-con .banner-right {
		position: absolute;
		top: 113px;
		right: 50px;
	}

	.web .banner .banner-con .banner-right .right-title {
		font-size: 57px;
		color: #333333;
		font-weight: 400;
	}

	.web .banner .banner-con .banner-right .right-con {
		font-size: 22px;
		line-height: 35px;
		color: #666666;
		margin-top: 70px;
	}

	.web .advantage {
		width: 100%;
		background: #333333;
	}

	.web .advantage .advantage-con {
		width: 1440px;
		margin: 0 auto;
		padding-top: 130px;
		padding-bottom: 150px;
	}

	.web .advantage .advantage-con .advantageT {
		text-align: center;
	}

	.web .advantage .advantage-con .advantageT .T-title {
		font-size: 32px;
		color: #FFFFFF;
	}

	.web .advantage .advantage-con .advantageT .T-con {
		font-size: 24px;
		color: #999999;
		line-height: 40px;
		margin-top: 50px;
	}

	.web .advantage .advantage-con .advantageB {
		margin-top: 130px;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list {
		float: left;
		width: 360px;
		text-align: center;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list .list-img {
		width: 92px;
		height: 96px;
		margin: 0 auto;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list .list-img img {
		width: 100%;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list .list-title {
		font-size: 26px;
		color: #FFFFFF;
		margin-top: 60px;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list .list-con {
		font-size: 20px;
		line-height: 26px;
		margin-top: 32px;
		color: #999999;
	}

	.web .data {
		width: 100%;
		background: #fdfdfd;
	}

	.web .data .data-con {
		width: 1440px;
		margin: 0 auto;
		padding-top: 135px;
		padding-bottom: 106px;
	}

	.web .data .data-con .data-title {
		text-align: center;
	}

	.web .data .data-con .data-title p:first-child {
		font-size: 46px;
		color: #333333;
	}

	.web .data .data-con .data-title p:nth-child(2) {
		font-size: 56px;
		font-weight: bolder;
		color: #333333;
		margin-top: 35px;
	}

	.web .data .data-con .data-main {
		margin-top: 85px;
	}

	.web .data .data-con .data-main .data-left {
		display: inline-block;
		margin-left: 190px;
		margin-right: 90px;
		vertical-align: 520%;
	}

	.web .data .data-con .data-main .data-left ul .left-list {
		margin: 34px 0;
	}

	.web .data .data-con .data-main .data-left ul .left-list .left-img {
		display: inline-block;
		width: 48px;
		height: 48px;
		margin-right: 25px;
	}

	.web .data .data-con .data-main .data-left ul .left-list .left-img img {
		width: 100%;
	}

	.web .data .data-con .data-main .data-left ul .left-list .left-font {
		display: inline-block;
		font-size: 30px;
		color: #666666;
		vertical-align: top;
	}

	.web .data .data-con .data-main .data-right {
		display: inline-block;
		padding-left: 56px;
		border-left: 2px solid #e2dddd;
	}

	.web .data .data-con .data-main .data-right ul .right-list {
		margin: 20px 0;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-num {
		display: inline-block;
		font-size: 48px;
		color: #333333;
		font-weight: bold;
		margin-right: 30px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-num span {
		font-size: 30px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main {
		display: inline-block;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line {
		width: 400px;
		height: 8px;
		background: #4294ff;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line1 {
		width: 570px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line2 {
		width: 535px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line3 {
		width: 477px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line4 {
		width: 443px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .lin5 {
		width: 401px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line6 {
		width: 380px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line7 {
		width: 362px;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .right-font {
		font-size: 24px;
		color: #666666;
		margin-top: 3px;
	}

	.web .platfrom {
		width: 100%;
		background: #ffffff;
		padding-top: 100px;
		padding-bottom: 85px;
	}
	.web .cgal {
		background: #333333;
		height: 1100px;
	}
	.web .platfrom .platfrom-con {
		width: 1440px;
		margin: 0 auto;
	}

	.web .platfrom .platfrom-con .platfrom-title {
		text-align: center;
	}

	.web .platfrom .platfrom-con .platfrom-title p:nth-child(1) {
		font-size: 57px;
		color: #333333;
	}
	.web .cgal .platfrom-con .platfrom-title p:nth-child(1) {
		font-size: 57px;
		color: #FFFFFF;
	}
	.web .platfrom .platfrom-con .platfrom-title p:nth-child(2) {
		margin-top: 40px;
		font-size: 22px;
		color: #999999;
		line-height: 35px;
	}

	.web .platfrom .platfrom-con .platfrom-title p:nth-child(2) span {
		font-weight: bold;
	}

	.web .platfrom .platfrom-con .platfrom-main {
		margin-top: 60px;
	}
	.web .cgal .platfrom-con .platfrom-main {
		margin-top: 100px;
	}
	.web .platfrom .platfrom-con .platfrom-main .platfrom-left {
		display: inline-block;
		vertical-align: 850%;
	}
	.web .cgal .platfrom-con .platfrom-main .platfrom-left {
		display: inline-block;
		vertical-align: 850%;
		margin-left: 20px;
		margin-top: 100px;
	}
	.web .platfrom .platfrom-con .platfrom-main .platfrom-left .left-line {
		width: 240px;
		height: 4px;
		background: #23cdc9;
		margin-bottom: 25px;
	}

	.web .platfrom .platfrom-con .platfrom-main .platfrom-left p:nth-child(2) {
		font-size: 29px;
		color: #666666;
		line-height: 48px;
	}
	.web .cgal .platfrom-con .platfrom-main .platfrom-left p:nth-child(2) {
		font-size: 40px;
		color: #FFFfff;
		line-height: 48px;
	}
	.web .platfrom .platfrom-con .platfrom-main .platfrom-left p:nth-child(3) {
		font-size: 22px;
		color: #666666;
		margin-top: 30px;
	}
	.web .cgal .platfrom-con .platfrom-main .platfrom-left p:nth-child(3) {
		font-size: 20px;
	  color: #FFFfff;
		margin-top: 30px;
	}
	.web .platfrom .platfrom-con .platfrom-main .platfrom-right {
		display:block;
		margin:auto;
	}
	.web .cgal .platfrom-con .platfrom-main .platfrom-right {
		float: right;
		margin-left: 50px;
		width: 700px;
	}
	.web .platfrom .platfrom-con .platfrom-main .platfrom-right .clearfix{
		text-align: center;
		margin:auto;
		padding: 0;
		width: 100%;
		font-size: 14px;
	}
	.web .platfrom .platfrom-con .platfrom-main .platfrom-right ul li {
		margin-right: 35px;
		display: inline-block;
	}
	.web .cgal .platfrom-con .platfrom-main .platfrom-right ul li {
		float:right;
		margin-right: 0px;
		margin-left: 35px;
		
	}
	.web .platfrom .platfrom-con .platfrom-main .platfrom-right ul li div {
		display: none;
	}
	.web .cgal .platfrom-con .platfrom-main .platfrom-right ul li img {
		width: 300px;
	}
	.web .case {
		width: 100%;
		background: #fff;
	}

	.web .case .case-con {
		padding-top: 97px;
		width: 1440px;
		margin: 0 auto;
	}

	.web .case .case-con .case-title {
		font-size: 56px;
		color: #333333;
		letter-spacing: 3px;
		margin-bottom: 87px;
	}

	.web .case .case-con .case-data .case-data-left {
		display: inline-block;
		vertical-align: top;
	}

	.web .case .case-con .case-data .case-data-left .case-left-line {
		background: #999999;
		width: 362px;
		height: 4px;
		margin-bottom: 25px;
	}

	.web .case .case-con .case-data .case-data-left p {
		font-size: 30px;
		color: #666666;
		line-height: 48px;
	}

	.web .case .case-con .case-data .case-data-right {
		display: inline-block;
		margin-left: 20px;
	}

	.web .case .case-con .case-data .case-data-right .case-right-line {
		width: 985px;
		height: 4px;
		background: #e5e5e5;
		margin-bottom: 25px;
	}

	.web .case .case-con .case-data .case-data-right ul li {
		float: left;
		width: 320px;
	}

	.web .case .case-con .case-data .case-data-right ul li h3 {
		font-size: 32px;
		color: #333333;
		margin-bottom: 12px;
	}

	.web .case .case-con .case-data .case-data-right ul li p {
		font-size: 24px;
		line-height: 46px;
	}

	.web .case .case-con .case-img {
		font-size: 0;
	}

	.web .case .case-con .case-img .case-img-left {
		display: inline-block;
		vertical-align: top;
		width: 430px;
	}

	.web .case .case-con .case-img .case-img-left p {
		width: 430px;
		padding-right: 100px;
		font-size: 30px;
		color: #666666;
	}

	.web .case .case-con .case-img .case-img-right {
		display: inline-block;
	}

	.web .case .case-con .case-img .case-img-right li {
		float: left;
		font-size: 0;
		width: 333px;
	}

	.web .case .case-con .case-img .case-img-right li img {
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.web {
		background: red;
	}

	.web .banner {
		width: 100vw;
		background: #f1f1f1;
		overflow: hidden;
	}

	.web .banner .banner-con {
		padding: 13.3vw 0 0 0;
		position: relative;
	}

	.web .banner .banner-con .banner-left {
		width: 115vw;
		margin-left: -5vw;
		padding-top: 65vw;
		font-size: 0;
	}

	.web .banner .banner-con .banner-left img {
		width: 100%;
	}

	.web .banner .banner-con .banner-right {
		position: absolute;
		top: 27.3vw;
		left: 50%;
		transform: translateX(-50%);
		width: 100vw;
	}

	.web .banner .banner-con .banner-right .right-title {
		font-size: 7.4vw;
		text-align: center;
		color: #333;
		margin-bottom: 13.3vw;
	}

	.web .banner .banner-con .banner-right .right-con {
		font-size: 3.2vw;
		color: #666;
		text-align: center;
		padding: 0 5vw;
		line-height: 5.3vw;
	}

	.web .advantage {
		width: 100%;
		background: #333333;
	}

	.web .advantage .advantage-con {
		padding: 13.3vw 0 10vw 0;
	}

	.web .advantage .advantage-con .advantageT .T-title {
		font-size: 7.4vw;
		text-align: center;
		color: #FFF;
		margin-bottom: 13.3vw;
	}

	.web .advantage .advantage-con .advantageT .T-con {
		font-size: 3.2vw;
		color: #999;
		text-align: center;
		line-height: 6.6vw;
		width: 60vw;
		margin: 0 auto;
	}

	.web .advantage .advantage-con .advantageB {
		text-align: center;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list {
		width: 46.5vw;
		display: inline-block;
		margin-top: 13.3vw;
		vertical-align: middle;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list .list-img {
		width: 10.6vw;
		margin: 0 auto;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list .list-img img {
		width: 100%;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list .list-title {
		font-size: 3.5vw;
		color: #FFFFFF;
		text-align: center;
		font-weight: bold;
		margin-top: 8.6vw;
		margin-bottom: 4vw;
	}

	.web .advantage .advantage-con .advantageB ul .advantage-list .list-con {
		font-size: 2.6vw;
		color: #999;
		text-align: center;
	}

	.web .data {
		width: 100%;
		background: #f8f8f8;
	}

	.web .data .data-con {
		padding: 13.3vw 0 10vw 0;
	}

	.web .data .data-con .data-title p {
		color: #333;
		text-align: center;
	}

	.web .data .data-con .data-title p:first-child {
		font-size: 4vw;
		margin-bottom: 4.4vw;
	}

	.web .data .data-con .data-title p:last-child {
		font-size: 7.4vw;
		font-weight: bolder;
	}

	.web .data .data-con .data-main .data-left {
		width: 62.6vw;
		margin: 0 auto;
	}

	.web .data .data-con .data-main .data-left ul {
		padding: 4.5vw 0;
	}

	.web .data .data-con .data-main .data-left ul .left-list {
		display: inline-block;
		width: 30.5vw;
		margin: 4.5vw auto;
		text-align: center;
	}

	.web .data .data-con .data-main .data-left ul .left-list .left-img {
		width: 6vw;
		display: inline-block;
		margin-right: 3.2vw;
	}

	.web .data .data-con .data-main .data-left ul .left-list .left-img img {
		width: 100%;
	}

	.web .data .data-con .data-main .data-left ul .left-list .left-font {
		font-size: 4vw;
		color: #666;
		display: inline-block;
		vertical-align: top;
	}

	.web .data .data-con .data-main .data-right {
		padding-left: 7.3vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-num {
		display: inline-block;
		font-size: 5.7vw;
		color: #333;
		margin-right: 4vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-num span {
		font-size: 3.4vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main {
		display: inline-block;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line {
		height: 0.8vw;
		background: #4294ff;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line1 {
		width: 68vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line2 {
		width: 63.8vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line3 {
		width: 56.9vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line4 {
		width: 52.9vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line5 {
		width: 47.8vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line6 {
		width: 45.3vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .line7 {
		width: 43.2vw;
	}

	.web .data .data-con .data-main .data-right ul .right-list .right-main .right-font {
		font-size: 2.8vw;
		color: #666;
		width: 70vw;
		margin-top: 1.2vw;
	}

	.web .platfrom {
		width: 100%;
		background: #FFFFFF;
	}
	.web .cgal {
		width: 100%;
		background: #333333;
		height: 130vw;
	}
	.web .platfrom .platfrom-con {
		padding: 13.3vw 0 10vw 0;
	}

	.web .platfrom .platfrom-con .platfrom-title p:first-child {
		font-size: 7.3vw;
		color: #333;
		text-align: center;
	}
	.web .cgal .platfrom-con .platfrom-title p:first-child {
		font-size: 7.3vw;
		color: #fff;
		text-align: center;
	}
	.web .platfrom .platfrom-con .platfrom-title p:last-child {
		font-size: 3.2vw;
		color: #666;
		text-align: center;
		width: 60vw;
		margin: 13.3vw auto 0 auto;
		line-height: 4.4vw;
	}

	.web .platfrom .platfrom-con .platfrom-title p:last-child span {
		font-weight: bold;
	}

	.web .cgal .platfrom-con .platfrom-main .platfrom-left {
		width: 50%;
		float: left;
		margin-top: 18.6vw;
	}

	.web .platfrom .platfrom-con .platfrom-main .platfrom-left p {
		text-align: center;
		font-size: 3.7vw;
		color: #666;
		line-height: 6.4vw;
	}

	.web .platfrom .platfrom-con .platfrom-main .platfrom-left p:last-child {
		font-size: 2.9vw;
		color: #666;
		font-weight: bold;
		margin-top: 6vw;
	}
	.web .cgal .platfrom-con .platfrom-main .platfrom-right{
		float: left;
		width: 50%;
		margin-top: 18.6vw;
	}
	.web .platfrom .platfrom-con .platfrom-main .platfrom-right ul li {
		width: 37.3vw;
		margin: 0 auto;
	}
	.web .cgal .platfrom-con .platfrom-main .platfrom-right ul li {
		width: 20vw;
		float: left;
		margin: 0 1vw;
	}

	.web .platfrom .platfrom-con .platfrom-main .platfrom-right ul li div {
		text-align: center;
		font-size: 2.4vw;
		color: #666;
		line-height: 4vw;
		margin-bottom: 2vw;
		margin-top: 2vw;
		font-size: bold;
	}

	.web .platfrom .platfrom-con .platfrom-main .platfrom-right ul li div span {
		width: 4vw;
		height: 4vw;
		display: inline-block;
		line-height: 4vw;
		border: 1px solid #666;
		border-radius: 50%;
		margin: 0 0.5vw;
	}

	.web .platfrom .platfrom-con .platfrom-main .platfrom-right ul li img {
		width: 100%;
	}

.swiper-pagination-bullets {
	left:40%;
	margin-top: 50px;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 1vw;
}

.swiper-pagination-bullet {
	width: 4vw;
	height: 0.5vw;
	display: inline-block;
	border-radius: 0px;
	background: #000;
	opacity: .2;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}
	.web .case {
		width: 100%;
		background: #fff;
	}

	.web .case .case-con {
		padding: 13.3vw 0 10vw 0;
		position: relative;
	}

	.web .case .case-con .case-title {
		font-size: 7.3vw;
		color: #333;
		text-align: center;
	}

	.web .case .case-con .case-data .case-data-left p {
		font-size: 4vw;
		color: #666;
		text-align: center;
	}

	.web .case .case-con .case-data .case-data-right ul {
		margin-top: 26vw;
	}

	.web .case .case-con .case-data .case-data-right ul li {
		text-align: center;
		padding-top: 72vw;
	}

	.web .case .case-con .case-data .case-data-right ul li h3 {
		font-size: 4.2vw;
		color: #333;
		margin-bottom: 4.6vw;
	}

	.web .case .case-con .case-data .case-data-right ul li p {
		font-size: 3.2vw;
		color: #666;
		margin-bottom: 4.6vw;
	}

	.web .case .case-con .case-img {
		position: absolute;
		top: 45vw;
		left: 50%;
		transform: translateX(-50%);
	}

	.web .case .case-con .case-img .case-img-left p {
		font-size: 4vw;
		color: #666;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.web .case .case-con .case-img .case-img-right {
		margin-top: 10vw;
	}

	.web .case .case-con .case-img .case-img-right li {
		width: 40.6vw;
		margin: 0 auto;
		padding-bottom: 39vw;
	}

	.web .case .case-con .case-img .case-img-right li img {
		width: 100%;
	}
}

/*# sourceMappingURL=topeffects.css.map */