.contain {
	width:100%;
	height:100%;
	/* background:#ffffff; */
}
.banner-product {
	margin-top:0;
	height:33.75rem;
	padding:8.75rem 0 0;
	background:url('../../static/img/pageimage/company_introduction/introduct-bg.png')
    no-repeat center;
	background-size:100% 100%;
	text-align:left;
}
.banner-product-title {
	margin-top:0.875rem;
	color:#ffffff;
	font-weight:500;
	font-size:3rem;
}
.banner-product-txt {
	color:#ffffff;
	width:50rem;
	height:5.8125rem;
	font-size:1.25rem;
	font-weight:400;
	line-height:2rem;
	margin-top:1.25rem;
	letter-spacing:1rem;
}
/* nav */
.c2m-nav {
	width:100%;
	height:4rem;
	background:#ffffff;
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06);
}
.c2m-nav-fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	transition:all 0.5s;
}
.c2m-tabs {
	width:75rem;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
}
.c2m-nav-tab {
	text-align:center;
	width:6.25rem;
	font-size:1.125rem;
	font-weight:400;
	line-height:4rem;
	color:rgba(9,15,33,0.5);
}
.c2m-nav-tab a {
	text-decoration:none;
	color:rgba(9,15,33,0.5);
}
.c2m-nav-tab:hover,.c2m-nav-tab-active {
	font-weight:400;
	color:#090f21;
}
.c2m-nav-tab .case-icon-active {
	margin-left:0;
	margin-top:-0.125rem;
}
/* 绠€浠 */
.marketing-container {
	padding:3.5rem 0 3.5625rem;
	background-size:100%;
	text-align:left;
}

