﻿			.introduction-header {
				height: 720px;
				width: 100%;
				color: white;
				background: url(images/img/主图.png) 0 0 no-repeat;
				background-size: 100% 100%;
				overflow: hidden;
			}
			
			.introduction-header h4 {
				font-size: 44px;
				margin-top: 250px;
				margin-bottom: 30px;
			}
			
			.introduction-header p {
				width: 470px;
			}
			
			.product-line {
				width: 100%;
				height: 580px;
			}
			
			.marketing-network {
				width: 100%;
				height: 740px;
				position: relative;
			}
			
			.our-ability {
				height: 650px;
				width: 100%;
				background-color: #e7e8ed;
			}
			
			.corporate-atmosphere {
				height: 610px;
				width: 100%;
			}
			
			.employee-accomplishment {
				height: 660px;
				width: 100%;
			}
			
			.company-introduction h5 {
				font-size: 34px;
				text-align: center;
				margin-bottom: 50px;
			}
			
			.company-introduction>div {
				overflow: hidden;
			}
			
			.product-line h5 {
				margin-top: 120px;
				margin-bottom: 50px;
			}
			
			.product-line p {
				margin: 0 auto;
				text-align: center;
				width: 770px;
				margin-bottom: 30px;
			}
			
			.product-line img {
				display: block;
				margin: 0 auto;
			}
			
			.marketing-network h6 {
				color: #3695ff;
				font-size: 24px;
				line-height: 50px;
			}
			
			.marketing-network p {
				max-width: 290px;
				margin-bottom: 20px;
			}
			
			.color-blue {
				color: #3695FF;
			}
			
			.marketing-network h5 {
				margin-top: 50px;
			}
			
			.marketing-network-map {
				position: relative;
				float: left;
				width: 954px;
				height: 463px;
			}
			.marketing-network-text{
				width: calc(100% - 954px);
			}
			.our-ability h5 {
				margin-top: 60px;
			}
			
			.marketing-network-map .dot:before {
				content: ' ';
				position: absolute;
				z-index: 2;
				width: 15px;
				height: 15px;
				background-color: #3695ff;
				border-radius: 50%;
			}
			
			.marketing-network-map .dot:after {
				content: ' ';
				position: absolute;
				z-index: 1;
				width: 15px;
				height: 15px;
				background-color: #3695ff;
				border-radius: 50%;
				animation: ripple 1s 0s ease-in-out infinite normal;
				-webkit-animation: ripple 1s 0s ease-in-out infinite normal;
				-moz-animation: ripple 1s 0s ease-in-out infinite normal;
				-o-animation: ripple 1s 0s ease-in-out infinite normal;
			}
			
			@keyframes ripple {
				0% {
					opacity: 1;
					transform: scale(1, 1);
				}
				100% {
					transform: scale(2.5, 2.5);
					opacity: 0;
				}
			}
			
			@-moz-keyframes ripple {
				0% {
					opacity: 1;
					transform: scale(1, 1);
				}
				100% {
					transform: scale(2.5, 2.5);
					opacity: 0;
				}
			}
			
			@-webkit-keyframes ripple {
				0% {
					opacity: 1;
					transform: scale(1, 1);
				}
				100% {
					transform: scale(2.5, 2.5);
					opacity: 0;
				}
			}
			
			@-o-keyframes ripple {
				0% {
					opacity: 1;
					transform: scale(1, 1);
				}
				100% {
					transform: scale(2.5, 2.5);
					opacity: 0;
				}
			}
			
			 .dot.dot1:before {
				left: 181px;
				top: 262px;
			}
			
			 .dot.dot1:after {
				left: 181px;
				top: 262px;
			}
			
			 .dot.dot2:before {
				left: 268px;
				top: 231px;
			}
			
			 .dot.dot2:after {
				left: 268px;
				top: 231px;
			}
			
			 .dot.dot3:before {
				left: 240px;
				top: 109px;
			}
			
			 .dot.dot3:after {
				left: 240px;
				top: 109px;
			}
			
			 .dot.dot4:before {
				left: 378px;
				top: 184px;
			}
			
			.dot.dot4:after {
				left: 378px;
				top: 184px;
			}
			
			 .dot.dot5:before {
				left: 469px;
				top: 89px;
			}
			
			.dot.dot5:after {
				left: 469px;
				top: 89px;
			}
			
			.dot.dot6:before {
				left:687px;
				top: 106px;
			}
			
			.dot.dot6:after {
				left:687px;
				top: 106px;
			}
			
			.dot.dot7:before {
				left: 770px;
				top: 194px;
			}
			
			.dot.dot7:after {
				left: 770px;
				top: 194px;
			}
			
			.our-ability-list {
				float: left;
				width: 300px;
				height: 240px;
				margin-right: 150px;
				text-align: center;
			}
			
			.our-ability-list:nth-child(3n) {
				margin-right: 0;
			}
			
			.our-ability-list h6 {
				color: #226bbc;
				font-size: 46px;
			}
			
			.our-ability-list h6 span {
				font-size: 16px;
				margin-left: 10px;
			}
			
			.corporate-culture-text {
				width: 420px;
				float: left;
			}
			
			.corporate-culture .center {
				margin-top: 120px;
			}
			
			.corporate-culture h5 {
				text-align: left;
			}
			
			.corporate-culture h6 {
				font-size: 26px;
				color: #3695FF;
				line-height: 50px;
			}
			
			.corporate-culture p {
				margin-bottom: 20px;
			}
			
			.corporate-atmosphere-list {
				width: 25%;
				height: 300px;
				display: inline-block;
			}
			
			.corporate-atmosphere-list p {
				color: white;
				line-height: 300px;
				text-align: center;
				font-size: 16px;
			}
			
			.corporate-atmosphere-list:nth-child(1) {
				background: url(images/img/宽松自由.png) 0 0 no-repeat;
				background-size: 100% 100%;
			}
			
			.corporate-atmosphere-list:nth-child(2) {
				background: url(images/img/鼓励创新.png) 0 0 no-repeat;
				background-size: 100% 100%;
			}
			
			.corporate-atmosphere-list:nth-child(3) {
				background: url(images/img/积极主动.png) 0 0 no-repeat;
				background-size: 100% 100%;
			}
			
			.corporate-atmosphere-list:nth-child(4) {
				background: url(images/img/互助共享.png) 0 0 no-repeat;
				background-size: 100% 100%;
			}
			
			.corporate-atmosphere-list:nth-child(4) p {
				color: black;
			}
			
			.corporate-atmosphere-content {
				min-width: 1200px;
				font-size: 0;
			}
			
			.employee-accomplishment .center {
				overflow: hidden;
			}
			
			.employee-accomplishment-long {
				float: left;
				width: 400px;
				height: 200px;
				background: #226BBC;
				text-align: center;
			}
			
			.employee-accomplishment-short {
				float: left;
				width: 200px;
				height: 200px;
			}
			
			.employee-accomplishment-long h5 {
				color: white;
				margin-bottom: 0;
				margin-top: 50px;
				line-height: 50px;
			}
			
			.employee-accomplishment-long p {
				color: white;
				font-size: 30px;
			}
			
			.employee-accomplishment-short.text {
				background-color: #e7e8ed;
				box-sizing: border-box;
				padding: 10px;
			}
			
			.employee-accomplishment-short.text h6 {
				color: #226bbc;
				font-size: 22px;
			}
			
			.employee-accomplishment-short.text p {
				margin-top: 20px;
				line-height: 30px;
			}
			.employee-title{
				margin-top: 50px;
				font-size: 26px;
			}