/*** Menu* --------------------------------------------------*//*header {    display: flex;    align-items: center;    justify-content: space-between;    background-color: transparent;    position: absolute;    top: 0px;    left: 0px;    width: 100%;    z-index: 999;    height: 70px;    padding: 12px 0px;	}@media (max-width: 1023px) {	header {		display: none;	}}header.sticky-menu {    position: fixed;    animation: slide-down 0.7s;	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);    -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 35%);    box-shadow: 0px 0px 5px rgb(0 0 0 / 35%);}.header_logo {	display: inline-block;    padding-left: 85px;}@media (max-width: 996px) {	.header_logo {		padding-left: 0px;		margin-top: 8px;		margin-bottom: 8px;	}	.header_logo img {		width: 100px;	}}.header_downmenu {    padding-right: 220px;    display: inherit;}@media (max-width: 1299px) {	.header_downmenu {		padding-right: 20px;	}}.header_downmenu .header_downmenu_li  {	display: inline-block;    margin-right: 32px;    position: relative;}.header_downmenu .header_downmenu_li:hover .header_downmenu_title {	font-weight: 700;	color: #004ff0;}.header_downmenu .header_downmenu_li .header_downmenu_title {    display: block;	font-size: 15px;    font-family: 'InterRegular';    color: #333;	padding: 22px 0px;}.header_downmenu .header_downmenu_li:hover .header_downmenu_title::before {	content: '';    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 2px;    background-color: #004ff0;}.header_downmenu .header_downmenu_li .header_downmenu_title i {	display: none;}.header_downmenu .header_downmenu_li:hover .header_downmenu_title i {	display: block;	text-align: center;	font-size: 20px;    color: #004ff0;}.header_downmenu .header_downmenu_li.downmenu__about_title:hover .header_downmenu_title,.header_downmenu .header_downmenu_li.downmenu__service_title:hover .header_downmenu_title,.header_downmenu .header_downmenu_li.downmenu__resource_title:hover .header_downmenu_title {	padding: 22px 0px 0px 0px;}.header_downmenu_li ul {	position: absolute;    top: 69px;    left: -80px;    width: 248px;    background-color: rgba(51, 51, 51, 0.949019607843137);    padding: 24px 0px;	z-index: 1000;    border: none;    border-top: 0px;    border-radius: 4px;    border-top-left-radius: 0px;    border-top-right-radius: 0px;    -moz-box-shadow: 0px 0px 3px rgba(121, 121, 121, 0.901960784313726);    -webkit-box-shadow: 0px 0px 3px rgb(121 121 121 / 90%);    box-shadow: 0px 0px 3px rgb(121 121 121 / 90%);}.header_downmenu_li ul li {    padding: 14px 35px;}.header_downmenu_li ul a {	font-family: 'InterRegular';	color: #d7d7d7;	line-height: normal;}.header_downmenu_li ul li:hover {	background-color: #004FF0;}.header_downmenu_li ul a:hover {	color: #fff;}.header_downmenu_li .downmenu_resource_content {	width: 172px;    left: -50px;}.header_downmenu_li .downmenu_about_content {	width: 172px;    left: -60px;}.downmenu_resource_content li,.downmenu_about_content li  {	text-align: center;}.navbar-default {	display: none;}@media (max-width: 1023px) {	.navbar-default {		display: block;	}	.collapse.in {		display: block;	}}.navbar-default .navbar-toggle {    border-color: #ddd;}.navbar-toggle {    position: relative;    float: right;    padding: 9px 10px;    margin-top: 8px;    margin-bottom: 8px;    background-color: transparent;    background-image: none;    border: 1px solid transparent;    border-radius: 4px;}.sr-only {    position: absolute;    width: 1px;    height: 1px;    padding: 0;    margin: -1px;    overflow: hidden;    clip: rect(0,0,0,0);    border: 0;}.navbar-default .navbar-toggle .icon-bar {    background-color: #888;}.navbar-toggle .icon-bar {    display: block;    width: 22px;    height: 2px;    border-radius: 1px;}.navbar-toggle .icon-bar+.icon-bar {    margin-top: 4px;}.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border-color: #e7e7e7;}.navbar-collapse {    padding-right: 15px;    padding-left: 15px;    overflow-x: visible;    -webkit-overflow-scrolling: touch;    border-top: 1px solid transparent;    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);}.collapse {    display: none;}.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border-color: #e7e7e7;}.navbar-collapse.in {    overflow-y: auto;}.collapsing {  position: relative;  height: 0;  overflow: hidden;  -webkit-transition-property: height, visibility;  transition-property: height, visibility;  -webkit-transition-duration: 0.35s;  transition-duration: 0.35s;  -webkit-transition-timing-function: ease;  transition-timing-function: ease;}.navbar-collapse {    padding-right: 15px;    padding-left: 15px;    overflow-x: visible;    -webkit-overflow-scrolling: touch;    border-top: 1px solid transparent;    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);}.navbar-nav {    margin: 7.5px -15px;}.nav {    padding-left: 0;    margin-bottom: 0;    list-style: none;}.nav>li {    position: relative;    display: block;}.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {    color: #555;    background-color: #e7e7e7;}.navbar-default .navbar-nav>li>a {    font-size: 15px;    font-family: 'InterRegular';    color: #333;}.navbar-default .navbar-nav>li>a:hover {	font-weight: 700;	color: #004ff0;}.navbar-nav>li>a {    padding-top: 10px;    padding-bottom: 10px;    line-height: 20px;}.nav>li>a {    position: relative;    display: block;    padding: 10px 15px;}.dropdown, .dropup {    position: relative;}.caret {    display: inline-block;    width: 0;    height: 0;    margin-left: 2px;    vertical-align: middle;    border-top: 4px dashed;    border-top: 4px solid\9;    border-right: 4px solid transparent;    border-left: 4px solid transparent;}.navbar-nav>li>.dropdown-menu {    margin-top: 0;    border-top-left-radius: 0;    border-top-right-radius: 0;}@media (max-width: 1399px) {	.navbar-nav .open .dropdown-menu {		position: static;		float: none;		width: auto;		margin-top: 0;		border: 0;		-webkit-box-shadow: none;		box-shadow: none;		background-color: rgba(51, 51, 51, 0.949019607843137);		border-radius: 4px;		border-top-left-radius: 0px;		border-top-right-radius: 0px;		-moz-box-shadow: 0px 0px 3px rgba(121, 121, 121, 0.901960784313726);		-webkit-box-shadow: 0px 0px 3px rgb(121 121 121 / 90%);		box-shadow: 0px 0px 3px rgb(121 121 121 / 90%);	}}.dropdown-menu {    position: absolute;    top: 100%;    left: 0;    z-index: 1000;    display: none;    float: left;    min-width: 160px;    padding: 5px 0;    margin: 2px 0 0;    font-size: 14px;    text-align: left;    list-style: none;    background-color: #fff;    -webkit-background-clip: padding-box;    background-clip: padding-box;    border: 1px solid #ccc;    border: 1px solid rgba(0,0,0,.15);    border-radius: 4px;    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}.dropdown-menu>li>a {    display: block;    padding: 3px 20px;    clear: both;    font-weight: 400;    line-height: 1.42857143;    color: #333;    white-space: nowrap;}.open > .dropdown-menu {  display: block;}.open > a {  outline: 0;}.dropdown-menu-content a {	font-family: 'InterRegular';    color: #d7d7d7;    line-height: normal;}.dropdown-menu-content li {	padding: 14px 35px;}.dropdown-menu-content li:hover {	background-color: #004FF0;}*//*** Common* --------------------------------------------------*/.row0{	padding: 0px;}.margin0{	margin: 0px;}.service-button{	font-family: "InterRegular", sans-serif;	font-size: 14px;    width: 80px;    height: 80px;    color: #fff;    background-color: #004FF0;	padding: 8px 30px;    line-height: 24px;}.service-button:hover {	color: #004FF0 !important;    background-color: transparent;    border: 1px solid #4D4D4D !important;    border-color: #004FF0 !important;	text-decoration: none;}.service-header{	padding: 30px 0px 20px 30px;}.service-header h1{	color: #004FF0;    font-size: 2.9375rem;    float: left;    line-height: 40px;}@media (max-width: 767px){	.service-header img {		width: 160px;	}}/*** VIDEO* --------------------------------------------------*/.service-video-section {    margin-bottom: 20px;}.video-indexed-content {    display: flex;    justify-content: space-between;    align-items: center;	background-color: #FAFAFA;}.video-indexed-left {    max-width: 500px;    padding: 0px 50px;}.video-indexed-left h1 {    font-size: 50px;    color: #004FF0;    margin-bottom: 35px;}.video-indexed-left p {    color: #4D4D4D;    font-size: 16px;    line-height: 1.4;    margin-bottom: 10px;}.video-indexed-left p span {    color: #004FF0;}.video-indexed-left ul {    padding-left: 20px;    margin-bottom: 40px;    margin-top: 40px;}.video-indexed-left ul li {	font-family: 'InterRegular', sans-serif;    color: #4D4D4D;    font-size: 16px;    line-height: 1.6;    list-style-type: disc;}.video-indexed-right {    max-width: 1250px;}.video-indexed-right .item-img {    position: relative;    padding: 0;}.video-indexed-right .f_in_installation,.video-indexed-right .f_in_studio{	position: relative;}.video-indexed-right .f_text {    position: absolute;    bottom: 0;    left: 0;    display: flex;    justify-content: space-between;    align-items: flex-end;}.video-indexed-right .f_text .f_line {    width: 60px;    height: 8px;    background-color: #004FF0;}.video-indexed-right .f_text  .f_icon {    width: 80px;    height: 90px;    text-align: center;    background-color: #004FF0;}.video-indexed-right .f_icon img {    width: 26px;    padding: 10px 0px 5px;    margin: 0 auto;}.video-indexed-right .f_icon p {    font-size: 12px;    color: #fff;    line-height: 20px;}.video-indexed-right .item-img-overlay {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: #000;    opacity: 0;    -webkit-transition: all 0.5s;    transition: all 0.5s;    z-index: 2;    -webkit-transform: translateY(10px);    transform: translateY(10px);}.item-img-overlay img{	position: absolute;    width: 64px;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);}.item-img:hover .item-img-overlay {    opacity: 0.6;    -webkit-transform: translateY(0);    transform: translateY(0);}@media screen and (max-width: 1199px) {    .video-indexed-content {        flex-direction: column;    }	.video-indexed-left {        max-width: 100%;		padding: 20px;		margin-bottom: 60px;    }	.video-indexed-right >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		margin-bottom: 20px;		padding: 0px 20px;	}	.video-indexed-left h1 {		font-size: 30px;		margin-bottom: 0px;	}	.video-indexed-left p {		margin-bottom: 10px;	}	.item-img-overlay img{		width: 44px;	}}@media (min-width: 1200px) and (max-width: 1499px){	.service-photograph-section .container-wide,	.service-video-section .container-wide,	.service-print-section .container-wide,	.service-package-section .container-wide,	.service-plan-section .container-wide,	.service-design-section .container-wide,	.service-pos-section .container-wide,	.service-team-section .container-wide,	.service-index-section .container-wide,	.service-contact-section .container-wide	{        width: 1150px;		max-width: 1150px;    }}@media (min-width: 1500px) and (max-width: 1799px){	.service-photograph-section .container-wide,	.service-video-section .container-wide,	.service-print-section .container-wide,	.service-package-section .container-wide,	.service-plan-section .container-wide,	.service-design-section .container-wide,	.service-pos-section .container-wide,	.service-team-section .container-wide,	.service-index-section .container-wide,	.service-contact-section .container-wide	{        width: 1450px;		max-width: 1450px;    }}@media (min-width: 1800px) {    .service-photograph-section .container-wide,	.service-video-section .container-wide,	.service-print-section .container-wide,	.service-package-section .container-wide,	.service-plan-section .container-wide,	.service-design-section .container-wide,	.service-pos-section .container-wide,	.service-team-section .container-wide,	.service-index-section .container-wide,	.service-contact-section .container-wide	{        width: 1750px;		max-width: 1750px;    }}/*** PHOTOGRAPHY & 3D RENDERING* --------------------------------------------------*/.service-photograph-section {    margin-bottom: 20px;	padding-top: 50px;}.photograph-text-top h1 {    font-size: 50px;    color: #004FF0;    margin-top: 40px;    margin-bottom: 20px;    text-align: center;}.f_in_right {    position: relative;    overflow: hidden;}.f_in_right .f_text {    position: absolute;    bottom: 7%;    left: 5%;}.f_in_right .f_text h3 {    color: #4d4d4d;    font-size: 24px;}.f_in_left {    position: relative;    overflow: hidden;}.f_in_left .f_text {    position: absolute;    top: 10%;    left: 10%;}.f_in_left .f_text h3 {    color: #fff;    font-size: 24px;    text-align: left;}.f_in_left1 {    position: relative;    overflow: hidden;}.f_in_left1 .f_text {    position: absolute;    bottom: 5%;    right: 10%;}.f_in_left1 .f_text h3 {    color: #4d4d4d;    font-size: 24px;    text-align: left;}          .f_in_center {    position: relative;    overflow: hidden;}.f_in_center .f_text {    position: absolute;    top: 5%;    width: 100%;    text-align: center;}.f_in_center .f_text img {    width: 61px;    margin: 0 auto;}.f_in_center .f_text p {    color: #4d4d4d;    font-size: 24px;    line-height: 1.4;}.photograph-text-bottom {    margin-bottom: 30px;}.photograph-text-bottom p {     color: #4D4D4D;     font-size: 16px;     line-height: 1.4;     text-align: center;}.photograph-text-bottom span {    color: #004FF0;}.photograph-indexed-item .f_text span {	font-family: 'InterMedium', sans-serif;}@media screen and (max-width: 991px) {	.service-photograph-section {		padding: 20px;	}	.photograph-text-top h1 {		font-size: 30px;	}	.photograph-indexed-item >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		margin-bottom: 20px;	}}/*** PACKAGING* --------------------------------------------------*/.service-package-section {    margin-bottom: 20px;}.package-indexed-content {    display: flex;    justify-content: space-between;    align-items: center;	background-color: #FAFAFA;}.package-indexed-left {    max-width: 500px;    padding: 0px 60px;}.package-indexed-left h1 {    font-size: 50px;    color: #004FF0;    margin-bottom: 35px;}.package-indexed-left p {    color: #4D4D4D;    font-size: 16px;    line-height: 1.4;    margin-bottom: 40px;}.package-indexed-left p span {    color: #004FF0;}.package-indexed-left ul {    padding-left: 20px;    margin-bottom: 40px;}.package-indexed-left ul li {	font-family: 'InterRegular', sans-serif;    color: #4D4D4D;    font-size: 16px;    line-height: 1.6;    list-style-type: disc;}.package-indexed-right {    max-width: 1250px;}.package-item-img{	position: relative;	overflow: hidden;}.package-item-img img {    transform: scale(1, 1);    transition: 1s;	width: 100%;    will-change: transform;}.package-item-img:hover img {	transform: scale(1.05, 1.05);}@media screen and (max-width: 1199px) {    .package-indexed-content {        flex-direction: column;    }	.package-indexed-left {        max-width: 100%;		padding: 20px;		margin-bottom: 60px;    }	.package-indexed-right >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		padding: 0px 20px;	}	.package-indexed-item >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		margin-bottom: 20px;	}	.package-indexed-left h1 {		font-size: 30px;	}}/*** PLAN* --------------------------------------------------*/.service-plan-section {    margin-bottom: 20px;}.plan-indexed-content {    display: flex;    justify-content: space-between;    align-items: center;	background-color: #FAFAFA;}.plan-indexed-right {    max-width: 500px;    padding: 0px 60px;}.plan-indexed-right h1 {    font-size: 50px;    color: #004FF0;    margin-bottom: 35px;}.plan-indexed-right p {    color: #4D4D4D;    font-size: 16px;    line-height: 1.4;    margin-bottom: 40px;}.plan-indexed-right p span {    color: #004FF0;}.plan-indexed-right ul {    padding-left: 20px;    margin-bottom: 40px;}.plan-indexed-right ul li {	font-family: 'InterRegular', sans-serif;    color: #4D4D4D;    font-size: 16px;    line-height: 1.6;    list-style-type: disc;    }.plan-indexed-left {    max-width: 1250px;}.plan-item-img{	position: relative;	overflow: hidden;}.plan-item-img img {    transform: scale(1, 1);    transition: 1s;	width: 100%;    will-change: transform;}.plan-item-img:hover img {	transform: scale(1.05, 1.05);}@media screen and (max-width: 1199px) {    .plan-indexed-content {        flex-direction: column;    }	.plan-indexed-right {        max-width: 100%;		padding: 20px;		margin-bottom: 60px;    }	.plan-indexed-left >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		margin-top: 20px;		padding: 0px 20px;	}	.plan-indexed-item >* {		margin-top: 20px;		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;	}	.plan-indexed-right h1 {		font-size: 30px;	}}@media screen and (max-width: 1199px) {    .plan-indexed-content {        flex-direction: column;    }}/*** INDUSTRIAL DESIGN* --------------------------------------------------*/.service-design-section {    margin-bottom: 20px;}.design-indexed-content {    display: flex;    justify-content: space-between;    align-items: center;	background-color: #FAFAFA;}.design-indexed-left {    max-width: 500px;    padding: 0px 60px;}.design-indexed-left h1 {    font-size: 50px;	line-height: 50px;    color: #004FF0;    margin-bottom: 35px;}.design-indexed-left p {    color: #4D4D4D;    font-size: 16px;    line-height: 1.4;    margin-bottom: 40px;}.design-indexed-left p span {    color: #004FF0}.design-indexed-left ul {    padding-left: 20px;    margin-bottom: 40px;}.design-indexed-left ul li {	font-family: 'InterRegular', sans-serif;    color: #4D4D4D;    font-size: 16px;    line-height: 1.6;    list-style-type: disc;    }.design-indexed-right {    max-width: 1250px;}@media screen and (max-width: 1199px) {    .design-indexed-content {        flex-direction: column;    }	.design-indexed-left {        max-width: 100%;		padding: 20px;    }	.design-indexed-right >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		padding: 0px 20px;	}	.design-indexed-item >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		margin-bottom: 20px;	}	.design-indexed-left h1 {		font-size: 30px;	}}@media screen and (max-width: 1199px) {    .design-indexed-content {        flex-direction: column;    }}/*** POS* --------------------------------------------------*/.service-pos-section {    margin-bottom: 20px;}.pos-indexed-content {    display: flex;    justify-content: space-between;    align-items: center;	background-color: #FAFAFA;}.pos-indexed-right {    max-width: 500px;    padding: 0px 60px;}.pos-indexed-right h1 {    font-size: 50px;	line-height: 40px;    color: #004FF0;    margin-bottom: 35px;}.pos-indexed-right h1 span {    font-size: 20px;}.pos-indexed-right p {    color: #4D4D4D;    font-size: 16px;    line-height: 1.4;    margin-bottom: 40px;}.pos-indexed-right p span {    color: #004FF0}.pos-indexed-right ul {    padding-left: 20px;    margin-bottom: 40px;}.pos-indexed-right ul li {	font-family: 'InterRegular', sans-serif;    color: #4D4D4D;    font-size: 16px;    line-height: 1.6;    list-style-type: disc;    }.pos-indexed-left {    max-width: 1250px;}.pos-item-img{	position:relative;	overflow:hidden;}.pos-item-img img {    transform: scale(1, 1);    transition: 1s;	width: 100%;    will-change: transform;}.pos-item-img:hover img {	transform: scale(1.05, 1.05);}@media screen and (max-width: 1199px) {    .pos-indexed-content {        flex-direction: column;    }	.pos-indexed-right {        max-width: 100%;		padding: 20px;    }	.pos-indexed-left >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		margin-top: 20px;		padding: 0px 20px;	}	.pos-indexed-item >* {		margin-top: 20px;	}	.pos-indexed-right h1 {		font-size: 30px;	}}@media screen and (max-width: 1199px) {    .pos-indexed-content {        flex-direction: column;    }}/*** PRINT* --------------------------------------------------*/.service-print-section {    margin-bottom: 20px;}.print-indexed-content {	display: flex;    justify-content: space-between;	background-color: #FAFAFA;	align-items: center;}.print-indexed-left {    max-width: 730px;}.print-indexed-right {    max-width: 1020px;	padding: 0px 80px 0px 60px;}.print-indexed-right ul:first-child {	display: flex;    justify-content: space-between;    align-items: flex-end;}.print-right-left{	max-width: 560px;    padding-right: 80px;}.print-right-right{	max-width: 320px;    padding-left: 60px;}.print-right-left p{	color: #4D4D4D;    font-size: 16px;    line-height: 1.4;	margin-bottom: 40px;}.print-right-left p span {    color: #004FF0;}.print-right-left ul {    padding-left: 20px;    margin-bottom: 40px;}.print-right-left ul li {	font-family: 'InterRegular', sans-serif;    color: #4D4D4D;    font-size: 16px;    line-height: 1.6;    list-style-type: disc;}.print-right-right h1{	font-size: 50px;    color: #004FF0;}.print-right-right p {    color: #4D4D4D;    font-size: 16px;    line-height: 1.4;}.print-pages-brochure,.print-pages-catalog {    margin-bottom: 30px;}.print-pages-poster {    margin-bottom: 60px;}.print-pages-listed {    display: flex;    justify-content: space-between;    align-items: center;}.print-pages-listed h6 {    font-size: 14px;    color: #4d4d4d;}.print-pages-listed h6 span {    color: #004FF0;}.print-pages-line {    display: flex;    justify-content: space-between;    align-items: center;    margin-top: 10px;}.print-pages-brochure .pages-lines-left {    width: 300px;    height: 5px;    background-color: #004FF0;}.print-pages-brochure .pages-lines-right {    width: 180px;    height: 5px;    background-color: #969796;}.print-pages-catalog .pages-lines-left {    width: 460px;    height: 5px;    background-color: #004FF0;}.print-pages-catalog .pages-lines-right {    width: 20px;    height: 5px;    background-color: #969796;}   .print-pages-poster .pages-lines-left {    width: 40px;    height: 5px;    background-color: #004FF0;}.print-pages-poster .pages-lines-right {    width: 440px;    height: 5px;    background-color: #969796;} @media screen and (max-width: 1199px) {    .print-indexed-content{        flex-direction: column;		padding: 20px;    }	.print-indexed-right ul:first-child {        flex-direction: column;		align-items: flex-start;    }	.print-indexed-right {		padding: 30px 0px 0px;		margin-bottom: 20px;    }	.print-right-left {		max-width: 320px;		padding: 0px;	}	.print-right-left h1 {		font-size: 30px;	}	.print-right-right {		max-width: auto;		padding: 20px 0px 0px;	}	.print-right-right h1 {		font-size: 30px;	}}/*** Creative Team* --------------------------------------------------*/.service-team-section{    margin-bottom: 20px;}@media screen and (max-width: 991px) {	.team-item-img >* {		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		margin-top: 20px;	}}/*** SERVICE INDEX* --------------------------------------------------*/.service-index-section{	padding-bottom: 20px;}.service-index-list{	background-color: #FAFAFA;	padding: 20px 0px 20px 10px;}.service-index-item >* {	padding-right: 5px;}.service-list-text{	margin-bottom: 10px;}.service-list-text p {	font-family: 'InterBold', sans-serif;	font-size: 14px;    margin-bottom:0;}.service-list-text ul li{	font-family: 'InterRegular', sans-serif;	font-size: 14px;	line-height: 20px;}.service-list-text ul span{	font-size: 12px;}.service-index-img{	position: relative;}.service-index-img img{	width: 100%;}.service-index-text{	position: absolute;    top: 30px;    left: 20px;}.service-index-text p{	font-family: 'InterBold', sans-serif;	font-size: 20px;}.service-index-h1{	padding: 60px 0px 20px;    text-align: center;    margin: 0 auto;}.service-index-h1 h1{	font-size: 50px;    color: #004FF0;}.service-text-color p{	color: #fff;}.list-design{	height: 598px;}.list-copy{	height: 290px;}.list-video{	height: 188px;}@media screen and (max-width: 991px) {	.service-index-item .col-md-6, 	.service-index-item .col-md-3 {		float: left;	}	.service-index-text{		top: 15px;	}	.service-index-item > *{		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;		margin-top: 20px;	}	.service-index-h1 {		padding: 30px 0px 0px;	}	.service-index-h1 h1{		font-size: 30px;	}}.service-contact-section{	padding-bottom: 20px;}.service-contact-item{	position: relative;    overflow: hidden;	background-color: #004FF0;}.parallax-txt-left h1,.parallax-txt-right h1{	font-size: 21.25rem;}@media screen and (max-width: 1399px) {    .service-contact-item {		padding: 30px 40px 0px;	}}/*** Footer* --------------------------------------------------*/@media (min-width: 1700px) {	.package-quote-section .container {		width: 1680px;		max-width: 1680px;	}}.package-quote-section {    padding: 120px 0px 20px;}.package-quote-text {	text-align: center;    padding-bottom: 80px;}.package-quote-text h1 {	font-size: 35px;    color: #333;    padding-bottom: 45px;	line-height: normal;    font-family: 'InterRegular', sans-serif;}.package-quote-text a {	font-family: 'InterRegular';    display: inline-block;    border: 1px solid #333;    border-radius: 30px;    font-size: 15px;    color: #333;    padding: 13px 34px;}.package-quote-text a:hover {	background-color: #333;	border: 1px solid #333;	color: #fff;    text-decoration:none;}@media (max-width: 767px) {	.package-quote-text h1 {		font-size: 30px;	}}/*.package-contact-item {	display: flex;    justify-content: space-between;    align-items: center;}.package-contact-left {    max-width: 410px;}.package-contact-left p {    font-size: 14px;    color: #555;}.package-contact-left a {    font-family: 'InterRegular';    font-size: 14px;    color: #555;}.package-contact-left a:hover {	font-family: 'InterBold';    color: #555;}.package-contact-right ul {    float: right;}.package-contact-right ul li {    font-family: 'InterRegular';    font-size: 14px;    color: #555;    display: inline-block;    margin-right: 5px;}.package-contact-right ul i {    color: #7F7F7F;    font-size: 24px;}.package-contact-right ul li:hover i {	color: #333;}@media (max-width: 991px){	.package-contact-item{		flex-direction: column;	}	.package-contact-left {		padding-bottom: 20px;		text-align: center;	}}*//*** Back To Top* --------------------------------------------------*//*.back-to-top {	display: none;    background: #004ff0;    position: fixed;    bottom: 40px;    right: 40px;    cursor: pointer;    padding: 8px;    width: 40px;    height: 40px;    color: #fff;    border-radius: 5px;}.back-to-top:hover i {	color: #fff;    font-weight: 600;}*/.service-box {    margin:73px 0 240px 0;    overflow:hidden;}    .service-box h1 {        font-size: 86px;        font-weight: bold;        color: #000;        margin-bottom: 46px;        margin-top:0px;        font-family: 'LumiSansRegular';    }    .service-box .con {        max-width:1720px;        margin:0 auto;    }        .service-box .con .service-line {           overflow:hidden;           margin-bottom:40px;        }            .service-box .con .service-line .tabs {                overflow: hidden;                display: inline-flex;                margin-bottom:50px;            }                .service-box .con .service-line .tabs li {                    color: #c1c1c1;                    margin-right: 12px;                    display: inline;                }                    .service-box .con .service-line .tabs li a {                        color: rgba(47, 47, 47, 0.30);                        padding: 5px 10px 4px 10px ;                        line-height: 24px;                        font-size: 16px;                        border: 1px solid rgba(47, 47, 47, 0.3);                        border-radius:99px;                        font-family: 'LumiSansRegular';                        display:block;                    }                        .service-box .con .service-line .tabs li a.active {                            color: #fff;                            text-decoration: none;                            background: #0051F5;                            border: 1px solid #0051F5;                        }                        .service-box .con .service-line .tabs li a:hover {                            text-decoration: none;                            color: #fff;                            text-decoration: none;                            background: #0051F5;                            border: 1px solid #0051F5;                        }.cr-container,.cr-container4{    width: 1720px;    height: 660px;    position: relative;    margin: 0 auto;    /*border: 20px solid #fff;    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);*/}    .cr-container label,    .cr-container4 label {        width: 25%;        cursor: pointer;        float: left;        position: relative;        z-index: 1000;        height: 100%;        background: rgba(0, 0, 0, 0.2)    }        .cr-container label h2,        .cr-container4 label h2 {            padding: 32px 24px 12px 24px;            color: #fff;            font-size: 32px;            letter-spacing: -1px;            font-family: 'LumiSansLight';            overflow-wrap: break-word;            line-height: 40px;        }        .cr-container label p,        .cr-container4 label p {            padding: 0 24px;            color: #fff;            font-size: 16px;            line-height: 24px;            font-family: 'LumiSansRegular';            font-weight: 100;        }.serviceItem-line {    padding: 0 24px 0 26px;    width: 100%;    overflow: hidden;    position: absolute;    bottom: 21px;    display:none;    justify-content: space-between;}    .serviceItem-line span {        font-size: 20px;        color: #fff;        font-family: 'LumiSansRegular';        font-weight: 100;    }    .serviceItem-line .services-itemize {        width: 32px;        height: 32px;        border: 1px solid #fff;        border-radius: 50%;        line-height: 28px;        text-align: center;        display: block;    }    /* .cr-container label:before {            content: '';            width: 34px;            height: 34px;            background: rgba(130,195,217,0.9);            position: absolute;            left: 50%;            margin-left: -17px;            border-radius: 50%;            box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);            z-index: -1;        }*/    /*.cr-container label:after {*/    /* width: 1px;*//*height: 660px;    content: '';    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);    background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );    position: absolute;    bottom: -20px;    right: 0px;}*/        .cr-container label.cr-label-img-4:after {            width: 0px;        }.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1,.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2,.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3,.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4,.cr-container4 input.cr-selector-img-1:checked ~ label.cr-label-img-1,.cr-container4 input.cr-selector-img-2:checked ~ label.cr-label-img-2,.cr-container4 input.cr-selector-img-3:checked ~ label.cr-label-img-3,.cr-container4 input.cr-selector-img-4:checked ~ label.cr-label-img-4 {    color: #68abc2;}       /* .cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1:before,        .cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2:before,        .cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3:before,        .cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4:before {            background: #fff;            box-shadow: 0px 0px 0px 4px rgba(104,171,194,0.6);        }*/.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1,.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2,.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3,.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4,.cr-container4 input.cr-selector-img-1:checked ~ label.cr-label-img-1,.cr-container4 input.cr-selector-img-2:checked ~ label.cr-label-img-2,.cr-container4 input.cr-selector-img-3:checked ~ label.cr-label-img-3,.cr-container4 input.cr-selector-img-4:checked ~ label.cr-label-img-4 {    background: rgba(0, 81, 245, 0.8);}    .cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,    .cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2 p,    .cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3 p,    .cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4 p,    .cr-container4 input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,    .cr-container4 input.cr-selector-img-2:checked ~ label.cr-label-img-2 p,    .cr-container4 input.cr-selector-img-3:checked ~ label.cr-label-img-3 p,    .cr-container4 input.cr-selector-img-4:checked ~ label.cr-label-img-4 p {        color: rgba(199, 199, 199, 0.30)    }    .cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,    .cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line,    .cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3 .serviceItem-line,    .cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4 .serviceItem-line,    .cr-container4 input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,    .cr-container4 input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line,    .cr-container4 input.cr-selector-img-3:checked ~ label.cr-label-img-3 .serviceItem-line,    .cr-container4 input.cr-selector-img-4:checked ~ label.cr-label-img-4 .serviceItem-line {        display: flex;    }.cr-container input,.cr-container4 input {    display: none;}.cr-bgimg,.cr-bgimg4 {    width: 1720px;    height: 660px;    position: absolute;    left: 0px;    top: 0px;    z-index: 1;}.cr-bgimg,.cr-bgimg4 {    background-repeat: no-repeat;    background-position: 0 0;}    .cr-bgimg div,    .cr-bgimg4 div {        width: 25%;        height: 100%;        position: relative;        float: left;        overflow: hidden;        background-repeat: no-repeat;    }        .cr-bgimg div span,        .cr-bgimg4 div span {            position: absolute;            width: 100%;            height: 100%;            top: 0px;            left: -430px;            z-index: 2;            text-indent: -9000px;        }            .cr-container input.cr-selector-img-1:checked ~ .cr-bgimg,            .cr-bgimg div span:nth-child(1) {                background-image: url(../../images/services/6.jpg);            }            .cr-container input.cr-selector-img-2:checked ~ .cr-bgimg,            .cr-bgimg div span:nth-child(2) {                background-image: url(../../images/services/7.gif);            }            .cr-container input.cr-selector-img-3:checked ~ .cr-bgimg,            .cr-bgimg div span:nth-child(3) {                background-image: url(../../images/services/8.jpg);            }            .cr-container input.cr-selector-img-4:checked ~ .cr-bgimg,            .cr-bgimg div span:nth-child(4) {                background-image: url(../../images/services/9.jpg);            }            .cr-container4 input.cr-selector-img-1:checked ~ .cr-bgimg4,            .cr-bgimg4 div span:nth-child(1) {                background-image: url(../../images/services/10.jpg);            }            .cr-container4 input.cr-selector-img-2:checked ~ .cr-bgimg4,            .cr-bgimg4 div span:nth-child(2) {                background-image: url(../../images/services/11.jpg);            }            .cr-container4 input.cr-selector-img-3:checked ~ .cr-bgimg4,            .cr-bgimg4 div span:nth-child(3) {                background-image: url(../../images/services/12.jpg);            }            .cr-container4 input.cr-selector-img-4:checked ~ .cr-bgimg4,            .cr-bgimg4 div span:nth-child(4) {                background-image: url(../../images/services/13.jpg);            }        .cr-bgimg div:nth-child(1) span,        .cr-bgimg4 div:nth-child(1) span {            background-position: 0px 0px;        }        .cr-bgimg div:nth-child(2) span,        .cr-bgimg4 div:nth-child(2) span {            background-position: -430px 0px;        }        .cr-bgimg div:nth-child(3) span,        .cr-bgimg4 div:nth-child(3) span {            background-position: -860px 0px;        }        .cr-bgimg div:nth-child(4) span,         .cr-bgimg4 div:nth-child(4) span {            background-position: -1290px 0px;        }.cr-container input:checked ~ .cr-bgimg div span,.cr-container4 input:checked ~ .cr-bgimg4 div span {    -webkit-animation: slideOut 0.6s ease-in-out;    -moz-animation: slideOut 0.6s ease-in-out;    -o-animation: slideOut 0.6s ease-in-out;    -ms-animation: slideOut 0.6s ease-in-out;    animation: slideOut 0.6s ease-in-out;}@-webkit-keyframes slideOut {    0% {        left: 0px;    }    100% {        left: 430px;    }}@-moz-keyframes slideOut {    0% {        left: 0px;    }    100% {        left: 430px;    }}@-o-keyframes slideOut {    0% {        left: 0px;    }    100% {        left: 430px;    }}@-ms-keyframes slideOut {    0% {        left: 0px;    }    100% {        left: 430px;    }}@keyframes slideOut {    0% {        left: 0px;    }    100% {        left: 430px;    }}.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4),.cr-container4 input.cr-selector-img-1:checked ~ .cr-bgimg4 div span:nth-child(1),.cr-container4 input.cr-selector-img-2:checked ~ .cr-bgimg4 div span:nth-child(2),.cr-container4 input.cr-selector-img-3:checked ~ .cr-bgimg4 div span:nth-child(3),.cr-container4 input.cr-selector-img-4:checked ~ .cr-bgimg4 div span:nth-child(4) {    -webkit-transition: left 0.5s ease-in-out;    -moz-transition: left 0.5s ease-in-out;    -o-transition: left 0.5s ease-in-out;    -ms-transition: left 0.5s ease-in-out;    transition: left 0.5s ease-in-out;    -webkit-animation: none;    -moz-animation: none;    -o-animation: none;    -ms-animation: none;    animation: none;    left: 0px;    z-index: 10;}/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */@media screen and (max-width: 768px) {    .cr-container input,    .cr-container4 input {        display: inline;        width: 24%;        margin-top: 350px;        z-index: 1000;        position: relative;    }    .cr-container label,    .cr-container4 label {        display: none;    }}/*   三格 */.cr-container2,.cr-container3,.cr-container5,.cr-container7,.cr-container8 {    width: 1720px;    height: 660px;    position: relative;    margin: 0 auto;}    .cr-container2 label,    .cr-container3 label,    .cr-container5 label,    .cr-container7 label,    .cr-container8 label{        width: 33.3%;        cursor: pointer;        float: left;        position: relative;        z-index: 1000;        height: 100%;        background: rgba(0, 0, 0, 0.2)    }        .cr-container2 label h2,        .cr-container3 label h2,        .cr-container5 label h2,        .cr-container7 label h2,        .cr-container8 label h2 {            padding: 32px 24px 12px 24px;            color: #fff;            font-size: 32px;            letter-spacing: -1px;            font-family: 'LumiSansLight';        }        .cr-container2 label p,        .cr-container3 label p,        .cr-container5 label p,        .cr-container7 label p,        .cr-container8 label p {            padding: 0 24px;            color: #fff;            font-size: 16px;            line-height: 24px;            font-family: 'LumiSansRegular';            font-weight: 100;        }    .cr-container2 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container2 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container2 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container3 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container3 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container3 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container5 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container5 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container5 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container7 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container7 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container7 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container8 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container8 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container8 input.cr-selector-img-3:checked ~ label.cr-label-img-3 {        color: #68abc2;    }    .cr-container2 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container2 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container2 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container3 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container3 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container3 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container5 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container5 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container5 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container7 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container7 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container7 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container8 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container8 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container8 input.cr-selector-img-3:checked ~ label.cr-label-img-3 {        background: rgba(0, 81, 245, 0.8);    }        .cr-container2 input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,        .cr-container2 input.cr-selector-img-2:checked ~ label.cr-label-img-2 p,        .cr-container2 input.cr-selector-img-3:checked ~ label.cr-label-img-3 p,        .cr-container3 input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,        .cr-container3 input.cr-selector-img-2:checked ~ label.cr-label-img-2 p,        .cr-container3 input.cr-selector-img-3:checked ~ label.cr-label-img-3 p,        .cr-container5 input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,        .cr-container5 input.cr-selector-img-2:checked ~ label.cr-label-img-2 p,        .cr-container5 input.cr-selector-img-3:checked ~ label.cr-label-img-3 p,        .cr-container7 input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,        .cr-container7 input.cr-selector-img-2:checked ~ label.cr-label-img-2 p,        .cr-container7 input.cr-selector-img-3:checked ~ label.cr-label-img-3 p,        .cr-container8 input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,        .cr-container8 input.cr-selector-img-2:checked ~ label.cr-label-img-2 p,        .cr-container8 input.cr-selector-img-3:checked ~ label.cr-label-img-3 p {            color: rgba(199, 199, 199, 0.30)        }        .cr-container2 input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,        .cr-container2 input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line,        .cr-container2 input.cr-selector-img-3:checked ~ label.cr-label-img-3 .serviceItem-line,        .cr-container3 input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,        .cr-container3 input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line,        .cr-container3 input.cr-selector-img-3:checked ~ label.cr-label-img-3 .serviceItem-line,        .cr-container5 input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,        .cr-container5 input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line,        .cr-container5 input.cr-selector-img-3:checked ~ label.cr-label-img-3 .serviceItem-line,        .cr-container7 input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,        .cr-container7 input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line,        .cr-container7 input.cr-selector-img-3:checked ~ label.cr-label-img-3 .serviceItem-line,        .cr-container8 input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,        .cr-container8 input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line,        .cr-container8 input.cr-selector-img-3:checked ~ label.cr-label-img-3 .serviceItem-line {            display: flex;        }    .cr-container2 input,    .cr-container3 input,    .cr-container5 input,    .cr-container7 input,    .cr-container8 input {        display: none;    }.cr-bgimg2,.cr-bgimg3,.cr-bgimg5,.cr-bgimg7,.cr-bgimg8 {    width: 1720px;    height: 660px;    position: absolute;    left: 0px;    top: 0px;    z-index: 1;}.cr-bgimg2,.cr-bgimg3,.cr-bgimg5,.cr-bgimg7,.cr-bgimg8 {    background-repeat: no-repeat;    background-position: 0 0;}    .cr-bgimg2 div,    .cr-bgimg3 div,    .cr-bgimg5 div,    .cr-bgimg7 div,    .cr-bgimg8 div {        width: 33.3%;        height: 100%;        position: relative;        float: left;        overflow: hidden;        background-repeat: no-repeat;    }        .cr-bgimg2 div span,        .cr-bgimg3 div span,        .cr-bgimg5 div span,        .cr-bgimg7 div span,        .cr-bgimg8 div span {            position: absolute;            width: 100%;            height: 100%;            top: 0px;            left: -572.7px;            z-index: 2;            text-indent: -9000px;        }            .cr-container2 input.cr-selector-img-1:checked ~ .cr-bgimg2,            .cr-bgimg2 div span:nth-child(1) {                background-image: url(../../images/services/20.jpg);            }            .cr-container2 input.cr-selector-img-2:checked ~ .cr-bgimg2,            .cr-bgimg2 div span:nth-child(2) {                background-image: url(../../images/services/21.jpg);            }            .cr-container2 input.cr-selector-img-3:checked ~ .cr-bgimg2,            .cr-bgimg2 div span:nth-child(3) {                background-image: url(../../images/services/22.jpg);            }            .cr-container3 input.cr-selector-img-1:checked ~ .cr-bgimg3,            .cr-bgimg3 div span:nth-child(1) {                background-image: url(../../images/services/14.jpg);            }            .cr-container3 input.cr-selector-img-2:checked ~ .cr-bgimg3,            .cr-bgimg3 div span:nth-child(2) {                background-image: url(../../images/services/15.jpg);            }            .cr-container3 input.cr-selector-img-3:checked ~ .cr-bgimg3,            .cr-bgimg3 div span:nth-child(3) {                background-image: url(../../images/services/16.jpg);            }            .cr-container5 input.cr-selector-img-1:checked ~ .cr-bgimg5,            .cr-bgimg5 div span:nth-child(1) {                background-image: url(../../images/services/17.jpg);            }            .cr-container5 input.cr-selector-img-2:checked ~ .cr-bgimg5,            .cr-bgimg5 div span:nth-child(2) {                background-image: url(../../images/services/18.jpg);            }            .cr-container5 input.cr-selector-img-3:checked ~ .cr-bgimg5,            .cr-bgimg5 div span:nth-child(3) {                background-image: url(../../images/services/19.jpg);            }            .cr-container7 input.cr-selector-img-1:checked ~ .cr-bgimg7,            .cr-bgimg7 div span:nth-child(1) {                background-image: url(../../images/services/28.jpg);            }            .cr-container7 input.cr-selector-img-2:checked ~ .cr-bgimg7,            .cr-bgimg7 div span:nth-child(2) {                background-image: url(../../images/services/29.jpg);            }            .cr-container7 input.cr-selector-img-3:checked ~ .cr-bgimg7,            .cr-bgimg7 div span:nth-child(3) {                background-image: url(../../images/services/30.jpg);            }            .cr-container8 input.cr-selector-img-1:checked ~ .cr-bgimg7,            .cr-bgimg8 div span:nth-child(1) {                background-image: url(../../images/services/28.jpg);            }            .cr-container8 input.cr-selector-img-2:checked ~ .cr-bgimg7,            .cr-bgimg8 div span:nth-child(2) {                background-image: url(../../images/services/29.jpg);            }            .cr-container8 input.cr-selector-img-3:checked ~ .cr-bgimg7,            .cr-bgimg8 div span:nth-child(3) {                background-image: url(../../images/services/30.jpg);            }        .cr-bgimg2 div:nth-child(1) span,        .cr-bgimg3 div:nth-child(1) span,        .cr-bgimg5 div:nth-child(1) span,        .cr-bgimg7 div:nth-child(1) span,        .cr-bgimg8 div:nth-child(1) span {            background-position: 0px 0px;        }        .cr-bgimg2 div:nth-child(2) span,        .cr-bgimg3 div:nth-child(2) span,        .cr-bgimg5 div:nth-child(2) span,        .cr-bgimg7 div:nth-child(2) span,        .cr-bgimg8 div:nth-child(2) span {            background-position: -572.7px 0px;        }        .cr-bgimg2 div:nth-child(3) span,        .cr-bgimg3 div:nth-child(3) span,        .cr-bgimg5 div:nth-child(3) span,        .cr-bgimg7 div:nth-child(3) span,        .cr-bgimg8 div:nth-child(3) span {            background-position: -1145.5px 0px;        }.cr-container2 input:checked ~ .cr-bgimg2 div span,.cr-container3 input:checked ~ .cr-bgimg3 div span,.cr-container5 input:checked ~ .cr-bgimg5 div span,.cr-container7 input:checked ~ .cr-bgimg7 div span,.cr-container8 input:checked ~ .cr-bgimg8 div span {    -webkit-animation: slideOut2 0.6s ease-in-out;    -moz-animation: slideOut2 0.6s ease-in-out;    -o-animation: slideOut2 0.6s ease-in-out;    -ms-animation: slideOut2 0.6s ease-in-out;    animation: slideOut2 0.6s ease-in-out;}@-webkit-keyframes slideOut2 {    0% {        left: 0px;    }    100% {        left: 572.7px;    }}@-moz-keyframes slideOut2 {    0% {        left: 0px;    }    100% {        left: 572.7px;    }}@-o-keyframes slideOut2 {    0% {        left: 0px;    }    100% {        left: 572.7px;    }}@-ms-keyframes slideOut2 {    0% {        left: 0px;    }    100% {        left: 572.7px;    }}@keyframes slideOut2 {    0% {        left: 0px;    }    100% {        left: 572.7px;    }}.cr-container2 input.cr-selector-img-1:checked ~ .cr-bgimg2 div span:nth-child(1),.cr-container2 input.cr-selector-img-2:checked ~ .cr-bgimg2 div span:nth-child(2),.cr-container2 input.cr-selector-img-3:checked ~ .cr-bgimg2 div span:nth-child(3),.cr-container3 input.cr-selector-img-1:checked ~ .cr-bgimg3 div span:nth-child(1),.cr-container3 input.cr-selector-img-2:checked ~ .cr-bgimg3 div span:nth-child(2),.cr-container3 input.cr-selector-img-3:checked ~ .cr-bgimg3 div span:nth-child(3),.cr-container5 input.cr-selector-img-1:checked ~ .cr-bgimg5 div span:nth-child(1),.cr-container5 input.cr-selector-img-2:checked ~ .cr-bgimg5 div span:nth-child(2),.cr-container5 input.cr-selector-img-3:checked ~ .cr-bgimg5 div span:nth-child(3),.cr-container7 input.cr-selector-img-1:checked ~ .cr-bgimg7 div span:nth-child(1),.cr-container7 input.cr-selector-img-2:checked ~ .cr-bgimg7 div span:nth-child(2),.cr-container7 input.cr-selector-img-3:checked ~ .cr-bgimg7 div span:nth-child(3),.cr-container8 input.cr-selector-img-1:checked ~ .cr-bgimg8 div span:nth-child(1),.cr-container8 input.cr-selector-img-2:checked ~ .cr-bgimg8 div span:nth-child(2),.cr-container8 input.cr-selector-img-3:checked ~ .cr-bgimg8 div span:nth-child(3) {    -webkit-transition: left 0.5s ease-in-out;    -moz-transition: left 0.5s ease-in-out;    -o-transition: left 0.5s ease-in-out;    -ms-transition: left 0.5s ease-in-out;    transition: left 0.5s ease-in-out;    -webkit-animation: none;    -moz-animation: none;    -o-animation: none;    -ms-animation: none;    animation: none;    left: 0px;    z-index: 10;}/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */@media screen and (max-width: 768px) {    .cr-container2 input,    .cr-container3 input,    .cr-container5 input,    .cr-container7 input,    .cr-container8 input {        display: inline;        width: 33.3%;        margin-top: 350px;        z-index: 1000;        position: relative;    }    .cr-container2 label,    .cr-container3 label,    .cr-container5 label,    .cr-container7 label，    .cr-container8 label {        display: none;    }}/*   五格 */.cr-container6 {    width: 1720px;    height: 660px;    position: relative;    margin: 0 auto;}    .cr-container6 label {        width: 20%;        cursor: pointer;        float: left;        position: relative;        z-index: 1000;        height: 100%;        background: rgba(0, 0, 0, 0.2)    }        .cr-container6 label h2 {            padding: 32px 24px 12px 24px;            color: #fff;            font-size: 32px;            letter-spacing: -1px;            font-family: 'LumiSansLight';            overflow-wrap: break-word;            line-height:40px;        }        .cr-container6 label p {            padding: 0 24px;            color: #fff;            font-size: 16px;            line-height: 24px;            font-family: 'LumiSansRegular';            font-weight: 100;        }    .cr-container6 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container6 input.cr-selector-img-2:checked ~ label.cr-label-img-2,    .cr-container6 input.cr-selector-img-3:checked ~ label.cr-label-img-3,    .cr-container6 input.cr-selector-img-4:checked ~ label.cr-label-img-4,    .cr-container6 input.cr-selector-img-5:checked ~ label.cr-label-img-5 {        color: #68abc2;    }.cr-container6 input.cr-selector-img-1:checked ~ label.cr-label-img-1,.cr-container6 input.cr-selector-img-2:checked ~ label.cr-label-img-2,.cr-container6 input.cr-selector-img-3:checked ~ label.cr-label-img-3,.cr-container6 input.cr-selector-img-4:checked ~ label.cr-label-img-4,.cr-container6 input.cr-selector-img-5:checked ~ label.cr-label-img-5 {    background: rgba(0, 81, 245, 0.8);}.cr-container6 input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,.cr-container6 input.cr-selector-img-2:checked ~ label.cr-label-img-2 p,.cr-container6 input.cr-selector-img-3:checked ~ label.cr-label-img-3 p,.cr-container6 input.cr-selector-img-4:checked ~ label.cr-label-img-4 p,.cr-container6 input.cr-selector-img-5:checked ~ label.cr-label-img-5 p {    color: rgba(199, 199, 199, 0.30)}        .cr-container6 input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,        .cr-container6 input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line,        .cr-container6 input.cr-selector-img-3:checked ~ label.cr-label-img-3 .serviceItem-line,        .cr-container6 input.cr-selector-img-4:checked ~ label.cr-label-img-4 .serviceItem-line,        .cr-container6 input.cr-selector-img-5:checked ~ label.cr-label-img-5 .serviceItem-line {            display: flex;        }    .cr-container6 input {        display: none;    }.cr-bgimg6 {    width: 1720px;    height: 660px;    position: absolute;    left: 0px;    top: 0px;    z-index: 1;}.cr-bgimg6 {    background-repeat: no-repeat;    background-position: 0 0;}    .cr-bgimg6 div{        width: 20%;        height: 100%;        position: relative;        float: left;        overflow: hidden;        background-repeat: no-repeat;    }        .cr-bgimg6 div span {            position: absolute;            width: 100%;            height: 100%;            top: 0px;            left: -344px;            z-index: 2;            text-indent: -9000px;        }            .cr-container6 input.cr-selector-img-1:checked ~ .cr-bgimg6,            .cr-bgimg6 div span:nth-child(1) {                background-image: url(../../images/services/1.jpg);            }            .cr-container6 input.cr-selector-img-2:checked ~ .cr-bgimg6,            .cr-bgimg6 div span:nth-child(2) {                background-image: url(../../images/services/2.jpg);            }            .cr-container6 input.cr-selector-img-3:checked ~ .cr-bgimg6,            .cr-bgimg6 div span:nth-child(3) {                background-image: url(../../images/services/3.gif);            }            .cr-container6 input.cr-selector-img-4:checked ~ .cr-bgimg6,            .cr-bgimg6 div span:nth-child(4) {                background-image: url(../../images/services/4.jpg);            }            .cr-container6 input.cr-selector-img-5:checked ~ .cr-bgimg6,            .cr-bgimg6 div span:nth-child(5) {                background-image: url(../../images/services/5.gif);            }        .cr-bgimg6 div:nth-child(1) span {            background-position: 0px 0px;        }        .cr-bgimg6 div:nth-child(2) span {            background-position: -344px 0px;        }        .cr-bgimg6 div:nth-child(3) span{            background-position: -688px 0px;        }        .cr-bgimg6 div:nth-child(4) span {            background-position: -1032px 0px;        }        .cr-bgimg6 div:nth-child(5) span {            background-position: -1376px 0px;        }.cr-container6 input:checked ~ .cr-bgimg6 div span {    -webkit-animation: slideOut3 0.6s ease-in-out;    -moz-animation: slideOut3 0.6s ease-in-out;    -o-animation: slideOut3 0.6s ease-in-out;    -ms-animation: slideOut3 0.6s ease-in-out;    animation: slideOut3 0.6s ease-in-out;}@-webkit-keyframes slideOut3 {    0% {        left: 0px;    }    100% {        left: 344px;    }}@-moz-keyframes slideOut3 {    0% {        left: 0px;    }    100% {        left: 344px;    }}@-o-keyframes slideOut3 {    0% {        left: 0px;    }    100% {        left: 344px;    }}@-ms-keyframes slideOut3 {    0% {        left: 0px;    }    100% {        left: 344px;    }}@keyframes slideOut3 {    0% {        left: 0px;    }    100% {        left: 344px;    }}.cr-container6 input.cr-selector-img-1:checked ~ .cr-bgimg6 div span:nth-child(1),.cr-container6 input.cr-selector-img-2:checked ~ .cr-bgimg6 div span:nth-child(2),.cr-container6 input.cr-selector-img-3:checked ~ .cr-bgimg6 div span:nth-child(3),.cr-container6 input.cr-selector-img-4:checked ~ .cr-bgimg6 div span:nth-child(4),.cr-container6 input.cr-selector-img-5:checked ~ .cr-bgimg6 div span:nth-child(5) {    -webkit-transition: left 0.5s ease-in-out;    -moz-transition: left 0.5s ease-in-out;    -o-transition: left 0.5s ease-in-out;    -ms-transition: left 0.5s ease-in-out;    transition: left 0.5s ease-in-out;    -webkit-animation: none;    -moz-animation: none;    -o-animation: none;    -ms-animation: none;    animation: none;    left: 0px;    z-index: 10;}/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */@media screen and (max-width: 768px) {    .cr-container6 input {        display: inline;        width: 20%;        margin-top: 350px;        z-index: 1000;        position: relative;    }    .cr-container6 label {        display: none;    }}/*   两格 */.cr-container9 {    width: 1720px;    height: 660px;    position: relative;    margin: 0 auto;}    .cr-container9 label {        width: 100%;        cursor: pointer;        float: left;        position: relative;        z-index: 1000;        height: 100%;        background: rgba(0, 0, 0, 0.2)    }        .cr-container9 label h2 {            padding: 32px 24px 12px 24px;            color: #fff;            font-size: 32px;            letter-spacing: -1px;            font-family: 'LumiSansLight';        }        .cr-container9 label p {            padding: 0 24px;            color: #fff;            font-size: 16px;            line-height: 24px;            font-family: 'LumiSansRegular';            font-weight: 100;        }    .cr-container9 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container9 input.cr-selector-img-2:checked ~ label.cr-label-img-2 {        color: #68abc2;    }    .cr-container9 input.cr-selector-img-1:checked ~ label.cr-label-img-1,    .cr-container9 input.cr-selector-img-2:checked ~ label.cr-label-img-2 {        background: rgba(0, 81, 245, 0.8);    }        .cr-container9 input.cr-selector-img-1:checked ~ label.cr-label-img-1 p,        .cr-container9 input.cr-selector-img-2:checked ~ label.cr-label-img-2 p {            color: rgba(199, 199, 199, 0.30)        }        .cr-container9 input.cr-selector-img-1:checked ~ label.cr-label-img-1 .serviceItem-line,        .cr-container9 input.cr-selector-img-2:checked ~ label.cr-label-img-2 .serviceItem-line{            display: flex;        }    .cr-container9 input {        display: none;    }.cr-bgimg9 {    width: 1720px;    height: 660px;    position: absolute;    left: 0px;    top: 0px;    z-index: 1;}.cr-bgimg9 {    background-repeat: no-repeat;    background-position: 0 0;}    .cr-bgimg9 div {        width: 50%;        height: 100%;        position: relative;        float: left;        overflow: hidden;        background-repeat: no-repeat;    }        .cr-bgimg9 div span {            position: absolute;            width: 100%;            height: 100%;            top: 0px;            left: -860px;            z-index: 2;            text-indent: -9000px;        }            .cr-container9 input.cr-selector-img-1:checked ~ .cr-bgimg9,            .cr-bgimg8 div span:nth-child(1) {                background-image: url(../../images/services/23.jpg);            }            .cr-container9 input.cr-selector-img-2:checked ~ .cr-bgimg9,            .cr-bgimg9 div span:nth-child(2) {                background-image: url(../../images/services/27.jpg);            }        .cr-bgimg9 div:nth-child(1) span {            background-position: 0px 0px;        }        .cr-bgimg9 div:nth-child(2) span {            background-position: -860px 0px;        }.cr-container9 input:checked ~ .cr-bgimg9 div span {    -webkit-animation: slideOut4 0.6s ease-in-out;    -moz-animation: slideOut4 0.6s ease-in-out;    -o-animation: slideOut4 0.6s ease-in-out;    -ms-animation: slideOut4 0.6s ease-in-out;    animation: slideOut4 0.6s ease-in-out;}@-webkit-keyframes slideOut4 {    0% {        left: 0px;    }    100% {        left: 860px;    }}@-moz-keyframes slideOut4 {    0% {        left: 0px;    }    100% {        left: 860px;    }}@-o-keyframes slideOut4 {    0% {        left: 0px;    }    100% {        left: 860px;    }}@-ms-keyframes slideOut4 {    0% {        left: 0px;    }    100% {        left: 860px;    }}@keyframes slideOut4 {    0% {        left: 0px;    }    100% {        left: 860px;    }}.cr-container9 input.cr-selector-img-1:checked ~ .cr-bgimg9 div span:nth-child(1),.cr-container9 input.cr-selector-img-2:checked ~ .cr-bgimg9 div span:nth-child(2){    -webkit-transition: left 0.5s ease-in-out;    -moz-transition: left 0.5s ease-in-out;    -o-transition: left 0.5s ease-in-out;    -ms-transition: left 0.5s ease-in-out;    transition: left 0.5s ease-in-out;    -webkit-animation: none;    -moz-animation: none;    -o-animation: none;    -ms-animation: none;    animation: none;    left: 0px;    z-index: 10;}/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */@media screen and (max-width: 1200px) {    .service-box {        margin: 73px 0 80px 0;    }    .service-box h1 {        font-size: 90px;    }    .service-box .con .service-line .tabs {        margin-bottom: 40px;    }    .cr-container, .cr-container4 {        width: 100%;    }        .cr-container label h2, .cr-container4 label h2 {            font-size: 28px;            overflow-wrap: break-word;            line-height: 40px;        }}@media screen and (max-width:991px) {        .service-box h1 {            font-size: 60px;            font-weight:normal;            margin:0 16px 69px 16px;        }    .service-box-listxs {        margin: 0 16px;        border-top: 1px solid rgba(0, 0, 0, 0.15);    }    .service-box-listxs h2{        height:24px;        line-height:24px;        margin:28px 8px;        font-size:16px;        color:#000;    }    .service-box-line-new {        width: 100%;        margin: 0 auto;    }       .service-box-line-new .service-box-img {            margin-bottom: 54px;            width: 100%;        }            .service-box-line-new .service-box-img .swiper-container {                margin-left: auto;                margin-right: auto;                position: relative;                overflow: hidden;                list-style: none;                padding: 0;                z-index: 1;            }                .service-box-line-new .service-box-img .swiper-container .swiper-slide {                    margin:0 20px 0 0;                }                .service-box-line-new .service-box-img .swiper-container .swiper-slide img {                    width: 100%;                }                    .service-box-line-new .service-box-img .swiper-container .swiper-slide h3 {                        font-size:16px;                        line-height:24px;                        color:#000;                        margin-top:24px;                    }                    .service-box-line-new .service-box-img .swiper-container .swiper-slide p {                        font-size: 16px;                        line-height: 24px;                        color: rgba(47, 47, 47, 0.30);                        height:96px;                    }}@media screen and (max-width: 768px) {    .cr-container9 input {        display: inline;        width: 100%;        margin-top: 350px;        z-index: 1000;        position: relative;    }    .cr-container9 label {        display: none;    }    .service-box {        margin: 40px 0 40px 0;    }        .service-box h1 {            font-size: 32px;            margin: 0 16px 40px 16px;        }}