@charset "UTF-8";
body.open_sub_nav, html.open_sub_nav {
	overflow: hidden;
	height: 100vh;
}
body {
	overflow-x: hidden;
}
.page_container {
	width: 100%;
	display: block;
	position: relative;
}
#page_big_img_container {
	width: 100%;
	height: 100vh;
	position: relative;
}
#page_big_img_container.page-index {
	height: 90vh;
}
#page_big_img_container.page-index .image_box img {
	width: 90%;
	top: inherit;
	bottom: -5%;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 1650px) {
#page_big_img_container.page-index .image_box img {
	width: 90%;
}
}
#page_big_img_container .index_img_container {
	width: 100%;
	height: 100%;
}
/*.index_img_container .image_box { width: 100%; height: 100%; background: url("../images/index-bg.jpg") no-repeat 0 0; background-size: cover; position: relative; }*/
.index_img_container .image_box {
	width: 100%;
	height: 100%;
	background: url("../images/service-desc.png") no-repeat top center;
	background-size: cover;
	position: relative;
}
.index_img_container .image_box img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.text_container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
.text_container ul li .c_item {
	-webkit-transform: rotate(-10deg) rotateX(65deg) translateX(60px) translateY(50px) translateZ(0);
	opacity: 0;
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}
.text_container ul li.active .c_item {
	-webkit-transform: rotate(0) rotateX(0) translateX(0) translateY(0) translateZ(0);
	opacity: 1;
}
/*20190909*/
.about-new-part-1 {
	width: 100%;
}
.about-new-container {
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
}
.about-new-item.img-box {
	flex: 0 0 700px;
	height: 700px;
	background: url("../images/about-img-1.png") no-repeat center;
	background-size: contain;
}
.about-new-item.prize-box {
	font-size: 0;
	flex: 0 0 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
.about-new-item.prize-box img {
	margin-top: 115px;
}
.about-new-item.prize-box img:first-child {
	margin-top: 0;
}
.about-new-item.text {
	flex: 1;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: wrap;
	padding-left: 8%;
	padding-right: 10px;
	padding-bottom: 90px;
}
.about-new-item.text .line {
	margin-top: 25px;
}
.about-new-item.text .line:first-child {
	margin-top: 0;
}
.about-new-item.text p {
	color: #3e3e3e;
	font-size: 20px;
	line-height: 1.7;
}
.about-new-item.text p.title {
	font-size: 45px;
	font-weight: 400;
	color: #000;
	margin-bottom: 20px;
}
.page-index-new-part-1.about {
	width: 100%;
	padding: 123px 0;
	background-color: #161616;
}
.page-index-new-part-1.about p {
	line-height: 1.7;
}
.page-index-new-part-1.about .title {
	font-weight: 100;
	color: #3e3e3e;
	text-align: left;
	line-height: 1;
	padding-left: 20px
}
.page-index-new-part-1.about .title p {
	color: #fff;
}
.page-index-new-part-1.about .content {
	margin-top: 20px;
	font-weight: 100;
	color: #fff;
	text-align: left;
	line-height: 1;
	padding-left: 20px
}
.page-index-new-part-1.about .content p {
	color: #fff;
}
.page-index-new-part-1.about .brands-wrapper {
	margin-top: 100px;
	display: block;
}
.page-index-new-part-1.about .brands-wrapper .brands-item {
	border: 0;
	flex: 1;
	height: auto;
}
.page-index-new-part-1.about .brands-wrapper .brand-img img {
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	margin: 0 auto;
}
.page-index-new-part-1.about .brands-wrapper .about-line {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 78px;
}
.page-index-new-part-1.about .brands-wrapper .about-line:first-child {
	margin-top: 0;
}
.about-line .brands-item:nth-child(1) {
	transition-delay: .1s;
}
.about-line .brands-item:nth-child(2) {
	transition-delay: .13s;
}
.about-line .brands-item:nth-child(3) {
	transition-delay: .16s;
}
.about-line .brands-item:nth-child(4) {
	transition-delay: .19s;
}
.about-line .brands-item:nth-child(5) {
	transition-delay: .21s;
}
/*20190908*/
.page-index-new-part-1 {
	width: 100%;
	padding: 150px 0;
}
.page-index-new-part-1 > .title {
	font-weight: 100;
	color: #3e3e3e;
	text-align: center;
	line-height: 1;
}
.page-index-new-part-1 > .title p:first-child {
	color: #000;
}
.brands-wrapper {
	max-width: 1634px;
	margin: 0 auto;
	font-size: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 115px;
}
.brands-wrapper .brands-item {
	flex: 0 0 20%;
	height: 230px;
	border: 1px solid #e7e7e7;
	border-left: 0;
}
.brands-wrapper .brands-item:nth-child(1) {
	border-left: 1px solid #e7e7e7;
	transition-delay: .1s;
}
.brands-wrapper .brands-item:nth-child(2) {
	transition-delay: .13s;
}
.brands-wrapper .brands-item:nth-child(3) {
	transition-delay: .16s;
}
.brands-wrapper .brands-item:nth-child(4) {
	transition-delay: .19s;
}
.brands-wrapper .brands-item:nth-child(5) {
	transition-delay: .21s;
}
.brands-wrapper .brands-item:nth-child(6) {
	border-left: 1px solid #e7e7e7;
	border-top: 0;
	transition-delay: .1s;
}
.brands-wrapper .brands-item:nth-child(7) {
	border-top: 0;
	transition-delay: .13s;
}
.brands-wrapper .brands-item:nth-child(8) {
	border-top: 0;
	transition-delay: .16s;
}
.brands-wrapper .brands-item:nth-child(9) {
	border-top: 0;
	transition-delay: .19s;
}
.brands-wrapper .brands-item:nth-child(10) {
	border-top: 0;
	transition-delay: .21s;
}
.brands-wrapper .brand-img {
	width: 100%;
	height: 100%;
	position: relative;
}
.brands-wrapper .brand-img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page-index-new-part-2 {
	width: 100%;
	position: relative;
	background: url("../images/index-bg-2.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.page-index-new-part-2::before {
	content: '';
	width: 100%;
	padding-bottom: 21%;
	display: block;
}
#page_big_img_container .index_text_container {
	position: absolute;
	width: 770px;
	height: 59.75%;
	left: 0;
	bottom: 0;
	z-index: 99;
}
.index_text_container .the_text_container {
	width: 100%;
	height: 100%;
	padding-left: 25.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.the_text_container .detail_text_box {
	color: #000;
	line-height: 1.2;
}
.the_text_container .detail_text_box .c_item.cn {
	color: #3e3e3e;
	margin-top: 7px;
}
.the_text_container .detail_text_box .c_item.cn span {
	color: #ff004d;
}
.the_text_container .detail_text_box .c_item {
	-webkit-transform: rotate(-10deg) rotateX(65deg) translateX(60px) translateY(50px) translateZ(0);
	opacity: 0;
}
.the_text_container .detail_text_box.active .c_item {
	-webkit-transform: rotate(0) rotateX(0) translateX(0) translateY(0) translateZ(0);
	opacity: 1;
}
.the_text_container .detail_text_box .c_item_1 {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.19s;
}
.the_text_container .detail_text_box .c_item_2 {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.29s;
}
.the_text_container .detail_text_box .c_item_3 {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.39s;
}
.the_text_container .detail_text_box .c_item_4 {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.49s;
}
#page_project_container {
	width: 100%;
	padding-top: 134px;
}
#page_project_container > .title {
	font-weight: 100;
	color: #3e3e3e;
	text-align: center;
	line-height: 1;
}
#page_project_container > .title p:first-child {
	color: #000;
}
#page_project_container > .title p:nth-of-type(2) {
	margin-top: 35px;
}
#page_project_container > .title p:nth-of-type(3) {
	margin-top: 20px;
}
#page_project_container .real_project_container {
	max-width: 1634px;
	font-size: 0;
	margin: 135px auto 0;
}
.real_project_container .project_box {
	width: 50%;
	display: inline-block;
	max-width: 817px;
	overflow: hidden;
	cursor: pointer;
}
.project_box .outer_box {
	width: 100%;
	padding-bottom: 63.52%;
	position: relative;
}
.project_box .card {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.project_box .card_cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	z-index: 9;
}
.project_box .card_text {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	width: 58.261%;
	height: 52px;
	transform-origin: left bottom 0;
	transition: 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	z-index: 10;
	opacity: 0;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.96);
	padding: 0 3.571%;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.project_box .card_text .meta {
	font-size: 1.1rem;
	margin-bottom: 3rem;
	line-height: 1.36364;
}
.project_box .card_text p {
	color: #000;
	line-height: 52px;
}
/*.project_box:hover .card_cover{opacity:0.3;}*/
.project_box:hover .card_text {
	transform: matrix(0.9, 0, 0, 0.9, 40, -39);
	opacity: 1;
}
#page_services_container, #active_panel_container {
	width: 100%;
	margin-top: 88px;
	background-color: #4d4d4d;
	height: 600px;
	position: relative;
	padding: 0 11.1111111%;
	box-sizing: border-box;
}
#page_services_container .services_lists, #active_panel_container .services_lists {
	line-height: 1;
	width: auto;
}
#page_services_container.is_opened .services_lists, #active_panel_container.is_opened .services_lists {
	visibility: hidden;
	transition: visibility 0s .8s;
}
#page_services_container .services_lists li, #active_panel_container .services_lists li {
	cursor: pointer;
}
#page_services_container .services_lists li a, #active_panel_container .services_lists li a {
	color: #fff;
	display: block;
}
#page_services_container.active .services_item, #active_panel_container.active .services_item {
	opacity: 1;
	transform: rotate(0) rotateX(0) translateX(0) translateY(0) translateZ(0);
}
#page_services_container .services_item, #active_panel_container .services_item {
	opacity: 0;
	transform: rotate(-10deg) rotateX(65deg) translateX(60px) translateY(50px) translateZ(0);
}
#page_services_container.active .services_item:first-of-type, #active_panel_container.active .services_item:first-of-type {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}
#page_services_container.active .services_item:nth-of-type(2), #active_panel_container.active .services_item:nth-of-type(2) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
#page_services_container.active .services_item:nth-of-type(3), #active_panel_container.active .services_item:nth-of-type(3) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
#page_services_container.active .services_item:nth-of-type(4), #active_panel_container.active .services_item:nth-of-type(4) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}
.services_item .services_link {
	text-decoration: none;
	transform: translateX(0) translateZ(0);
}
.services_item:first-of-type .services_link {
	transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}
.services_item:nth-of-type(2) .services_link {
	transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.35s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}
.services_item:nth-of-type(3) .services_link {
	transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
.services_item:nth-of-type(4) .services_link {
	transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
#page_services_container.is_opened .services_item .services_link, #active_panel_container.is_opened .services_item .services_link {
	opacity: 0;
	transform: translateX(50px) translateZ(0);
}
#page_services_container.is_opened .services_item:first-of-type .services_link, #active_panel_container.is_opened .services_item:first-of-type .services_link {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}
#page_services_container.is_opened .services_item:nth-of-type(2) .services_link, #active_panel_container.is_opened .services_item:nth-of-type(2) .services_link {
	transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.05s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
}
#page_services_container.is_opened .services_item:nth-of-type(3) .services_link, #active_panel_container.is_opened .services_item:nth-of-type(3) .services_link {
	transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}