.marketing-content {
	position:relative;
	width:75rem;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	z-index:1;
}
.yinhao {
	position:absolute;
	top:2.625rem;
	left:-1.75rem;
	z-index:-1;
}
.marketing-left {
	margin-top:4rem;
}
.marketing-title {
	font-size:2.25rem;
	font-weight:500;
	/* line-height:2.75rem;
	*/
	color:#090f21;
}
.marketing-title-p {
	margin-top:0.5625rem;
	font-size:0.875rem;
	font-weight:400;
	color:rgba(9,15,33,0.5);
	letter-spacing:1.1563rem;
}
.marketing-p {
	width:30.9375rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin-top:3rem;
}
.marketing-right {
	position:relative;
}
.marketing-right img {
	width:39.25rem;
	height:32.1875rem;
}
.map-dot {
	position:absolute;
	width:39.25rem;
	height:31.625rem;
	top:0;
	left:0;
}
.map-circle:nth-child(10) span,.map-circle:nth-child(13) span{
width: 3.5rem;
}
.map-circle {
	width:0.75rem;
	height:0.75rem;
	background:rgba(76,183,221);
	border-radius:50%;
	position:absolute;
}
.map-circle::after {
	content:'';
	display:block;
	position:absolute;
	left:-0.25rem;
	top:-0.25rem;
	width:1.25rem;
	height:1.25rem;
	box-shadow:inset rgba(76,183,221) 0 0 0.3125rem;
	border-radius:50%;
}
.shanghai-dot {
	position:absolute;
	    top: 19.4375rem;
    left: 32.4375rem;
	width:1.125rem;
	height:1.125rem;
	background:rgba(255,184,85);
	border-radius:50%;
}
.map-circle span,.shanghai-dot span {
	position:absolute;
	width:1.75rem;
	font-size:0.875rem;
	font-weight:400;
	/* line-height:1.5rem;
	*/
color:#090F21;
}
.shanghai-tag {
	position:absolute;
	        left: -0.5625rem;
    top: -6rem;
	z-index: 1;
   padding: .625rem .9375rem;
    box-sizing: border-box;
    width: 12.125rem;
    height: 5.75rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.7);
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1);
	opacity:0.86;
	border-radius:0.625rem;
}
.shanghai-tag::after {
	content:'';
	z-index:99;
	border:.7188rem solid transparent;
	border-top-color:#ffffff;
	border-top-width:1rem;
	position:absolute;
	left:.4375rem;
	bottom:-1.625rem;
}
.map-circle:hover::before,.map-circle:hover::after {
	left:-0.375rem!important;
	top:-0.375rem!important;
	box-shadow:inset #4CB7DD 0 0 0.3125rem!important;
}
.shanghai-dot::after,.map-circle:hover::after {
	content:'';
	display:block;
	position:absolute;
	z-index: -1;
	left:-0.1875rem;
	top:-0.1875rem;
	width:1.5rem;
	height:1.5rem;
	box-shadow:inset #FFB855 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 3s ease-out 0s infinite;
	-webkit-animation:loopzoom 3s ease-out 0s infinite;
}
.shanghai-dot::before,.map-circle:hover::before {
	content:'';
	display:block;
	position:absolute;
	left:-0.1875rem;
	top:-0.1875rem;
	width:1.5rem;
	height:1.5rem;
	opacity:0;
	box-shadow:inset #FFB855 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 3s ease-out 1s infinite;
	-webkit-animation:loopzoom 3s ease-out 1s infinite;
}
/* 鍦板浘 */
.map-container {
	background:#ffffff;
	padding:0 0 3.75rem;
}
.map-content {
	width:75rem;
	margin:0 auto;
}
.know_img {
	position:relative;
	margin:2.5rem auto 0 auto;
	width:61.9375rem;
	height:30rem;
	background:url("../img/pageimage/company_introduction/map.png") no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.know_dialog {
	display:block;
	position:absolute;
	top:-2.75rem;
	left:-12.8125rem;
	width:10.75rem;
	height:11.625rem;
	box-sizing:border-box;
	padding:1.25rem;
	background:rgba(255,255,255,1);
	box-shadow:0 0.25rem 0.875rem 0 rgba(12,37,91,0.1);
	transition:.3s all ease-out;
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateY(0.3125rem);
	-ms-transform:translateY(0.3125rem);
	transform:translateY(0.3125rem);
}
.know_dialog h2 {
	font-size:1rem;
	font-weight:500;
	color:rgba(9,15,33,1);
	line-height:1.375rem;
	text-align:left;
	margin-top:0;
	text-indent:0;
}
.know_dialog p {
	text-align:left;
	font-size:0.875rem;
	font-weight:400;
	color:rgba(9,15,33,1);
	line-height:1.875rem;
	margin-top:0.625rem;
}
.know_dialog_nation {
	width:2.625rem;
	float:left;
}
.know_dialog span {
	display:inline-block;
	width:6.125rem;
	/*margin:0.1875rem 0.3125rem 0 0;
	*/
    margin-left:0;
	font-size:0.875rem;
	font-weight:400;
	color:rgba(9,15,33,0.4);
	line-height:1.875rem;
	text-align:left;
}
/*.know_dialog span:nth-child(2n) {
	*/
/*    margin:0.1875rem 0 0 0.9375rem;
	*/
/*
}
*/

.know_item {
	display:flex;
	align-items:center;
	width:12.5rem;
}
.know_item:hover::after,.know_item.clicked1::after {
	content:'';
	display:block;
	position:absolute;
	left:-0.125rem;
	top:0.0625rem;
	width:1.5rem;
	height:1.5rem;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 0s infinite;
}
.know_item:hover::before,.know_item.clicked1::before {
	content:'';
	display:block;
	position:absolute;
	left:-0.125rem;
	top:0.0625rem;
	width:1.5rem;
	height:1.5rem;
	opacity:0;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 1s infinite;
}
.know_item:nth-child(1) {
	position:absolute;
	top:10.375rem;
	left:10.3125rem;
}
.know_item:nth-child(2) {
	position:absolute;
	top:8.375rem;
	left:32.6875rem;
}
.know_item:nth-child(3) {
	position:absolute;
	top:10.875rem;
	left:43.875rem;
}
.know_item:nth-child(4) {
	position:absolute;
	top:16.6875rem;
	left:31.625rem;
}
.know_item:nth-child(5) {
	position:absolute;
	top:21.875rem;
	left:52.5rem;
}
.know_item_circle {
	width:0.75rem;
	height:0.75rem;
	background:rgba(77,183,221,1);
	margin:0.25rem;
	border-radius:50%;
}
.know_item_circle::after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0.1875rem;
	width:1.25rem;
	height:1.25rem;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
}
.know_item:hover .know_item_circle,.know_item.clicked1 .know_item_circle {
	background:rgba(77,183,221,1);
	/* border:.5rem solid rgba(192,238,255,1);
	*/
}
.know_item:hover .know_dialog,.know_item.clicked1 .know_dialog {
	z-index:200;
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}
.item-name {
	margin-left:1rem;
	font-size:1.125rem;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:1.5625rem;
}
.compete_box {
	position:relative;
	height:17.3125rem;
	z-index:2;
	overflow:hidden;
	background-color:#515C72;
}
.compete_tip2 {
	width:100%;
	height:9.8125rem;
}
.compete_tip2_tit {
	height:3rem;
	font-size:3rem;
	font-weight:bold;
	color:#FFFFFF;
	line-height:3rem;
}
.compete_tip2_re {
	margin-top:0.625rem;
	font-size:1rem;
	font-weight:500;
	line-height:1rem;
	color:#FFFFFF;
}
.compete_tip2_txt {
	margin-top:1.25rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:#FFFFFF;
	opacity:0.9;
}
.img-compete1 {
	top:0;
	left:0;
	width:22.75rem;
}
.img-compete2 {
	top:0rem;
	left:5.8125rem;
	width:14.1875rem;
}
.img-compete3 {
	top:-4.0625rem;
	left:54.625rem;
	width:7.9375rem;
}
.img-compete4 {
	right:0;
	bottom:-5.25rem;
	width:9.3125rem;
}
.compete_tips {
	width:75rem;
	height:9.8125rem;
	padding-top:3.75rem;
}
.title_txt-more {
	color:#4DB7DD;
	cursor:pointer;
}
.scroll-background {
	height:17.3125rem;
}
.compete-bg1 {
	position:absolute;
	z-index:1;
	bottom:8.875rem;
	right:0;
	width:28.25rem;
	height:29.8125rem;
	background:url('../img/pageimage/company_introduction/compete-bg1.svg');
    background-size:100% 100%;
	animation:an1 5s infinite;
	-webkit-animation:an1 5s infinite;
}
.compete-bg2 {
     position:absolute;
     z-index:1;
     top:13.1875rem;
     left:-2.5rem;
     width:12.5rem;
     height:12.5rem;
     background:url('../img/pageimage/company_introduction/compete-bg-2.svg');
     background-size:100% 100%;
     animation:an1 3s infinite;
     -webkit-animation:an1 3s infinite;
}
.compete-bg3 {
	position:absolute;
	z-index:1;
	top:7.8125rem;
	left:-7.8125rem;
	width:23.125rem;
	height:23.125rem;
	background:url('../img/pageimage/company_introduction/compete-bg-3.svg');
	background-size:100% 100%;
	animation:an2 3s infinite;
	-webkit-animation:an2 3s infinite;
}
.compete-bg4 {
	position:absolute;
	z-index:1;
	top:3rem;
	left:-12.6875rem;
	width:32.875rem;
	height:32.875rem;
	background:url('../img/pageimage/company_introduction/compete-bg-4.svg');
	background-size:100% 100%;
	animation:an1 3s infinite;
	-webkit-animation:an1 3s infinite;
}
@keyframes an1 {
	to {
   transform:rotate(360deg);
}
}
@keyframes an2 {
	to {
	transform:rotate(-360deg);
}
}
/* 姒傝 */
.domain-container {
	background:#ffffff;
	padding:5.625rem 0 0;
}
.domain-container h1 {
	font-size:2.5rem;
}
.domain-container h2 {
	text-indent:0;
}
.domain-container .marketing-content {
	height:23.75rem;
}
.domain-container .yinhao {
	top:0.75rem;
}
.domain-container .marketing-left {
	margin-top:2.125rem;
}
.domain-container .marketing-p {
	margin-top:2.1875rem;
}
.domain-box {
	width:37.5rem;
	height:28.125rem;
	padding:1.5625rem 1.875rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.1000);
	border-radius:1.25rem;
}
.domain-box img {
	width:100%;
	height:100%;
}
.partner-content {
	width:100%;
}
.partner-con {
	text-align:left;
	width:75rem;
	margin:0 auto;
	z-index:1;
}
.partner-tit {
	font-size:1.125rem;
	font-weight:500;
	color:#090F21;
}
.partner-txt {
	font-size:0.875rem;
	font-weight:400;
	margin-top:0.875rem;
	color:rgba(9,15,33,0.5000);
}
.partner-content .line-icon {
	width:7.5rem;
	height:2.1875rem;
	margin:0 3.75rem 2.5rem 0;
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.0600);
	border-radius:0.625rem;
}
.partner-content .line-icon:nth-child(14),.partner-content .line-icon:nth-child(40) {
	margin-left:5rem;
}
.partner-container {
	margin-left:3.75rem;
	z-index:1;
	overflow:hidden;
	width:100vw;
	height:18.75rem;
	margin-top:3.875rem;
}
#demo table {
	border-collapse:collapse;
}
/* #demo1::-webkit-scrollbar {
	display:none
}
.partner-container .line-box {
	width:100%;
	overflow-y:scroll;
}
*/
.partner-container .line-icon:nth-child(7n) {
	margin-right:3.75rem;
}
.partner-container .line-icon:nth-child(13n) {
	margin-right:0rem;
}
/* 鑷富浜у搧 */
.product-bg {
	width:100%;
	height:100%;
	background:#F5F7FA;
}
.products-container {
	background:#ffffff;
	border-radius:6.25rem 6.25rem 0 0;
	padding:1.0625rem 0 5.8125rem;
}
.advantage-content {
	width:75rem;
	margin:0 auto;
}
.products-container .home-tip-txt > div:first-child {
	height:2rem;
}
.products-container .home-tip-txt > div:first-child {
	font-size:2rem;
	font-weight:500;
	line-height:2rem;
	color:#090F21;
}
.home-tip-title-re {
	font-size:1.125rem;
	font-weight:400;
	line-height:1.125rem;
	color:#28ABC3;
	margin:0.625rem 0 0 0;
}
.products-container .home-tip-txt > div:last-child {
	margin-top:0;
	font-size:1rem;
	font-weight:400;
	color:#090F21;
	line-height:1rem;
}
.products-container .home-tip-p {
	margin-top:3.125rem;
	width:29.375rem;
}
.products-container .home-tip-txt {
	margin-left:0;
}
.products-container .home-tip-txt > div:last-child span a {
	color:#090F21;
}
.products-container .home-tip-txt > div:last-child span a:hover {
	color:#28abc3;
}
.products-container .home-tip-txt > div:last-child span::after {
	content:'';
	width:0.8125rem;
	height:0.8125rem;
	display:inline-block;
	background:url('../img/pageimage/company_introduction/more.svg');
	background-size:100% 100%;
	margin-left:.625rem;
}
.products-container .home-tip-txt > div:last-child>span {
	margin-left:2.625rem;
	margin-top:1.25rem;
	display:inline-block;
}
.products-container .home-tip-txt > div:last-child>span:first-child {
	margin-left:0;
}
.product-tip {
	margin-top:6.0625rem;
}
.product-bg2,.product-bg3,.product-bg4{
	width:13.875rem;
	height:13.875rem;
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%) ;
}
.product-bg2{
z-index:-1;
	background: url('../img/pageimage/company_introduction/product-bg2.svg');
	background-size: 100% 100%;
	animation: circle01 3s ease-out 2s infinite;
	-webkit-animation: circle01 3s ease-out 2s infinite;
}
.product-bg3{
	z-index:-2;
	background: url('../img/pageimage/company_introduction/product-bg3.svg');
	background-size: 100% 100%;
	animation: circle0 3s ease-out 2s infinite;
	-webkit-animation: circle0 3s ease-out 2s infinite;
}
.product-bg4{
	opacity: 0;
	z-index:-3;
	background: url('../img/pageimage/company_introduction/product-bg4.svg');
	background-size: 100% 100%;
	animation: circle1 3s ease-out 2s infinite;
	-webkit-animation: circle1 3s ease-out 2s infinite;
}
@keyframes circle01{
	0%{
		width: 11.875rem;
		height: 11.875rem;
	}
100% {
	width: 13.25rem;
	height: 13.25rem;
}
}
@keyframes circle0 {
100% {
	width: 28.375rem;
	height: 28.375rem;
}
}
@keyframes circle1 {
	50%{
		opacity: 0;
		width: 18.75rem;
	height: 18.75rem;
	}
100% {
	opacity: 1;
	width: 29.625rem;
	height: 29.625rem;
}
}
.produce-tip3-img {
/* margin-left:13.5rem;*/
width:43.75rem;
	height:29.625rem;
}
.produce-tip-box {
	position:absolute;
	width:6.625rem;
	height:6.625rem;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1000);
	border-radius:50%;
}
.produce-tip-box img {
	width:100%;
	height:100%;
}
/* 鏁板瓧骞冲彴 */
.digital-container {
	height:13.75rem;
	padding:3.125rem 1.25rem;
	background:url('../img/pageimage/company_introduction/digital-bg.png');
	background-size:100% 100%;
	text-align:left;
}
.digital-bg{
	margin-left: 0rem;
	width: 62.5rem;
	height: 17.6875rem;
	position: absolute;
	opacity: 0.65;
}
.digital-content {
	width:75rem;
	margin:0 auto;
}
.digital-title {
	font-size:2rem;
	font-weight:500;
	color:#FFFFFF;
}
.digital-txt {
	margin-top:0.8125rem;
	width:52.625rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:2rem;
	color:#FFFFFF;
}
.digital-container .see-more p {
	color:#ffffff;
}
.digital-container .see-more span {
	background:url(../img/pageimage/c2m-marketing/arrow.svg) no-repeat;
    background-size: 100% 100%;
}
/* 浜у搧浼樺娍 */
.advangtages-container {
	background:#F5F7FA;
	padding:4.375rem 0 5.625rem;
}
.advangtages-content {
    margin-top: .3125rem;
	width:75rem;
	margin:0 auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 30.25rem;
}
.advantage-box{
    /* width: 13.125rem; */
text-align: left;
}
.advantage-box:nth-child(2){
    margin-top: 3.4375rem;
}
.advantage-title a:hover{
color: #28ABC3;
}
.advantage-title,.advantage-title a{
font-size: 1.375rem;
font-weight: 500;
color: #090F21;
}

