header {
		width: 100%;
		background-color: #FFFFFF;
		z-index: 12;
		box-shadow: 0 0 5px #CCCCCC;
	}
	
	nav {
		height: 80px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	
	.logo {
		width: 224px;
		height: 43px;
		float: left;
		margin-top: 18.5px;
	}
	
	.nav_list {
		float: left;
	}
	
	.nav_list li {
		padding: 0 25px;
		float: left;
		line-height: 80px;
		position: relative;
	}
	
	.nav_list a {
		font-size: 16px;
		display: block;
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
	}
	
	.nav_list a:hover{
		color: #FFFFFF;
	}
	
	.son_nav {
		width: 100%;
		height: 193px;
		position: absolute;
		left: 0;
		top: 80px;
		background-color: #FFFFFF;
		display: none;
		box-shadow: 0 0 3px #CCCCCC;
	}
	
	.son_nav a {
		height: 47px;
		line-height: 48px;
		font-size: 14px;
		border-bottom: 1px solid #ebebeb;
		margin: 0 12px;
	}
	
	.son_nav a:last-child {
		border: none;
	}
	
	.son_nav a:hover {
		color: #F1B046;
	}
	
	.son_nav .son_nav_active {
		color: #F1B046;
	}
	
	.contact_list {
		float: right;
	}
	
	.contact_list li {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		margin-left: 20px;
		line-height: 30px;
		float: left;
		text-align: center;
		margin-top: 25px;
		cursor: pointer;
		position: relative;
	}
	
	.contact_list li:nth-of-type(1) {
		background-color: #f5ac3c;
	}
	
	.contact_list li:nth-of-type(2) {
		background-color: #45c45d;
	}
	
	.contact_list li:nth-of-type(3) {
		background-color: #4a86f0;
	}
	
	.show {
		background-color: #FFFFFF;
		border-radius: 5px;
		box-shadow: 0 0 10px #999999;
		position: absolute;
		left: 0;right: 0;
		bottom: 0;margin: auto;
		cursor: pointer;
	}
	
	.callUs {
		width: 190px;
		height: 46px;
		line-height: 170%;
		padding: 12px 20px;
	}
	
	.weChat_t {
		width: 130px;
		height: 148px;
	}
	
	.qq {
		width: 170px;
		height: 50px;
		line-height: 50px;
	}
	.qq a{
		font-size: 18px;
		color: #999999;
	}
	
	.qq i {
		color: #f1b046;
		font-size: 28px;
	}
	
	.weChat_pic_t {
		width: 110px;
		height: 100px;
		margin: 13px auto 0;
	}
	.weChat_pic_t img{
		width: 100%;
		height: 100%;
	}
	.follow_t {
		position: relative;
		font-size: 12px;
		padding-left: 10px;
	}
	
	.follow_t:after {
		content: '';
		width: 3px;
		height: 12px;
		background-color: #f1b046;
		position: absolute;
		left: 16px;
		top: 9px;
	}
	
	.arrow_up {
		width: 12px;
		height: 12px;
		background-color: #FFFFFF;
		box-shadow: -3px -3px 10px #CCCCCC;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		position: absolute;
		right: 19px;
		top: -6px;
	}
	
	.callUs_pic {
		width: 40px;
		height: 44px;
		float: left;
	}
	
	.callUs_fonts {
		text-align: left;
		width: 140px;
		height: 46px;
		float: right;
	}
	
	.callUs_fonts b {
		color: #999999;
	}
	
	.callUs_fonts strong {
		color: #f1b046;
		font-size: 18px;
	}
	
	.nav_active {
		height: 80px;
		background-color: #F5AC3C;
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	
	.nav_color {
		color: #FFFFFF;
	}
	
	.banner .swiper-container {
		width: 100%;
		z-index: 0;
	}
	
	.banner .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 140px !important;
	}
	
	.banner .swiper-container .swiper-pagination-bullet {
		width: 60px;
		height: 2px;
		border-radius: 0;
		opacity: 1;
		background: rgba(255, 255, 255, 0.2);
	}
	
	.banner .swiper-container .swiper-pagination-bullet-active {
		background-color: white;
	}
	
	.banner {
		width: 100%;
		background-color: #F5F5F6;
		position: relative;
	}
	
	.homePage_container {
		width: 100%;
		background-color: #f5f5f6;
		position: relative;
	}
	
	.homePage_content {
		height: 4070px;
		position: absolute;
		left: 0;
		top: -100px;
		right: 0;
		margin: auto;
		z-index: 11;
	}
	
	.freeConsultation {
		width: 100%;
		height: 820px;
		padding-top: 1px;
		background-image: url(../img/foot_pic.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	footer {
		width: 100%;
		height: 330px;
		background-color: #323232;
	}
	
	.art_fonts {
		width: 672px;
		height: 112px;
		position: absolute;
		left: 0;
		bottom: 55%;
		right: 0;
		margin: auto;
		z-index: 11;
	}
	
	.banner_fonts {
		width: 765px;
		height: 30px;
		color: #f5f5f5;
		font-size: 24px;
		line-height: 30px;
		text-align: center;
		background-image: url(../img/banner_line.png);
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 46%;
		z-index: 11;
		margin: auto;
	}
	
	.banner_btn {
		width: 390px;
		height: 50px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 27%;
		z-index: 11;
		margin: auto;
	}
	
	.banner_btn span {
		padding: 10px 48px;
		margin: 0 15px;
		color: #FFFFFF;
		font-size: 16px;
		border: 1px solid #a9a7a3;
	}
	
	.banner_btn span:hover {
		background-color: #f1b046;
		padding: 11px 49px;
		border: 0;
	}
	
	.products {
		width: 100%;
		height: 657px;
		margin-bottom: 20px;
		background-color: #FFFFFF;
		padding-top: 1px;
		box-shadow: 0 0 5px #CCCCCC;
	}
	
	.chinese_fonts {
		font-size: 30px;
		text-align: center;
		margin: 70px 0 20px;
	}
	
	.english_fonts {
		text-align: center;
		font-size: 12px;
		letter-spacing: 7px;
		color: #CCCCCC;
		position: relative;
	}
	
	.solutions_pic:after,
	.english_fonts:after {
		content: '';
		display: block;
		width: 20px;
		height: 3px;
		background-color: #f1b046;
		position: absolute;
		left: 0;
		right: 0;
		top: 40px;
		margin: auto;
	}
	
	.products_kinds {
		padding-top: 70px;
	}
	
	.products_kinds li {
		float: left;
		height: 387px;
		background-color: #f5f5f6;
		margin-right: 10px;
		position: relative;
		overflow: hidden;
		transition: background-color .1s;
		-webkit-transition: background-color .1s;
		-moz-transition: background-color .1s;
		-ms-transition: background-color .1s;
	}
	
	.products_kinds li:nth-of-type(1) {
		margin-left: 50px;
	}
	
	.end_title,
	.start_title {
		font-size: 18px;
		width: 100%;
		text-align: center;
		position: absolute;
	}
	
	.start_title {
		left: 0;
		top: 60px;
		transition: all .2s;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
	}
	
	.end_title {
		color: #FFFFFF;
		opacity: 0;
		left: -212px;
		bottom: 180px;
		opacity: 1;
		transition: all .4s;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
	}
	
	.end_fonts,
	.start_fonts {
		font-size: 13px;
		width: 100%;
		text-align: center;
		position: absolute;
	}
	
	.start_fonts {
		color: #999;
		left: 0;
		top: 110px;
		transition: all .4s;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
	}
	
	.end_fonts {
		left: -212px;
		color: #ffeac9;
		bottom: 120px;
		opacity: 0;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	
	.end_pic,
	.start_pic {
		position: absolute;
	}
	
	.start_pic {
		background-color: #f5f5f6;
		left: 0;
		right: 0;
		bottom: 70px;
		margin: auto;
		text-align: center;
		transition: left .5s, opacity .5s, background-color .1s;
		-webkit-transition: left .5s, opacity .5s, background-color .1s;
		-moz-transition: left .5s, opacity .5s, background-color .1s;
		-ms-transition: left .5s, opacity .5s, background-color .1s;
	}
	
	.end_pic {
		background-color: #f5f5f6;
		left: -252px;
		right: 0;
		margin: auto;
		top: 60px;
		text-align: center;
		opacity: 0;
		transition: left .3s, opacity .3s, background-color .1s;
		-webkit-transition: left .3s, opacity .3s, background-color .1s;
		-moz-transition: left .3s, opacity .3s, background-color .1s;
		-ms-transition: left .3s, opacity .3s, background-color .1s;
	}
	
	.end_pic i,
	.start_pic i {
		font-size: 80px;
	}
	
	.end_pic i {
		color: #FFFFFF;
	}
	
	.end_btn {
		width: 138px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		border: 1px solid #FFFFFF;
		font-size: 14px;
		color: #FFFFFF;
		position: absolute;
		left: -252px;
		right: 0;
		margin: auto;
		bottom: 50px;
		opacity: 0;
		transition: all .7s;
		-webkit-transition: all .7s;
		-moz-transition: all .7s;
		-ms-transition: all .7s;
	}
	
	.end_btn:hover {
		background-color: #FFFFFF;
		color: #333333;
	}
	
	.products_kinds li:hover {
		background-color: #f1b046;
	}
	
	.products_kinds li:hover .end_pic {
		left: 0;
		opacity: 1;
		background-color: #f1b046;
	}
	
	.products_kinds li:hover .end_title {
		left: 0;
		opacity: 1;
	}
	
	.products_kinds li:hover .end_fonts {
		left: 0;
		opacity: 1;
	}
	
	.products_kinds li:hover .end_btn {
		left: 0;
		opacity: 1;
	}
	
	.products_kinds li:hover .start_pic {
		left: 254px;
		opacity: 1;
		background-color: #f1b046;
	}
	
	.products_kinds li:hover .start_title {
		left: 254px;
		opacity: 1;
	}
	
	.products_kinds li:hover .start_fonts {
		left: 254px;
		opacity: 1;
	}
	
	.solutions {
		height: 495px;
		margin-bottom: 20px;
		box-shadow: 0 0 5px #CCCCCC;
	}
	
	.swiper-container-1 {
		width: 100%;
		height: 495px;
		overflow: hidden;
		position: relative;
	}
	
	.solutions_mengBan {
		width: 100%;
		height: 100%;
		background-color: #f1b046;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		transition: all .1s;
		-webkit-transition: all .1s;
		-moz-transition: all .1s;
		-ms-transition: all .1s;
	}
	
	.solutions_pic_after,
	.solutions_pic {
		position: absolute;
		left: 0;
	}
	
	.solutions_pic {
		opacity: 1;
		top: 155px;
		right: 0;
		margin: auto;
		text-align: center;
		transition: all .1s;
		-webkit-transition: all .1s;
		-moz-transition: all .1s;
		-ms-transition: all .1s;
	}
	
	.solutions_pic_after {
		opacity: 0;
		top: 180px;
		right: 0;
		margin: auto;
		text-align: center;
		transition: all .1s;
		-webkit-transition: all .1s;
		-moz-transition: all .1s;
		-ms-transition: all .1s;
	}
	
	.solutions_pic_after i,
	.solutions_pic i {
		font-size: 90px;
		color: #FFFFFF;
	}
	
	.solutions_pic_after:after,
	.solutions_pic:after {
		background-color: #FFFFFF;
	}
	
	.solutions_pic:after {
		top: 110px;
		opacity: 1;
	}
	
	.solutions_underline {
		width: 20px;
		height: 3px;
		background-color: #FFFFFF;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 290px;
		opacity: 0;
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
	}
	
	.solutions_title_after,
	.solutions_title {
		width: 100%;
		text-align: center;
		font-size: 24px;
		color: #FFFFFF;
		position: absolute;
		left: 0;
	}
	
	.solutions_title {
		top: 295px;
		opacity: 1;
		transition: all .1s;
		-webkit-transition: all .1s;
		-moz-transition: all .1s;
		-ms-transition: all .1s;
	}
	
	.solutions_title_after {
		top: 320px;
		opacity: 0;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	
	.solutions_fonts_after {
		width: 90%;
		padding: 0 5%;
		line-height: 150%;
		text-align: center;
		color: #FFFFFF;
		position: absolute;
		left: 0;
		top: 380px;
		opacity: 0;
		transition: all .7s;
		-webkit-transition: all .7s;
		-moz-transition: all .7s;
		-ms-transition: all .7s;
	}
	
	.solutions_btn_after {
		width: 138px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		border: 1px solid #FFFFFF;
		font-size: 14px;
		color: #FFFFFF;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 485px;
		opacity: 0;
		transition: all .9s, background-color .6s, color .6s;
		-webkit-transition: all .9s, background-color .6s, color .6s;
		-moz-transition: all .9s, background-color .6s, color .6s;
		-ms-transition: all .9s, background-color .6s, color .6s;
	}
	
	.swiper-slide:hover .solutions_pic {
		opacity: 0;
	}
	
	.swiper-slide:hover .solutions_title {
		opacity: 0;
	}
	
	.swiper-slide:hover .solutions_pic_after {
		opacity: 1;
		top: 80px;
	}
	
	.swiper-slide:hover .solutions_underline {
		top: 190px;
		opacity: 1;
	}
	
	.swiper-slide:hover .solutions_title_after {
		top: 220px;
		opacity: 1;
	}
	
	.swiper-slide:hover .solutions_fonts_after {
		top: 280px;
		opacity: 1;
	}
	
	.swiper-slide:hover .solutions_btn_after {
		top: 385px;
		opacity: 1;
	}
	
	.solutions_btn_after:hover {
		background-color: #FFFFFF;
		color: #333333;
	}
	
	.swiper-slide:hover .solutions_mengBan {
		opacity: .9;
	}
	
	.cases {
		background-color: #FFFFFF;
		padding-top: 1px;
		box-shadow: 0 0 5px #CCCCCC;
		margin-bottom: 20px;
	}
	
	.cases_list {
		padding: 60px 50px 40px;
		margin-right: -20px;
	}
	
	.cases_list li {
		border: 1px solid #f2f2f2;
		float: left;
		margin-bottom: 20px;
		margin-right: 20px;
	}
	
	.margin_lr {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.nuoqian_btn {
		display: block;
		width: 183px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		border: 1px solid #f2f2f2;
		margin: 0 auto 40px;
	}
	
	.nuoqian_btn:hover {
		background-color: #f1b046;
		color: #FFFFFF;
	}
	
	.cases_list_pic {
		width: 100%;
		position: relative;
		overflow: hidden;
		cursor: pointer;
	}
	
	.cases_list_pic img {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	
	.cases_list_title {
		margin: 30px 0 10px 30px;
	}

	.cases_list_title a{
		font-size: 18px;
		font-weight: bold;
	}
	
	.cases_list_fonts {
		font-size: 12px;
		color: #999999;
		margin-left: 30px;
		padding-bottom: 20px;
	}
	
	.cases_list_mengban {
		width: 100%;
		height: 100%;
		background-color: #000000;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		z-index: 2;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	.cases_list_mengban a{
		position: absolute;
		left:0;
		bottom:0;
		right:0;
		top:0;
	}
	.cases_list_pic:hover img {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
	}
	
	.cases_list_pic:hover .cases_list_mengban {
		opacity: .5;
	}
	
	.view {
		background-color: #FFFFFF;
		box-shadow: 0 0 5px #CCCCCC;
		padding-top: 1px;
		margin-bottom: 20px;
	}
	
	.view_content {
		padding: 60px 50px 40px;
	}
	
	.view_left {
		height: 350px;
		float: left;
	}
	
	.view_right {
		height: 350px;
		float: right;
	}
	
	.swiper-container-2 {
		width: 100%;
		height: 350px;
		overflow: hidden;
		position: relative;
	}

	.swiper-container-2 .swiper-slide a,
	.swiper-container-2 .swiper-slide a img{
		display: inline-block;
		width: 100%;
		height: 100%;

	}
	
	.view_tags {
		width: 100%;
		height: 70px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.view_tags h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 3%;
		position: absolute;
		left: 0;
		top: 10px;
		z-index: 2;
	}

	.view_tags h3 a{
		font-size: 18px;
		color: #FFFFFF;
	}

	.view_mengban {
		width: 97%;
		height: 70px;
		line-height: 100px;
		padding-left: 3%;
		color: #FFFFFF;
		opacity: .5;
		background-color: #000000;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	
	.view_right_list li {
		width: 100%;
		padding-top: 18px;
		padding-bottom: 18px;
		border-bottom: 1px dashed #cccccc;
	}
	
	.view_right_list li:first-child {
		padding-top: 0;
	}
	
	.view_right_list li:last-child {
		padding-bottom: 0;
		border: 0;
	}
	
	.view_right_list_left {
		width: 75px;
		padding: 5px 20px 5px 0;
		float: left;
		text-align: right;
		border-right: 1px solid #f0f0f0;
	}
	
	.view_right_list_left b {
		font-size: 24px;
	}
	
	.view_right_list_left em {
		font-size: 12px;
		color: #999999;
	}
	
	.view_right_list_right {
		padding-left: 20px;
		margin-top: 5px;
		float: left;
	}
	
	.view_right_list_right h4 {
		margin-top: 5px;
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.view_right_list_right p {
		font-size: 12px;
		line-height: 200%;
		color: #999999;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.view_right_list_right h4:hover {
		text-decoration: underline;
		color: #f1b046;
	}
	
	.client {
		height: 1045px;
		box-shadow: 0 0 5px #CCCCCC;
		padding-top: 1px;
		background-color: #FFFFFF;
	}
	
	.client_list {
		margin: 80px auto 40px;
	}
	
	.listen {
		font-size: 20px;
		color: #999999;
		text-align: center;
		margin-bottom: 70px;
		font-weight: 100;
	}
	
	.client_move {
		height: 345px;
		margin: 0 auto;
	}
	
	.swiper-container-3 {
		width: 100%;
		height: 345px;
		overflow: hidden;
		position: relative;
	}
	
	.client_block {
		background-color: #f5f5f6;
		border-radius: 10px;
	}
	
	.swiper-pages {
		text-align: center;
		height: 100px;
		line-height: 100px;
	}
	
	.swiper-pages span {
		margin: 0 8px;
	}
	
	.swiper-pages .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background-color: #666666;
	}
	
	.swiper-pages .swiper-pagination-bullet-active {
		background-color: #f1b046;
	}
	
	.freeConsultation_content {
		padding-top: 1px;
		width: 650px;
		margin: 94px auto 0;
	}
	
	.client_list li {
		width: 177px;
		height: 98px;
		float: left;
		margin-bottom: 30px;
		border: 1px solid #FFFFFF;
		background-image: url(../img/coustom.png);
		background-repeat: no-repeat;
		background-position: -6px -8px;
	}
	.client_block p {
		margin: 25px;
		color: #999999;
		line-height: 200%;
	}
	
	.coustoms {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 88px;
		margin: auto;
	}
	
	.coustoms_details {
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 30px;
	}
	
	.coustoms_details b,
	.coustoms_details strong {
		font-weight: bold;
		line-height: 160%;
	}
	
	.freeConsultation_fonts {
		color: #FFFFFF;
		text-align: center;
		letter-spacing: 2px;
		line-height: 180%;
		padding: 60px 0;
	}
	
	.freeConsultation_content div {
		position: relative;
	}
	
	.freeConsultation_content input[type=text] {
		width: 230px;
		height: 30px;
		background-color: #FFFFFF;
		margin-bottom: 20px;
		padding: 5px 5px 5px 80px;
		float: left;
	}
	
	.freeConsultation_content input[type=submit] {
		width: 648px;
		height: 45px;
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
		font-size: 16px;
		cursor: pointer;
		background: none;
		margin-top: 20px;
	}
	
	.freeConsultation_content input[type=submit]:hover {
		background-color: #f1b046;
		border: 1px solid #f1b046;
	}
	
	.margin_r20 {
		margin-right: 20px;
	}
	
	.freeConsultation_content textarea {
		width: 565px;
		height: 90px;
		padding: 5px 5px 5px 80px;
		background-color: #FFFFFF;
	}
	
	.freeConsultation_content label {
		position: absolute;
		color: #999999;
	}
	
	.freeConsultation_content label:nth-of-type(1) {
		left: 10px;
		top: 10px;
	}
	
	.freeConsultation_content label:nth-of-type(2) {
		left: 345px;
		top: 10px;
	}
	
	.freeConsultation_content label:nth-of-type(3) {
		left: 10px;
		top: 70px;
	}
	
	.freeConsultation_content label:nth-of-type(4) {
		left: 345px;
		top: 70px;
	}
	
	.freeConsultation_content label:nth-of-type(5) {
		left: 10px;
		top: 125px;
	}
	
	.foot_content {
		height: 330px;
		margin: 0 auto;
	}
	
	.foot_up {
		width: 100%;
		height: 260px;
	}
	
	.foot_up ul {
		width: 128px;
		margin-top: 70px;
		float: left;
	}
	
	.foot_up li a {
		color: #999999;
		line-height: 180%;
		font-size: 12px;
	}
	
	.foot_up li .foot_up_header {
		color: #FFFFFF;
		font-size: 16px;
		line-height: 250%;
	}
	
	.foot_down {
		width: 100%;
		border-top: 1px solid #464647;
	}
	
	.foot_down p {
		color: #999999;
		font-size: 10px;
		line-height: 60px;
	}
	
	.foot_down p:nth-of-type(1) {
		float: left;
	}
	
	.foot_down p:nth-of-type(2) {
		float: right;
	}
	
	.contact_us {
		width: 350px;
		float: right;
		margin-top: 70px;
	}
	
	.weChat {
		width: 128px;
		height: 145px;
		float: left;
		padding-top: 1px;
		background-color: #FFFFFF;
	}
	
	.weChat_pic {
		width: 117px;
		height: 103px;
		margin: 0 auto;
	}
	
	.follow {
		font-size: 12px;
		width: 100%;
		text-align: center;
		margin: 15px 0 5px;
		position: relative;
	}
	
	.follow:after {
		content: '';
		width: 3px;
		height: 12px;
		background-color: #f1b046;
		position: absolute;
		left: 14px;
		top: 2px;
	}
	
	.contact_num {
		width: 200px;
		height: 145px;
		float: right;
	}
	
	.contact_num b {
		color: #FFFFFF;
		line-height: 200%;
	}
	
	.phone_num {
		font-size: 18px;
		color: #FFFFFF;
		display: block;
	}
	
	.mailbox {
		font-size: 18px;
		color: #FFFFFF;
	}
	
	.button-prev,
	.button-next {
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	
	.button-prev:hover,
	.button-next:hover {
		background-color: #000000;
	}
	
	.ourProducts_banner {
		width: 100%;
		position: relative;
	}
	
	.ourProducts_title {
		width: auto;
		height: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	
	.nuoqian_shadow {
		box-shadow: 0 0 70px #eeeeee;
		margin: 30px auto !important;
	}
	
	.nuoqian_header {
		padding: 70px 0 50px;
	}
	
	.nuoqian_header h2 {
		font-size: 26px;
		color: #333333;
		text-align: center;
	}
	
	.nuoqian_header h6 {
		font-size: 12px;
		color: #CCCCCC;
		text-align: center;
		margin: 14px 0;
		letter-spacing: 4px;
	}
	
	.nuoqian_header h3 {
		width: 250px;
		margin: 0 auto;
		font-size: 20px;
		color: #666666;
		text-align: center;
		position: relative;
	}
	
	.nuoqian_header h3:after,
	.nuoqian_header h3:before {
		content: '';
		width: 20px;
		height: 3px;
		background-color: #f1b046;
		position: absolute;
	}
	
	.nuoqian_header h3:before {
		top: 13px;
		left: 50px;
	}
	
	.nuoqian_header h3:after {
		top: 13px;
		right: 50px;
	}
	
	.questions_list {
		width: 490px;
		height: 300px;
		padding-right: 20px;
		position: absolute;
		left: 0;
		top: 0;
		overflow-y: scroll;
		cursor: s-resize;
		margin-top: 20px;
		display: none;
	}
	
	.questions_list li:last-child {
		padding-bottom: 100px;
	}
	
	.questions {
		width: 1030px;
		padding-bottom: 150px;
		margin: 0 auto;
	}
	
	.questions_left {
		width: 530px;
		position: relative;
	}
	
	.questions_left:after {
		content: '';
		width: 100%;
		height: 20px;
		box-shadow: 0 -12px 20px #FFFFFF;
		position: absolute;
		left: 0;
		bottom: -20px;
	}
	
	.questions_right {
		width: 488px;
		height: 395px;
		position: relative;
	}
	
	.questions_left h2 {
		font-size: 34px;
		color: #666666;
		margin: 40px 0 10px;
	}
	
	.questions_container {
		width: 490px;
		height: 300px;
		overflow: hidden;
		position: relative;
	}
	
	.question {
		height: 57px;
		position: relative;
		margin-bottom: 10px;
		top: 300px;
	}
	
	.question_num {
		width: 45px;
		height: 45px;
		border-radius: 100%;
		background-color: #f1b046;
		font-size: 24px;
		text-align: center;
		line-height: 45px;
		font-weight: bold;
		border: 6px solid #FFFFFF;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
	
	.question_fonts {
		display: inline-block;
		height: 40px;
		background-color: #e6e5e5;
		padding: 0 20px;
		font-size: 20px;
		line-height: 40px;
		position: absolute;
		left: 40px;
		top: 8.5px;
	}
	
	.answer {
		position: relative;
		margin-bottom: 20px;
		top: 300px;
	}
	
	.questions_active {
		display: block;
	}
	/*.questions_active .question,
.questions_active .answer{
	top: 0;
}*/
	
	.answer_context {
		width: 290px;
		padding: 10px 20px;
		background-color: #f1b046;
		position: relative;
	}
	
	.answer_fonts {
		color: #815102;
	}
	
	.answer_arrow {
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		background-color: #f1b046;
		position: absolute;
		left: -5px;
		top: 20px;
	}
	
	.circle {
		width: 340px;
		height: 340px;
		border-radius: 100%;
		background-image: url(../img/wubianxing.png);
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		transition: all 1s linear;
		-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-ms-transition: all 1s linear;
	}
	
	.circle_list li {
		width: 88px;
		height: 88px;
		border: 1px solid #444545;
		background-color: #FFFFFF;
		border-radius: 100%;
		position: absolute;
		cursor: pointer;
		transition: all 1s linear;
		-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-ms-transition: all 1s linear;
	}
	
	.circle_list li span {
		display: block;
		margin-top: 22px;
		line-height: 110%;
		text-align: center;
		font-size: 20px;
	}
	
	.circle_list li:nth-of-type(1) {
		left: -40px;
		top: 125px;
	}
	
	.circle_list li:nth-of-type(2) {
		left: 40px;
		top: -22px;
	}
	
	.circle_list li:nth-of-type(3) {
		left: 210px;
		top: -22px;
	}
	
	.circle_list li:nth-of-type(4) {
		left: 290px;
		top: 125px;
	}
	
	.circle_list li:nth-of-type(5) {
		left: 210px;
		top: 272px;
	}
	
	.circle_list li:nth-of-type(6) {
		left: 40px;
		top: 272px;
	}
	
	.circle_center {
		width: 139px;
		height: 139px;
		border-radius: 100%;
		background-color: #f1b046;
		border: 3px solid #FFFFFF;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.circle_center span {
		display: block;
		font-size: 36px;
		font-weight: bold;
		line-height: 110%;
		text-align: center;
		color: #FFFFFF;
		margin-top: 29px;
	}
	
	.circle_pic {
		width: 82px;
		height: 82px;
		border-radius: 100%;
		border: 6px solid #FFFFFF;
		background-image: url(../img/qusetions_pic.png);
		background-repeat: no-repeat;
		position: absolute;
		left: -3px;
		top: -3px;
		display: none;
	}
	
	.circle_active {
		display: block;
	}
	
	.circle_pic1 {
		background-position: 0 0;
	}
	
	.circle_pic2 {
		background-position: -95px 0;
	}
	
	.circle_pic3 {
		background-position: -178px 0;
	}
	
	.circle_pic4 {
		background-position: 0 -95px;
	}
	
	.circle_pic5 {
		background-position: -93px -93px;
	}
	
	.circle_pic6 {
		background-position: -178px -95px;
	}
	
	.why {
		width: 31px;
		height: 17px;
		position: absolute;
	}
	
	.why_1 {
		left: 110px;
		top: -25px;
		transform: rotate(-120deg);
		-webkit-transform: rotate(-120deg);
		-moz-transform: rotate(-120deg);
		-ms-transform: rotate(-120deg);
	}
	
	.why_2 {
		right: 110px;
		top: -25px;
		transform: rotate(-60deg);
		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		-ms-transform: rotate(-60deg);
	}
	
	.why_3 {
		right: -15px;
		top: 189px;
	}
	
	.why_4 {
		right: 110px;
		bottom: -25px;
		transform: rotate(60deg);
		-webkit-transform: rotate(60deg);
		-moz-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
	}
	
	.why_5 {
		left: 110px;
		bottom: -25px;
		transform: rotate(120deg);
		-webkit-transform: rotate(120deg);
		-moz-transform: rotate(120deg);
		-ms-transform: rotate(120deg);
	}
	
	.arrow_left {
		width: 26px;
		height: 36px;
		position: absolute;
		left: -2px;
		top: 180px;
	}
	
	.line_yellow {
		width: 54px;
		height: 5px;
		background-color: #FFFFFF;
		position: absolute;
		left: 120px;
		top: 195px;
	}
	
	.yellow {
		width: 45px;
		height: 5px;
		background-color: #F1B046;
		margin: 0 auto;
	}
	
	.how {
		width: 1035px;
		margin: 0 auto;
		padding-bottom: 80px;
	}
	
	.how_list {
		height: 70px;
		line-height: 70px;
		padding: 0 121px;
		border-top: 1px solid #686765;
	}
	
	.how_list li {
		margin: 0 30px;
		font-size: 18px;
		float: left;
		position: relative;
		cursor: pointer;
	}
	
	.how_list li:after {
		content: '';
		width: 7px;
		height: 7px;
		border: 3px solid #FFFFFF;
		border-radius: 50%;
		background-color: #333333;
		position: absolute;
		left: 28.5px;
		top: -7px;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-ms-transition: all .2s linear;
	}
	
	.how_active {
		font-weight: bold;
	}
	
	.how_list .how_active:after {
		content: '';
		width: 18px;
		height: 18px;
		border: 5px solid #FFFFFF;
		border-radius: 50%;
		background-color: #F1B046;
		position: absolute;
		left: 21px;
		top: -14px;
	}
	
	.how_con {
		margin-top: 40px;
		height: 360px;
		background-color: #f2f1f0;
		position: relative;
	}
	
	.how_pic {
		width: 472px;
		height: 100%;
		position: absolute;
		left: -472px;
		top: 0;
		opacity: 0;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.how_fonts {
		width: 563px;
		height: 100%;
		position: absolute;
		right: -563px;
		top: 0;
		opacity: 0;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.how_fonts h2 {
		margin-top: 85px;
		padding: 10px 0;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		position: relative;
	}
	
	.how_fonts h2:after {
		content: '';
		width: 110px;
		height: 1px;
		background-color: #F1B046;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	
	.how_fonts p {
		padding: 0 50px;
		margin-top: 20px;
		line-height: 150%;
		text-align: justify;
	}
	
	.marTop0 {
		margin-top: 0 !important;
	}
	
	.height720 {
		height: 720px !important;
	}
	
	.grey_bg {
		background-color: #f5f5f6;
		overflow-x: hidden;
	}
	
	.web_list1 {
		width: 1180px;
		margin: 100px auto;
	}
	
	.web_list1 li {
		width: 206px;
		height: 360px;
		float: left;
		margin-right: 37.5px;
		perspective: 1000px;
		-webkit-perspective: 1000px;
		-ms-perspective: 1000px;
		-moz-perspective: 1000px;
	}
	
	.web_list1 li:last-child {
		margin-right: 0;
	}
	
	.face {
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #FFFFFF;
	}
	
	.face_back {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
	}
	
	.cards {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
	}
	
	.web_list1 li:hover .cards {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
	}
	
	.face_pic {
		width: 170px;
		height: 170px;
		border-radius: 50%;
		display: block;
		margin: 20px auto;
		background-repeat: no-repeat;
	}
	
	.face_troblu1 {
		background-position: 0 0;
		background-image: url(../img/face.png);
	}
	
	.face_happy1 {
		background-position: 0 -170px;
		background-image: url(../img/face.png);
	}
	
	.face_troblu2 {
		background-position: -170px 0;
		background-image: url(../img/face.png);
	}
	
	.face_happy2 {
		background-position: -170px -170px;
		background-image: url(../img/face.png);
	}
	
	.face_troblu3 {
		background-position: -339px 0;
		background-image: url(../img/face.png);
	}
	
	.face_happy3 {
		background-position: -340px -170px;
		background-image: url(../img/face.png);
	}
	
	.face_troblu4 {
		background-position: -509px 0;
		background-image: url(../img/face.png);
	}
	
	.face_happy4 {
		background-position: -510px -170px;
		background-image: url(../img/face.png);
	}
	
	.face_troblu5 {
		background-position: -680px 0;
		background-image: url(../img/face.png);
	}
	
	.face_happy5 {
		background-position: -681px -170px;
		background-image: url(../img/face.png);
	}
	
	.face_front h2 {
		font-size: 15px;
		font-weight: bold;
		margin-right: 18px;
		margin-bottom: 10px;
		text-align: right;
	}
	
	.face_front h2:before {
		content: '';
		display: inline-block;
		width: 45px;
		height: 1px;
		background-color: #c7c7c7;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	
	.face_front p {
		font-size: 16px;
		color: #666666;
		text-align: right;
		margin-right: 18px;
		height: 20px;
		line-height: 20px;
	}
	
	.face_front_btn {
		width: 160px;
		height: 40px;
		font-size: 16px;
		color: #FFFFFF;
		background-color: #F1B046;
		line-height: 40px;
		text-align: center;
		margin-left: 28px;
		margin-top: 20px;
	}
	
	.face_back p {
		color: #666666;
		padding: 10px 18px;
		text-align: justify;
		position: relative;
	}
	
	.face_back p:after {
		content: '';
		width: 170px;
		height: 1px;
		background-color: #c7c7c7;
		position: absolute;
		top: 0;
		left: 18px;
	}
	
	.chose_nuoqian {
		width: 202px;
		height: 32px;
		position: absolute;
		left: -16px;
		bottom: 20px;
	}
	
	.good_web {
		width: 1000px;
		height: 750px;
		margin: 0 auto;
		position: relative;
	}
	
	.site {
		width: 400px;
		height: 280px;
		position: absolute;
		left: 310px;
		top: 92px;
		opacity: 1;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.site_center {
		width: 220px;
		height: 240px;
		position: absolute;
		left: 0;
		right: 0;
		top: 120px;
		opacity: 0;
		margin: auto;
		background-image: url(../img/line_center.png);
		background-position: center;
		background-repeat: no-repeat;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.site_center1 {
		width: 160px;
		height: 160px;
		padding: 1px;
		border-radius: 50%;
		margin: 30px auto 0;
		background-color: #f3f3f3;
		box-shadow: 0 0 3px #dddddd inset;
	}
	
	.site_center2 {
		width: 136px;
		height: 136px;
		text-align: center;
		border-radius: 50%;
		margin: 12px auto 0;
		background-color: #ffffff;
		box-shadow: 1px 1px 10px #CCCCCC;
	}
	
	.site_center2 span {
		display: inline-block;
		font-size: 28px;
		font-weight: bold;
		padding-top: 30px;
	}
	
	.site_left {
		width: 230px;
		height: 205px;
		position: absolute;
		left: 358px;
		top: 122px;
		opacity: 0;
		background-image: url(../img/line_left.png);
		background-position: center;
		background-repeat: no-repeat;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.site_right {
		width: 230px;
		height: 205px;
		position: absolute;
		right: 358px;
		top: 122px;
		opacity: 0;
		background-image: url(../img/line_right.png);
		background-position: center;
		background-repeat: no-repeat;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.site_left1 {
		width: 145px;
		height: 145px;
		border-radius: 50%;
		background-color: #F1B046;
		box-shadow: 0 0 3px #dddddd inset;
		position: absolute;
		left: 70px;
		top: 34px;
	}
	
	.site_right1 {
		width: 145px;
		height: 145px;
		border-radius: 50%;
		background-color: #F1B046;
		box-shadow: 0 0 3px #dddddd inset;
		position: absolute;
		right: 70px;
		top: 34px;
	}
	
	.site_left2,
	.site_right2 {
		width: 119px;
		height: 119px;
		border-radius: 50%;
		background-color: #FFFFFF;
		margin: 13px auto 0;
		box-shadow: 4px 4px 5px #e47b14;
		text-align: center;
	}
	
	.site_right2 span,
	.site_left2 span {
		font-size: 26px;
	}
	
	.site_right2 img {
		width: 28px;
		height: 41px;
		margin-top: 15px;
	}
	
	.site_left2 img {
		width: 41px;
		height: 41px;
		margin-top: 15px;
	}
	
	.site_bottom {
		width: 550px;
		height: 222px;
		background-image: url(../img/line_down.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		position: absolute;
		left: 221px;
		top: 152px;
		opacity: 0;
	}
	
	.site_bottom1 {
		width: 145px;
		height: 145px;
		border-radius: 50%;
		background-color: #F1B046;
		box-shadow: 0 0 3px #dddddd inset;
		position: absolute;
		left: 204px;
		top: 0;
	}
	
	.site_bottom2 {
		width: 113px;
		height: 113px;
		border-radius: 50%;
		background-color: #F1B046;
		box-shadow: 2px 2px 30px #c2701a;
		margin: 16px auto 0;
		text-align: center;
	}
	
	.site_bottom2 span {
		font-size: 24px;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	.site_bottom2 img {
		width: 60px;
		height: 40px;
		margin-top: 10px;
	}
	
	.site_fonts1 {
		color: #999999;
		border-bottom: 1px solid #908f8d;
		position: absolute;
		top: 94px;
	}
	
	.site_fonts1_p1 {
		right: -62px;
	}
	
	.site_fonts1_p2 {
		left: -62px;
	}
	
	.site_fonts1 b {
		font-weight: bold;
	}
	
	.site_fonts2 {
		position: absolute;
	}
	
	.site_fonts2_p1 {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		left: -24px;
		top: -42px;
	}
	
	.site_fonts2_p2 {
		left: -80px;
		top: 91px;
	}
	
	.site_fonts2_p3 {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		left: -30px;
		bottom: -40px;
	}
	
	.site_number {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: #F1B046;
		text-align: center;
		line-height: 20px;
		color: #FFFFFF;
		font-size: 12px;
		margin-top: 4px;
		margin-right: 5px;
	}
	
	.site_fonts2 span {
		font-weight: bold;
		line-height: 100%;
	}
	
	.site_fonts2_p4 {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		right: -27px;
		top: -45px;
	}
	
	.site_fonts2_p5 {
		right: -84px;
		top: 91px;
	}
	
	.site_fonts2_p6 {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		right: -36px;
		bottom: -44px;
	}
	
	.site_fonts3 {
		text-align: center;
		position: absolute;
	}
	
	.site_fonts3 span {
		font-size: 16px;
	}
	
	.site_fonts3 b {
		font-size: 20px;
		font-weight: bold;
	}
	
	.site_fonts3_p1 {
		left: 50px;
		top: 58px;
	}
	
	.site_fonts3_p2 {
		right: 50px;
		top: 58px;
	}
	
	.site_fonts3_p3 {
		left: 237px;
		top: 226px;
	}
	
	.padB95 {
		padding-bottom: 95px;
	}
	
	.build_flow {
		width: 1150px;
		height: 575px;
		margin: 100px auto 85px;
		position: relative;
	}
	
	.flow_circle {
		width: 570px;
		height: 570px;
		border-radius: 50%;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.flow_fonts {
		width: 525px;
		height: 570px;
		background: #FFFFFF;
		position: absolute;
		right: -50px;
		top: 0;
		opacity: 0;
		transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
	}
	
	.flow_logo {
		width: 155px;
		height: 155px;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		background-image: url(../img/flow_logo.png);
		background-position: center;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		z-index: 2;
	}
	
	.flow_wrapper {
		width: 570px;
		height: 570px;
		border-radius: 50%;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transition: all 1s linear;
		-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-ms-transition: all 1s linear;
	}
	
	.flow_item {
		width: 285px;
		height: 285px;
		transform-origin: left top;
		position: absolute;
		left: 285px;
		top: 285px;
		border: 1px solid #e1e1e1;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		background: #f1f1f1;
		cursor: pointer;
	}
	
	.flow_item_active {
		background-color: #f1b046;
	}
	
	.flow_item:nth-of-type(1) {
		transform: rotate(0deg) skew(60deg);
		-webkit-transform: rotate(0deg) skew(60deg);
		-moz-transform: rotate(0deg) skew(60deg);
		-ms-transform: rotate(0deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(2) {
		transform: rotate(30deg) skew(60deg);
		-webkit-transform: rotate(30deg) skew(60deg);
		-moz-transform: rotate(30deg) skew(60deg);
		-ms-transform: rotate(30deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(3) {
		transform: rotate(60deg) skew(60deg);
		-webkit-transform: rotate(60deg) skew(60deg);
		-moz-transform: rotate(60deg) skew(60deg);
		-ms-transform: rotate(60deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(4) {
		transform: rotate(90deg) skew(60deg);
		-webkit-transform: rotate(90deg) skew(60deg);
		-moz-transform: rotate(90deg) skew(60deg);
		-ms-transform: rotate(90deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(5) {
		transform: rotate(120deg) skew(60deg);
		-webkit-transform: rotate(120deg) skew(60deg);
		-moz-transform: rotate(120deg) skew(60deg);
		-ms-transform: rotate(120deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(6) {
		transform: rotate(150deg) skew(60deg);
		-webkit-transform: rotate(150deg) skew(60deg);
		-moz-transform: rotate(150deg) skew(60deg);
		-ms-transform: rotate(150deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(7) {
		transform: rotate(180deg) skew(60deg);
		-webkit-transform: rotate(180deg) skew(60deg);
		-moz-transform: rotate(180deg) skew(60deg);
		-ms-transform: rotate(180deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(8) {
		transform: rotate(210deg) skew(60deg);
		-webkit-transform: rotate(210deg) skew(60deg);
		-moz-transform: rotate(210deg) skew(60deg);
		-ms-transform: rotate(210deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(9) {
		transform: rotate(240deg) skew(60deg);
		-webkit-transform: rotate(240deg) skew(60deg);
		-moz-transform: rotate(240deg) skew(60deg);
		-ms-transform: rotate(240deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(10) {
		transform: rotate(270deg) skew(60deg);
		-webkit-transform: rotate(270deg) skew(60deg);
		-moz-transform: rotate(270deg) skew(60deg);
		-ms-transform: rotate(270deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(11) {
		transform: rotate(300deg) skew(60deg);
		-webkit-transform: rotate(300deg) skew(60deg);
		-moz-transform: rotate(300deg) skew(60deg);
		-ms-transform: rotate(300deg) skew(60deg);
	}
	
	.flow_item:nth-of-type(12) {
		transform: rotate(330deg) skew(60deg);
		-webkit-transform: rotate(330deg) skew(60deg);
		-moz-transform: rotate(330deg) skew(60deg);
		-ms-transform: rotate(330deg) skew(60deg);
	}
	
	.flow_wrapper1 {
		width: 285px;
		height: 285px;
		border-radius: 50%;
		overflow: hidden;
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		border: 10px solid #FFFFFF;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		z-index: 1;
	}
	
	.flow_item1 {
		width: 200px;
		height: 200px;
		transform-origin: left top;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		position: absolute;
		left: 142.5px;
		top: 142.5px;
		border: 5px solid white !important;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
	.flow_item1:nth-of-type(1) {
		transform: rotate(0deg) skew(150deg);
		-webkit-transform: rotate(0deg) skew(150deg);
		-moz-transform: rotate(0deg) skew(150deg);
		-ms-transform: rotate(0deg) skew(150deg);
		background-color: #8a8989;
	}
	
	.flow_item1:nth-of-type(2) {
		transform: rotate(120deg) skew(150deg);
		-webkit-transform: rotate(120deg) skew(150deg);
		-moz-transform: rotate(120deg) skew(150deg);
		-ms-transform: rotate(120deg) skew(150deg);
		background-color: #595757;
	}
	
	.flow_item1:nth-of-type(3) {
		transform: rotate(240deg) skew(150deg);
		-webkit-transform: rotate(240deg) skew(150deg);
		-moz-transform: rotate(240deg) skew(150deg);
		-ms-transform: rotate(240deg) skew(150deg);
		background-color: #bfbebe;
	}
	
	.flow_item1_active1 {
		background-color: #F1B046 !important;
	}
	
	.flow_wrapper span {
		width: 20px;
		text-align: center;
		position: absolute;
		cursor: pointer;
		color: #e1dddd;
		font-size: 16px;
		line-height: 100%;
	}
	
	.flow_wrapper span b {
		color: #999999;
		font-size: 16px;
		display: inline-block;
		padding-top: 5px;
	}
	
	.flow_wrapper .flow_fonts_active,
	.flow_wrapper .flow_fonts_active b {
		color: #FFFFFF;
	}
	
	.flow_wrapper .word_1 {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		left: 109px;
		top: 78px;
	}
	
	.flow_wrapper .word_2 {
		transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		left: 215px;
		top: 18px;
	}
	
	.flow_wrapper .word_3 {
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		left: 334px;
		top: 15px;
	}
	
	.flow_wrapper .word_4 {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		left: 442px;
		top: 78px;
	}
	
	.flow_wrapper .word_5 {
		transform: rotate(75deg);
		-webkit-transform: rotate(75deg);
		-moz-transform: rotate(75deg);
		-ms-transform: rotate(75deg);
		left: 516px;
		top: 194px;
	}
	
	.flow_wrapper .word_6 {
		transform: rotate(105deg);
		-webkit-transform: rotate(105deg);
		-moz-transform: rotate(105deg);
		-ms-transform: rotate(105deg);
		left: 516px;
		top: 322px;
	}
	
	.flow_wrapper .word_7 {
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		left: 451px;
		top: 436px;
	}
	
	.flow_wrapper .word_8 {
		transform: rotate(165deg);
		-webkit-transform: rotate(165deg);
		-moz-transform: rotate(165deg);
		-ms-transform: rotate(165deg);
		left: 340px;
		top: 500px;
	}
	
	.flow_wrapper .word_9 {
		transform: rotate(195deg);
		-webkit-transform: rotate(195deg);
		-moz-transform: rotate(195deg);
		-ms-transform: rotate(195deg);
		left: 216px;
		top: 437px;
	}
	
	.flow_wrapper .word_10 {
		transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		left: 108px;
		top: 404px;
	}
	
	.flow_wrapper .word_11 {
		transform: rotate(255deg);
		-webkit-transform: rotate(255deg);
		-moz-transform: rotate(255deg);
		-ms-transform: rotate(255deg);
		left: 65px;
		top: 283px;
	}
	
	.flow_wrapper .word_12 {
		transform: rotate(285deg);
		-webkit-transform: rotate(285deg);
		-moz-transform: rotate(285deg);
		-ms-transform: rotate(285deg);
		left: 49px;
		top: 183px;
	}
	
	.flow_wrapper1 strong {
		font-size: 28px;
		font-weight: bold;
		color: #FFFFFF;
		position: absolute;
		letter-spacing: 5px;
	}
	
	.flow_wrapper1 .flow_item1_active2 {
		color: #88580d;
	}
	
	.flow_wrapper1 strong:nth-of-type(1) {
		transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		left: 165px;
		top: 35px;
	}
	
	.flow_wrapper1 strong:nth-of-type(2) {
		transform: rotate(150deg);
		-webkit-transform: rotate(150deg);
		-moz-transform: rotate(150deg);
		-ms-transform: rotate(150deg);
		left: 160px;
		top: 216px;
	}
	
	.flow_wrapper1 strong:nth-of-type(3) {
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		left: 3px;
		top: 120px;
	}
	
	.line_white {
		width: 212px;
		height: 10px;
		background-color: #FFFFFF;
		position: absolute;
	}
	
	.line_white1 {
		transform: rotate(-150deg);
		left: -14px;
		top: 167px;
	}
	
	.line_white2 {
		transform: rotate(-210deg);
		left: 360px;
		top: 177px;
	}
	
	.line_white3 {
		transform: rotate(-90deg);
		left: 180px;
		top: 494px;
	}
	
	.line_white4 {
		transform: rotate(-120deg);
		left: -42px;
		top: 0;
	}
	
	.line_white5 {
		transform: rotate(-180deg);
		left: 125px;
		top: 138px;
	}
	
	.line_white6 {
		transform: rotate(-60deg);
		left: 11px;
		top: 182px;
	}
	
	.flow_fonts_head {
		margin-bottom: 20px;
		font-size: 36px;
		font-weight: bold;
		text-align: center;
	}
	
	.flow_fonts_head span {
		padding: 2px 5px;
		background-color: #F1B046;
		color: #FFFFFF;
		font-size: 24px;
		font-weight: bold;
		margin-right: 10px;
	}
	
	.flow_fonts p {
		color: #666666;
		text-align: justify;
		margin-bottom: 25px;
	}
	
	.flow_fonts img {
		width: 100%;
		height: 330px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.flow_active {
		opacity: 1;
		right: 0;
	}
	
	.wechat_father {
		width: 790px;
		padding-top: 85px;
		margin: 0 auto;
		position: relative;
		top: 150px;
		opacity: 0;
	}
	
	.wechat_father_pic {
		width: 175px;
		height: 175px;
		border-radius: 50%;
		border: 1px solid #EBEBEB;
	}
	
	.wechat_father_pic div {
		width: 165px;
		height: 165px;
		border-radius: 50%;
		margin: 5px 0 0 5px;
		overflow: hidden;
		background-image: url(../img/wechat_father.png);
		background-position: center 0;
		background-repeat: no-repeat;
	}
	
	.wechat_father_font {
		width: 435px;
		padding: 42px 50px 40px 70px;
		position: relative;
		background-image: url(../img/up_yinhao.png), url(../img/down_yinhao.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 0 34px, 524px 34px;
	}
	
	.wechat_father_font p {
		color: #7c7c7c;
		text-align: justify;
		letter-spacing: 1px;
		line-height: 150%;
	}
	
	.wechat_father_font span {
		font-weight: bold;
		position: absolute;
		right: 50px;
		bottom: 0;
	}
	
	.wechat_points {
		margin: 70px auto;
	}
	
	.wechat_points li {
		height: 251px;
		margin-right: 15px;
		float: left;
		text-align: center;
		background-color: #f4f3f3;
		cursor: pointer;
		position: relative;
	}
	
	.wechat_points li:last-child {
		margin-right: 0;
	}
	
	.wechat_points li:before {
		content: '';
		width: 1px;
		height: 68px;
		background-color: #333333;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
	}
	
	.wechat_points img {
		margin: 75px auto 0;
		width: auto;
		height: auto;
	}
	
	.wechat_points h2 {
		font-size: 28px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 77px;
	}
	
	.wechat_points span {
		color: #666666;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 28px;
	}
	
	.wechat_mengBan {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(241, 176, 70, .9);
		opacity: 0;
		transition: all .3s;
	}
	
	.wechat_mengBan p {
		color: #FFFFFF;
		padding-left: 30px;
		padding-right: 30px;
		text-align: justify;
	}
	
	.wechat_points li:hover .wechat_mengBan {
		opacity: 1;
	}
	
	.what_program {
		height: 390px;
		position: relative;
		margin: 80px auto 60px;
	}
	
	.what_program_item {
		height: 390px;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
	}
	
	.what_program_pic {
		opacity: .2;
		width: 100%;
	}
	.what_program_item h2 {
		font-size: 30px;
		position: absolute;
		left: 0;
		right: 0;
		top: 58px;
		opacity: 0;
		text-align: center;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.what_program_item p {
		padding: 0 40px;
		text-align: justify;
		position: absolute;
		left: 0;
		right: 0;
		top: 255px;
		opacity: 0;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.what_program_line {
		height: 1px;
		background-color: #333333;
		position: absolute;
		left: 0;
		right: 0;
		top: 170px;
		margin: auto;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
	}
	
	.what_program_active h2 {
		top: 118px;
		opacity: 1;
	}
	
	.what_program_active p {
		top: 195px;
		opacity: 1;
	}
	
	.what_program_active .what_program_line {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
	}
	
	.what_program_container {
		position: absolute;
		right: 0;
		top: 0;
		overflow: hidden;
	}
	
	.what_program_list li {
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		/* Firefox */
		-webkit-box-sizing: border-box;
		/* Safari */
		height: 195px;
		cursor: pointer;
	}
	
	.what_program_list li:nth-of-type(1),
	.what_program_list li:nth-of-type(2),
	.what_program_list li:nth-of-type(3) {
		border-bottom: 1px solid #bdbdbd;
	}
	
	.what_program_list li:nth-of-type(2),
	.what_program_list li:nth-of-type(5) {
		border-left: 1px solid #bdbdbd;
		border-right: 1px solid #bdbdbd;
	}
	
	.what_program_list_pic {
		height: 52px;
		margin: 40px auto 20px;
		background-image: url(../img/wechat_1.png);
		background-repeat: no-repeat;
	}
	
	.p1_before {
		background-position: 0 1px;
		width: 50px;
	}
	
	.p2_before {
		background-position: -50px 1px;
		width: 51px;
	}
	
	.p3_before {
		background-position: -102px 1px;
		width: 48px;
	}
	
	.p4_before {
		background-position: -152px 1px;
		width: 57px;
	}
	
	.p5_before {
		background-position: -213px 1px;
		width: 48px;
	}
	
	.p6_before {
		background-position: -264px 1px;
		width: 65px;
	}
	
	.p1_after {
		background-position: 0 -51px;
		width: 50px;
	}
	
	.p2_after {
		background-position: -50px -51px;
		width: 51px;
	}
	
	.p3_after {
		background-position: -102px -51px;
		width: 48px;
	}
	
	.p4_after {
		background-position: -152px -51px;
		width: 57px;
	}
	
	.p5_after {
		background-position: -213px -51px;
		width: 48px;
	}
	
	.p6_after {
		background-position: -264px -51px;
		width: 65px;
	}
	
	.what_program_list p {
		font-size: 24px;
		color: #525151;
		text-align: center;
	}
	
	.what_program_list_active p {
		color: #f1b046;
	}
	
	.how_program {
		width: 936px;
		margin: 80px auto 65px;
		position: relative;
		top: 150px;
		opacity: 0;
	}
	
	.how_program li {
		width: 234px;
		height: 237px;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		/* Firefox */
		-webkit-box-sizing: border-box;
		/* Safari */
		cursor: pointer;
		position: relative;
	}
	
	.how_program li {
		border-left: 1px solid #dddcdc;
		border-bottom: 1px solid #dddcdc;
	}
	
	.how_program li:nth-of-type(1),
	.how_program li:nth-of-type(2),
	.how_program li:nth-of-type(3),
	.how_program li:nth-of-type(4) {
		border-top: 1px solid #dddcdc;
	}
	
	.how_program li:nth-of-type(4),
	.how_program li:nth-of-type(8) {
		border-right: 1px solid #dddcdc;
	}
	
	.how_program_pic {
		width: 102px;
		height: 102px;
		border-radius: 50%;
		border: 1px solid #eaeaea;
		background-image: url(../img/wechat_2.png);
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 25px;
		margin: auto;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	
	.how_p1 {
		background-position: 0 0;
	}
	
	.how_p2 {
		background-position: -102px 0;
	}
	
	.how_p3 {
		background-position: -204px 0;
	}
	
	.how_p4 {
		background-position: -306px 0;
	}
	
	.how_p5 {
		background-position: 0 -102px;
	}
	
	.how_p6 {
		background-position: -102px -102px;
	}
	
	.how_p7 {
		background-position: -204px -102px;
	}
	
	.how_p8 {
		background-position: -306px -102px;
	}
	
	.how_program h2 {
		color: #666666;
		font-size: 22px;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 45px;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	
	.how_program p {
		color: #666666;
		padding: 0 30px;
		position: absolute;
		left: 0;
		right: 0;
		top: 118px;
		text-align: justify;
		opacity: 0;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	
	.how_line {
		width: 100%;
		height: 2px;
		background-color: #f1b046;
		position: absolute;
		left: 0;
		top: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	
	.how_program li:hover h2 {
		bottom: 150px;
	}
	
	.how_program li:hover p {
		opacity: 1;
	}
	
	.how_program li:hover .how_program_pic {
		opacity: 0;
	}
	
	.how_program li:hover .how_line {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
	}
	
	.line1 {
		width: calc(100% / 3);
		height: 1px;
		background-color: #333333;
		position: absolute;
		left: calc(-100% / 3);
		top: 194px;
	}
	
	.line1_active {
		animation: line1Move 1s linear 1;
		-webkit-animation: line1Move 1s linear 1;
		/* Safari 和 Chrome */
	}
	
	@keyframes line1Move {
		from {
			left: calc(-100% / 3);
		}
		to {
			left: 100%;
		}
	}
	
	@-webkit-keyframes line1Move
	/*Safari and Chrome*/
	
	{
		from {
			left: calc(-100% / 3);
		}
		to {
			left: 100%;
		}
	}
	
	.line2 {
		height: 194px;
		width: 1px;
		background-color: #333333;
		position: absolute;
		left: calc(100% / 3);
		top: -194px;
	}
	
	.line2_active {
		animation: line2Move 1s linear 1;
		-webkit-animation: line2Move 1s linear 1;
		/* Safari 和 Chrome */
	}
	
	@keyframes line2Move {
		from {
			top: -194px;
		}
		to {
			top: 390px;
		}
	}
	
	@-webkit-keyframes line2Move
	/*Safari and Chrome*/
	
	{
		from {
			top: -194px;
		}
		to {
			top: 390px;
		}
	}
	
	.line3 {
		height: 194px;
		width: 1px;
		background-color: #333333;
		position: absolute;
		left: calc((100% / 3 * 2) - .5px);
		top: 390px;
	}
	
	.line3_active {
		animation: line3Move 1s linear 1;
		-webkit-animation: line3Move 1s linear 1;
		/* Safari 和 Chrome */
	}
	
	@keyframes line3Move {
		from {
			top: 390px;
		}
		to {
			top: -194px;
		}
	}
	
	@-webkit-keyframes line3Move
	/*Safari and Chrome*/
	
	{
		from {
			top: 390px;
		}
		to {
			top: -194px;
		}
	}
	
	.popularize_nav {
		width: calc(100% - 20px);
		height: 55px;
		padding-left: 20px;
		border-bottom: 1px solid #dddddd;
		padding-top: 44px;
	}
	
	.popularize_nav li {
		float: left;
		margin: 0 30px;
		padding-left: 20px;
		position: relative;
	}
	
	.popularize_nav a {
		font-size: 17px;
		color: #5a5a5a;
	}
	
	.popularize_nav .popularize_nav_active a {
		color: #f1b046;
	}
	
	.popularize_nav .popularize_nav_active:before {
		content: '';
		height: 17px;
		width: 5px;
		background-color: #f1b046;
		position: absolute;
		left: 0;
		bottom: 2px;
	}
	
	.problems {
		margin: 75px auto;
	}
	
	.someProblems {
		height: 430px;
		position: relative;
	}
	
	.popularize_head1 {
		height: 85px;
		width: 435px;
		border-bottom: 1px solid #dddddd;
	}
	
	.popularize_head1 h2 {
		font-size: 23px;
	}
	
	.popularize_head1 p {
		font-size: 12px;
		color: #c2c2c1;
		letter-spacing: 1px;
		margin-top: 5px;
	}
	
	.problems_cards {
		width: 575px;
		height: 430px;
	}
	
	.problems_list {
		width: 100%;
		margin-top: 40px;
	}
	
	.problems_list li {
		letter-spacing: 1px;
		padding: 0 20px;
		padding-bottom: 12px;
		position: relative;
	}
	
	.problems_list li:before {
		content: '';
		width: 4px;
		height: 4px;
		border-radius: 50px;
		border: 2px solid #f1b046;
		position: absolute;
		left: 0;
		top: 6px;
	}
	
	.someProblems_bottom {
		height: 82px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.someProblems_bottom span {
		display: block;
		margin-bottom: 22px;
	}
	
	.popularize_btn {
		display: block;
		font-size: 19px;
		padding: 10px 25px;
		background-color: #f1b046;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	.cards_left,
	.cards_center {
		width: 229px;
		height: 430px;
		border-right: 1px solid #FFFFFF;
	}
	
	.cards_right {
		width: 115px;
		height: 430px;
	}
	
	.perspective1,
	.perspective2,
	.perspective3,
	.perspective4,
	.perspective5,
	.perspective6 {
		perspective: 1000px;
		-webkit-perspective: 1000px;
		-ms-perspective: 1000px;
		-moz-perspective: 1000px;
		position: relative;
	}
	
	.perspective1 {
		width: 229px;
		height: 323px;
	}
	
	.perspective2 {
		width: 229px;
		height: 106px;
	}
	
	.perspective3 {
		width: 229px;
		height: 214px;
	}
	
	.perspective4 {
		width: 229px;
		height: 215px;
	}
	
	.perspective5 {
		width: 115px;
		height: 126px;
	}
	
	.perspective6 {
		width: 115px;
		height: 303px;
	}
	
	.cards_1,
	.cards_2,
	.cards_3,
	.cards_4,
	.cards_5,
	.cards_6 {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
	}
	
	.problems_cards_active {
		transform: rotateY(-180deg);
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
	}
	
	.cards_1_after,
	.cards_2_after,
	.cards_3_after,
	.cards_4_after,
	.cards_5_after,
	.cards_6_after {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
	}
	
	.cards_1_after,
	.cards_2_after,
	.cards_3_after,
	.cards_4_after,
	.cards_5_after,
	.cards_6_after,
	.cards_1_before,
	.cards_2_before,
	.cards_3_before,
	.cards_4_before,
	.cards_5_before,
	.cards_6_before {
		/*background-image: url(../img/eyes.png);
	    background-repeat: no-repeat;*/
		backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		overflow: hidden;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.problems_cards img {
		width: auto;
		height: auto;
		position: absolute;
	}
	
	.cards_2_before,
	.cards_4_before,
	.cards_6_before,
	.cards_2_after,
	.cards_4_after,
	.cards_6_after {
		border-top: 1px solid #FFFFFF;
	}
	
	.cards_1_before img,
	.cards_1_after img {
		top: 0;
		left: 0;
	}
	
	.cards_2_before img,
	.cards_2_after img {
		top: -323px;
		left: 0;
	}
	
	.cards_3_before img,
	.cards_3_after img {
		top: 0;
		left: -229px;
	}
	
	.cards_4_before img,
	.cards_4_after img {
		top: -214px;
		left: -229px;
	}
	
	.cards_5_before img,
	.cards_5_after img {
		top: 0;
		left: -459px;
	}
	
	.cards_6_before img,
	.cards_6_after img {
		top: -126px;
		left: -459px;
	}
	
	.popularize_head2 {
		margin: 85px 0 70px;
		text-align: center;
	}
	
	.popularize_head2 h2 {
		font-size: 23px;
	}
	
	.popularize_head2 p:nth-of-type(1) {
		font-size: 12px;
		letter-spacing: 1px;
		color: #c2c2c1;
		margin-top: 5px;
	}
	
	.popularize_head2 p:nth-of-type(2) {
		width: 1060px;
		margin: 5px auto 10px;
		font-size: 13px;
		letter-spacing: 1px;
		line-height: 180%;
	}
	
	.solve_list {
		width: 1140px;
		margin: 0 auto 52px;
		position: relative;
		top: 150px;
		opacity: 0;
	}
	
	.solve_items {
		width: 228px;
		height: 408px;
		float: left;
		box-shadow: 0 4px 4px #dddddd;
	}
	
	.marCenter {
		margin: 0 auto 54px;
	}
	
	.solve_pic {
		width: 92px;
		height: 92px;
		border-radius: 50%;
		margin: 42px auto 0;
		background-repeat: no-repeat;
	}
	
	.solve_pic1 {
		background-image: url(../img/problems_1.png);
		background-position: 15px -35px;
		box-shadow: 0 5px 5px #eeeded inset;
		background-color: #FFFFFF;
	}
	
	.solve_items:hover .solve_pic1 {
		background-color: #f1b046;
		box-shadow: none;
		background-position: 15px 19px;
	}
	
	.solve_pic2 {
		background-image: url(../img/problems_2.png);
		background-position: 22px -50px;
		box-shadow: 0 5px 5px #eeeded inset;
		background-color: #FFFFFF;
	}
	
	.solve_items:hover .solve_pic2 {
		background-color: #f1b046;
		box-shadow: none;
		background-position: 22px 15px;
	}
	
	.solve_pic3 {
		background-image: url(../img/problems_3.png);
		background-position: 19px -41px;
		box-shadow: 0 5px 5px #eeeded inset;
		background-color: #FFFFFF;
	}
	
	.solve_items:hover .solve_pic3 {
		background-color: #f1b046;
		box-shadow: none;
		background-position: 19px 16px;
	}
	
	.solve_pic4 {
		background-image: url(../img/problems_4.png);
		background-position: 17px -39px;
		box-shadow: 0 5px 5px #eeeded inset;
		background-color: #FFFFFF;
	}
	
	.solve_items:hover .solve_pic4 {
		background-color: #f1b046;
		box-shadow: none;
		background-position: 17px 16px;
	}
	
	.solve_pic5 {
		background-image: url(../img/problems_5.png);
		background-position: 17px -32px;
		box-shadow: 0 5px 5px #eeeded inset;
		background-color: #FFFFFF;
	}
	
	.solve_items:hover .solve_pic5 {
		background-color: #f1b046;
		box-shadow: none;
		background-position: 17px 17px;
	}
	
	.solve_items h2 {
		font-size: 19px;
		margin: 40px 0 32px;
		text-align: center;
	}
	
	.solve_list2 li {
		color: #878685;
		margin-bottom: 5px;
		padding: 0 54px;
	}
	
	.team {
		margin: 90px auto 80px;
		position: relative;
		top: 150px;
		opacity: 0;
	}
	
	.team_fonts {
		text-align: justify;
		padding-top: 40px;
		line-height: 150%;
	}
	
	.marT80 {
		margin-top: 80px;
	}
	
	.team_left {
		width: 623px;
		height: 475px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		position: relative;
	}
	
	.team_left_bg1 {
		background-image: url(../img/sem.png);
	}
	
	.team_left_bg2 {
		background-image: url(../img/seo.png);
	}
	
	.team_left_bg3 {
		background-image: url(../img/xinxiliu.png);
	}
	
	.team_left span {
		font-size: 16px;
		position: absolute;
	}
	
	.team_left span:nth-of-type(1) {
		top: 141px;
		left: 60px;
	}
	
	.team_left span:nth-of-type(2) {
		top: 294px;
		left: 89px;
	}
	
	.team_left span:nth-of-type(3) {
		top: 182px;
		left: 195px;
	}
	
	.team_left span:nth-of-type(4) {
		top: 332px;
		left: 241px;
	}
	
	.team_left span:nth-of-type(5) {
		top: 70px;
		left: 311px;
	}
	
	.team_left span:nth-of-type(6) {
		top: 112px;
		left: 461px;
	}
	
	.team_left span:nth-of-type(7) {
		top: 264px;
		left: 504px;
	}
	
	.team_left span:nth-of-type(8) {
		top: 374px;
		left: 391px;
	}
	
	.pie {
		width: 550px;
		height: 550px;
		position: relative;
		margin: 140px auto 80px;
	}
	
	#pie_container {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.pie_pic,
	.seo_pic {
		background-position: center;
		background-repeat: no-repeat;
		background-color: #f1b046;
		width: 54px;
		height: 54px;
		border-radius: 50%;
		pointer-events: none;
		position: absolute;
	}
	
	.pie_pic:nth-of-type(1) {
		left: 249px;
		top: 135px;
		z-index: 1;
		background-image: url(../img/pie1.png);
	}
	
	.pie_pic:nth-of-type(2) {
		left: 358px;
		top: 211px;
		z-index: 1;
		background-image: url(../img/pie2_white.png);
	}
	
	.pie_pic:nth-of-type(3) {
		left: 308px;
		top: 335px;
		z-index: 1;
		background-image: url(../img/pie3_white.png);
	}
	
	.pie_pic:nth-of-type(4) {
		left: 182px;
		top: 335px;
		z-index: 1;
		background-image: url(../img/pie4_white.png);
	}
	
	.pie_pic:nth-of-type(5) {
		left: 144px;
		top: 211px;
		z-index: 1;
		background-image: url(../img/pie5_white.png);
	}
	
	.fame_pic:nth-of-type(1) {
		background-image: url(../img/fame1.png);
	}
	
	.fame_pic:nth-of-type(2) {
		background-image: url(../img/fame2_white.png);
	}
	
	.fame_pic:nth-of-type(3) {
		background-image: url(../img/fame3_white.png);
	}
	
	.fame_pic:nth-of-type(4) {
		background-image: url(../img/fame4_white.png);
	}
	
	.fame_pic:nth-of-type(5) {
		background-image: url(../img/fame5_white.png);
	}
	
	.seo_pic:nth-of-type(1) {
		left: 248px;
		top: 135px;
		z-index: 1;
		background-image: url(../img/seoPic_1_yellow.png);
	}
	
	.seo_pic:nth-of-type(2) {
		left: 345px;
		top: 190px;
		z-index: 1;
		background-image: url(../img/seoPic_2.png);
	}
	
	.seo_pic:nth-of-type(3) {
		left: 345px;
		top: 305px;
		z-index: 1;
		background-image: url(../img/seoPic_3.png);
	}
	
	.seo_pic:nth-of-type(4) {
		left: 248px;
		top: 360px;
		z-index: 1;
		background-image: url(../img/seoPic_4.png);
	}
	
	.seo_pic:nth-of-type(5) {
		left: 144px;
		top: 305px;
		z-index: 1;
		background-image: url(../img/seoPic_5.png);
	}
	
	.seo_pic:nth-of-type(6) {
		left: 144px;
		top: 190px;
		z-index: 1;
		background-image: url(../img/seoPic_6.png);
	}
	
	.pie_font,
	.seo_font {
		font-size: 16px;
		color: #6b6b6b;
		line-height: 120%;
		position: absolute;
		z-index: 1;
		pointer-events: none;
	}
	
	.pie_font:nth-of-type(1) {
		left: 245px;
		top: 54px;
	}
	
	.pie_font:nth-of-type(2) {
		left: 422px;
		top: 190px;
	}
	
	.pie_font:nth-of-type(3) {
		left: 325px;
		top: 412px;
	}
	
	.pie_font:nth-of-type(4) {
		left: 123px;
		top: 412px;
		text-align: right;
	}
	
	.pie_font:nth-of-type(5) {
		left: 58px;
		top: 218px;
		text-align: right;
	}
	
	.seo_font:nth-of-type(1) {
		left: 240px;
		top: 65px;
	}
	
	.seo_font:nth-of-type(2) {
		left: 408px;
		top: 195px;
	}
	
	.seo_font:nth-of-type(3) {
		left: 408px;
		top: 312px;
	}
	
	.seo_font:nth-of-type(4) {
		left: 225px;
		top: 445px;
		text-align: right;
	}
	
	.seo_font:nth-of-type(5) {
		left: 55px;
		top: 322px;
	}
	
	.seo_font:nth-of-type(6) {
		left: 72px;
		top: 195px;
		text-align: right;
	}
	
	.pie_font_active {
		color: #FFFFFF;
	}
	
	.pie_pic_active {
		background-color: #FFFFFF;
	}
	
	.pie_fonts,
	.seo_fonts {
		padding-left: 15px;
		text-align: justify;
		font-size: 13px;
		color: #808080;
		border-left: 1px solid #f1b046;
		position: absolute;
		z-index: 1;
		display: none;
	}
	
	.pie_fonts:nth-of-type(1) {
		left: 275px;
		bottom: 560px;
	}
	
	.pie_fonts:nth-of-type(2) {
		left: 563px;
		top: 165px;
	}
	
	.pie_fonts:nth-of-type(3) {
		left: 498px;
		top: 457px;
	}
	
	.pie_fonts:nth-of-type(4) {
		right: 500px;
		top: 457px;
		text-align: right;
		padding-right: 15px;
		border-left: none;
		border-right: 1px solid #f1b046;
	}
	
	.pie_fonts:nth-of-type(5) {
		right: 560px;
		top: 165px;
		text-align: right;
		padding-right: 15px;
		border-left: none;
		border-right: 1px solid #f1b046;
	}
	
	.seo_fonts:nth-of-type(1) {
		left: 275px;
		bottom: 560px;
	}
	
	.seo_fonts:nth-of-type(2) {
		left: 530px;
		top: 90px;
	}
	
	.seo_fonts:nth-of-type(3) {
		left: 530px;
		top: 400px;
	}
	
	.seo_fonts:nth-of-type(4) {
		right: 341px;
		top: 546px;
		text-align: right;
		padding-right: 15px;
		border-left: none;
		border-right: 1px solid #f1b046;
	}
	
	.seo_fonts:nth-of-type(5) {
		right: 528px;
		top: 400px;
		text-align: right;
		padding-right: 15px;
		border-left: none;
		border-right: 1px solid #f1b046;
	}
	
	.seo_fonts:nth-of-type(6) {
		right: 528px;
		;
		top: 90px;
		text-align: right;
		padding-right: 15px;
		border-left: none;
		border-right: 1px solid #f1b046;
	}
	
	.pie_fonts_active {
		display: block;
	}
	
	.seo_concep {
		width: 1013px;
		height: 485px;
		margin: 0 auto;
		background-image: url(../img/seo_linian.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	
	.concep_list {
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	.concep_up,
	.concep_down {
		position: absolute;
		text-align: center;
		opacity: 0;
	}
	
	.concep_up p,
	.concep_down p {
		font-size: 12px;
		color: #999999;
		line-height: 120%;
		letter-spacing: 2px;
		text-align: left;
		padding-left: 12px;
	}
	
	.concep_up img,
	.concep_down img {
		display: block;
		width: auto;
		height: auto;
		margin: 8px auto 5px;
	}
	
	.concep_up h2,
	.concep_down h2 {
		font-size: 16px;
		color: #676767;
	}
	
	.tp_up1 {
		top: 0;
		left: 245px;
	}
	
	.tp_up2 {
		top: 0;
		left: 433px;
	}
	
	.tp_up3 {
		top: 0;
		left: 612px;
	}
	
	.tp_up4 {
		top: 0;
		left: 808px;
	}
	
	.tp_down1 {
		bottom: 0;
		left: 328px;
	}
	
	.tp_down2 {
		bottom: 0;
		left: 525px;
	}
	
	.tp_down3 {
		bottom: 0;
		left: 706px;
	}
	
	.fame_service {
		width: 1050px;
		margin: 0 auto 40px;
	}
	
	.fame_left,
	.fame_right {
		width: 265px;
		height: 442px;
	}
	
	.fame_center {
		width: 520px;
		height: 442px;
		background-image: url(../img/apple.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
	}
	
	.fame_list1 {
		padding-top: 120px;
		position: relative;
		bottom: 100px;
		opacity: 0;
	}
	
	.fame_list1 li {
		color: #999999;
		letter-spacing: 2px;
		text-align: right;
		padding-right: 20px;
		margin-bottom: 12px;
		position: relative;
	}
	
	.fame_list1 li:before {
		content: '';
		width: 4px;
		height: 4px;
		border-radius: 50px;
		border: 2px solid #f1b046;
		position: absolute;
		right: 0;
		top: 6px;
	}
	
	.fame_list2 {
		padding-top: 20px;
		position: relative;
		top: 100px;
		opacity: 0;
	}
	
	.fame_list2 li {
		color: #999999;
		letter-spacing: 2px;
		padding-left: 20px;
		margin-bottom: 12px;
		position: relative;
	}
	
	.fame_list2 li:before {
		content: '';
		width: 4px;
		height: 4px;
		border-radius: 50px;
		border: 2px solid #f1b046;
		position: absolute;
		left: 0;
		top: 6px;
	}
	
	.fame_center_font1 {
		position: absolute;
		left: 34px;
		bottom: 182px;
		text-align: center;
	}
	
	.fame_center_font1 img,
	.fame_center_font2 img {
		width: auto;
		height: auto;
	}
	
	.fame_center_font1 p,
	.fame_center_font2 p {
		font-size: 16px;
		letter-spacing: 2px;
	}
	
	.fame_center_font2 {
		position: absolute;
		right: 24px;
		top: 90px;
		;
		text-align: center;
	}
	
	.fame_circle1 {
		width: 23px;
		height: 23px;
		border-radius: 50%;
		background-color: #FFFFFF;
		position: absolute;
		left: 168px;
		bottom: 171px;
		z-index: 2;
	}
	
	.fame_circle1_orange {
		width: 43px;
		height: 43px;
		border-radius: 50%;
		background-color: #f1b046;
		opacity: 1;
		position: absolute;
		left: 158px;
		bottom: 161px;
		z-index: 1;
		transform: scale(.5);
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-ms-transform: scale(.5);
		animation: shine 2s ease-out 1s infinite;
		-webkit-animation: shine 2s ease-out 1s infinite;
		/* Safari 和 Chrome */
	}
	
	.fame_circle2 {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background-color: #FFFFFF;
		position: absolute;
		right: 165px;
		top: 130px;
		z-index: 2;
	}
	
	.fame_circle2_orange {
		width: 62px;
		height: 62px;
		border-radius: 50%;
		background-color: #f1b046;
		opacity: 1;
		position: absolute;
		right: 155px;
		top: 120px;
		z-index: 1;
		transform: scale(.5);
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-ms-transform: scale(.5);
		animation: shine 1.5s ease-out infinite;
		-webkit-animation: shine 1.5s ease-out infinite;
		/* Safari 和 Chrome */
	}
	
	@-webkit-keyframes shine {
		from {
			opacity: 1;
			transform: scale(.5);
			-webkit-transform: scale(.5);
			-moz-transform: scale(.5);
			-ms-transform: scale(.5);
		}
		to {
			opacity: 0;
			transform: scale(1.2);
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-ms-transform: scale(1.2);
		}
	}
	
	@keyframes shine {
		from {
			opacity: 1;
			transform: scale(.5);
			-webkit-transform: scale(.5);
			-moz-transform: scale(.5);
			-ms-transform: scale(.5);
		}
		to {
			opacity: 0;
			transform: scale(1.2);
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-ms-transform: scale(1.2);
		}
	}
	
	.whatFlow {
		width: 1080px;
		margin: 90px auto 70px;
		position: relative;
		top: 100px;
		opacity: 0;
	}
	
	.whatFlow_pic {
		width: 517px;
		height: 470px;
	}
	
	.whatFlow_font {
		width: 445px;
	}
	
	.whatFlow_fonts {
		text-align: justify;
		letter-spacing: 2px;
		line-height: 150%;
		margin-top: 48px;
		margin-bottom: 64px;
	}
	
	.flow_list1 {
		width: 100%;
	}
	
	.flow_list1 li {
		width: 33.333333%;
		height: 85px;
		box-sizing: border-box;
		float: left;
	}
	
	.flow_list1 li:nth-of-type(2) {
		border-left: 1px solid #9c9b9b;
		border-right: 1px solid #9c9b9b;
	}
	
	.flow_list1 img {
		width: auto;
		height: auto;
		margin-left: 49px;
	}
	
	.flow_list1 li:nth-of-type(2) img {
		margin-left: 42px;
	}
	
	.flow_list1 p {
		font-size: 16px;
		text-align: center;
	}
	
	.oneStop {
		width: 1080px;
		margin: 90px auto 70px;
		position: relative;
		top: 100px;
		opacity: 0;
	}
	
	.oneStop_font {
		width: 468px;
		height: 420px;
		position: relative;
	}
	
	.linHeight200 {
		line-height: 200%;
	}
	
	.problems_list .linHeight200:before {
		content: '';
		width: 4px;
		height: 4px;
		border-radius: 50px;
		border: 2px solid #f1b046;
		position: absolute;
		left: 0;
		top: 10px;
	}
	
	.oneStop_pic {
		width: 500px;
		height: 485px;
		background-image: url(../img/liubianxing.png);
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
	}
	
	.oneStop_pic span {
		width: 202px;
		height: 68px;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		text-align: center;
	}
	
	.oneStop_pic span b {
		color: #f1b046;
		font-size: 37px;
		font-weight: bold;
	}
	
	.oneStop_pic span em {
		font-size: 16px;
		color: #393939;
	}
	
	.oneStop_pic img {
		width: auto;
		height: auto;
		vertical-align: middle;
	}
	
	.oneStop_small {
		width: 58px;
		height: 58px;
		line-height: 58px;
		border-radius: 50%;
		text-align: center;
		position: absolute;
		border: 1px solid #eceaea;
		box-shadow: 0 2px 30px #ebebeb;
		background-color: #FFFFFF;
	}
	
	.oneStop_big {
		width: 77px;
		height: 77px;
		line-height: 77px;
		border-radius: 50%;
		text-align: center;
		position: absolute;
		border: 1px solid #eceaea;
		box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
		background-color: #FFFFFF;
	}
	
	.oneStop_small:nth-of-type(1) {
		left: 175px;
		top: 40px;
	}
	
	.oneStop_small:nth-of-type(2) {
		left: 356px;
		top: 84px;
	}
	
	.oneStop_small:nth-of-type(3) {
		left: 396px;
		top: 252px;
	}
	
	.oneStop_small:nth-of-type(4) {
		left: 272px;
		top: 379px;
	}
	
	.oneStop_small:nth-of-type(5) {
		left: 99px;
		top: 338px;
	}
	
	.oneStop_small:nth-of-type(6) {
		left: 52px;
		top: 167px;
	}
	
	.oneStop_big:nth-of-type(7) {
		left: 64px;
		top: 59px;
	}
	
	.oneStop_big:nth-of-type(8) {
		left: 273px;
		top: 0px;
	}
	
	.oneStop_big:nth-of-type(9) {
		left: 415px;
		top: 147px;
	}
	
	.oneStop_big:nth-of-type(10) {
		left: 369px;
		top: 349px;
	}
	
	.oneStop_big:nth-of-type(11) {
		left: 155px;
		top: 403px;
	}
	
	.oneStop_big:nth-of-type(12) {
		left: 12px;
		top: 256px;
	}
	
	.flow_list2 {
		margin: 0 auto 180px;
	}
	
	.flow_list2 li {
		float: left;
		width: calc(20% - 2px);
		height: 370px;
		margin: 0 1px;
		box-shadow: 0 0 3px #CCCCCC;
		position: relative;
		cursor: pointer;
	}
	
	.flow_list2 li:nth-of-type(2),
	.flow_list2 li:nth-of-type(4) {
		background-color: #f4f4f4;
		top: 60px;
		animation: flowMove2 5s linear infinite;
		-webkit-animation: flowMove2 5s linear infinite;
		/* Safari 和 Chrome */
	}
	
	.flow_list2 li:nth-of-type(1),
	.flow_list2 li:nth-of-type(3),
	.flow_list2 li:nth-of-type(5) {
		animation: flowMove1 5s linear infinite;
		-webkit-animation: flowMove1 5s linear infinite;
		/* Safari 和 Chrome */
	}
	
	.num_circle {
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		border-radius: 50%;
		border: 1px solid #52514e;
		margin: 70px auto 40px;
		font-size: 24px;
		color: #4f4e4c;
		position: relative;
	}
	
	.num_circle:before {
		content: '';
		width: 1px;
		height: 70px;
		background-color: #52514e;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: -71px;
	}
	
	.flow_list2 h2 {
		font-size: 28px;
		margin-bottom: 35px;
		text-align: center;
	}
	
	.flow_list2 p {
		color: #8d8d8d;
		margin-bottom: 5px;
		text-align: center;
		letter-spacing: 1px;
	}
	
	.flow_list2 li:hover .num_circle {
		border-color: #f1b046;
		color: #f1b046;
	}
	
	.flow_list2 li:hover .num_circle:before {
		background-color: #f1b046;
	}
	
	@-webkit-keyframes flowMove1 {
		0% {
			top: 0;
		}
		50% {
			top: 60px;
		}
		100% {
			top: 0;
		}
	}
	
	@keyframes flowMove1 {
		0% {
			top: 0;
		}
		50% {
			top: 60px;
		}
		100% {
			top: 0;
		}
	}
	
	@-webkit-keyframes flowMove2 {
		0% {
			top: 60px;
		}
		50% {
			top: 0;
		}
		100% {
			top: 60px;
		}
	}
	
	@keyframes flowMove2 {
		0% {
			top: 60px;
		}
		50% {
			top: 0;
		}
		100% {
			top: 60px;
		}
	}
	
	.date_list {
		margin: 0 auto 70px;
		position: relative;
		top: 100px;
		opacity: 0;
	}
	
	.date_list li {
		float: left;
		width: 25%;
		text-align: center;
	}
	
	.date_list li:nth-of-type(1),
	.date_list li:nth-of-type(3) {
		height: 390px;
		background-color: #f7f7f7;
	}
	
	.date_list li:nth-of-type(2),
	.date_list li:nth-of-type(4) {
		height: 440px;
		background-color: #FFFFFF;
		position: relative;
		top: -15px;
		box-shadow: 0 2px 30px rgba(0, 0, 0, .1);
	}
	
	.date_list li:nth-of-type(1) img,
	.date_list li:nth-of-type(3) img {
		width: auto;
		height: auto;
		margin: 42px 0;
	}
	
	.date_list li:nth-of-type(2) img,
	.date_list li:nth-of-type(4) img {
		width: auto;
		height: auto;
		margin: 57px 0 42px;
	}
	
	.date_list li h2 {
		font-size: 21px;
		color: #666666;
		margin-bottom: 40px;
	}
	
	.date_list li p {
		color: #80807e;
		padding: 0 10%;
		line-height: 150%;
		text-align: justify;
		letter-spacing: 1px;
	}
	
	.bar_mengban {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, .4);
		z-index: 999;
		display: none;
	}
	
	.bar {
		width: 580px;
		height: 378px;
		background-color: #FFFFFF;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	
	.bar_header {
		height: 60px;
		line-height: 60px;
		padding-left: 24px;
		background-color: #F1B046;
		color: #FFFFFF;
		font-size: 14px;
	}
	.bar_header img{
		width: auto;
		height: auto;
		vertical-align: middle;
		margin-right: 10px;
	}
	
	.bar_body{
		padding: 25px 80px;
	}
	
	.bar_body label em{
		color: #F1B046;
		padding-right: 3px;
	}
	
	.company_name {
		width: 328px;
		height: 36px;
		padding: 0 10px;
		border: 1px solid #ebebeb;
	}
	
	.company_tel {
		width: 328px;
		height: 36px;
		padding: 0 10px;
		border: 1px solid #ebebeb;
	}
	
	.bar_body textarea {
		width: 396px;
		height: 80px;
		padding: 5px 10px;
		border: 1px solid #ebebeb;
	}
	
	.bar_body input[type=submit] {
		width: 82px;
		height: 30px;
		line-height: 30px;
		background-color: #F1B046;
		color: #FFFFFF;
		cursor: pointer;
		position: absolute;
		right: 81px;
        bottom: 88px;
	}
	
	.bar_contact{
		display: inline-block;
		margin-top: 10px;
		height: 30px;
		line-height: 30px;
		color: #666666;
	}
	.bar_font{
		margin-top: 3px;
		color: #666666;
	}
	.bar_contact img{
		width: 22px;
		height: 22px;
		vertical-align: middle;
	}
	.bar_contact span{
		color: #666666;
	}
	
	.solution_head{
		margin: 42px auto 65px;
	}
	.solution_head h2{
		padding-left: 18px;
		padding-right: 5px;
		position: relative;
	}
	.solution_head h2 a{
		font-weight: bold;
		font-size: 22px;
		color: #5a5a5a;
	}
	.solution_head h2:before{
		content: '';
		width: 8px;
		height: 22px;
		background-color: #F1B046;
		position: absolute;
		left: 0;top: 4px;
	}
	.solution_head span{
		color: #5a5a5a;
		margin-top: 4px;
	}
	.solution_head li{
		float: left;
		margin-top: 4px;
		position: relative;
	}
	.solution_head li:after{
		content: '';
		width: 1px;
		height: 14px;
		background-color: #bebcbc;
		position: absolute;
		right: 0;top: 3px;
	}
	.solution_head li a{
		color: #5a5a5a;
		padding: 0 15px;
	}
	.solution_head li:hover a{
		color: #f1b046;
	}
	.solution_head .solution_head_active a{
		color: #F1B046;
	}
	.solution_head li:last-child:after{
		display: none;
	}
	.solution_search{
		width: 292px;
		height: 30px;
		position: relative;
	}
	.solution_search input[type=text]{
		width: 222px;
		height: 28px;
		border-radius: 14px;
		border: 1px solid #e0e0e0;
		padding-right: 48px ;
		padding-left: 20px;
	}
	.solution_search button{
		background-color: #FFFFFF;
		width: 30px;
		height: 28px;
		position: absolute;
		top: 1px;
		right: 10px;
		cursor: pointer;
	}
	.solution_search button i{
		font-size: 20px;
		color: #d4d4d4;
	}
	.solution1_list{
		margin: 0 auto;
		min-height: 574px;
	}
	.solution1_list li{
		margin-bottom: 25px;
		border:1px solid #eee;
		padding: 10px;
		cursor: pointer;
	}
	.solution1_list li:hover{
		box-shadow: 2px 2px 10px #ccc;
	}
	.solution1_list li:hover h2{
		color: #f1b046;
	}
	.solution1_pic{
		width: 46%;
		height: 100%;
		overflow: hidden;
	}
	.solution2_pic{
		width: 282px;
		height: 100%;
		overflow: hidden;
	}
	.solution1_pic img,
	.solution2_pic img{
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}	
	.solution1_pic:hover img,
	.solution2_pic:hover img{
		transform: translateZ(0) scale(1.1);
		-webkit-transform: translateZ(0) scale(1.1);
		-moz-transform: translateZ(0) scale(1.1);
		-ms-transform: translateZ(0) scale(1.1);
	}
	.solution1_fonts{
		width: 52%;
		height: 100%;
		position: relative;
	}
	.solution1_fonts h2{
		color: #666666;
		font-size: 18px;
	}
	.solution2_fonts h2{
		font-size: 18px;
		color: #666666;
		margin-bottom: 5px;
	}
	.solution2_fonts h2{
		margin-bottom: 5px;
	}
	.solution1_date{
		display: block;
		position: absolute;
		right:0;
		top:3px;
	}
	.solution1_date i{
		color: #999999;
	}
	.solution1_date i:nth-of-type(1){
		font-size: 14px;
	}
	.solution1_date b{
		color: #999999;
		padding-right: 15px;
		font-size: 12px;
	}
	.solution1_fonts h3,
	.solution2_fonts h3{

		height: 20px;

	    line-height: 20px;
	    color: #404040;
	    margin-top: 25px;
	    margin-bottom: 10px;
		font-weight: bold;
	}
	.solution1_fonts p,
	.solution2_fonts p{
		width: 100%;
		color: #a3a0a0;
		font-size: 12px;
		text-align: justify;
		line-height: 150%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}
	.checkMore{
		color: #353535;
		width: 60px;
		padding-bottom: 10px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.checkMore:after{
		content: '';
		width: 100%;
		height: 4px;
		background-color: #5a5a5a;
		position: absolute;
		left: -2px;bottom: 0;
	}
	.checkMore:hover:after{
		background-color: #f1b046;
	}
	.checkMore:hover{
		color: #F1B046;
	}
	.fenYe{
		margin: 0 auto 68px;
	}
	.fenYe a{
		display: block;
		height: 40px;
	}
	.fenYe_up,
	.fenYe_down{
		width: 48%;
		height: 40px;
		position: relative;
		background-color: #f1b046;
	}
	.fenYe_up i,
	.fenYe_down i,
	.fenYe_up span,
	.fenYe_down span{
		color: #FFFFFF;
		font-size: 18px;
		position: absolute;
		top: 0;
		bottom: 0;
		line-height: 40px;
	}
	.fenYe_up i{
		left: 25px;
	}
	.fenYe_up span{
	    right: 30px;
	}
	.fenYe_down i{
		right: 25px;
	}
	.fenYe_down span{
	    left: 30px;
	}
	.fenYe_active{
		background-color: #434444;
	}
	.breadcrumb,
	.breadcrumb a{
		color: #999999;
		font-size: 12px;
		vertical-align: middle;
	}
	.breadcrumb img{
		width: auto;
		height: auto;
		vertical-align: middle;
	}
	.breadcrumb{
		padding: 45px 60px 0;
		text-align: right;
	}
	.solution2_con{
		margin: 0 auto;
	}
	.solution2_right{
		width: 267px;
		padding-top: 106px;
		position: relative;
	}
	.project_position{
		position: absolute;
		right: 0;
		top:60px;
	}
	.project_position a{
		color: #999999;
		vertical-align: middle;
	}
	.project_position img{
		width: auto;
		height:auto;
		vertical-align: middle;
	}
	.solution2_list1 li{
		margin: 35px 0;
		height: 227px;
		padding: 20px;
		border:1px solid #EEEEEE;
	}
	.solution2_list1 li:hover{
		box-shadow: 2px 2px 10px #ccc;
	}
	.solution2_list1 li:hover h2{
		color: #F1B046;
	}
	.tags2{
		padding: 0 5px;
		font-size: 12px;
		background-color: #f1b046;
		color: #FFFFFF;
		margin-right: 3px
	}
	.solution2_fonts{
		height: 227px;
		position: relative;
	}
	.checkDetails{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 84px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		color: #5e5e5e;
		border: 1px solid #7b7b7b;
	}
	.checkDetails:hover{
		background-color: #F1B046;
		border: 1px solid #F1B046;
		color: #FFFFFF;
	}
	.about_solution{
		font-size: 16px;
		color: #524f4f;
		font-weight: bold;
		padding-left: 12px;
		margin: 30px 0 40px;
		position: relative;
	}
    .about_solution:before{
    	content: '';
    	width: 4px;
    	height: 15px;
    	background-color: #f1b046;
    	position: absolute;
    	left: 0;
    	top: 4px;
    }
    .solution2_list2 li{
    	height: 246px;
    	border: 1px solid #F5F5F5;
    	margin-bottom: 20px;
    }
    .about_solution_pic{
    	width: 247px;
    	height: 148px;
    	margin: 10px auto 0;
    	overflow: hidden;
    }
    .about_solution_pic img{
		width: 100%;
		height:100%;
    	transition: all .5s;
    	-webkit-transition: all .5s;
    	-moz-transition: all .5s;
    	-ms-transition: all .5s;
    }
    .about_solution_pic:hover img{
		transform: translateZ(0) scale(1.1);
    	-webkit-transform: translateZ(0) scale(1.1);
    	-moz-transform: translateZ(0) scale(1.1);
    	-ms-transform: translateZ(0) scale(1.1);
    }
    .about_solution_title{
    	margin: 25px 0 5px;
    	padding-left: 10px;
    }
    .about_solution_title a{
    	font-size: 16px;
    	color: #f1b046;
    }
    .solution2_list2 span{
    	color: #747474;
    	font-size: 12px;
    	padding-left: 10px;
    }
    .padB38{
		padding: 45px 100px 38px;
    	border-bottom: 1px solid #d7d7d7;
    }
    .details_con{
    	padding: 0 100px;
    }
    .details_title1{
    	font-size: 25px;
    	text-align: center;
    	padding: 55px 0 88px;
    }
    .details_title2{
    	font-size: 22px;
    	padding-left: 20px;
    	position: relative;
    }
    .details_title2:before{
    	content: '';
    	width: 5px;
    	height: 20px;
    	background-color: #F1B046;
    	position: absolute;
    	left: 0;top: 4px;
    }
    .details_font{
    	color: #7e7d7d;
    	line-height: 150%;
    	text-align: justify;
    	padding: 25px 0 50px;
    	border-bottom: 1px dashed #e6e6e6;
    }
    .details_context{
    	padding: 70px 0 ;
    }
    .about_details{
    	margin:  0 auto;
    }
    .about_details_title{
    	font-size: 22px;
    	padding-left: 20px;
    	padding-top: 45px;
    	padding-bottom: 28px;
    	border-bottom: 1px solid #eaeae9;
    	position: relative;
    }
    .about_details_title:before{
    	content: '';
    	width: 5px;
    	height: 20px;
    	background-color: #F1B046;
    	position: absolute;
    	left: 0;
    	top: 51px;
    }
    .about_details_list{
    	padding: 35px 0 48px;
    }
    .about_details_list li{
    	float: left;
    	height: 328px;
    	border: 1px solid #F5F5F5;
    }
    .about_details_list li:last-child{
    	margin: 0;
    }
    .about_details_pic{
    	width: calc(100% - 20px);
    	width: -webkit-calc(100% - 20px);
    	height: 209px;
    	overflow: hidden;
    	margin: 10px auto 0;
    }
    .about_details_pic img{
    	transition: all .5s;
    	-webkit-transition: all .5s;
    	-moz-transition: all .5s;
    	-ms-transition: all .5s;
    }
    .about_details_pic:hover img{
    	transform: translateZ(0) scale(1.1);
    	-webkit-transform: translateZ(0) scale(1.1);
    	-moz-transform: translateZ(0) scale(1.1);
    	-ms-transform: translateZ(0) scale(1.1);
    }
    .about_details_tiltles{
    	padding-left: 20px;
    	margin-top: 30px;
    }
    .about_details_tiltles a{
    	font-size: 22px;
    	color: #F1B046;
    }
    .about_details_font{
    	color: #747474;
    	padding-left: 20px;
    }
    .nothing{
    	padding: 20px 48px;
    	border-top: 1px solid #f1f1f1;
    	color: #949393;
    	font-size: 12px;
    	height: 533px;
    	background-image: url(../img/nothing.png);
    	background-position: center;
    	background-repeat: no-repeat;
    	margin-top: -30px;
    }
    .case_head{
    	padding: 46px 50px 50px;
    	position: relative;
    }
    .case_head_list1{
    	margin-bottom: 20px;
    }
    .case_head_list1 h2,
    .case_head_list2 h2{
    	padding-left: 12px;
    	position: relative;
    }
	.case_head_list1 h2 a,
	.case_head_list2 h2 a{
		font-size: 18px;
	}
    .case_head_list1 h2:before,
    .case_head_list2 h2:before{
    	content: '';
    	width: 6px;
    	height: 18px;
    	background-color: #F1B046;
    	position: absolute;
    	left: 0;
    	top: 4px;
    }
    .case_head_list1 li,
    .case_head_list2 li{
    	float: left;
    }
    .case_head_list1 li{
		float: left;
		margin-top: 4px;
		position: relative;
	}
	.case_head_list2 li{
		float: left;
		position: relative;
	}
	.case_head_list1 li:after{
		content: '';
		width: 1px;
		height: 14px;
		background-color: #bebcbc;
		position: absolute;
		right: 0;top: 3px;
	}
	.case_head_list2 li:after{
		content: '';
		width: 1px;
		height: 14px;
		background-color: #bebcbc;
		position: absolute;
		right: 0;top: 6px;
	}
	.case_head_list1 li:last-child:after,
	.case_head_list2 li:last-child:after{
		display: none;
	}
	.case_head_list1 li a{
		color: #5a5a5a;
		padding: 0 15px;
	}
	.case_head_list2 li a{
		color: #5a5a5a;
		padding: 3px 15px;
		display: block;
		margin: 0 5px;
	}
	.case_head_list1 li:hover a{
		color: #f1b046;
	}
	.case_head_list1 .case_head_active1 a{
		color: #F1B046;
	}
	.case_head_list2 .case_head_active2 a{
		background-color: #F1B046;
		color: #FFFFFF;
	}
	.you_position{
		position: absolute;
		right: 70px;
		top: 75px;
	}
	.you_position a{
		color: #999999;
		vertical-align: middle;
	}
	.you_position img{
		width: auto;
		height: auto;
		vertical-align: middle;
	}
	.case_container{
		margin: 0 auto;
	}
	.case_list{
		margin-right: -20px;
		min-height: 728px;
	}
	.case_list li{
		float: left;
		border: 1px solid #f0f0f0;
		margin-bottom: 30px;
		position: relative;
	}
	.case_pic{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.case_pic img{
		width: 100%;
		height: 100%;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	.case_title{
		padding-left: 20px;
		padding-top: 15px;
		padding-bottom: 8px;
	}
	.case_title a{
		font-size: 18px;
	}
	.case_fonts{
		font-size: 12px;
		color: #999999;
		padding-left: 20px;
		padding-bottom: 8px;
	}
	.case_tag{
		font-size: 12px;
		color: #999999;
		padding: 2px 0;
	}
	.case_tag:nth-of-type(1){
		margin-left: 20px;
	}
	.case_type{
		font-size: 12px;
		color: #FFFFFF;
		width: 60px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		background-color: #F1B046;
		position: absolute;
		right: 0;
		bottom: 11px;
	}
	.case_mengban{
		position: absolute;
		left: 0;top: 0;right: 0;bottom: 0;
		background-color: rgba(0,0,0,.3);
		opacity: 0;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	.case_mengban a{
		position: absolute;
		left: 0;top: 0;right: 0;bottom: 0;
	}
	.case_list li:hover img{
		transform: translateZ(0) scale(1.1);
		-webkit-transform: translateZ(0) scale(1.1);
		-moz-transform: translateZ(0) scale(1.1);
		-ms-transform: translateZ(0) scale(1.1);
	}
	.case_list li:hover .case_mengban{
		opacity: 1;
	}
	
	.pages{
	height: 30px;
	margin: 40px auto 70px;
	text-align: center;
	}
	.pages a,
	.pages span{
		display: inline-block;
		width: 54px;
		height: 42px;
		border: 1px solid #ebebeb;
		font-size: 14px;
		text-align: center;
		line-height: 42px;
		background-color: #FFFFFF;
		margin: 0 5px;
	}
	.pages .next,
	.pages .nexts{
		width: 102px;
		height: 42px;
		text-align: center;
		line-height: 42px;
		background-color: #F1B046;
		color: #FFFFFF;
		border: none;
		font-size: 14px;
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	.pages .prev{
		width: 102px;
		height: 42px;
		text-align: center;
		line-height: 42px;
		background-color: #40403f;
		color: #FFFFFF;
		border: none;
		font-size: 14px;
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
	}
	.pages .next:hover,
	.pages .prev:hover{
		opacity: .8;
	}
	.pages .active{
		display: inline-block;
		width: 54px;
		height: 42px;
		text-align: center;
		line-height: 42px;
		font-size: 14px;
		border: 1px solid #F1B046;
		background-color: #F1B046;
		color: #FFFFFF;
		margin: 0 5px;
	}
	.pages .jump-ipt{
		width: 30px;
		height: 30px;
		border: 1px solid #ebebeb;
		font-size: 12px;
		text-align: center;
		margin-left: 30px;
	}
	.news_heade{
		height: 155px;
		position: relative;
	}
	.news_table{
		width: 282px;
		height: 58px;
		position: absolute;
		left: 0;right: 0;
		top: 0;bottom: 0;
		margin: auto;
	}
	.news_item{
		float: left;
		width: 140px;
		height: 50px;
		line-height: 50px;
		position: relative;
		cursor: pointer;
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
	}
	.news_item:nth-of-type(1){
		border-left: 1px solid #d9d9d9;
	}
	.news_item:nth-of-type(2){
		border-right: 1px solid #d9d9d9;
	}
	.news_item span{
		font-size: 19px;
		color: #666666;
		position: absolute;
		left: 0;right: 0;
		top: 0;bottom: 0;
		margin: auto;
		text-align: center;
	}
	.news_item b{
		font-size: 12px;
		color: #666666;
	}
	.news_active:nth-of-type(1),
	.news_active:nth-of-type(2){
		border-color: #F1B046;
	}
	.news_active{
		border-color: #F1B046;
	}
	.news_active span{
		color: #FFFFFF;
		background-color: #F1B046;
	}
	.news_active b{
		color: #FFFFFF;
	}
	.news_list li{
		width: calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		padding:45px;
	}
	.news_list li:hover{
		box-shadow:0 5px 10px #ecebec;
		transform: scale(1.01);
		-webkit-transform: scale(1.01);
		-moz-transform: scale(1.01);
		-ms-transform: scale(1.01);
	}
	.news_list .news_bg_grey{
		background-color: #f6f6f6;
	}
	.news_list .news_bg_white{
		background-color: #FFFFFF;
	}
	.news_pic{
		width: 339px;
		height: 201px;
		margin-right: 35px;
		overflow: hidden;
	}
	.news_pic a{
		display: block;
		width: 100%;
		height:100%;
	}
	.news_pic img{
		width: 100%;
		height: 100%;
		transition: all .5s; 
		-webkit-transition: all .5s; 
		-moz-transition: all .5s; 
		-ms-transition: all .5s; 
	}
	.news_pic:hover img{
		transform: translateZ(0) scale(1.1);
		-webkit-transform: translateZ(0) scale(1.1);
		-moz-transform: translateZ(0) scale(1.1);
		-ms-transform: translateZ(0) scale(1.1);
	}
	.news_fonts{
		height: 201px;
		margin-left: 374px;
	}
	.news_fonts h2{
		padding: 15px 0 5px;
		position: relative;
	}
	.news_fonts h2 a{
		font-size: 20px;
		color: #666666;
	}
	.news_fonts h2 a:hover{
		color: #F1B046;
	}
	.news_fonts h2:before{
		content: '';
		width: 58px;
		height: 4px;
		background-color: #F1B046;
		position: absolute;
		left: 0;
		top: 0;
	}
	.news_fonts span i{
		color: #a1a0a0;
	}
	.news_fonts span b{
		color: #a1a0a0;
		padding-right: 15px;
	}
	.news_fonts p{
		color: #828080;
		text-align: justify;
		line-height: 150%;
		padding-top: 35px;
	}
	.case_details_con{
		width: calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -moz-calc(100% - 80px);
		padding-right: 80px;
	}
	.case_details_context{
		width: calc(100% - 267px);
		width: -webkit-calc(100% - 267px);
		width: -moz-calc(100% - 267px);
	}
	.case_position{
		position: absolute;
		right: 80px;
		top: 0;
	}
	.case_details_head{
		margin: 0 25px;
		padding: 35px 0 28px;
		text-align: center;
		border-bottom: 1px solid #e3e3e3;
	}
	.case_details_head img{
		height: auto;
		width: auto;
		vertical-align: middle;
		margin-right: 10px;
	}
	.case_details_head b{
		color: #999999;
		padding-right: 45px;
	}
	.case_details_head b:last-child{
		padding-right: 0;
	}
	.case_details_head h2{
		font-size: 22px;
		padding-bottom: 28px;
		letter-spacing: 1px;
		position: relative;
	}
	.case_details_head h2:after{
		content: '';
		width: 130px;
		height: 2px;
		background-color: #F1B046;
		position: absolute;
		left: 0;right: 0;
		top: 40px;
		margin: auto;
	}
	.case_details_list1 li{
		padding: 30px 0 45px;
		margin: 0 25px;
		border-bottom: 1px dashed #cecece;
	}
	.case_details_list1 li:last-child{
		border: 0;
	}
	.case_details_list1 h2{
		font-size: 20px;
		color: #FFFFFF;
		background-color: #F1B046;
		display: inline-block;
		width: 90px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		margin-right: 10px;
	}
	.case_details_list1 em{
		color: #8b8b8b;
	}
	.case_details_list1 p{
		line-height: 180%;
		text-align: justify;
		padding-top: 20px;
		letter-spacing: 1px;
	}
	.project_display{
		padding-top: 20px;
		min-height: 500px;
	}
	.appreciated_font{
		margin: 20px 0;
	}
	.appreciated_font strong{
		line-height: 180%;
		letter-spacing: 1px;
		text-align: justify;
	}
	.appreciated_font a{
		color: #F1B046;
	}
	.thank_you{
		padding: 58px 0;
		margin: 0 25px;
		border-top: 1px dashed #F1B046;
		position: relative;
	}
	.thank_you h2{
		font-size: 24px;
		width: 120px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background-color: #FFFFFF;
		position: absolute;
		left: 0;right: 0;
		top: -18px;
		margin: auto;
	}
	.thank_you_con{
		height: 195px;
		width: 650px;
		margin: 0 auto;
	}
	.thank_you_list{
		padding-top: 12px;
	}
	.thank_you_pic{
		width: 213px;
    	height: 213px;
    	margin-top: 7px;
	}
	.thank_you_list img{
		width: auto;
		height: auto;
		margin-right: 10px;
		vertical-align: middle;
	}
	.thank_you_list li{
		line-height: 28px;
	}
	.thank_you_list li:first-child{
		color: #2f2e2e;
		font-size: 22px;
	    padding-bottom: 5px;
	}
	.case_details_list2{
		margin: 50px auto 80px;
	}
	.case_details_list2 li{
		float: left;
        cursor: pointer;
        position: relative;
        overflow: hidden;
	}
	.case_details_list2 li:last-child{
		margin-right: 0;
	}
	.case_details_list2_pic{
		width: 100%;
		height: 100%;
		transition: all .5s; 
		-webkit-transition: all .5s; 
		-moz-transition: all .5s; 
		-ms-transition: all .5s; 
	}
	.dynamics_title1{
		width: 100%;
		height: 45px;
		line-height: 45px;
		color: #FFFFFF;
		font-size: 16px;
		position: absolute;
		left: 0;bottom: 0;
		text-align: center;
		background-color: rgba(0,0,0,.7);
	}
	.dynamics_title2{
		color: #FFFFFF;
		font-size: 16px;
		text-align: center;
		position: relative;
		top: 30px;
		opacity: 0;
		transition: all .3s; 
		-webkit-transition: all .3s; 
		-moz-transition: all .3s; 
		-ms-transition: all .3s; 
	}
	.dynamics_mengban{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;top: 0;
		background-color: rgba(0,0,0,.7);
		opacity: 0;
		transition: all .3s; 
		-webkit-transition: all .3s; 
		-moz-transition: all .3s; 
		-ms-transition: all .3s; 
	}
	.dynamics_pic{
		width: 46px;
		height: 46px;
		line-height: 46px;
		text-align: center;
		margin: 20px auto 10px;
		border: 1px solid #FFFFFF;
		border-radius: 50%;
	}
	.case_details_list2 li .dynamics_pic img{
		width: auto;
		height: auto;
		vertical-align: middle;
	}
	.dynamics_font{
		color: #FFFFFF;
		font-size: 12px;
		text-align: justify;
		padding: 10px 15px 0;
		line-height: 150%;
		letter-spacing: 1px;
		position: relative;
		top: 30px;
		opacity: 0;
		transition: all .5s; 
		-webkit-transition: all .5s; 
		-moz-transition: all .5s; 
		-ms-transition: all .5s; 
	}
	.dynamics_tags{
		position: absolute;
		right: 15px;
		bottom: 10px;
	}
	.dynamics_tags i{
		color: #DDDDDD;
		font-size: 12px;
		padding-left: 5px;
	}
	.dynamics_tags b{
		color: #DDDDDD;
		font-size: 12px;
	}
	.case_details_list2 li:hover .dynamics_title1{
		opacity: 0;
	}
	.case_details_list2 li:hover .dynamics_mengban{
		opacity: 1;
	}
	.case_details_list2 li:hover .dynamics_font{
		top: 0;
		opacity: 1;
	}
	.case_details_list2 li:hover .dynamics_title2{
		top: 0;
		opacity: 1;
	}
	.case_details_list2 li:hover .case_details_list2_pic{
		transform: translateZ(0) scale(1.1);
		-webkit-transform: translateZ(0) scale(1.1);
		-moz-transform: translateZ(0) scale(1.1);
		-ms-transform: translateZ(0) scale(1.1);
	}
	.project_display img{
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.news_details_head{
		height: 99px;
		border-bottom: 1px solid #eeeded;
		position: relative;
	}
	.news_position{
		position: absolute;
		left: 36px;
		top: 45px;
	}
	.news_position a{
		color: #999999;
		vertical-align: middle;
	}
	.news_position img{
		width: auto;
		height:auto;
		vertical-align: middle;
	}
	.go_back{
		position: absolute;
		right: 80px;
		top: 45px;
	}
	.news_details_con{
		width: 92%;
		margin: 0 auto;
	}
	.news_details_right{
		width: 30%;
		/*background-color: #f8f8f8;*/
		padding-top: 1px;
		position: relative;
	}
	.news_details_left{
		width: 68%;
		text-align: center;
		padding-top: 1px;
	}
	.news_title{
		font-size: 25px;
		padding-top: 50px;
		padding-bottom: 5px;
	}
	.news_time i{
		color: #999999;
		padding: 0 2px 0 10px;
	}
	.news_time b{
		color: #999999;
	}

	.news_context{
		min-height: 500px;
		text-align: left;
		background-color: #f8f8f8;
		margin-top: 45px;
		padding: 20px 10px;
	}
	.news_context img{
		width: auto;
		height: auto;
		max-width: 100%;
		vertical-align: top;
	}
	.news_context strong span{
		font-weight: bold;
	}
	.news_context strong em{
		font-weight: bold;
	}
	.news_context strong i{
		font-weight: bold;
	}
	.news_context b span{
		font-weight: bold;
	}
	.news_context b em{
		font-weight: bold;
	}
	.news_context b i{
		font-weight: bold;
	}
	.nuoqian{
		width: 100%;
		background-color: #f8f8f8;
	}
	.nuoqian_con{
		width: 565px;
		margin: 0 auto;
		padding: 45px 0;
	}
	.nuoqian_wechat{
		width: 140px;
		height: 165px;
		margin-top: 18px;
	}
	.nuoqian_wechat img{
		width: 140px;
		height: 140px;
	}
	.nuoqian_share_con{
		padding: 30px 0 65px;
		position: relative;
	}
	.nuoqian_share_con span{
		color: #434444;
	}
	.news_fenye{
		margin-bottom: 100px;
	}
	.news_fenye a{
		display: block;
		height: 40px;
	}
	.page_up,
	.page_down{
		width: 47%;
		height: 40px;
		position: relative;
	}
	.page_up{
		background-color: #434444;
	}
	.page_down{
		background-color: #f1b046;
	}
	.news_fenye i{
		color: #FFFFFF;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    line-height: 40px;
	}
	.news_fenye b,
	.news_fenye strong{
		color: #FFFFFF;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    line-height: 40px;
	}
	.page_up i,
	.page_down strong{
		left: 16px;
	}
	.page_down i,
	.page_up strong{
		right: 16px;
	}
	.page_up b{
		right: 70px;
	}
	.page_down b{
		left: 70px;
	}
	.new_news{
		width: calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		padding: 0 20px;
		margin-top: 152px;
		background-color: #f8f8f8;
	}
	.new_news h2{
		font-size: 18px;
		color: #3b3b3d;
		padding-left: 10px;
		padding-top: 35px;
		padding-bottom: 26px;
		border-bottom: 1px solid #dfdede;
		position: relative;
	}
	.new_news h2:before{
		content: '';
		width: 4px;
		height: 18px;
		background-color: #f1b046;
		position: absolute;
		left: 0;
		top: 39px;
	}
	.new_news h2 em{
		font-size: 12px;
		padding-left: 3px;
	}
	.new_news_f{
		width: 100%;
		margin-top: 25px;
		overflow: hidden;
		position: relative;
	}
	.new_news_f img{
		transition: all .5s;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
	}
	.new_news_mengban{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;top: 0;
		background-color: rgba(0,0,0,.2);
	}
	.new_news_mengban p{
		position: absolute;
		padding: 0 20px;
		left: 0;right: 0;
		bottom: 10px;
		text-align: center;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.new_news_mengban p a{
		color: #FFFFFF;
	}
	.new_news_f:hover img{
		transform: translateZ(0) scale(1.1);
		-webkit-transform: translateZ(0) scale(1.1);
		-moz-transform: translateZ(0) scale(1.1);
		-ms-transform: translateZ(0) scale(1.1);
	}
	.new_news_list{
		padding: 20px 0;
	}
	.new_news_list li{
		padding-left: 18px;
		margin: 10px 0;
		position: relative;
	}
	.new_news_list li:before{
		content: '';
		width: 5px;
		height: 5px;
		background-color: #e5e5e5;
		position: absolute;
		left: 0;
		top: 8px;
	}
	.new_news_list li a{
		display: block;
		color: #666666;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.bshare-custom .bshare-qzone {
		background: url(../img/qqzone.png) no-repeat 0 0 !important;
	}
	.bshare-custom .bshare-sinaminiblog {
		background: url(../img/sinaweibo.png) no-repeat 0 0 !important;
	}
	.bshare-custom .bshare-renren {
		background: url(../img/renren.png) no-repeat 0 0 !important;
	}
	.bshare-custom .bshare-qqmb {
		background: url(../img/qqweibo.png) no-repeat 0 0 !important;
	}
	.bshare-custom.icon-medium a.bshare-more.more-style-addthis {
    	background: url(../img/more.png) no-repeat !important;
    }
	.nuoqian_share{
		display: inline-block;
		width: 17px;
		height: 16px;
		background: url(../img/share.png) no-repeat 0 2px;
	}
	.bshare-custom.icon-medium {
		position: absolute;
		right: 0;
		top: 30px;
	}
	.bshare-custom #bshare-shareto{
		font-weight: normal !important;
	}
	.aboutus_nav{
		width: 100%;
		height: 140px;
		position: relative;
	}
	.aboutus_position{
		position: absolute;
		top: 60px;
		right: 50px;
	}
	.aboutus_position a{
		color: #999999;
		vertical-align: middle;
	}
	.aboutus_position img{
		width: auto;
		height:auto;
		vertical-align: middle;
	}
	.aboutus_nav_list{
		position: absolute;
		left: 50px;
		top: 45px;
	}
	.aboutus_nav_list li{
		float: left;
		width: 154.4px;
		height: 50px;
		line-height: 50px;
		position: relative;
		cursor: pointer;
		border-bottom: 10px solid #F1B046;
	}
	.aboutus_nav_list li span{
		font-size: 16px;
		color: #40403f;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		text-align: center;
	}
	.aboutus_nav_list li b{
		font-size: 12px;
		color: #999999;
	}
	.aboutus_nav_list li:before{
		content: '';
		width: 1px;
		height: 40px;
		background-color: #d2d2d2;
		position: absolute;
		left: 0;
		top: 5px;
	}
	.aboutus_nav_list li:first-child:before{
		display: none;
	}
	.aboutus_nav_list li:last-child:after{
		content: '';
		width: 1px;
		height: 40px;
		background-color: #FFFFFF;
		position: absolute;
		right: 0;
		top: 5px;
	}
	.aboutus_nav_active{
		background-color: #F1B046;
	}
	.aboutus_nav_list .aboutus_nav_active span{
		color: #FFFFFF;
	}
	.aboutus_nav_list .aboutus_nav_active b{
		color: #FFFFFF;
	}
	.aboutus_nav_list .aboutus_nav_active:before{
		background-color: #F1B046;
	}
	.aboutus_nav_list .aboutus_nav_active1:before{
		background-color: #FFFFFF;
	}
	.aboutus_nav_list .aboutus_nav_active2:after{
		background-color: #F1B046 !important;
	}
	.bg_grey{
		background-color: #f9f9f8;
	}
	.aboutus_piece{
		width: 93%;
		margin: 0 auto;
	}
	.company_left{
		width: 51%;
		padding: 80px 0;
	}
	.company_left img{
		width: 100%;

	}
	
	.company_right{
		width: 47.5%;
	}
	.concept_right img{
		width: 100%;
	}
	.aboutus_head{
		font-size: 20px;
		color: #40403f;
		display: inline-block;
		position: relative;
		padding-bottom: 30px;
	}
	.aboutus_head:after{
		content: '';
		width: 100%;
		height: 4px;
		background-color: #F1B046;
		position: absolute;
		left: 0;
		bottom: 20px;
	}
	.aboutus_font{
		color: #959494;
		line-height: 150%;
		text-align: left;
	}
	.company_pic{
		display: block;
		width: auto;
		height: auto;
		margin: 44px auto 10px;
	}
	.bg_white{
		background-color: #FFFFFF;
	}
	.concept_right,
	.vision_right{
		width: 48%;
		padding: 60px 0;
	}
	.concept_left,
	.vision_left{
		width: 50%;
		position: relative;
	}
	.concept_pic{
		display: block;
		width: auto;
		height: auto;
		margin: 80px auto 0;
	}
	.padT160{
		padding-top: 160px;
	}
	.vision_pic{
		width: auto;
		height: auto;
		position: absolute;
		left: 29%;
		top: 95px;
	}
	.culture_right{
		width: 58%;
	}
	.culture_pic{
		display: block;
		width: auto;
		height: auto;
		margin: 45px auto 5px;
	}
	.culture_list{
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.culture_list li{
		float: left;
		width: 33.2%;
		margin-right: 2px;
	}
	.culture_list li:last-child{
		margin-right: 0;
	}
	.for_customer_up{
		height: 160px;
		border-bottom: 1px solid #bebebe;
		text-align: center;
	}
	.customer_pic{
		display: block;
		width: auto;
		height: auto;
		margin: 20px auto 10px;
	}
	.letter{
		padding-top: 55px;
		margin-bottom: 55px;
		border-bottom: 1px solid #bebebe;
	}
	.letter_font{
		width: 66%;
		min-height: 888px;
		margin-bottom: 50px;
		position: relative;
	}
	.letter_head{
		color: #40403f;
		text-indent: 14px;
		padding-bottom: 50px;
	}
	.letter_font p{
		color: #959494;
		line-height: 150%;
		text-align: justify;
	}
	.sign_name{
		text-align: right;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.sign_name img{
		display: block;
		width: auto;
		height: auto;
	}
	.sign_date{
		color: #959494;
	}
	.letter_pic{
		width: 30.5%;
		padding-top: 70px;
	}
	.letter_pic li{
		width: 100%;
		margin-bottom: 30px;
	}
	.team_head{
		width: 216px;
		height: 82px;
		border-bottom: 4px solid #F1B046;
		margin-bottom: 40px;
		padding-top: 30px;
		background-repeat: no-repeat;
		margin-left:auto ;
		margin-right:auto ;
	}
	.team_head1{
		background-image: url(../img/team1.png);
		background-position: 0 34px;
	}
	.team_head2{
		background-image: url(../img/team2.png);
		background-position: center;
	}
	.team_head h2{
		color: #40403f;
		font-size: 20px;
		text-align: right;
		padding-top: 52px;
	}
	.team_list li{
		float: left;
		box-shadow: 0 5px 60px #e4e3e4;
		position: relative;
	}
	.team_hide{
		width: 0;
		background-color: white;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	.team_hide_bgL{
		background-image: url(../img/lizi_left.png);
		background-position: left bottom;
		text-align: right;
	}
	.team_hide_bgR{
		background-image: url(../img/lizi_right.png);
		background-position: right bottom;
	}
	.team_hide_bgL .team_tag{
		left: 20px;
		text-align: left;
	}
	.team_hide_bgR .team_tag{
		right: 20px;
		text-align: right;
	}
	.team_font{
		width: 100%;
		height: 100%;
		opacity: 0;
		
		display: none;
	}
	.team_name{
		display: inline-block;
		padding-top: 78px;
		padding-bottom: 3px;
		margin-bottom: 15px;
		border-bottom: 3px solid #F1B046;
		font-size: 20px;
		color: #444444;
		font-weight: bold;
	}
	.team_hide p,
	.team_hide b{
		color: #999999;
	}
	.team_hide p{
		margin-bottom: 5px;
	}
	.team_hide_active .team_font{
		display: block;
	}
	.team_hide_active .team_tag{
		opacity: 1;
	}
	.team_tag{
		width: 85px;
		height: 40px;
		position: absolute;
		top: 20px;
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		opacity: 0;
	}
	.team_tag img{
		width: 85px;
		height: 16px;
	}
	.team_tag em{
		font-size: 12px;
		color: #666666;
	}
	.team_show_big{
		width: 100%;
		margin-bottom: 15px;
		position: relative;
	}
	.team_show_item{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;top: 0;
		background-color: #F1B046;
		display: none;
	}
	.team_show_little{
		width: 91%;
		margin: 0 auto 55px;
		position: relative;
	}
	.team_show_little .swiper-container{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;top: 0;
		overflow: hidden;
	}
	.team_show_little .swiper-button-next,
	.team_show_little .swiper-button-prev{
		height: 100%;
		width: 40px;
		top: 0;
		margin-top: 0;
		background-color: #F1B046;
	}
	.team_show_title{
		width: 100%;
		padding: 5px 0;
		text-align: center;
		color: #FFFFFF;
		background-color: rgba(0,0,0,.7);
		position: absolute;
		left: 0;
		bottom: 0;
		display: none;
	}
	.team_show_little .swiper-slide{
		cursor: pointer;
	}
	.team_show_little .swiper-slide:hover .team_show_title{
		display: block;
	}
	.team_show_detail{
		padding: 20px 7%;
		background-color: rgba(0,0,0,.7);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: none;
	}
	.team_show_detail_up{
		border-bottom: 1px solid #515454;
		padding-bottom: 10px;
	}
	.team_show_detail_up h2{
		color: #e6e5e5;
		font-size: 18px;
	}
	.team_show_detail_up span{
		color: #e6e5e5;
	}
	.team_show_detail_up i{
		color: #e6e5e5;
		font-size: 16px;
	}
	.team_show_detail p{
		color: #a3a4a3;
		line-height: 150%;
		padding-top: 10px;
		text-align: justify;
	}
	.recruit_up{
		width: 90%;
		height: 625px;
		margin: 0 auto;
	}
	.aboutus_item4{
		border-bottom: 20px solid #EEEEEE;
	}
	.needyou{
		width: 526px;
		height: 625px;
		background-image: url(../img/needyou_line.png);
		background-position: center 213px ;
		background-repeat: no-repeat;
		position: relative;
	}
	.needyou_circle{
		width: 160px;
		height: 160px;
		text-align: center;
		border: 1px solid #F1B046;
		border-radius: 50%;
		background-color: #F1B046;
		box-shadow: 3px 3px 10px #edecec;
		position: absolute;
		left: 0;right: 0;top: 0;bottom: 0;
		margin: auto;
		z-index: 1;
	}
	.needyou_circle img{
		display: block;
		width: auto;
		height: auto;
		margin: 24px auto 10px;
	}
	.needyou_circle span{
		color: #FFFFFF;
		font-size: 18px;
		line-height: 100%;
	}
	.needyou_circles{
		position: absolute;
		box-shadow: 0 0 40px #E0E0E0;
		background-color: #FFFFFF;
		border-radius: 50%;
		text-align: center;
	}
	.needyou_number{
		width: 26px;
		height: 26px;
		border-radius: 50%;
		border: 1px solid #F1B046;
		text-align: center;
		line-height: 26px;
		color: #F1B046;
		margin: 15px auto 5px;
	}
	.needyou_circles h2{
		display: inline-block;
		padding: 0 10px 5px;
		border-bottom: 1px solid #bbbbbb;
		color: #40403f;
		font-size: 16px;
	}
	.needyou_circles p{
		color: #999999;
		margin: 3px 0;
	}
	.needyou_circle1{
		width: 135px;
		height: 135px;
		left: 157px;
    	bottom: 57px;
    	text-align: center;
	}
	.needyou_circle1 img{
		display: block;
		width: auto;
		height: auto;
		margin: 15px auto 10px;
	}
	.needyou_circle1 span{
		color: #999999;
	}
	.needyou_circle2{
		width: 150px;
		height: 150px;
		left: 0;
    	bottom: 235px;
	}
	.needyou_circle3{
		width: 170px;
		height: 170px;
		left: 83px;
    	top: 53px;
	}
	.needyou_circle4{
		width: 170px;
		height: 170px;
		right: 38px;
    	top: 60px;
	}
	.needyou_circle5{
		width: 150px;
		height: 150px;
		right: 18px;
    	bottom: 185px;
	}
	.needyou_remind{
		color: #999999;
		position: absolute;
		right: -20px;
		bottom: 100px;
	}
	.needyou_circle2 .needyou_number,
	.needyou_circle5 .needyou_number{
		margin: 8px auto 5px;
	}
	.needyou_right{
		margin-top: 135px;
		position: relative;
	}
	.swiper_needyou{
		overflow: hidden;
		position: relative;
	}
	.needyou_right .swiper-button-next{
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d3d2d2'%2F%3E%3C%2Fsvg%3E") !important;
	}
	/*.job_head{
		border-bottom: 1px dashed #d0d0d0;
	}*/
	.job_head h2{
		color: #4e4e4e;
		font-size: 18px;
		padding: 45px 45px 60px;
		position: relative;
	}
	.job_head h2 em{
		color: #999999;
		font-size: 13px;
	}
	.job_head h2:after{
		content: '';
		width: 278px;
		height: 4px;
		background-color: #F1B046;
		position: absolute;
		left: 43px;
		bottom: 50px;
	}
	.job_cards{
		padding: 50px 3.5%;
	}
	.job_people{
		padding: 33px 0 50px;
		width: 14.5%;
		height: 108px;
		text-align: center;
		position: relative;
	}
	.job_people:after,
	.job_msg:after{
		content: '';
		width: 2px;
		height: 108px;
		background-color: #ececec;
		position: absolute;
		right: -2px;
		top: 33px;
	}
	.job_msg{
		padding: 33px 0 50px;
		width: 39.5%;
		height: 108px;
		position: relative;
	}
	.job_us{
		width: 46%;
		height: 191px;
	}
	.job_people img{
		width: auto;
		height: auto;
	}
	.job_people p{
		color: #939393;
	}
	.job_msg li{
		width: 50%;
		height: 37px;
		line-height: 37px;
		float: left;
	}
	.job_msg span{
		color: #939393;
	}
	.job_msg b{
		color: #939393;
	}
	.job_msg i{
		font-size: 22px;
		padding-right: 8px;
		vertical-align: middle;
	}
	.job_btn{
		position: absolute;
		right:10%;
		bottom: 0;
		width: 100px;
		height: 30px;
		line-height: 30px;
		color: #FFFFFF;
		text-align: center;
		background-color: #F1B046;
	}
	.job_btn i{
		color: #FFFFFF;
		font-size: 14px;
		padding: 0;
	}
	.waiting{
		width: 20px;
		font-size: 18px;
		padding-left: 5%;
		line-height: 110%;
		margin-top: 40px;
	}
	.job_us ul{
		
	}
	.job_us li{
		float: left;
		margin-left: 15px;
	}
	.job_item{
		background-image: url(../img/needyou_points.png);
		background-repeat: repeat;
		padding: 30px 40px 60px;
		display: none;
	}
	.job_item_down{
		height: 14px;
		background-image: url(../img/points_line.png);
		background-repeat: repeat-x;
	}
	.job_item_title{
		display: inline-block;
		color: #40403f;
		padding: 5px 0;
		margin-top: 5px;
		border-bottom: 2px solid #F1B046;
	}
	.job_item p{
		color: #9f9e9e;
		margin: 12px 0;
	}
	.submit_resume{
		display: block;
		width: 100px;
		height: 30px;
		line-height: 30px;
		color: #545454;
		text-align: center;
		border: 1px solid #e6e5e5;
		background-color: #FFFFFF;
		margin: 50px auto 0;
	}
	.submit_resume i{
		color: #545454;
		font-size: 14px;
	}
	.resume_mengban{
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		position: fixed;
		left: 0;top: 0;
		display: none;
		z-index: 999;
	}
	.resume{
		width: 540px;
		height: 342px;
		padding: 45px 40px;
		background-color: #FFFFFF;
		position: absolute;
		left: 0;top: 0;right: 0;bottom: 0;
		margin: auto;
	}
	.resume em{
		color: #F1B046;
		padding-right: 3px;
	}
	.resume input[type=text],
	.resume select{
		width: 170px;
		padding-left: 10px;
		color: #666;
		height: 36px;
		border: 1px solid #e4e3e3;
	}
	.xs_select {
		width: 170px;
		height: 36px;
		padding-left: 10px;
		position: absolute;
		left: 123px;
    	top: 94px;
		border: 1px solid #e4e3e3;
	}
			
	.checkspan {
		display: block;
		position: relative;
		height: 36px;
		cursor: pointer;
		line-height: 36px;
		color: #666666;
		background-image: url(../img/four_block.png);
		background-position: 92%;
		background-repeat: no-repeat;
	}
			
	.select_list {
		width: 180px;
		border: 1px solid #F1B046;
		position: absolute;
		right: -1px;
    	top: 37px;
    	z-index: 1;
		display: none;
	}
			
	.select_list li {
		line-height: 36px;
		color: #666;
		background-color: #ffffff;
		padding-left: 10px;
		cursor: pointer;
		transition: all .5s ease 0s;
		-webkit-transition: all .5s ease 0s;
		-moz-transition: all .5s ease 0s;
		-ms-transition: all .5s ease 0s;
	}
			
	.select_list li:hover {
		background-color: #F1B046;
		padding-left: 20px;
		font-weight: bold;
		color: #ffffff;
		border-color: #F1B046;
	}
	.resume input[type=file]{
		position: absolute;
		left: 1000px;
		top: 1000px;
		opacity: 0;
	}
	.addResume{
		position: relative;
		display: inline-block;
		left: 10px;
		top: 6px;
		width: 23px;
		height: 23px;
		cursor: pointer;
	}
	.resume input[type=submit]{
		position: absolute;
		right: 40px;
    	top: 142px;
		width: 78px;
		height: 30px;
		color: #FFFFFF;
		background-color: #F1B046;
		cursor: pointer;
	}
	.resume_line{
		width: 100%;
		height: 1px;
		background-color: #bbbbbb;
		margin-top: 30px;
	}
	.resume_title{
		font-size: 16px;
		color: #444444;
		padding-left: 10px;
		margin: 20px 0 20px;
		position: relative;
	}
	.resume_title:before{
		content: '';
		width: 4px;
		height: 15px;
		background-color: #F1B046;
		position: absolute;
		left: 0;
		top: 4px;
	}
	.resume_list li{
		margin: 5px 0;
		padding-left: 10px;
	}
	.resume_list li span{
		color: #444444;
	}
	.fb{
		font-weight: bold;
	}
	.addResumeText{
		padding-left: 20px;
	}
	.social-share a {
	position: relative;
	margin: 4px;
	display: inline-block;
	}

	.social-share{
		position: absolute;
		left: 251px;
	    bottom: 52px;
	}
	.social-share .social-share-icon {
		position: relative;
		width: 32px;
		height: 32px;
		font-size: 20px;
		border-radius: 50%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.social-share .icon-weibo {
		background-image: url(../img/sina_1.png);
	}
	.social-share .icon-qq {
		background-image: url(../img/qq.png);
	}
	.social-share .icon-wechat {
		background-image: url(../img/weixin.png);
	}
	.social-share .icon-wechat .wechat-qrcode {
		display: none;
		border: 1px solid #eee;
		position: absolute;
		z-index: 9;
		top: -205px;
		left: -84px;
		width: 200px;
		height: 192px;
		color: #666;
		font-size: 12px;
		text-align: center;
		background-color: #fff;
		box-shadow: 0 2px 10px #aaa;
		transition: all 200ms;
		-webkit-tansition: all 350ms;
		-moz-transition: all 350ms
	}
	.social-share .icon-wechat .wechat-qrcode h4 {
		font-weight: normal;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		background-color: #f3f3f3;
		margin: 0;
		padding: 0;
		color: #777
	}
	.social-share .icon-wechat .wechat-qrcode .qrcode {
		width: 105px;
		margin: 10px auto
	}
	.social-share .icon-wechat .wechat-qrcode .qrcode table {
		margin: 0 !important
	}
	.social-share .icon-wechat .wechat-qrcode .help{
		margin-left: 0;
	}
	.social-share .icon-wechat .wechat-qrcode .help p {
		font-size: 12px;
		text-align: center;
	}
	.social-share .icon-wechat .wechat-qrcode:after {
		content: '';
		position: absolute;
		left: 50%;
		margin-left: -6px;
		bottom: -13px;
		width: 0;
		height: 0;
		border-width: 8px 6px 6px 6px;
		border-style: solid;
		border-color: #fff transparent transparent transparent
	}
	.social-share .icon-wechat:hover .wechat-qrcode {
		display: block
	}
	.aboutus_item5{
		padding: 45px 50px 0;
	}
	.call_list1 li{
		color: #40403f;
		margin: 10px 0;
	}
	.call_list1 .call_list1_head{
		font-size: 18px;
		margin: 5px 0 30px;
	}
	.call_list2 li{
		float: left;
		width: 196px;
		height: 180px;
		border-right: 1px solid #dcdcdc;
		text-align: center;
		position: relative;
	}
	.call_list2 li:last-child{
		border-right: none;
	}
	.call_list2 li img{
		width: auto;
		height: auto;
	}
	.call_list2 li p{
		position: absolute;
		left: 0;right: 0;
		text-align: center;
		bottom: 0;
		line-height: 130%;
	}
	.our_map{
		width: 100%;
		height: 335px;
		margin-top: 50px;
		margin-bottom: 60px;
	}
	.callUs_con,
	.weChat_t_con,
	.qq_con{
		position: absolute;
		z-index: 11;
    	opacity: 0;
    	display: none;
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
	}
    .callUs_con{
    	width: 240px;
    	height: 85px;
    	left: -194px;
    	top: 80px;
    }
    .weChat_t_con{
    	width: 140px;
    	height: 163px;
    	left: -95px;
    	top: 80px;
    }
    .qq_con{
    	width: 180px;
    	height: 65px;
    	left: -135px;
    	top: 80px;
    }
	.weChat_pic img{
		width: 100%;
		height: 100%;
	}