#page_services_container.is_opened .services_item:nth-of-type(4) .services_link, #active_panel_container.is_opened .services_item:nth-of-type(4) .services_link {
	transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.15s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
}
.services_link .services_number {
	opacity: .2;
	margin-right: 15px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	line-height: 1.6;
}
.services_link .services_label {
	opacity: .2;
	transform: translateX(0) translateZ(0);
	transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1);
	color: #fff;
	display: inline-block;
	line-height: 1.6;
}
.services_link:hover .services_label {
	opacity: 1;
	transform: translateX(25px) translateZ(0);
}
#page_services_container .services_panel, #active_panel_container .services_panel {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	font-size: 0;
	transition: visibility 0s 1s;
}
#page_services_container.is_opened .services_panel.is_clicked, #active_panel_container.is_opened .services_panel.is_clicked {
	visibility: visible;
}
.services_panel .father_mask_container {
	position: relative;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	width: 44.44%;
}
.father_mask_container .services_mask_in {
	background-color: #141414;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	transform: translateX(-100%);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
.services_panel.is_clicked .father_mask_container .services_mask_in {
	transform: translateX(0) translateZ(0);
}
.services_mask_in .services_mask_out {
	opacity: .1;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(100%) translateZ(0);
}
.services_panel.is_clicked .services_mask_in .services_mask_out {
	opacity: .4;
	transform: translateX(0) translateZ(0);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.services_mask_out, .is_hover .services_mask_out {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.services_close {
	width: 60px;
	height: 60px;
	opacity: 0;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 0;
	color: #fff;
	background-color: transparent;
	text-align: center;
	transform: translate(-50%, -50%) scale(0.8) translateZ(0);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, opacity 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.services_close::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 50%;
	opacity: .2;
	box-sizing: border-box;
	transform: scale(1) translateZ(0);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.services_close:hover::before {
	transform: scale(1.2) translateZ(0);
}
#page_services_container.is_opened .services_close, #active_panel_container.is_opened .services_close {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1) translateZ(0);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}
.services_close_container {
	width: 10px;
	height: 12px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.services_close_container .services_close_bar {
	width: 2px;
	height: 40%;
	position: absolute;
	background-color: #fff;
}
.services_close_container .services_close_bar:first-of-type {
	top: 0;
	left: 0;
	transform: rotate(-45deg) translateZ(0);
}
.services_close_container .services_close_bar:nth-of-type(2) {
	top: 0;
	right: 0;
	transform: rotate(45deg) translateZ(0);
}
.services_close_container .services_close_bar:nth-of-type(3) {
	bottom: 0;
	right: 0;
	transform: rotate(-45deg) translateZ(0);
}
.services_close_container .services_close_bar:nth-of-type(4) {
	bottom: 0;
	left: 0;
	transform: rotate(45deg) translateZ(0);
}
.services_content {
	width: 55.55%;
	text-align: center;
	line-height: 1.6;
	vertical-align: middle;
	display: inline-block;
}
.services_content .services_content_in {
	width: 50%;
	backface-visibility: hidden;
	display: inline-block;
}
.services_content .services_content_line {
	opacity: 0;
	text-align: left;
	transform: rotate(-10deg) rotateX(50deg) translateX(20px) translateY(20px) translateZ(0);
}
.services_content .services_content_line:first-child {
	color: #fff;
	transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}
.services_content .services_content_line:nth-child(2) {
	transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.services_content .services_content_number {
	position: absolute;
	left: -50px;
	top: 30px;
	color: rgba(255, 255, 255, 0.3);
}
.services_content .services_content_line > h2 {
	font-size: 44px;
	line-height: 1.3;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
.services_content .services_content_line > p {
	color: #dcdcdc;
	font-size: 14px;
	margin-bottom: 15px;
}
.services_content .services_detail_content {
	color: rgba(255, 255, 255, 0.3);
	font-size: 14px;
	text-align: left;
}
.services_panel.is_clicked .services_content .services_content_line {
	opacity: 1;
	transform: rotate(0) rotateX(0) translateX(0) translateY(0) translateZ(0);
}
.services_panel.is_clicked .services_content .services_content_line:first-child {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
.services_panel.is_clicked .services_content .services_content_line:nth-child(2) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}
#page_services_container .services_panel.is_hover, #active_panel_container .services_panel.is_hover {
	visibility: visible;
	transition: visibility 0s 0s;
}
.services_panel.is_hover .services_mask_in {
	transform: translateX(-50%) translateZ(0);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
.services_panel.is_hover .services_mask_out {
	transform: translateX(50%) translateZ(0);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.page_title_container {
	width: 100%;
	line-height: 1;
	color: #000;
	text-align: center;
	font-weight: 100;
}
.page_title_container > .title {
	line-height: 1.3;
}
.page_title_container p {
	margin-top: 20px;
}
.page_title_container p:first-of-type {
	margin: 40px 0 20px 0;
}
#page_footer {
	width: 100%;
	height: 450px;
	position: relative;
	color: #000;
	margin-top: -90px;
}
#page_footer canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/*Y要加113*/
.bottom_absolute {
	position: absolute;
}
.bottom_left_xs {
	left: 7.5%;
}
.bottom_left_md {
	left: 25.435%;
}
.bottom_left_mmd {
	left: 45.435%;
}
.bottom_left_lg {
	left: 65.644%;
}
.bottom_left_xl {
	right: 0;
}
.footer_text_wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 90px;
}
.footer_text_wrapper .response_width_1435 {
	height: 100%;
	position: relative;
}
.footer_text_wrapper .response_width_1640 {
	height: 100%;
	position: relative;
}
#page_footer .bottom_logo {
	top: 85px;
	width: 221px;
	height: 32px;
	background: url("../images/bottom_logo.png") no-repeat 0 0;
	background-size: contain;
	z-index: 3;
}
#page_footer .bottom_copy_right {
	bottom: 33px;
	line-height: 1.6;
	z-index: 3;
}
#page_footer .bottom_text {
	top: 53px;
	line-height: 1.5;
	z-index: 3;
}
#page_footer .bottom_other_info {
	bottom: 33px;
	line-height: 1.6;
	z-index: 3;
}
.bottom_other_info > .title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 11px;
}
#page_footer .social_icon_container {
	font-size: 0;
}
.social_icon_container .social_item {
	background: url("../images/social_icons.png") no-repeat 0 0;
	display: inline-block;
	vertical-align: middle;
	margin-left: 34px;
	cursor: pointer;
}
.social_icon_container .social_item:first-child {
	margin-left: 5px;
}
.social_icon_container .social_item.wechat {
	width: 37px;
	height: 30px;
	background-position: 0 -1px;
	position: relative;
}
.social_icon_container .social_item.wechat > i {
	width: 150px;
	height: 150px;
	background: url("../images/wxqr.png") no-repeat center;
	position: absolute;
	left: 50%;
	background-size: contain;
	top: -160px;
	display: none;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.social_icon_container .social_item.wechat:hover > i {
	display: block;
}
.social_icon_container .social_item.qq {
	width: 26px;
	height: 31px;
	background-position: -62px 0;
}
/*文字出现效果*/
.text_ani {
	max-width: 100%;
	overflow: hidden;
}
.text_ani p {
	opacity: 0;
	transform: rotate(-10deg) rotateX(65deg) translateX(60px) translateY(50px) translateZ(0);
	-webkit-transform: rotate(-10deg) rotateX(65deg) translateX(60px) translateY(50px) translateZ(0);
	box-sizing: border-box;
	visibility: hidden;
}
.text_ani p:first-of-type {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}
.text_ani p:nth-of-type(2) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.6s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.6s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.text_ani p:nth-of-type(3) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
}
.text_ani p:nth-of-type(4) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.8s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.8s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
}
.text_ani p:nth-of-type(5) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s;
}
.text_ani p:nth-of-type(6) {
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 1s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 1s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
}
.text_ani.active p {
	opacity: 1;
	transform: rotate(0) rotateX(0) translateX(0) translateY(0) translateZ(0);
	visibility: visible;
}
/*图片出现效果*/
.block_ani {
	overflow: hidden;
}
.block_ani .outer_box {
	background-color: rgba(0, 0, 0, 0.2);
	transform: translate3d(0, 20px, 0);
	opacity: 0;
	transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1), opacity 0.7s;
}
/* .block_ani .outer_box .card{ opacity: 0; transition: opacity .9s 1s,transform 1.2s cubic-bezier(0.215,0.610,0.355,1.000) 2s; transform: scale(1.08);
} */
.block_ani.fade_up .outer_box {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
/* .block_ani.fade_up .outer_box .card{ opacity: 1; transform: rotateY(0) rotateX(0) scale(1);
} */
.real_project_container .block_ani:first-of-type .outer_box {
	transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1), opacity 0.7s;
}
.real_project_container .block_ani:nth-of-type(2) .outer_box {
	transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.1s, opacity 0.7s 0.1s;
}
.real_project_container .block_ani:nth-of-type(3) .outer_box {
	transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.2s, opacity 0.7s 0.2s;
}
.real_project_container .block_ani:nth-of-type(4) .outer_box {
	transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.3s, opacity 0.7s 0.3s;
}
.real_project_container .block_ani:nth-of-type(5) .outer_box {
	transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.4s, opacity 0.7s 0.4s;
}
.real_project_container .block_ani:nth-of-type(6) .outer_box {
	transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.5s, opacity 0.7s 0.5s;
}
.page_main_body {
	width: 100%;
}
.line_container {
	width: 74px;
	height: 1px;
	display: block;
}
.line_container.white {
	background-color: #fff;
}
.line_container.gray {
	background-color: #b2b2b2;
}
.line_container.black {
	background-color: #2c2c2c;
}
#detail_big_show_container {
	width: 100%;
}
#detail_big_show_container .line_container {
	margin-top: 40px;
}
.full_width {
	width: 100%;
}
.response_width {
	width: 1800px;
	margin: 0 auto;
}
.response_width_1700 {
	width: 1800px;
	margin: 0 auto;
}
.response_width_1640 {
	width: 1640px;
	margin: 0 auto;
}
.response_width_1435 {
	width: 1435px;
	margin: 0 auto;
}
.response_width_1290 {
	width: 1290px;
	margin: 0 auto;
}
.response_width_950 {
	width: 950px;
	margin: 0 auto;
}
.margin-top-50 {
	margin-top: 2.604% !important;
}
.margin-top-75 {
	margin-top: 3.906% !important;
}
.margin-bottom-75 {
	margin-bottom: 3.906% !important;
}
.margin-top-140 {
	margin-top: 7.291% !important;
}
.--padding-bottom-140 {
	padding-bottom: 7.291% !important;
}
.bottom-spacing {
	margin-bottom: 7.291% !important;
}
.full_size_wh {
	width: 100%;
	height: 100vh;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	line-height: 1;
}
.full_size_wh .its_text_container {
	color: #fff;
	position: absolute;
	top: 50%;
	right: 14.895vw;
	transform: translateY(-50%);
}
.full_size_wh .its_text_container .white_line_container {
	margin-top: 28px;
}
.full_size_wh .its_text_container p {
	margin-top: 20px;
}
.full_size_wh .its_text_container p:first-child {
	margin-top: 0;
}
.similar_image_text_center_container {
	width: 100%;
	background-color: #fff;
}
.similar_image_text_center_container .image_text_main_body {
	width: 100%;
	position: relative;
}
.image_text_main_body .image_box {
	width: 55.555%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 4.444%;
}
.image_text_main_body .image_box::before {
	content: '';
	display: block;
	padding-bottom: 66.6%;
}
.image_text_main_body .text_box {
	line-height: 1;
	position: absolute;
	top: 7px;
	left: 68%;
	width: 100%;
}
.text_box > .text_up {
	text-transform: uppercase;
	color: #8c8c8c;
}
.text_up > ._content {
	margin-top: 18px;
}
.text_box > .text_down {
	color: #2c2c2c;
	margin-top: 5.555%;
	width: 25.777%;
	line-height: 1.7;
}
.text_box > .text_down p:first-child {
	line-height: 1.1;
}
.text_up .line_container {
	width: 52px;
	margin: 23px 0 18px;
}
.text_down .line_container {
	width: 128px;
	margin: 9.482% 0 5.387%;
}
/*#detail_main_content_container{margin:7.552% 0 22px;}*/
#the_main_detail_container {
	width: 100%;
	margin-top: 145px;
}
.main_show_body {
	width: 100%;
}
.main_show_body .fixed_wrapper {
	width: 100%;
	position: relative;
}
.main_show_body .the_effect_bg {
	width: 100%;
	position: relative;
	background: url("../images/effect_bg.jpg") no-repeat center;
	position: relative;
}
.main_show_body .the_effect_bg::before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 52.5%;
}
.main_show_body .the_middle_part {
	position: absolute;
	left: 10.111%;
	right: 10.111%;
	top: 7.936%;
	bottom: 7.936%;
}
.img_wrapper_box {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.img_wrapper_box img {
	width: 100%;
	height: 100%;
}
.show_effect_with_text {
	width: 100%;
}
.show_effect_with_text .response_width {
	background-color: #f5f5f5;
}
.show_effect_with_text .fixed_wrapper {
	width: 100%;
	position: relative;
}
.show_effect_with_text .fixed_wrapper::before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 109.222%;
}
.show_effect_with_text .effect_module_1 {
	position: absolute;
	top: 2.492%;
	right: -2.388%;
	z-index: 11;
}
.show_effect_with_text .effect_module_2 {
	position: absolute;
	left: 0;
	bottom: 0;
}
.show_effect_with_text .effect_module_3._text_container {
	position: absolute;
	top: 29.399%;
	left: 10%;
	line-height: 1;
	width: 23.888%;
	color: #2c2c2c;
	line-height: 1.6;
}
.show_effect_with_text .effect_module_3._text_container p:first-child {
	line-height: 1.2;
}
.show_effect_with_text .line_container {
	width: 128px;
	margin: 40px 0 15px;
}
.full_size_effect_box {
	width: 100%;
}
.full_size_effect_box img {
	width: 100%;
}
#page_header {
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 99;
	-webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
/*#page_header._hidden { background-color: #fff; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }*/
#page_header._hidden {
	background-color: black;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}