.advantage-txt {
font-size: .75rem;
font-weight: 400;
color: rgba(9,15,33,0.4);
margin: .6875rem 0 1.0625rem;
}

.box-line-bottom {
width: 13.125rem;
height: .0625rem;
background-color: #E9EAEF;
}
.advangtages-content .home-tip:first-child {
    margin-top: 1rem;
}
.advangtages-content .home-tip {
    margin-top: 1.625rem;
    display: flex;
    align-items: center;
}
.advangtages-content .home-tip-img {
    width: 2rem;
    height: 2rem;
    padding: .4375rem;
    background: rgba(255,255,255);
box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1000);
    border-radius: .75rem;
    transition: all 0.5s;
}
.advangtages-content .home-tip-img img{
    width: 100%;
    height: 100%;
}
.advangtages-content .home-tip-txt {
    text-align: left;
    margin-left: .9375rem;
}
.advangtages-content .home-tip-txt a {
    font-size: 1.125rem;
font-weight: 400;
/* line-height: 2.875rem; */
color: rgba(9,15,33,0.7000);
}
.advantage-title span::after{
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    background: url(../img/index-page/nav-title-icon.svg);
    background-size: 100% 100%;
    margin-left: 1.0625rem;
}
.advantage-box:nth-child(2) .advantage-title span::after{
	display: none;
}
/* 浜や粯鑳藉姏 */
.deliver-container {
	background:#ffffff;
	padding:4.375rem 0 5rem;
}
.line-content {
	width:76.25rem;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:1.875rem;
}
.line-box-flex {
	display:flex;
	flex-wrap:wrap;
	margin-right:-2.5rem;
}
.line-icon {
	width:10.5rem;
	height:3.75rem;
	background:rgba(255,255,255);
	margin:0 0.1875rem 1.625rem 0;
}
.line-icon:nth-child(7n) {
	margin-right:0;
}
.line-content .swiper-pagination {
	bottom:0.375rem;
}
/* 娴峰鑳藉姏 */
.core-container {
	background-color:#F5F7FA;
	padding:4.375rem 0 4.8125rem;
	overflow:hidden;
}
.core-p {
	z-index:1;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin:0.625rem 0 2.1875rem 0;
}
.core-box {
	display:flex;
	justify-content:space-between;
	width:75rem;
	height:28.0625rem;
	box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.1000);
	border-radius:2.5rem;
	z-index:1;
	background:rgba(255,255,255);
}
.core-box .industry-box-content {
	margin:0.9375rem 0 0 5.25rem;
	width:24.0625rem;
	text-align:left;
}
.core-box .industry-title {
	margin-top:3.125rem;
	font-size:1.125rem;
	font-weight:400;
	color:#090F21;
}
.core-box .industry-p {
	width:auto;
	margin-top:0.875rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.core-img {
	position:relative;
	width:39.125rem;
	height:28.0625rem;
}
.core-img img {
	width:100%;
	height:100%;
}
.core-img::before {
	position:absolute;
	left:-3.1875rem;
	bottom:0;
	content:'';
	display:inline-block;
	width:11.625rem;
	height:14.625rem;
	background:url('../img/pageimage/company_introduction/box-back.svg');
	background-size:100% 100%;
	z-index:-1;
}

@media (max-width:900px) {
	.product-bg2,.product-bg3,.product-bg4{
	width:6.875rem;
	height:6.875rem;
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%) ;
	-webkit-transform:translate(-50%,-50%) ;
	-moz-transform:translate(-50%,-50%) ;
	-ms-transform:translate(-50%,-50%) ;
	-o-transform:translate(-50%,-50%) ;
}
.product-bg2{
z-index:-1;
	background: url('../img/pageimage/company_introduction/product-bg2.svg');
	background-size: 100% 100%;
	animation: circle01 3s ease-out 2s infinite;
	-webkit-animation: circle01 3s ease-out 2s infinite;
}
.product-bg3{
	z-index:-2;
	background: url('../img/pageimage/company_introduction/product-bg3.svg');
	background-size: 100% 100%;
	animation: circle0 3s ease-out 2s infinite;
	-webkit-animation: circle0 3s ease-out 2s infinite;
}
.product-bg4{
	opacity: 0;
	z-index:-3;
	background: url('../img/pageimage/company_introduction/product-bg4.svg');
	background-size: 100% 100%;
	animation: circle1 3s ease-out 2s infinite;
	-webkit-animation: circle1 3s ease-out 2s infinite;
}
@keyframes circle01{
	0%{
		width: 6.875rem;
		height: 6.875rem;
	}
100% {
	width: 7.25rem;
	height: 7.25rem;
}
}
@keyframes circle0 {
100% {
	width: 14.375rem;
	height: 14.375rem;
}
}
@keyframes circle1 {
	50%{
		opacity: 0;
		width: 4.75rem;
	height: 4.75rem;
	}
100% {
	opacity: 1;
	width: 7.625rem;
	height: 7.625rem;
}
}
}