#page_header._hidden._show {
	position: fixed;
	transform: translateY(0);
}
.page_top_container {
	width: 100%;
	height: 70px;
	position: relative;
}
/*.page_top_container .page_top_logo { width: 160px; height: 70px; background: url("../images/logo_1.png") no-repeat center; background-size: contain; cursor: pointer; }*/
.page_top_container .page_top_logo {
	width: 206px;
	height: 70px;
	background: url("../images/logo_top_b.png") no-repeat center;
	background-size: contain;
	cursor: pointer;
}
#page_header._hidden .page_top_container .page_top_logo {
	background-image: url("../images/logo_top_b.png");
}
.page_top_container .page_top_nav {
	height: 100%;
}
.page_top_container .page_top_nav ul {
	height: 100%;
	line-height: 80px;
	font-size: 0;
}
.page_top_container .page_top_nav ul li {
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	height: 100%;
	color: #fff;
	margin-left: 3.125vw;
	position: relative;
	cursor: pointer;
}
.page_top_container .page_top_nav ul li .index {
	color: white
}
.page_top_container .page_top_nav ul li:hover .index {
	color: #ff004d
}
.page_top_container .page_top_nav ul li:hover {
	color: #ff004d !important;
}
.page_top_container .page_top_nav ul li.now_no:hover {
	text-decoration: line-through;
}
/*.page_top_container .page_top_nav ul li.active { color: #222 !important; }*/
.page_top_container .page_top_nav ul li.active {
	color: white !important;
}
/*.page_top_container .page_top_nav ul li.active::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 27px; font-size: 0; background-color: #222; }*/
.page_top_container .page_top_nav ul li.active::after {
	content: '';
	width: 130%;
	margin-left: -15%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 27px;
	font-size: 0;
	background-color: white;
}
.page_top_container .page_top_nav ul li:first-child {
	margin-left: 0;
}
#page_header.black .page_top_container .page_top_logo {
	background-image: url("../images/logo_top_b.png");
}
/*#page_header.black .page_top_container .page_top_nav ul li { color: #010101; }*/
#page_header.black .page_top_container .page_top_nav ul li {
	color: white;
}
/*#page_header._hidden .page_top_container .page_top_nav ul li { color: #666; }*/
#page_header._hidden .page_top_container .page_top_nav ul li {
	color: white;
}
#page_header._hidden .page_top_container::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: transparent;
	left: 0;
}
.left_effect {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	transition: -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.left_effect img {
	position: relative;
	-webkit-transform: translate3d(101%, 0, 0);
	transform: translate3d(101%, 0, 0);
	transition: -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.left_effect.show {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.left_effect.show img {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.right_effect {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.right_effect img {
	position: relative;
	-webkit-transform: translate3d(-101%, 0, 0);
	transform: translate3d(-101%, 0, 0);
	transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.right_effect.show {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.right_effect.show img {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.text_left_in {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: all 1.7s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.text_left_in.show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.text_right_in {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: all 1.7s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.text_right_in.show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.other_case_container .real_project_container {
	width: 100%;
	margin: 240px auto 0;
	font-size: 0;
}
/*20180409*/
#page_main_body {
	width: 100%;
}
/*全屏大图*/
.full_image_container {
	width: 100%;
	height: 100vh;
}
.full_image_container ._img_container {
	width: 100%;
	height: 100%;
	position: relative;
}
.full_image_container ._img_container img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.full_image_container ._text_container {
	position: absolute;
	top: 50%;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.full_image_container ._text_container.left {
	left: 20.208%;
}
.full_image_container ._text_container.right {
	right: 20.208%;
}
#c-work ._text_container {
	position: absolute;
	bottom: 28.645vh;
	left: 29.01vw;
	z-index: 7;
	color: #fff !important;
}
._text_container ._text_top {
	font-family: PingFangSC-Thin, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
._text_container .line_container {
	margin: 2.083vw 0 1.197vw 0;
}
._text_container ._text_bottom {
	font-family: PingFangSC-Light, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
.width-1636 {
	width: 1636px;
	margin: 0 auto;
}
/*详情页详细内容*/
.content_in_details {
	width: 100%;
	padding-top: 7.552%;
}
/*详情页图文混排1*/
.image_left_with_text_right_container {
	width: 100%;
	position: relative;
}
.image_left_with_text_right_container ._left_image_container {
	width: 61.124%;
	position: relative;
}
.image_left_with_text_right_container ._left_image_container::before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 66.6%;
}
._left_image_container img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
._left_image_container video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.image_left_with_text_right_container ._right_text_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 69.621%;
}
._right_text_container ._text_wrapper {
	color: #8c8c8c;
}
._text_inner_top .line_container {
	width: 52px;
	margin: 19px 0;
}
._text_inner_top .__content {
	margin-top: 10px;
}
._text_wrapper ._text_inner_bottom {
	color: #2c2c2c;
	margin-top: 5vw;
}
._text_inner_bottom .__big_title {
	line-height: 1.1;
}
._text_inner_bottom .line_container {
	width: 128px;
	margin: 2vw 0 1vw;
}
._text_inner_bottom .__lots_content {
	letter-spacing: 1px;
	line-height: 1.5;
	font-family: PingFangSC-Light, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
._text_inner_bottom .__lots_content p {
	margin-top: 11px;
}
._text_inner_bottom .__lots_content p:first-child {
	margin-top: 0;
}
.response_width_1640 .image_full_width_container {
	margin-top: 3.048%;
}
.response_width_1640 .image_full_width_container:first-child {
	margin-top: 0;
}
/*详情页1800图*/
.image_full_width_container {
	width: 100%;
	font-size: 0;
}
.image_full_width_container ._half_img_in_full_width {
	width: 50%;
	display: inline-block;
	padding-left: 1.35%;
}
.image_full_width_container ._half_img_in_full_width:first-child {
	padding-left: 0;
	padding-right: 1.35%;
}
.image_full_width_container .sb_imgs_container {
	font-size: 0;
	margin: 0 12.388%;
}
.sb_imgs_container ._img_title {
	width: auto;
	max-width: 100%;
	margin: 0 auto 3.997% auto;
}
.sb_imgs_container .row {
	width: 100%;
	margin-top: 1.235%;
}
.sb_imgs_container .row:first-child {
	margin-top: 0;
}
.sb_imgs_container .sb_item_img {
	display: inline-block;
	width: 25%;
	padding-left: 1.453%;
}
.sb_imgs_container .sb_item_img:first-child {
	padding-left: 0;
	width: 23.565%;
}
.sb_imgs_container[data-size="1"] .sb_item_img {
	width: 100%;
	font-size: 0;
}
.sb_imgs_container[data-size="1"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="2"] .sb_item_img {
	width: 50%;
	font-size: 0;
}
.sb_imgs_container[data-size="2"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="3"] .sb_item_img {
	width: 33.33333%;
	font-size: 0;
}
.sb_imgs_container[data-size="3"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="4"] .sb_item_img {
	width: 25%;
	font-size: 0;
}
.sb_imgs_container[data-size="4"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="5"] .sb_item_img {
	width: 20%;
	font-size: 0;
}
.sb_imgs_container[data-size="5"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="6"] .sb_item_img {
	width: 16.66667%;
	font-size: 0;
}
.sb_imgs_container[data-size="6"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="7"] .sb_item_img {
	width: 14.28571%;
	font-size: 0;
}
.sb_imgs_container[data-size="7"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="8"] .sb_item_img {
	width: 12.5%;
	font-size: 0;
}
.sb_imgs_container[data-size="8"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="9"] .sb_item_img {
	width: 11.11111%;
	font-size: 0;
}
.sb_imgs_container[data-size="9"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.sb_imgs_container[data-size="10"] .sb_item_img {
	width: 10%;
	font-size: 0;
}
.sb_imgs_container[data-size="10"] .sb_item_img img {
	width: 50%;
	margin: 0 auto;
}
.image_full_width_container img {
	width: 100%;
}
/*详情页特殊模块*/
.d_special_container { /*margin-top:7.552%;*/
	padding-top: 3.906%;
	padding-bottom: 3.906%; /*margin-bottom:7.552%;*/
}
.d_special_container .type_container {
	width: 100%;
	display: flex;
	align-items: flex-start;
}
#detail_main_container {
	padding-bottom: 5.052%;
}
.type_container ._text_wrapper {
	width: 23.888%;
	margin: 3.888% 0 0 10%;
}
.type_container ._text_wrapper .line_container {
	margin: 10% 0 4.561%;
}
.type_container ._text_wrapper .__dialog {
	line-height: 1.5;
}
.type_container ._text_wrapper .__dialog p {
	margin-top: 11px;
}
.type_container ._text_wrapper .__dialog p:first-child {
	margin-top: 0;
}
.type_container ._text_wrapper .line_container {
	width: 128px;
}
.d_special_container .type_container img {
	max-width: 100%;
}
.type_container.type_pc + .type_container {
	margin-top: 5.555%;
}
.in_frontest {
	position: relative;
	z-index: 999;
}
.type_container.type_pad_small + .type_container {
	margin-top: -10%;
}
.type_container.position_center {
	justify-content: center;
}
.response_width.__details_img_1800 .image_full_width_container {
	margin-top: 2.777%;
}
.response_width.__details_img_1800 .image_full_width_container:first-child {
	margin-top: 0;
}
.response_width_1640.__details_img_1800 .image_full_width_container {
	margin-top: 3.963%;
}
.response_width_1640.__details_img_1800 .image_full_width_container:first-child {
	margin-top: 0;
}
.animation_mix_container {
	padding: 10.416% 0;
}
.animation_mix_container .animation_mix_wrapper {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 4.166%;
}
.animation_mix_container .animation_mix_wrapper:first-child {
	margin-top: 0;
}
.animation_mix_container .animation_mix_wrapper.flex_align_center {
	align-items: center;
}
.animation_mix_container .animation_mix_wrapper._format_width .a_item {
	width: 25%;
	margin: 0;
}
.animation_mix_container .animation_mix_wrapper._format_width img {
	margin: 0 auto;
	max-width: 100%;
}
.animation_mix_container .animation_mix_wrapper .a_item {
	margin-left: 5.208%;
}
.animation_mix_container .animation_mix_wrapper .a_item:first-child {
	margin-left: 0;
}
.onebyone_container.animation_mix_container .animation_mix_wrapper._format_width .a_item {
	width: 100%;
}
._with_video_container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
._with_video_container .__item_has_video {
	width: 50%;
	position: relative;
}
.__item_has_video.__has_video_dom::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer;
}
.__item_has_video.__has_video_dom::after {
	content: '';
	width: 99px;
	height: 100px;
	background: url("../images/icon_play.png") no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.full_image_container {
	position: relative;
}
._img_mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0;
}
/*关于我们*/
#page_about_container {
	width: 100%;
}
.big_title_with_video {
	width: 100%;
	position: relative;
	height: 100vh;
}
.big_title_with_video .bg_video_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.big_title_with_video .bg_video_box video {
	width: 110%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.big_title_with_video ._mask_container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0;
}
.big_title_with_video ._text_title {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/about-text.png") no-repeat center;
	background-size: 37.552% auto;
}
.big_title_with_video ._video_title {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.big_title_with_video ._video_title p {
	text-align: center;
}
.page_text_show_container {
	padding-top: 200px;
	padding-bottom: 250px;
}
.parallax_img_lists {
	width: 100%;
}
.parallax_img_lists ._parallax_item {
	width: 100%;
	position: relative;
}
.parallax_img_lists ._parallax_item.bg_green {
	background-color: #91b46c;
}
.parallax_img_lists ._parallax_item.bg_gray {
	background-color: #808080;
}
.parallax_img_lists ._parallax_item.bg_pink {
	background-color: #fac2ad;
}
._parallax_item ._parallax_img_container {
	width: 57%;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 57.5%;
}
._parallax_item ._parallax_img_container.end_slide.bg_not_fixed {
	background-attachment: initial !important;
	background-size: 101% !important;
	transform: matrix(1, 0, 0, 1, 0, 1);
}
._parallax_item img {
	visibility: hidden;
	max-width: 100%;
	height: auto;
}
._parallax_item ._parallax_img_container ._img_bg_container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
._parallax_item ._parallax_text_container {
	width: 43%;
	height: 100%;
	color: #fff;
}
._parallax_item ._parallax_text_container.end_slide_text .__text_wrapper {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}
._parallax_item ._parallax_text_container .__text_wrapper {
	position: absolute;
	left: 63.437%;
	line-height: 1.7;
	bottom: 11.25vh;
}
.__text_wrapper .__this_text ._title {
	margin-bottom: 3.854vh;
}
#our_services_container.lists_text_icon_container {
	padding: 170px 0 50px;
}
.lists_text_icon_container {
	width: 100%;
}
.lists_text_icon_container > ._title {
	color: #000;
	text-align: center;
}
.lists_text_icon_container .all_lists_content_wrapper {
	margin-top: 3.77%;
}
.all_lists_content_wrapper ._ul_wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.all_lists_content_wrapper ._ul_wrapper li {
	width: 31.076%;
	color: #000;
	height: 624px;
	position: relative;
}
.all_lists_content_wrapper ._ul_wrapper li::after {
	background-color: #fff;
	position: absolute;
	z-index: 1;
	content: '';
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
	box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
.all_lists_content_wrapper ._ul_wrapper li:hover::after {
	opacity: 1;
}
.all_lists_content_wrapper ._ul_wrapper li .dragon_boen {
	padding: 47.191% 15.056% 0 12.808%;
	position: relative;
	z-index: 3;
}
.all_lists_content_wrapper ._ul_wrapper li ._title_icon {
	position: relative;
}
._title_icon ._icon {
	position: absolute;
	background: url("../images/title_icon.png") no-repeat 0 0;
	bottom: 0;
	right: 0;
	display: block;
}
._title_icon ._icon.icon_1 {
	width: 170px;
	height: 189px;
	background-position: 0 0;
}
._title_icon ._icon.icon_2 {
	width: 142px;
	height: 168px;
	background-position: -495px -21px;
}
._title_icon ._icon.icon_3 {
	width: 149px;
	height: 169px;
	background-position: -970px -21px;
}
.all_lists_content_wrapper ._ul_wrapper li ._summary {
	color: #808080;
	line-height: 1.5;
	margin-top: 30px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services {
	margin-top: 38px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p::before, .all_lists_content_wrapper ._ul_wrapper li ._services p::after {
	content: '|';
	display: inline-block;
	color: #ff1b71;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p::before {
	margin-right: 6px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p::after {
	margin-left: 6px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p {
	margin-top: 16px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p:first-child {
	margin-top: 0;
}
.two_links_container {
	width: 100%;
	position: relative;
	background-color: #f7f7f7;
	background: url("../images/about-bg-3.png") no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
.two_links_container::before {
	content: '';
	width: 100%;
	padding-bottom: 38.281%;
	display: block;
}
.two_links_container .two_links_wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.two_links_wrapper .links_icon_container {
	width: 100%;
	height: 114px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.two_links_wrapper .links_icon_container li {
	height: 100%;
	box-sizing: content-box;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.two_links_wrapper .links_icon_container li.logo_gb a {
	width: 300px;
}
.two_links_wrapper .links_icon_container li.logo_dinz a {
	width: 158px;
}
.two_links_wrapper .links_icon_container li:first-child {
	position: relative;
}
/*.two_links_wrapper .links_icon_container li:first-child::after { content: ''; width: 1px; height: 100%; background-color: #ff1b71; right: 0; top: 0; position: absolute; }*/
.two_links_wrapper .links_icon_container li:first-child::after {
	content: '';
	width: 1px;
	height: 100%;
	background-color: white;
	right: 0;
	top: 0;
	position: absolute;
}
.two_links_wrapper .links_icon_container li ._links_a {
	width: 100%;
	position: relative;
}
.two_links_wrapper .links_icon_container li ._links_a div {
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.two_links_wrapper .links_icon_container li .hover_i {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	width: 100%;
}
/*.two_links_wrapper .links_icon_container li ._links_a:hover .normal_i{opacity:0;}*/
/*.two_links_wrapper .links_icon_container li ._links_a:hover .hover_i{opacity:1;}*/
#page_services_container + .page_title_container {
	position: relative;
}
#index_as_container {
	padding: 8.25% 0 9.333% 0;
}
#index_as_container.page_title_container p:first-of-type {
	margin-bottom: 20px;
}
#index_as_container.page_title_container p {
	margin-top: 0;
	line-height: 1.5;
}
#index_as_container.page_title_container p.title {
	line-height: 1.1;
}
.canvas_container_effect_1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background-color: #fff;
}
.canvas_container_effect_1 > canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.contact_top_img {
	width: 100%;
	height: 100vh;
	background: url("../images/contact-bg.png") no-repeat center;
	position: relative;
	background-size: cover;
}
.contact_main_body {
	width: 100%;
	background-color: #fff;
	padding: 170px 0 0;
}
.contact_main_body .contact_body_wrapper {
	width: 100%;
	padding-bottom: 116px;
}
.contact_body_wrapper ._title_page {
	color: #3e3e3e;
	text-align: center;
	line-height: 1.6;
}
.contact_body_wrapper ._title_page .title {
	margin-bottom: 10px;
}
.contact_body_wrapper .contact_lists {
	margin-top: 140px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contact_lists .contact_way_item {
	width: 402px;
	height: 382px;
	position: relative;
	border: 2px solid #f4f4f4;
	background-color: #fcfcfc;
}
.contact_way_item .contact_icons_body {
	position: absolute;
	text-align: center;
	left: 50%;
	bottom: 18px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.contact_icons_body .__icons {
	background: url("../images/contact_items.png") no-repeat;
	display: inline-block;
}
.__icons.tel {
	width: 34px;
	height: 34px;
	background-position: 0 0;
}
.__icons.mail {
	width: 36px;
	height: 29px;
	background-position: -439px -5px;
}
.__icons.message {
	width: 34px;
	height: 34px;
	background-position: -880px -5px;
}
.contact_icons_body .__number {
	margin-top: 15px;
}
.contact_icons_body .__text {
	margin-top: 130px;
	color: #747474;
}
/*移动*/
.margin4mobilew54 {
margin: 0 .72rem;
	position: relative;
}
.wrapper_container4mobile {
	width: 100%;
	position: relative;
}
.margin4mobilew54 > .wrapper_container4mobile {
	height: 100%;
}
#page_header4mobile {
	width: 100%;
	height: 48px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: #fff;
	-webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#page_header4mobile.__hide {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
#page_header4mobile.__show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
#page_header4mobile._with_opacity_bg {
	background-color: transparent;
}
#page_header4mobile .margin4mobilew54 {
	height: 100%;
margin: 0 .72rem;
	position: relative;
}
#page_header4mobile .logo4mobile {
	width: 2.813rem;
	height: 100%;
	background: url("../images/logo_top_b.png") no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
#page_header4mobile .menuBt4mobile {
width: .6rem;
height: .346rem;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*#page_header4mobile .menuBt4mobile .bar { width: 100%; height: 2px; background-color: #000; border-radius: 5px; position: absolute; top: 0; }*/
#page_header4mobile .menuBt4mobile .bar {
	width: 100%;
	height: 2px;
	background-color: white;
	border-radius: 5px;
	position: absolute;
	top: 0;
}
#page_header4mobile .menuBt4mobile .bar:first-child {
	top: 0;
	transition: top .3s ease, -webkit-transform .3s ease-out, background-color .3s ease-out;
	transition-delay: .5s, .1s, .1s;
	-webkit-transition: top .3s ease, -webkit-transform .3s ease-out, background-color .3s ease-out;
	-webkit-transition-delay: .5s, .1s, .1s;
}
#page_header4mobile .menuBt4mobile .bar:nth-child(2) {
	top: 5px;
	transition: background-color .3s ease-out;
	transition-delay: .1s;
	-webkit-transition: background-color .3s ease-out;
	-webkit-transition-delay: .1s;
}
#page_header4mobile .menuBt4mobile .bar:nth-child(3) {
	width: 80%;
	top: 10px;
	transition: top .3s ease, -webkit-transform .3s ease-out, background-color .3s ease-out;
	transition-delay: .5s, .1s, .1s;
	-webkit-transition: top .3s ease, -webkit-transform .3s ease-out, background-color .3s ease-out;
	-webkit-transition-delay: .5s, .1s, .1s;
}
#page_header4mobile.open_sub_nav .menuBt4mobile .bar {
	background-color: #fff;
}
#page_header4mobile.open_sub_nav .menuBt4mobile .bar:nth-child(1) {
	top: 5px;
	-moz-transition: top .3s ease .1s, -moz-transform .3s ease-out .5s;
	-o-transition: top .3s ease .1s, -o-transform .3s ease-out .5s;
	-webkit-transition: top .3s ease, -webkit-transform .3s ease-out;
	-webkit-transition-delay: .1s, .5s;
	transition: top .3s ease .1s, transform .3s ease-out .5s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#page_header4mobile.open_sub_nav .menuBt4mobile .bar:nth-child(2) {
	opacity: 0;
}
#page_header4mobile.open_sub_nav .menuBt4mobile .bar:nth-child(3) {
	top: 5px;
	width: 100%;
	-moz-transition: top .3s ease .1s, -moz-transform .3s ease-out .5s;
	-o-transition: top .3s ease .1s, -o-transform .3s ease-out .5s;
	-webkit-transition: top .3s ease, -webkit-transform .3s ease-out;
	-webkit-transition-delay: .1s, .5s;
	transition: top .3s ease .1s, transform .3s ease-out .5s;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#page_header4mobile.open_sub_nav .logo4mobile {
	background-image: url("../images/logo_top_b.png");
}
#page_sub_nav4mobile {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	background-color: #4d4d4d;
	top: 0;
	left: 0;
	z-index: 98;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.3s ease-out 100ms;
	transition: transform 0.3s ease-out 100ms;
}
._sub_nav_show {
	position: relative;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.35s ease-in;
	transition: transform 0.35s ease-in;
}
body.open_sub_nav #page_sub_nav4mobile {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
body.open_sub_nav ._sub_nav_show {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
#page_sub_nav4mobile ._sub_nav_list {
	position: absolute;
	top: 6.06rem;
left: .72rem;
	color: #fff;
}
#page_sub_nav4mobile ._sub_nav_list li {
	margin-top: 1rem;
}
#page_sub_nav4mobile ._sub_nav_list li:first-child {
	margin-top: 0;
}
.waypoint_ani {
	-webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transform: translateY(160px);
	-moz-transform: translateY(160px);
	-o-transform: translateY(160px);
	transform: translateY(160px);
	opacity: 0;
}
.waypoint_ani.animated {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.detail_single_text_container {
	color: #2c2c2c;
	line-height: 1;
	padding-left: 15%;
	width: 43%;
}
.detail_single_text_container .line_container {
	width: 128px;
	margin: 9.433% 0 3.83% 0;
}
.detail_single_text_container .__content {
	line-height: 1.6;
}
.parallax_imgs_in_detail_container {
	width: 100%;
}
.parallax_imgs_in_detail_container .pi_groups {
	width: 100%;
	height: 100vh;
}
.pi_groups ._img_box {
	width: 64%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-attachment: fixed;
	background-size: 64.5%;
}
.pi_groups ._text_box {
	width: 36%;
	height: 100%;
	color: #fff;
	position: relative;
}
.pi_groups ._text_box.bg1 {
	background-color: #cec3b6;
}
.pi_groups ._text_box.bg2 {
	background-color: #a42025;
}
.pi_groups ._text_box.bg3 {
	background-color: #383d42;
}
.pi_groups ._text_box p {
	position: absolute;
	top: 50%;
	left: 18.115%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#list_bg_container {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.works_lists_all {
	padding: 11.354% 0 8.4375% 0;
}
.works_lists_all .real_project_container {
	font-size: 0;
	width: 100%;
}
.cd_down_icon_container {
	width: 30px;
	height: 50px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cd_down_icon_container > .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation-name: aarowMove;
	animation-name: aarowMove;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
 @-webkit-keyframes aarowMove {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
 25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
 50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
 75% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
 100% {
-webkit-transform: translateY(1);
transform: translateY(1);
}
}
@keyframes aarowMove {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
 25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
 50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
 75% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
 100% {
-webkit-transform: translateY(1);
transform: translateY(1);
}
}
@-webkit-keyframes aarowMoveJ {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
 25% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
 50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
 75% {
-webkit-transform: translateY(10px);
transform: translateX(10px);
}
 100% {
-webkit-transform: translateX(1);
transform: translateX(1);
}
}
@keyframes aarowMoveJ {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
 25% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
 50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
 75% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
 100% {
-webkit-transform: translateX(1);
transform: translateX(1);
}
}
._pc {
	display: block;
}
._mobile {
	display: none;
}
._color_pink {
	color: #ff004d;
}
._color_white {
	color: #fff;
}
/*全屏大图*/
#page_work_main_body4mobile .full_size_container {
padding-bottom: .5rem;
	height: auto;
}
.full_size_container {
	width: 100%;
	height: 100vh;
	position: relative;
}
.full_size_container .height1018 {
	position: relative;
	width: 100%;
	height: 667px;
}
.full_size_container .arrow4mobile {
	width: 100%;
	height: 28px;
margin-top: .5rem;
}
.full_size_container .arrow4mobile .arrow_container_m {
	width: 28px;
	height: 28px;
	margin: 0 auto;
	position: relative;
}
.full_size_container .arrow4mobile .arrow_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation-name: aarowMove;
	animation-name: aarowMove;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.full_size_container ._img_container {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
._mobile .full_size_container ._img_container img {
	width: 100%;
}
.full_size_container ._text_container {
	position: absolute;
left: .68rem;
	bottom: 6.573rem;
	line-height: 1.4;
	width: 70%;
}
.full_size_container ._text_container.center_pos {
	left: 50%;
	bottom: inherit;
	width: 57.333%;
	text-align: center;
	color: #fff;
	top: 30%;
	line-height: 1;
	font-size: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.full_size_container ._text_container ._text_img_logo {
	max-width: 100%;
margin-bottom: .306rem;
}
.full_size_container ._text_container.left_bottom {
left: .706rem;
	bottom: 1.333rem;
}
/*全屏只有文字*/
.full_size_container_only_text {
	width: 100%;
	background-color: #fff;
}
.full_size_container_only_text ._text_inner_container {
	text-align: center;
	color: #747474;
	padding: 2.666rem 0 2.4rem;
}
._text_inner_container .__text_title {
	color: #000;
margin-bottom: .456rem;
}
._text_inner_container .__contents_body {
	line-height: 1.7;
}
/*案列列表*/
.case_show_lists_container {
	width: 100%;
}
.case_show_lists_container .case_item {
	width: 100%;
	height: 6.346rem;
	position: relative;
	overflow: hidden;
}
.case_item ._cover_image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	z-index: 1;
}
.case_item ._opa_mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.12);
	display: none;
}
.case_item ._text_wrapper {
	position: absolute;
top: .72rem;
bottom: .72rem;
left: .72rem;
right: .72rem;
}
._text_wrapper .__text_body {
	width: 100%;
	color: #fff;
	line-height: 1.3;
}
.__text_body .en_text {
	text-transform: uppercase;
}
.case_item ._text_wrapper.new_bottom {
bottom: .533rem;
}
._text_wrapper ._new_works_title {
	width: 100%;
height: .88rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}
._new_works_title ._hover_icon {
width: .88rem;
height: .88rem;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}
._new_works_title ._hover_icon img {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-moz-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-o-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
._new_works_title ._new_titles {
	color: #000;
	text-transform: uppercase;
	position: absolute;
	overflow: hidden;
left: .33rem;
	right: 0;
	top: 0;
	bottom: 0;
	border-top-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
}
._new_works_title ._new_titles p {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
._new_works_title ._new_titles ._new_titles_real {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: rgba(255, 255, 255, 0.95);
	overflow: hidden;
	opacity: .3;
	border-top-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
	-webkit-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-moz-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-o-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
._new_works_title ._new_titles p._title {
left: .68rem;
}
._new_works_title ._new_titles p._client {
right: .32rem;
}
.case_show_lists_container .case_item.touched ._new_works_title ._new_titles ._new_titles_real {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.case_show_lists_container .case_item.touched ._new_works_title ._hover_icon img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
/*类似关于我们的三块描述*/
.img_block_with_color_container_text_groups {
	width: 100%;
}
.img_block_with_color_container_text_groups .ibwcg_item {
	width: 100%;
	position: relative;
	margin-top: 5.653rem;
}
.img_block_with_color_container_text_groups .ibwcg_item:first-child {
	margin-top: 0;
}
.ibwcg_item ._top_img_container {
	width: 100%;
	height: 9.066rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.ibwcg_item ._bottom_color_block {
	width: 8.746rem;
	height: 5.146rem;
	position: absolute;
	right: 0;
	top: 7.68rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ibwcg_item ._bottom_color_block.bg_1 {
	background-color: #91b46c;
}
.ibwcg_item ._bottom_color_block.bg_2 {
	background-color: #6f6f6f;
}
.ibwcg_item ._bottom_color_block.bg_3 {
	background-color: #fac2ad;
}
._bottom_color_block ._text_inner .title {
margin-bottom: .313rem;
}
._bottom_color_block ._text_inner ._lots_contents {
	line-height: 1.6;
}
.s_contact_part_container {
	width: 100%;
}
.s_contact_part_container ._this_wrapper {
	width: 100%;
}
.s_contact_part_container ._this_wrapper li {
	width: 100%;
	height: 5.626rem;
	border: 2px solid #f4f4f4;
	background-color: #fcfcfc;
	position: relative;
margin-top: .346rem;
}
.s_contact_part_container ._this_wrapper li:first-child {
	margin-top: 0;
}
.s_contact_part_container ._this_wrapper ._contents_body {
	position: absolute;
	left: 50%;
	top: 1.746rem;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.s_contact_part_container ._this_wrapper i {
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}
.s_contact_part_container ._this_wrapper ._contents_body.tel i {
width: .613rem;
height: .613rem;
	background-image: url("../images/mobile_icon_tel.jpg");
}
.s_contact_part_container ._this_wrapper ._contents_body.mail i {
	background-image: url("../images/mobile_icon_mail.jpg");
width: .6rem;
height: .48rem;
}
.s_contact_part_container ._this_wrapper ._contents_body.message i {
width: .6rem;
height: .6rem;
	background-image: url("../images/mobile_icon_message.jpg");
}
.s_contact_part_container ._this_wrapper ._contents_body.tel ._big_text {
	color: #3beec0;
}
.s_contact_part_container ._this_wrapper ._contents_body.mail ._big_text {
	color: #ff1c71;
}
.s_contact_part_container ._this_wrapper ._contents_body.message ._big_text {
	color: #3a90ff;
}
.s_contact_part_container ._this_wrapper ._big_text {
margin-top: .16rem;
	font-family: 'century_gothic', sans-serif;
}
.s_contact_part_container ._this_wrapper ._small_text {
	color: #747474;
	margin-top: 1.9rem;
}
.contact_ways4mobile .s_contact_part_container {
padding: 0 .706rem;
}
#page_footer4mobile {
	width: 100%;
	background-color: #ccc;
padding-bottom: .533rem;
	margin-top: 1.746rem;
}
#page_footer4mobile ._text_wrapper {
	width: 100%;
padding: .666rem .6rem 0;
	line-height: 1.3;
}
#page_footer4mobile ._text_wrapper .__text_box {
margin-top: .7rem;
	position: relative;
}
#page_footer4mobile ._text_wrapper .__text_box:first-child {
	margin-top: 0;
}
#page_footer4mobile ._text_wrapper .__text_box ._sp_title {
margin-bottom: .133rem;
}
#page_footer4mobile .icp_text {
	margin-top: 1rem;
}
#page_footer4mobile ._text_wrapper .__text_box ._soical_container {
	position: absolute;
	right: 0;
	top: 0;
}
._soical_container ._footer_s_icons {
	font-size: 0;
margin-top: .1rem;
}
._soical_container i {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
._soical_container i.wx {
width: .64rem;
height: .533rem;
	background-image: url("../images/_s_wx_mobile.png");
}
._soical_container i.qq {
width: .453rem;
height: .546rem;
	background-image: url("../images/_s_q_mobile.png");
margin-left: .386rem;
}
.dc4mobilemodule1 {
	width: 100%;
}
.dc4mobilemodule1 ._this_inner_bone {
	width: 100%;
}
.dc4mobilemodule1 .img_container {
	width: 100%;
}
.dc4mobilemodule1 .img_container img {
	max-width: 100%;
}
.dc4mobilemodule1 ._text_summary_container {
	margin-top: 1rem;
padding: 0 .28rem;
}
._text_summary_container .has_bt_dot {
	position: relative;
}
._text_summary_container ._this_dot_bt {
	position: absolute;
width: .88rem;
height: .88rem;
	bottom: 0;
	right: 0;
	font-size: 0;
	border-radius: 50%;
}
._text_summary_container ._this_dot_bt img {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-moz-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-o-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
._text_summary_container ._this_dot_bt.touched img {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
._text_summary_container ._short_text {
	color: #8c8c8c;
	position: relative;
padding-top: .32rem;
margin-top: .32rem;
}
._text_summary_container ._short_text .line {
	width: 1.386rem;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
._text_summary_container ._short_text:nth-child(1) {
	padding-top: 0;
	margin-top: 0;
}
/*._text_summary_container ._short_text:first-child::after{content:'';width:1.386rem;height:1px;background-color:#b2b2b2;position:absolute;bottom:0;left:0;}*/
._text_summary_container ._short_text ._title {
	text-transform: uppercase;
margin-bottom: .16rem;
}
._text_summary_container .case_summary_container {
	color: #000;
	margin-top: 1.08rem;
}
.case_summary_container > p {
	line-height: 1.3;
}
.case_summary_container .__f_content {
margin-top: .36rem;
	line-height: 1.5;
}
.case_summary_container .__f_content p {
margin-top: .15rem;
}
.case_summary_container .__f_content p:first-child {
	margin-top: 0;
}
.img_text_mix_full_bg4mobile {
	width: 100%;
	padding-top: 1.36rem;
	margin-top: 1.16rem;
	overflow: hidden;
}
.img_text_mix_full_bg4mobile.bg_1 {
	background-color: #ffe435;
}
.img_text_mix_full_bg4mobile.bg_2 {
	background-color: #f3f3f3;
}
.img_text_mix_full_bg4mobile ._this_inner_bone {
	width: 100%;
}
.img_text_mix_full_bg4mobile ._kinds_of_types img {
	max-width: 100%;
}
.img_text_mix_full_bg4mobile ._kinds_of_types.__block_pad_part {
	margin-top: 1.4rem;
}
.img_text_mix_full_bg4mobile .__block_text_summary {
	color: #000;
padding: 0 .373rem;
}
.__block_text_summary ._title_p {
	line-height: 1.3;
}
.__block_text_summary ._content_p_dialog {
	line-height: 1.6;
margin-top: .5rem;
}
.__block_text_summary ._content_p_dialog p {
margin-top: .15rem;
}
.__block_text_summary ._content_p_dialog p:first-child {
	margin-top: 0;
}
.img_text_mix_full_bg4mobile ._kinds_of_types.__block_pad_part + .__block_text_summary {
margin-top: -.853rem;
}
.img_text_mix_full_bg4mobile ._kinds_of_types.__block_notebook_part {
	margin-top: 1.36rem;
}
.only_text4mobile_container {
	width: 100%;
	padding: 1.44rem 0 0 0;
}
.only_text4mobile_container.--new-version {
	padding: 1.44rem 0;
}
.only_text4mobile_container ._this_inner_bone {
	width: 100%;
padding: 0 .746rem 0 .666rem;
	line-height: 1.6;
}
.only_text4mobile_container ._this_inner_bone p:first-child {
	line-height: 1.5;
	margin-top: 0;
}
.only_text4mobile_container ._this_inner_bone p:nth-child(2) {
margin-top: .68rem;
}
.only_text4mobile_container ._this_inner_bone p {
margin-top: .15rem;
}
.full_size_img_container4mobile {
	width: 100%;
}
.full_size_img_container4mobile ._inner_img_part {
	width: 100%;
margin-top: .4rem;
}
.full_size_img_container4mobile ._inner_img_part:first-child {
	margin-top: 0;
}
.full_size_img_container4mobile ._inner_img_part img {
	max-width: 100%;
}
.margin4mobile66 {
margin-top: .88rem;
}
.margin4mobile108 {
	margin-top: 1.44rem;
}
.margin4mobile246 {
	margin-top: 3.28rem;
}
.complex_mix4mobile_container {
	width: 100%;
}
.complex_mix4mobile_container ._this_inner_bone {
	width: 100%;
padding: 0 .373rem;
}
.complex_mix4mobile_container ._inner_img_part {
	width: 100%;
}
.complex_mix4mobile_container.grid_row_2 ._inner_img_part {
	width: 50%;
}
.complex_mix4mobile_container ._inner_img_part img {
	max-width: 100%;
}
.complex_mix4mobile_container ._inner_img_part:nth-child(2) {
	margin-top: 2.786rem;
}
.complex_mix4mobile_container ._inner_img_part:nth-child(3) {
	margin-top: 2rem;
}
.img_box_with_shadow_border_container {
	width: 100%;
}
.img_box_with_shadow_border_container ._this_inner_bone {
	width: 100%;
padding: 0 .373rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.img_box_with_shadow_border_container ._inner_img_part.grid-3 {
	width: 30%;
}
.img_box_with_shadow_border_container ._inner_img_part img {
	max-width: 100%;
}
.img_box_with_shadow_border_container ._inner_img_part {
margin-bottom: .52rem;
	-webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
	box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
}
.cd4mobile_last_mix_container {
	width: 100%;
	position: relative;
	background-color: #f7f7f7;
	padding: 1.466rem 0 0 0;
	margin-top: 5.653rem;
}
.cd4mobile_last_mix_container ._inner_main_body {
	width: 100%;
	line-height: 1;
	color: #000;
padding: 0 .373rem;
}
.cd4mobile_last_mix_container ._block_title {
	text-align: center;
}
.cd4mobile_last_mix_container .cd4mobile_last_mix_group {
	width: 100%;
	position: relative;
	margin-top: 4.08rem;
}
.cd4mobile_last_mix_group .cd4mobile_last_mix_item {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #c3c3c3;
padding-bottom: .76rem;
	margin-top: 4.08rem;
padding-left: .373rem;
padding-right: .373rem;
}
.cd4mobile_last_mix_group .cd4mobile_last_mix_item:first-child {
	margin-top: 0;
}
.cd4mobile_last_mix_group .cd4mobile_last_mix_item:last-child {
	border-bottom: 0;
}
.cd4mobile_last_mix_item .title_container {
	position: relative;
}
.cd4mobile_last_mix_item .title_container i {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	bottom: 0;
	right: 0;
}
.cd4mobile_last_mix_item .title_container .iii1 {
	width: 2.666rem;
	height: 2.96rem;
	background-image: url("../images/lsi_1.jpg");
}
.cd4mobile_last_mix_item .title_container .iii2 {
	width: 2.666rem;
	height: 2.96rem;
	background-image: url("../images/lsi_2.jpg");
}
.cd4mobile_last_mix_item .title_container .iii3 {
	width: 2.666rem;
	height: 2.96rem;
	background-image: url("../images/lsi_3.jpg");
}
.cd4mobile_last_mix_item .summary_container {
	color: #808080;
	line-height: 1.6;
margin-top: .35rem;
}
.cd4mobile_last_mix_item ._do_type_list {
	padding-right: 23%;
margin-top: .88rem;
	margin-left: 1px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.cd4mobile_last_mix_item ._do_type_list li {
padding: 0 .306rem;
	position: relative;
	border-left: 1px solid #ff1b71;
	border-right: 1px solid #ff1b71;
	margin-left: -1px;
margin-bottom: .266rem;
}
.cd4mobile_last_mix_container .viewmore {
	margin-top: 1.28rem;
height: .933rem;
line-height: .933rem;
}
.detail_content4mobile { /*margin-top:1.52rem;*/
	margin-top: 0;
}
.detail_content4mobile .dc4mobilemodule1 {
	width: 100%;
padding: 0 .373rem;
}
.logo4mobile_container {
	width: 100%;
	margin-top: 1.186rem;
}
.logo4mobile_container ._this_inner_bone {
	width: 100%;
padding: 0 .72rem;
}
.logo4mobile_container .logos4this_container {
	width: 100%;
	font-size: 0;
}
.logo4mobile_container .logos4this_container li {
	display: inline-block;
	width: 24.496%;
	height: 1.786rem;
	background-image: url("../images/uniu.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}
.logo4mobile_container .logos4this_container li:first-child {
	width: 46.046%;
	background-image: url("../images/v-design.png");
	margin-right: 28.992%;
}
.logo4mobile_container .logos4this_container li:first-child::after {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #ff1b71;
	position: absolute;
	top: 0;
	right: -30.496%;
}
#page_index_body4mobile, #page_about_body4mobile, #page_contact_body4mobile, #page_work_main_body4mobile {
	overflow: hidden;
}
#active_panel_container {
	margin: 0;
padding: 0 .72rem;
	height: 13.306rem;
}
#active_panel_container .services_panel .father_mask_container {
	width: 100%;
}
#active_panel_container .services_panel .father_mask_container .services_mask_in {
	display: none;
}
#active_panel_container .services_content {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
padding: 0 .72rem;
}
#active_panel_container .services_content .services_content_in {
	width: 100%;
	margin-top: 4.16rem;
}
#active_panel_container .services_close {
	width: 1.2rem;
	height: 1.2rem;
	z-index: 99;
top: .52rem;
	left: inherit;
right: .72rem;
	transform: translate(0) scale(0.8) translateZ(0);
}
#active_panel_container.is_opened .services_close {
	opacity: 1;
	transform: translate(0) scale(1) translateZ(0);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}
.img_row_2container {
	width: 100%;
}
.img_row_2container ._this_inner_bone {
	width: 100%;
padding: 0 .72rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.img_row_2container ._inner_img_part {
	width: 49%;
	margin-bottom: 10%;
}
.img_row_2container._row_3 ._inner_img_part {
	width: 27%;
}
.img_row_2container ._inner_img_part img {
	max-width: 100%;
}
.padding28_img_container {
	width: 100%;
}
.padding28_img_container ._this_inner_bone {
	width: 100%;
padding: 0 .373rem;
}
.padding28_img_container ._inner_img_part {
	width: 100%;
margin-top: .373rem;
}
.padding28_img_container ._inner_img_part:first-child {
	margin-top: 0;
}
.padding28_img_container ._inner_img_part img {
	max-width: 100%;
}
.full_size_img_scroll {
	width: 100%;
	height: 468px;
	overflow: hidden;
	position: relative;
}
.full_size_img_scroll::after {
	content: '';
width: .88rem;
height: .88rem;
	background: url("../images/jt_111.svg") no-repeat center;
	background-size: contain;
	position: absolute;
bottom: .746rem;
right: .746rem;
	-webkit-animation-name: aarowMoveJ;
	animation-name: aarowMoveJ;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.full_size_img_scroll ._this_inner_bone {
	width: 100%;
	height: 100%;
	padding-bottom: 9999px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.full_size_img_scroll ._inner_img_part {
	height: 468px;
}
.full_size_img_scroll ._inner_img_part img {
	height: 100%;
}
#main_clicked_container {
	position: relative;
}
#main_clicked_container.animation {
	-webkit-transition: all 1.3s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 1.3s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 1.3s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 1.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.icon_a {
	display: inline-block;
width: .88rem;
height: .88rem;
	overflow: hidden;
}
.icon_a_bg {
	background: url(../images/test_a.png) no-repeat center;
	background-size: contain;
}
.icon_a > .icon_a {
	position: relative;
left: -.88rem;
border-right: .88rem solid transparent;
	-webkit-filter: drop-shadow(0.88rem 0 0 #ccc);
	filter: drop-shadow(0.88rem 0 0 #ccc);
}
.mobile_arrow_container {
	width: 100%;
	height: 1.54rem;
	background-color: #fff;
	position: relative;
}
.mobile_arrow_container .arrow_container_m {
width: .88rem;
height: .88rem;
	position: absolute;
	z-index: 11;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mobile_arrow_container .arrow_container_m .arrow_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation-name: aarowMove;
	animation-name: aarowMove;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.icon-arraw_nmb::before {
font-size: .88rem;
	color: #ccc;
}
.go-to-mail {
	position: absolute;
left: .72rem;
	bottom: 1.28rem;
	color: #fff;
}
#active_panel_container .services_lists li {
margin-top: .3rem;
}
#active_panel_container .services_lists li:first-child {
	margin-top: 0;
}
#active_panel_container .services_content .services_content_line > p {
	margin-bottom: 30px;
	margin-top: 7px;
}
#news_container {
	position: fixed;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -100;
	top: 0;
	left: 0;
}
#video_container_part {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999;
	display: none;
}
#video_container_part .video_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#video_container_part .video_box > video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: contain;
}
._single_video_page {
	position: relative;
	overflow: hidden;
}
._single_video_page .single_video_cover {
	position: relative;
	z-index: 9;
}
._single_video_page .single_video {
	position: absolute;
	width: 101%;
	height: 101%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
._single_video_page .single_video_bt {
	width: 277px;
	height: 81px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 83px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
._single_video_page .single_video_close {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 50px;
	height: 50px;
	background: url("../images/close.svg") no-repeat center;
	z-index: 10;
	cursor: pointer;
	display: none;
	background-size: cover;
}
._single_mobile_video_page {
	position: relative;
}
._single_mobile_video_page::before {
	content: '';
	width: 50px;
	height: 50px;
	background: url("../fonts/play.svg") no-repeat center;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	background-size: cover;
	margin: -25px 0 0 -25px;
}
.contact-form-container {
	width: 100%;
	background-color: #fafafa;
	padding-top: 117px;
	padding-bottom: 111px;
}
.contact-form-container .title p {
	text-align: center;
	margin-top: 19px;
}
.contact-form-container .title p:nth-child(1) {
	margin-top: 0;
}
.contact-form-container .title p:nth-child(2) {
	margin-top: 50px;
}
.form-container {
	width: 100%;
	font-size: 16px;
	color: #3e3e3e;
	margin-top: 120px;
	position: relative;
}
.form-container .form-button {
	width: 100%;
	text-align: center;
	margin-top: 100px;
	cursor: pointer;
}
.form-container button {
	cursor: pointer;
	padding: 0;
	width: 200px;
	height: 50px;
	border: 2px solid #036237;
	color: #036237;
	margin: 0 auto;
	line-height: 46px;
	text-align: center;
	font-size: 20px;
}
.form-container .form-row-box {
	width: 100%;
	border-top: 1px solid #e0e0e0;
	padding-top: 28px;
}
.form-row-box.row-two {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.form-row-box.row-two .step-container {
	flex: 0 0 48%;
}
.step-container .title {
	font-size: 20px;
}
.step-container .title span {
	color: #08623a;
	font-size: 16px;
}
.form-container .form-grid {
	margin-top: 40px;
	position: relative;
}
.step-container .title + .form-grid {
	margin-top: 60px;
}
.form-checkbox-container {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 60px;
	position: relative;
}
.form-checkbox-container .form-grid {
	flex: 0 0 25%;
	margin-bottom: 30px;
	margin-top: 0;
}
.form-grid .form-label span {
	color: #08623a;
}
.form-grid .form-control {
	margin-top: 15px;
	position: relative;
}
.form-grid.type-checkbox .form-control {
	flex: 0 0 25%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 0;
	margin-bottom: 30px;
}
.form-grid .form-control input[type="text"], .form-grid .form-control input[type="date"], .form-grid .form-control input[type="number"], .form-grid .form-control input[type="email"] {
	width: 100%;
	padding: 0 25px;
	margin: 0;
	height: 50px;
	font-size: 16px;
	border: 1px solid #e0e0e0;
	color: #3e3e3e;
}
.form-grid .form-control label {
	cursor: pointer;
}
.form-grid .form-control input[type="checkbox"] {
	padding: 0;
	margin: 0;
	width: 25px;
	height: 25px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	margin-right: 7px;
	cursor: pointer;
}
.form-grid .form-control input[type="checkbox"]:checked {
	background-color: rgba(0, 0, 0, 0.9);
}
.form-grid .form-control textarea {
	margin: 0;
	width: 100%;
	height: 266px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	resize: none;
	padding: 25px;
	outline: none;
	font-size: 16px;
	color: #3e3e3e;
}
.form-grid .form-error {
	position: absolute;
	bottom: -23px;
	left: 0;
	color: red;
	font-size: 14px;
	display: none;
}
.form-grid.type-checkbox .form-error {
	bottom: 8px;
}
.form-grid.--wrong .form-error {
	display: block;
}
.contact_top_img.--service-container .inner-image-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/s-bg.png") no-repeat center;
	background-size: cover;
	z-index: 3;
}
.contact_top_img.--service-container ._mask_container {
	background-color: #fff6f3;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.contact_top_img.--service-container .inner-text-container {
	position: absolute;
	bottom: 8.85417vw;
	left: 11.97917%;
	z-index: 4;
}
.contact_top_img.--service-container .inner-text-container .en {
	font-size: 50px;
	color: #206B46;
}
.contact_top_img.--service-container .inner-text-container .cn {
	font-size: 24px;
	margin-top: 15px;
	line-height: 30px;
}
.service-category-container {
	width: 100%;
	background-color: #fff;
	padding-top: 165px;
}
.service-category-container ._title_page {
	width: 100%;
	text-align: center;
}
.service-category-container .service-category-items-container {
	width: 1452px;
	margin: 145px auto 0;
}
/*.service-category-container .service-category-items-container .service-category-items-wrapper { width: calc(100% + 28px); margin-left: -14px; display: flex; justify-content: space-between; align-items: flex-start; }*/
.service-category-container .service-category-items-container .service-category-items-wrapper {
	width: 1440px;
	margin-left: -14px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.service-category-container .service-category-items-container .service-category-item {
	transition: all 1s;
	flex: 1;
	height: 445px;
	padding: 0 14px;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--wrapper {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body {
	width: 100%;
	height: 100%;
	position: relative;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body::before {
	content: '';
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body::after {
	content: '';
	position: absolute;
	transition: all 1s;
}
/*.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-1::before { background-color: #B0D6FD; }*/
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-1::before {
	background-color: #7C98C9;
}
/*.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-1::after { opacity: 0; height: 70px; top: -70px; background: url("../images/type-1-desc-main.png") no-repeat 222px 0; background-size: 357px 480px; width: 100%; left: 0; }*/
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-1 .type-describe-container {
	background: url("../images/type-1-desc-main.png") no-repeat 222px -0px;
	background-size: 475px 451px;
}
/*.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-1::after { opacity: 0; height: 70px; top: -70px; background: url("../images/type-1-desc-main.png") no-repeat 222px 0; background-size: 357px 480px; width: 100%; left: 0; }*/
/*.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-1 .type-describe-container { background: url("../images/type-1-desc-main.png") no-repeat 222px -35px; background-size: 357px 480px; }*/
/*.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-1 .type-describe-container .sub { position: absolute; background: url("../images/type-1-desc-sub-1.png") no-repeat center; width: 96px; height: 103px; background-size: cover; left: 142px; top: 58px; transition: all 1s; opacity: 0; }*/
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-1 .type-overflow-mask {
	width: 288px;
	background-color: #B0D6FD;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-2::before {
	background-color: #F7EAD0;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-2 .type-overflow-mask {
	background-color: #BCEDE5;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-2::after {
	background: url("../images/type-2-desc-main.png") no-repeat right 44px;
	background-size: 441px 356px;
	width: 0;
	height: 100%;
	left: 100%;
	top: 0;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-2 .type-describe-container {
	background: url("../images/type-2-desc-main.png") no-repeat 252px 44px;
	background-size: 441px 356px;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-3::before {
	background-color: #C39495;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-3 .type-overflow-mask {
	background-color: #FDE499;
}
/*.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-3::after { opacity: 0; background: url("../images/type-3-desc-main.png") no-repeat 237px 0px; background-size: 458px 425px; width: 100%; height: 30px; left: 0; top: -30px; }*/
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body.--type-3 .type-describe-container {
	background: url("../images/type-3-desc-main.png") no-repeat 237px -30px;
	background-size: 458px 425px;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body .text-container {
	position: absolute;
	top: 56px;
	left: 43px;
	z-index: 19;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-lists {
	font-size: 16px;
	color: #000;
	line-height: 35px;
	position: relative;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-lists::after {
	content: '';
	width: 95px;
	height: 1px;
	background-color: #000;
	position: absolute;
	bottom: -26px;
	left: 0;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-title {
	color: #000;
	margin-top: 118px;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-title .en {
	text-transform: uppercase;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body .text-container .type-title .cn {
	margin-top: 12px;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body .type-describe-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	border-radius: 10px;
	transition: all 1s;
}
.service-category-container .service-category-items-container .service-category-item .service-category-item--main-body .type-overflow-mask {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	border-radius: 10px;
	height: 100%;
	transition: all 1s;
	display: none;
}
.service-category-container .service-category-items-container .service-category-item.active {
	flex: 2.2;
}
.service-category-container .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-1::after {
	opacity: 1;
	background-position-x: 333px;
}
.service-category-container .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-1 .type-overflow-mask {
	width: 0;
}
.service-category-container .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-1 .type-describe-container {
	background-position-x: 333px;
}
.service-category-container .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-1 .type-describe-container .sub {
	left: 253px;
	opacity: 1;
}
.service-category-container .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-2::after {
	width: 30px;
}
.service-category-container .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-2 .type-describe-container {
	background-position-x: 320px;
}
.service-category-container .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-3::after {
	opacity: 1;
	background-position-x: 289px;
}
.service-category-container .service-category-items-container .service-category-item.active .service-category-item--main-body.--type-3 .type-describe-container {
	background-position-x: 289px;
}
.service-full-page-container {
	width: 100%;
	margin-top: 125px;
	position: relative;
	padding-bottom: 0;
	height: 100vh;
}
.service-full-page-container ._title_page {
	text-align: center;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 19;
}
.service-full-page-container .swiper-container {
	width: 100%;
	height: 51.04167vw;
	position: absolute;
	bottom: 0;
	left: 0;
}
.service-full-page-container .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%;
}
.service-full-page-container .swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
}
.service-full-page-container .swiper-container .service-swiper-pagination {
	width: 8px;
	height: 100%;
	right: 36px;
	top: 0;
	transform: none;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 11;
}
.service-full-page-container .swiper-container .service-swiper-pagination .swiper-pagination-bullet {
	margin-top: 30px;
	background-color: #1F6947;
	opacity: 1;
}
.service-full-page-container .swiper-container .service-swiper-pagination .swiper-pagination-bullet:first-child {
	margin-top: 30px;
}
.service-full-page-container .swiper-container .service-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #FE9E5D;
}
.service-full-page-container .swiper-container .swiper-slide-main-body {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.service-full-page-container .swiper-container .swiper-slide-main-body .card {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all .3s .1s;
}
.service-full-page-container .swiper-container .swiper-slide-main-body .card img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .8s;
}
.service-full-page-container .swiper-container .swiper-slide-main-body .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: 0;
}
.service-full-page-container .swiper-container .swiper-slide-main-body .text {
	position: absolute;
	top: 35.57292vw;
	left: 57.34375vw;
}
.service-full-page-container .swiper-container .swiper-slide-main-body .text .s-title {
	color: #000;
}
.service-full-page-container .swiper-container .swiper-slide-main-body .text .s-title span:nth-child(2) {
	text-transform: capitalize;
	color: #286E4E;
	margin-left: 10px;
}
.service-full-page-container .swiper-container .swiper-slide-main-body .text .s-content {
	margin-top: 1.04167vw;
	color: #3E3E3E;
	width: 22.44792vw;
	line-height: 2.08333vw;
}
.service-full-page-container .swiper-container .s-1-type .swiper-slide-main-body .card {
	transition: all 1s;
}
.service-full-page-container .swiper-container .s-1-type .swiper-slide-main-body .bg {
	background-image: url("../images/bg.png");
	background-size: 72.916vw auto;
	background-position: 0 1.19792vw;
	transition: all 1s .2s;
	transform-origin: 72.916vw center;
	transform: scale3d(0, 0, 0);
}
.service-full-page-container .swiper-container .s-1-type .swiper-slide-main-body .bg.show {
	transform: scale3d(1, 1, 1);
}
.service-full-page-container .swiper-container .s-2-type .swiper-slide-main-body .card {
	transition: all 1s;
}
.service-full-page-container .swiper-container .s-2-type .swiper-slide-main-body .card img:nth-child(4) {
	z-index: -1;
}
.service-full-page-container .swiper-container .s-2-type .swiper-slide-main-body .bg {
	background-image: url("../images/bg.png");
	background-size: 0vw auto;
	background-position: 58.33333vw bottom;
	transition: background 1s .1s;
}
.service-full-page-container .swiper-container .s-2-type .swiper-slide-main-body .bg.show {
	background-size: 72.70833vw auto;
	background-position: 21.97917vw bottom;
	transform: scale(1);
}
.service-full-page-container .swiper-container .s-2-type .swiper-slide-main-body .text {
	left: 10.41667vw;
	top: 27.86458vw;
}
.service-full-page-container .swiper-container .s-2-type .swiper-slide-main-body .text .s-content {
	width: 23.95833vw;
}
.service-full-page-container .swiper-container .s-3-type .swiper-slide-main-body .card {
	transition: all 1s;
}
.service-full-page-container .swiper-container .s-3-type .swiper-slide-main-body .bg {
	background-image: url("../images/bg.png");
	background-size: 74.32292vw auto;
	background-position: left top;
	transform: translate(-100%);
	transition: all 1s .2s;
}
.service-full-page-container .swiper-container .s-3-type .swiper-slide-main-body .bg.show {
	transform: translate(0);
}
.service-full-page-container .swiper-container .s-3-type .swiper-slide-main-body .text {
	left: 64.58333vw;
	top: 25.41667vw;
}
.service-full-page-container .swiper-container .s-3-type .swiper-slide-main-body .text .s-content {
	width: 26.5625vw;
}
.service-full-page-container .swiper-container .s-4-type .swiper-slide-main-body .card {
	transition: all 1s;
}
.service-full-page-container .swiper-container .s-4-type .swiper-slide-main-body .bg {
	background-image: url("../images/bg.png");
	background-size: 102%;
	height: 25%;
	transition: all 1s .2s;
}
.service-full-page-container .swiper-container .s-4-type .swiper-slide-main-body .bg.show {
	height: 100%;
}
.service-full-page-container .swiper-container .s-4-type .swiper-slide-main-body .text {
	left: 64.0625vw;
	top: 38.02083vw;
}
.service-full-page-container .swiper-container .s-5-type .swiper-slide-main-body .card {
	transition: all 1s;
}
.service-full-page-container .swiper-container .s-5-type .swiper-slide-main-body .bg {
	background-image: url("../images/bg.png");
	background-size: 47.55208vw auto;
	background-position: 44.89583vw 7.91667vw;
	transform: scale(0);
	transition: all 1s .3s;
}
.service-full-page-container .swiper-container .s-5-type .swiper-slide-main-body .bg.show {
	transform: scale(1);
}
.service-full-page-container .swiper-container .s-5-type .swiper-slide-main-body .text {
	left: 12.86458vw;
	top: 36.66667vw;
}
.ld-overlap-container {
	transition: all .8s;
	z-index: -99;
}
.ld-overlap-container .ld-3d-parent {
	will-change: transform;
	transition: all .8s;
}
.ld-overlap-container .ld-3d-parent .ld-transform-target {
	will-change: transform;
}
/*.service-bottom-container { width: 100%; height: 20.83333vw; background: url("../images/sbg.jpg") no-repeat center; background-attachment: fixed; position: relative; }*/
.service-bottom-container {
	width: 100%;
	background: url("../images/index-bg-2.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	position: absolute;
	bottom: 360px;
	top: 0
}
.service-bottom-container .sbc-bt {
	width: 199px;
	height: 56px;
	position: absolute;
	top: 50%;
	left: 21.822%;
	transform: translateY(-50%);
	background-color: #0040D0;
	line-height: 56px;
	padding: 0 14px;
	color: #fff;
}
.service-bottom-container .sbc-bt::after {
	content: '';
	width: 24px;
	height: 24px;
	background: url("../images/icon-1.png") no-repeat center;
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
}
.new-style-detail-container {
	width: 100%;
}
.new-style-detail-container .nsdc-nav-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.new-style-detail-container .nsdc-nav-container .nsdc-nav-item {
	flex: 1;
	margin-left: 64px;
	color: #727272;
}
.new-style-detail-container .nsdc-nav-container .nsdc-nav-item:first-child {
	margin-left: 0;
}
.new-style-detail-container .nsdc-nav-container .nsdc-nav-item p {
	text-indent: 1px;
}
.new-style-detail-container .nsdc-nav-container .nsdc-nav-item .nni-title {
	font-weight: 600;
	border-bottom: 2px solid #b2b2b2;
	padding-bottom: 15px;
}
.new-style-detail-container .nsdc-nav-container .nsdc-nav-item .nni-text {
	margin-top: 20px;
}
.new-style-detail-container .nsdc-main-body {
	width: 100%;
	color: #2c2c2c;
	margin-top: 100px;
}
.new-style-detail-container .nsdc-main-body .nsdc-title {
	line-height: 1.2;
}
.new-style-detail-container .nsdc-main-body .nsdc-summary {
	margin-top: 55px;
}
.new-style-detail-container .nsdc-main-body .nsdc-summary p {
	line-height: 25px;
	margin-top: 10px;
}
.new-style-detail-container .nsdc-main-body .nsdc-summary p:first-child {
	margin: 0;
}
.new-style-detail-container .nsdc-button {
	width: 185px;
	height: 50px;
	border-radius: 6px;
	border: 1px solid #2c2c2c;
	position: relative;
	color: #2c2c2c;
	margin-top: 60px;
}
.new-style-detail-container .nsdc-button a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 48px;
	padding-left: 18px;
}
.new-style-detail-container .nsdc-button::after {
	content: '';
	width: 24px;
	height: 15px;
	background: url("../images/a-arrow.png") no-repeat center;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
}
.response_width.site_icon_container {
	padding: 6.14583vw 0;
}
.response_width.site_icon_container.--only-for-mobile {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
}
.response_width.site_icon_container.--only-for-mobile .image_full_width_container .sb_imgs_container {
	margin: 0 2.60417vw;
}
.response_width.site_icon_container + .site_icon_container {
	padding-top: 0;
}
.full_size_container.--index-page {
	position: relative;
}
.full_size_container.--index-page ._text_container {
	text-align: center;
	left: 50%;
	bottom: 1.63894rem;
	transform: translateX(-50%);
}
.full_size_container.--detail-page .arrow4mobile {
	position: relative;
	left: inherit;
	transform: none;
	bottom: inherit;
}
.full_size_container.--detail-page .arrow4mobile .arrow_container_m .arrow_box .icon-arraw_nmb::before {
	content: '\e900';
	background: none;
}
.full_size_container.--service-page {
	position: relative;
	height: 16.48423rem;
	background-color: #FFF6F3;
}
.full_size_container.--service-page ._text_container {
	text-align: center;
	left: 50%;
	bottom: inherit;
	top: 3.45397rem;
	transform: translateX(-50%);
	width: 100%;
	color: #08623A;
}
.full_size_container.--service-page ._text_container p {
	font-family: 'century_gothic', sans-serif;
}
.full_size_container.--service-page ._text_container p:nth-child(2) {
	margin-top: 0.24381rem;
}
.full_size_container.--service-page ._img_container {
	background: url("../images/s-m-bg.png") no-repeat center bottom 2.31619rem;
	-webkit-background-size: contain;
	background-size: contain;
}
.full_size_container.--contact-page {
	position: relative;
	background-color: #FFF6F3;
}
.full_size_container.--contact-page ._img_container {
	background: url("../images/c-m-bg.png") no-repeat center bottom 1.6254rem;
	-webkit-background-size: contain;
	background-size: contain;
}
.full_size_container.--contact-page ._text_container {
	text-align: center;
	left: 50%;
	bottom: inherit;
	top: 4.19894rem;
	transform: translateX(-50%);
	width: 100%;
	color: #08623A;
}
.full_size_container.--contact-page ._text_container p {
	font-family: 'century_gothic', sans-serif;
}
.full_size_container.--contact-page ._text_container p:nth-child(2) {
	margin-top: 0.24381rem;
}
.mobile-brands-lists-container {
	width: 100%;
	background-color: #fff;
	padding-top: 2.08593rem;
	padding-bottom: 1.53058rem;
}
.mobile-brands-lists-container .title p {
	text-align: center;
}
.mobile-brands-lists-container .brands-wrapper {
	margin-top: 1.27323rem;
	width: 100%;
	padding: 0 0.63661rem;
}
.mobile-brands-lists-container .brands-wrapper .brands-item {
	flex: 0 0 50%;
	height: 3.07471rem;
	border-top: 0;
}
.mobile-brands-lists-container .brands-wrapper .brands-item:nth-child(1) {
	border-top: 1px solid #e7e7e7;
}
.mobile-brands-lists-container .brands-wrapper .brands-item:nth-child(2) {
	border-top: 1px solid #e7e7e7;
}
.mobile-brands-lists-container .brands-wrapper .brands-item:nth-child(odd) {
	border-left: 1px solid #e7e7e7;
}
.mobile-brands-lists-container .brands-wrapper .brands-item:nth-child(even) {
	border-left: 0;
}
.mobile-brands-lists-container .brands-wrapper .brand-img img {
	width: 100%;
}
.mobile-index-page-bg-container {
	width: 100%;
	height: 8.65524rem;
	background: url("../images/bottom.png") no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}
.mobile-index-page-bg-container img {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
 @media screen and (max-width: 750px) {
.mobile-jump-bt {
	width: 75%;
	height: 50px;
	border-radius: 10px;
	border: 1px solid transparent;
	position: relative;
	color: #2c2c2c;
	display: block;
	font-size: 0.48762rem;
	margin: 0.8127rem auto 0;
	text-align: center;
	line-height: 50px;
}
.case_show_lists_container .case_item ._text_new_layout {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	top: 0;
	left: 0;
}
.case_show_lists_container .case_item ._text_new_layout::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 0;
	left: 0;
}
.case_show_lists_container .case_item ._text_new_layout .title {
	color: #fff;
	margin-top: 0.74497rem;
	margin-left: 0.74497rem;
	position: relative;
	z-index: 1;
}
.arrow4mobile {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0.37926rem;
}
.arrow4mobile .arrow_container_m {
	width: 0.69079rem;
	height: 0.3928rem;
}
.arrow4mobile .arrow_container_m .arrow_box {
	width: 100%;
	height: 100%;
}
.arrow4mobile .arrow_container_m .arrow_box .icon-arraw_nmb {
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 0;
}
.arrow4mobile .arrow_container_m .arrow_box .icon-arraw_nmb::before {
	content: '';
	width: 100%;
	height: 100%;
	background: url("../images/down-icon.png") no-repeat center;
	background-size: contain;
	display: block;
}
}
.about-mobile-new-part-1 {
	width: 100%;
}
.about-mobile-new-part-1 .img-container {
	position: relative;
	width: 100%;
	padding-top: 100%;
	background: url("../images/about-img-1.png") no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}
.about-mobile-new-part-2 {
	padding-top: 1.7473rem;
	padding-bottom: 1.44931rem;
}
.about-mobile-new-part-2 .title {
	text-align: center;
}
.about-mobile-new-part-2 .mobile-prize-lists {
	margin-top: 0.51471rem;
}
.about-mobile-new-part-2 .mobile-prize-lists li {
	color: #3E3E3E;
	font-family: PingFangSC-Thin, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
	padding-left: 0.73143rem;
	margin-top: 0.40635rem;
}
.about-mobile-new-part-2 .mobile-prize-lists li strong {
	color: #3E3E3E;
	font-family: PingFangSC-Regular, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
	font-weight: normal;
}
.about-mobile-new-part-2 .mobile-prize-lists li:nth-child(1) {
	margin-top: 0;
}
.about-mobile-new-part-2 .mobile-prize-lists:first-child {
	margin-top: 1.57122rem;
}
.about-mobile-new-part-2 .prize-awards-icon {
	width: 100%;
	padding-left: 0.73143rem;
	padding-right: 0.78561rem;
}
.about-mobile-new-part-2 .prize-awards-icon .prize-item {
	width: 100%;
	font-size: 0;
}
.about-mobile-new-part-2 .prize-awards-icon .prize-item img {
	width: 100%;
}
.about-mobile-new-part-3 {
	width: 100%;
	background-color: #161616;
	padding-top: 1.76085rem;
	padding-left: 0.70434rem;
}
.about-mobile-new-part-3 .title {
	color: #fff;
	font-family: PingFangSC-Thin, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
.about-mobile-new-part-3 .title p {
	line-height: 1.5;
}
.about-mobile-new-part-3 .title p:nth-child(3) {
	margin-top: 15px;
}
.about-mobile-new-part-3 .c-brands-container {
	width: 100%;
	padding-right: 0.74497rem;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 1.6254rem;
}
.about-mobile-new-part-3 .c-brands-container .c-brand-item {
	flex: 0 0 33%;
	text-align: center;
	margin-bottom: 1.21905rem;
}
.about-mobile-new-part-3 .c-brands-container .c-brand-item img {
	width: 71%;
	display: inline-block;
}
.about-mobile-new-part-3 .c-brands-container .c-brand-item:nth-child(3n) {
	text-align: right;
}
.about-mobile-new-part-3 .c-brands-container .c-brand-item:nth-child(3n+1) {
	text-align: left;
}
.logo4mobile_container.--new-layout {
	margin-top: 0;
	padding-top: 4.59175rem;
	padding-bottom: 4.60529rem;
	background: url("../images/charles-deluvio-lks7vei-eag-unsplash.png") no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}
.new-opportunity-container {
	width: 100%;
	padding-top: 2.31619rem;
}
.new-opportunity-container .title {
	text-align: center;
}
.new-opportunity-container .opportunities-container {
	width: 100%;
	padding-left: 0.71788rem;
	padding-right: 0.74497rem;
	margin-top: 1.84212rem;
}
.new-opportunity-container .opportunities-container .opportunitiy-item {
	width: 100%;
	height: 6.02751rem;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 0.35217rem;
	position: relative;
}
.new-opportunity-container .opportunities-container .opportunitiy-item .desc-img {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	background-size: contain;
}
.new-opportunity-container .opportunities-container .opportunitiy-item .text-container {
	position: absolute;
	top: 0.69079rem;
	left: 0.50116rem;
}
.new-opportunity-container .opportunities-container .opportunitiy-item .text-container ._content {
	line-height: 1.6;
	position: relative;
}
.new-opportunity-container .opportunities-container .opportunitiy-item .text-container ._content::after {
	content: '';
	width: 0.40635rem;
	height: 1px;
	background-color: #000;
	position: absolute;
	bottom: -0.32508rem;
	left: 0;
}
.new-opportunity-container .opportunities-container .opportunitiy-item .text-container ._title {
	margin-top: 1.48995rem;
}
.new-opportunity-container .opportunities-container .opportunitiy-item .text-container ._title p:nth-child(1) {
	text-transform: uppercase;
}
.new-opportunity-container .opportunities-container .opportunitiy-item .text-container ._title p:nth-child(2) {
	margin-top: 0.17608rem;
}
.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(1) {
	background-color: #7C97C8;
	margin-top: 0;
}
.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(1):before {
	display: block;
	content: '';
	position: absolute;
	height: 100%;
	width: 240px;
	right: 0;
	top: 0;
	background-image: url("../images/type-1-desc-main.png");
	background-repeat: no-repeat;
	background-size: contain;
}
/*.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(1) .desc-img { width: 5.3909rem; height: 6.01397rem; background-image: url("../images/o-1.png"); bottom: 0.75852rem; left: 4.0364rem; }*/
.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(2) {
	background-color: #F7EAD0;
}
.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(2):before {
	display: block;
	content: '';
	position: absolute;
	height: 100%;
	width: 240px;
	right: 0;
	top: 0;
	background-image: url("../images/type-2-desc-main.png");
	background-repeat: no-repeat;
	background-size: contain;
}
/*.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(2) .desc-img { width: 5.60762rem; height: 4.82201rem; background-image: url("../images/o-2.png"); bottom: 0.60952rem; left: 3.96868rem; }*/
.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(3) {
	background-color: #C39495;
}
/*.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(3) .desc-img { width: 5.25545rem; height: 5.28254rem; background-image: url("../images/o-3.png"); bottom: 0.41989rem; left: 4.1854rem; }*/
.new-opportunity-container .opportunities-container .opportunitiy-item:nth-child(3):before {
	display: block;
	content: '';
	position: absolute;
	height: 100%;
	width: 240px;
	right: 0;
	top: 0;
	background-image: url("../images/type-3-desc-main.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.good-works-container {
	width: 100%;
	position: relative;
	margin-top: 0;
	height: 100vh;
}
.good-works-container .title {
	position: absolute;
	top: 1.15132rem;
	left: 0;
	z-index: 11;
	text-align: center;
	width: 100%;
}
.good-works-container .hzpfvdxyfcjtx-container {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container {
	width: 100%;
	height: 100%;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide ._text_container {
	position: absolute;
	width: 100%;
	left: 0;
	padding: 0 1.80148rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide ._text_container .__title {
	font-size: 0;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide ._text_container .__title p {
	display: inline-block;
	zoom: 1;
	vertical-align: bottom;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide ._text_container .__title p:nth-child(1) {
	color: #000;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide ._text_container .__title p:nth-child(2) {
	font-family: 'century_gothic', sans-serif;
	text-transform: capitalize;
	color: #286E4E;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide ._text_container .__content {
	color: #3E3E3E;
	line-height: 1.6;
	margin-top: 0.33862rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide ._desc_img {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	background-size: contain;
	width: 100%;
	left: 0;
	top: 0;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type1 ._text_container {
	top: 2.3rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type1 ._desc_img {
	background-image: url("../images/ui1.png");
	height: 18.24508rem;
	background-size: cover;
	background-position: initial
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type2 ._text_container {
	top: 2.33122rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type2 ._desc_img {
	background-image: url("../images/b.png");
	height: 18.23153rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type3 ._text_container {
	top: 2.3rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type3 ._desc_img {
	background-image: url("../images/c.png");
	height: 18.24508rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type4 ._text_container {
	top: 2.3rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type4 ._desc_img {
	background-image: url("../images/d.png");
	height: 18.24508rem;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type5 ._text_container {
	bottom: 6.7%;
}
.good-works-container .hzpfvdxyfcjtx-container .swiper-container .swiper-wrapper .swiper-slide.--type5 ._desc_img {
	background-image: url("../images/g-5.jpg");
	height: 14.03259rem;
}
.good-works-container .hzpfvdxyfcjtx-container .hzpfvdxyfcjtx-pagination-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	position: absolute;
	left: 50%;
	bottom: 13px;
	transform: translateX(-50%);
	z-index: 12;
	width: 100%;
}
.good-works-container .hzpfvdxyfcjtx-container .hzpfvdxyfcjtx-pagination-container .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	background: #1F6947;
	opacity: 1;
	margin-left: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.good-works-container .hzpfvdxyfcjtx-container .hzpfvdxyfcjtx-pagination-container .swiper-pagination-bullet:first-child {
	margin-top: 0;
}
.good-works-container .hzpfvdxyfcjtx-container .hzpfvdxyfcjtx-pagination-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #FE9E5D;
}
.mobile-service-bg-container {
	width: 100%;
	height: 8.66878rem;
	background: url("../images/bottom.png") no-repeat center;
	background-size: cover;
}
.step-container.--disabled .title {
	opacity: .5;
}
.step-container.--disabled .form-grid .form-label {
	opacity: .5;
}
.step-container.--disabled .form-grid .form-control input {
	pointer-events: none;
	opacity: .5;
}
.step-container.--disabled .form-grid .form-control textarea {
	pointer-events: none;
	opacity: .5;
}
.form-button.--disabled {
	pointer-events: none;
}
.form-button.--disabled button {
	pointer-events: none;
	opacity: .5;
}
._single_video_page {
	position: relative;
}
._single_video_page.--auto-play:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 14;
}
._single_video_page.--auto-play video {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: 12;
}
.single_video_bt.--new-version {
	font-size: 0;
	border: 0;
	background: url("../images/pt.png") no-repeat center;
	width: 10.67708vw;
	height: 10.67708vw;
	-webkit-background-size: contain;
	background-size: contain;
	z-index: 15;
	display: block;
}
.detail_single_text_container ._title {
	line-height: 1.3;
}
._img_container ._bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
._img_container ._main_bg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100% !important;
	transform: translateY(-50%) translateX(-50%);
	height: auto !important;
}
.new-main-frame-container {
	width: 100%;
	height: 100vh;
}
.new-main-frame-container .swiper-wrapper {
	width: 100%;
	flex-direction: column;
	position: relative;
}
.new-main-frame-container .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	transition: top 1s;
	background-color: #fff;
}
.new-main-frame-container .swiper-wrapper .swiper-slide.banner {
	z-index: 22;
}
.new-main-frame-container .swiper-wrapper .swiper-slide.info {
	z-index: 17;
}
.new-main-frame-container .swiper-wrapper .swiper-slide.sp-1 {
	z-index: 21;
}
.new-main-frame-container .swiper-wrapper .swiper-slide.sp-2 {
	z-index: 16;
	background-color: #F6F7F8;
}
.new-main-frame-container .swiper-wrapper .swiper-slide.sp-3 {
	z-index: 15;
}
.new-main-frame-container .swiper-wrapper .swiper-slide.sp-4 {
	z-index: 14;
	background-color: #F6F7F8;
}
.new-main-frame-container .swiper-wrapper .swiper-slide.sp-5 {
	z-index: 13;
}
.new-main-frame-container .service-swiper-pagination {
	width: 8px;
	height: 100%;
	right: 36px !important;
	top: 0 !important;
	transform: none !important;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 11;
}
.new-main-frame-container .service-swiper-pagination .swiper-pagination-bullet {
	margin-top: 30px !important;
	background-color: #1F6947;
	opacity: 1;
}
.new-main-frame-container .service-swiper-pagination .swiper-pagination-bullet:first-child {
	margin-top: 30px !important;
}
.new-main-frame-container .service-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #FE9E5D;
}
.new-main-frame-container .sticky-container {
	width: 100%;
	height: 100%;
	position: relative;
}
.new-main-frame-container .swiper-slide-main-body {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.new-main-frame-container .swiper-slide-main-body .card {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all .3s .1s;
}
.new-main-frame-container .swiper-slide-main-body .card img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .8s;
}
.new-main-frame-container .swiper-slide-main-body .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: 0;
}
.new-main-frame-container .swiper-slide-main-body .text {
	/*position: absolute;
	top: 7.57292vw;
	left: 17.34375vw;*/
	margin:auto;
}
.new-main-frame-container .swiper-slide-main-body .text .s-title {
	color: #000;
}
.new-main-frame-container .swiper-slide-main-body .text .s-title span:nth-child(2) {
	text-transform: capitalize;
	color: #286E4E;
	margin-left: 10px;
}
.new-main-frame-container .swiper-slide-main-body .text .s-content {
	margin-top: 1.04167vw;
	color: #3E3E3E;
	width: 36.44792vw;
	line-height: 2.08333vw;
}
.new-main-frame-container .s-1-type .swiper-slide-main-body .card {
	transition: all 1s;
}
/*.new-main-frame-container .s-1-type .swiper-slide-main-body .bg { background-image: url("../images/bg.png"); background-size: 72.916vw auto; background-position: 0 1.19792vw; transition: all 1s .2s; transform-origin: 72.916vw center; transform: scale3d(0, 0, 0); }*/
.new-main-frame-container .s-1-type .swiper-slide-main-body .bg.show {
	transform: scale3d(1, 1, 1);
}
.new-main-frame-container .s-2-type .swiper-slide-main-body .card {
	transition: all 1s;
}
.new-main-frame-container .s-2-type .swiper-slide-main-body .card img:nth-child(4) {
	z-index: -1;
}
/*.new-main-frame-container .s-2-type .swiper-slide-main-body .bg { background-image: url("../images/bg.png"); background-size: 0vw auto; background-position: 58.33333vw bottom; transition: background 1s .1s; }*/
.new-main-frame-container .s-2-type .swiper-slide-main-body .bg.show {
	background-size: 72.70833vw auto;
	background-position: 21.97917vw bottom;
	transform: scale(1);
}
.new-main-frame-container .s-2-type .swiper-slide-main-body .text {
	left: 10.41667vw;
	top: 6.86458vw;
}
.new-main-frame-container .s-2-type .swiper-slide-main-body .text .s-content {
	width: 35.95833vw;
}
.new-main-frame-container .s-3-type .swiper-slide-main-body .card {
	transition: all 1s;
}
/*.new-main-frame-container .s-3-type .swiper-slide-main-body .bg { background-image: url("../images/bg.png"); background-size: 74.32292vw auto; background-position: left top; transform: translate(-100%); transition: all 1s .2s; }*/
.new-main-frame-container .s-3-type .swiper-slide-main-body .bg.show {
	transform: translate(0);
}
.new-main-frame-container .s-3-type .swiper-slide-main-body .text {
	left: 52.58333vw;
	top: 10.41667vw;
}
.new-main-frame-container .s-3-type .swiper-slide-main-body .text .s-content {
	width: 36.5625vw;
}
.new-main-frame-container .s-4-type .swiper-slide-main-body .card {
	transition: all 1s;
}
/*.new-main-frame-container .s-4-type .swiper-slide-main-body .bg { background-image: url("../images/bg.png"); background-size: 102%; height: 25%; transition: all 1s .2s; }*/
.new-main-frame-container .s-4-type .swiper-slide-main-body .bg.show {
	height: 100%;
}
.new-main-frame-container .s-4-type .swiper-slide-main-body .text {
	left: 7.0625vw;
	top: 14.02083vw;
}
.new-main-frame-container .s-5-type .swiper-slide-main-body .card {
	transition: all 1s;
}
.new-main-frame-container .s-5-type .swiper-slide-main-body .bg {
	background-image: url("../images/bg.png");
	background-size: 47.55208vw auto;
	background-position: 44.89583vw 7.91667vw;
	transform: scale(0);
	transition: all 1s .3s;
}
.new-main-frame-container .s-5-type .swiper-slide-main-body .bg.show {
	transform: scale(1);
}
.new-main-frame-container .s-5-type .swiper-slide-main-body .text {
	left: 12.86458vw;
	top: 36.66667vw;
}
.new-main-frame-container .frames-bone-container {
	width: 100%;
	height: 100%;
}
.new-main-frame-container .frames-bone-container.page-index .index_img_container {
	width: 100%;
	height: 100%;
}
.new-main-frame-container .frames-bone-container.page-index .index_img_container .image_box {
	height: 90vh;
}
.new-main-frame-container .frames-bone-container.page-index .index_img_container .image_box img {
	width: 90%;
	top: inherit;
	bottom: -5%;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 1650px) {
.new-main-frame-container .frames-bone-container.page-index .index_img_container .image_box img {
	width: 90%;
}
}
.new-main-frame-container .frames-bone-container.page-index .index_text_container {
	position: absolute;
	width: 770px;
	height: 59.75%;
	left: 0;
	bottom: 0;
	z-index: 99;
}