.contain {
	min-width: 375px;
	width:100%;
	height:100%;
	/* background:#ffffff; */
}
.banner-product {
	margin-top:2.75rem;
	height:16.25rem;
	padding:5.9375rem 0 0;
	background:url('../../img/m/pageimage/company_introduction/banner.png')
    no-repeat center;
	background-size:100% 100%;
	text-align:left;
}
.banner-product-content{
	width: 23.4375rem;
	text-align: center;
}
.banner-product-title {
	margin-top:0.875rem;
	font-size: 1.875rem;
font-weight: 500;
color: #FFFFFF;
text-shadow: 0rem .1875rem .375rem rgba(26,39,59,0.4);
}
.banner-product-txt {
font-size: .875rem;
font-weight: 400;
color: #FFFFFF;
text-shadow: 0rem .1875rem .375rem rgba(26,39,59,0.4);
	margin-top:-0.4375rem;
	letter-spacing:.6875rem;
}
/* nav */
.nav-box-wrap{
	height: 56px;
}
.intro_nav{
	width: 326px!important;
	justify-content: space-between;
}
.intro_nav_box {
    background: #FFFFFF;
	height: 56px;
}

.intro_nav_tip {
    /* height: 40px; */
    font-size: 14px;
font-weight: 500;
line-height: 56px;
color: #090F21;
    cursor: default;
    text-align: center;
	margin-right: 0!important;
}

.curentss {
    border-bottom: 2px solid #090F21;
    box-sizing: border-box;
}

.swiper-nav {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
}

.swiper-nav .swiper-wrapper {
    margin: 0 auto;
    box-sizing: border-box;
}

.swiper-nav .swiper-slide {
    width: auto;
}
.c2m-nav {
	width:100%;
	height:3.5rem;
	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:23.4375rem;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
}
.c2m-nav-tab {
	text-align:center;
	width:3.5rem;
font-size: .875rem;
font-weight: 500;
line-height: 3.5rem;
color: rgba(9,15,33,0.4);
}
.c2m-nav-tab a {
	text-decoration:none;
	color:rgba(9,15,33,0.5);
}
.c2m-nav-tab-active {
	font-weight:400;
	color:#090f21;
}
.c2m-nav-tab .case-icon-active {
	margin-left:0;
	margin-top:-0.125rem;
}



/*浜嗚В姹夊緱*/
.know_img{
	padding-bottom: 2.5rem;
}
.know_img_map {
    width: 20.9375rem;
    margin: 1.25rem auto 0;
}

.know_img_nav {
    margin-top: 1.25rem;
    border-bottom: 1px solid #DFE2E4FF;
}

.nav_second {
    overflow: hidden;
    height: 1.875rem;
	 width: 20.375rem;
   margin: 0rem auto;
}

.nav_second_list {
    line-height: 1.25rem;
    display: flex;
    font-size: .875rem;
    overflow-x: auto;
    justify-content: space-between;
}

.item {
	height: 1.75rem;
    text-align: center;
    flex-shrink: 0;
    white-space: nowrap;
    margin-right: .625rem;
    color: #090f21;
    opacity: .5;
}

.active {
    opacity: 1;
	border-bottom:2px solid #090F21;
}

/*杞挱鍥?/
.know_img_swiper .swiper-slide {
    height: auto;
    padding: 0;

}

.know_item {
    margin: .625rem 1.5625rem 1.25rem;
    height: auto;
    background: #FFFFFF;
   box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
border-radius: .625rem;
}

.know_dialog {
    padding: 1.875rem 1.25rem;
	box-sizing: border-box;
}
.know_dialog_nation p {
    height: 1.25rem;
    font-size: .875rem;
    font-weight: 500;
    color: #090F21;
}
.know_dialog_nation:first-child{
    margin-top: 0;
}
.know_dialog_nation{
    margin-top: .8125rem;
}

.know_dialog_nation_flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: .375rem;
}

.know_dialog_nation_flex span {
    width: 25%;
    height: 2.375rem;
    font-size: .75rem;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.4);
}

.know_dialog_nation_flex div {
    width: 33%;
    height: 1.5rem;
    font-size: .75rem;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.4);
}
.feizhou{
    margin-top: 0;
}
.know_img_swiper{
    position: relative;
    z-index: 99;
}
.hippius-show-button{
    position: absolute;
    top: 13.125rem;
    transform: scale(0.308);
    width: 6.5rem;
    height: 6.5rem;
    background-color:#ffffff;
    box-shadow: 0rem .125rem 1.0625rem 0rem rgba(12, 37, 91, 0.1);
    border-radius: 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    overflow: hidden;
}

.leftss{
    left: -2rem;
}
.rightss{
    right: -2rem;
}

.swiper-button{
    width: 6.5rem;
    height: 6.5rem;
    top: 0;
    margin-top: 0;
}
.swiper-button-prev{
    left: 0;
}
.swiper-button-next{
    right:0;
}

/* 绠€浠 */
.marketing-container {
	padding:3.5625rem 0 1.6875rem;
	background-size:100%;
	text-align:left;
}

.marketing-content {
	position:relative;
	width:20.375rem;
	margin:0 auto;
	/* display:flex;
	justify-content:space-between; */
	z-index:1;
}
.yinhao {
	width: 4.8125rem;
	height: 2.8438rem;
	position:absolute;
	top: -1.1875rem;
    left: -0.6875rem;
	z-index:-1;
}
.marketing-left {
	position: relative;
}
.marketing-title {
	font-size: 1.375rem;
font-weight: 500;
color: #090F21;
}
.marketing-title-p {
	margin-top:.5rem;
	font-size: .75rem;
font-weight: 400;
color: #090F21;
letter-spacing: .5rem;
}
.marketing-p {
	height: 10.3125rem;
	overflow: hidden;
	margin-top: .8125rem;
	width:19.375rem;
	font-size: .75rem;
font-weight: 400;
line-height: 1.5rem;
color: rgba(9,15,33,0.7);
}
.open-all,.close-all{
font-size: .75rem;
font-weight: 400;
line-height: 1.5rem;
color: #28ABC3;
}
.close-all{
	/* display: none; */
}
.marketing-right {
	position:relative;
	margin-top: .1875rem;
}
.marketing-right img {
	width:100%;
	height:100%;
}

.shanghai-tag {
	position:absolute;
	left:.0625rem;
	top:2.875rem;
	padding:.6875rem 1.25rem .875rem .75rem;
	width:13.25rem;
	height:3.875rem;
	box-sizing: border-box;
	font-size: .75rem;
font-weight: 400;
line-height: 1.25rem;
color: rgba(9,15,33,0.7);
	background:rgba(255,255,255);
box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
opacity: 0.86;
border-radius: .625rem;
}
.shanghai-tag::after {
	content:'';
	z-index:99;
	border:.7188rem solid transparent;
	border-top-color:#ffffff;
	border-top-width:1rem;
	position:absolute;
	right:.625rem;
	bottom:-1.625rem;
}

/* 鍦板浘 */

.compete_box {
	position:relative;
	z-index:2;
	overflow:hidden;
	background-color:#515C72;
}
.compete_tip2 {
	width:100%;
	height:7.1875rem;
	margin-top: 3.125rem;
}
.compete_tip2_tit {
	font-size: 2.125rem;
font-weight: bold;
color: #FFFFFF;
line-height: 2.125rem;
}
.compete_tip2_re {
	margin-top:.75rem;
	font-size: 1rem;
	line-height: 1rem;
font-weight: 500;
color: #FFFFFF;
}
.compete_tip2_txt {
	width: 18.75rem;
	margin-top:.75rem;
	font-size: .75rem;
font-weight: 400;
line-height: 1.25rem;
color: #FFFFFF;
opacity: 0.8;
}
.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 {
	display: block;
	box-sizing: border-box;
	width:23.4375rem;
	height:35.5rem;
	padding:.3125rem 0 4.8125rem;
}
.title_txt-more {
	color:#4DB7DD;
	cursor:pointer;
}
.scroll-background {
	height:35.5rem;
}
.compete-bg1 {
	position:absolute;
	z-index:1;
	bottom:-4.8125rem;
	right:-5.5625rem;
	width:18.625rem;
	height:18.625rem;
	background:url('../../img/m/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:-1.25rem;
     left:-2.625rem;
     width:6rem;
     height:6rem;
     background:url('../../img/m/pageimage/company_introduction/compete-bg2.svg');
     background-size:100% 100%;
     animation:an1 3s infinite;
     -webkit-animation:an1 3s infinite;
}
.compete-bg3 {
	position:absolute;
	z-index:1;
	top:-3.6875rem;
	left:-5.1875rem;
	width:11.0625rem;
	height:11.0625rem;
	background:url('../../img/m/pageimage/company_introduction/compete-bg3.svg');
	background-size:100% 100%;
	animation:an2 3s infinite;
	-webkit-animation:an2 3s infinite;
}
.compete-bg4 {
	position:absolute;
	z-index:1;
	top:-6rem;
	left:-7.5rem;
	width:15.75rem;
	height:15.75rem;
	background:url('../../img/m/pageimage/company_introduction/compete-bg4.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:3.125rem 0 0;
	text-align: center;
}
/* .domain-container h1 {
	font-size:2.5rem;
}
.domain-container h2 {
	text-indent:0;
} */
.domain-container .marketing-content {
	height:18.25rem;
}
.domain-container .yinhao {
	top: 3.125rem;
    left: -0.0625rem;
}
.domain-container .marketing-left {
	/* margin-top:2.125rem; */
}
.domain-container .marketing-p{
	overflow: hidden;
	height: 4.6875rem;
	margin-top:.375rem;
	text-align: left;
}
.domain-box {
	margin-top: 1.3125rem;
	width:20.375rem;
	height:15.3125rem;
}
.domain-box img {
	width:100%;
	height:100%;
}
.partner-content {
	width:100%;
	padding-bottom: 1.875rem;
}
.partner-con {
	text-align:left;
	width:20.375rem;
	margin:0 auto;
	margin-top: 5.625rem;
	z-index:1;
}
.partner-tit {
font-size: .875rem;
font-weight: 500;
color: #090F21;
}
.partner-txt {
	margin-top: .375rem;
	font-size: .625rem;
font-weight: 400;
color: rgba(9,15,33,0.7);
}
.partner-content .line-icon {
	width:5rem;
	height:1.5rem;
	margin:0 .625rem 1.25rem 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:34px; */
	z-index:1;
	overflow:hidden;
	/* width:100vw; */
	height:19.25rem;
	margin-top:2.125rem;
}
#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(1),.partner-container .line-icon:nth-child(17),.partner-container .line-icon:nth-child(33),.partner-container .line-icon:nth-child(49) {
	margin-left:1.5rem;
}
.partner-container .line-icon:nth-child(8n){
	margin-right:0;
}
.partner-container .line-icon:nth-child(3n) {
	margin-right:.625rem;
}
/* 鑷富浜у搧 */
.product-bg {
	width:100%;
	height:100%;
	background:#F5F7FA;
}
.products-container {
	background:#ffffff;
border-radius: 3.75rem 3.75rem 0rem 0rem;
	padding:0 0 5rem;
}
.advantage-content {
	width:23.4375rem;
	margin:0 auto;
}
.products-container .home-tip-txt{
	text-align: center;
}
.products-container .home-tip-txt > div:first-child {
	line-height: 1.5rem;
	height: auto;
font-size: 1.5rem;
font-weight: 500;
color: #090F21;
}
.home-tip-title-re {
	font-size: .875rem;
font-weight: 400;
color: #28ABC3;
margin-top: .5rem;
}
.products-container .home-tip-txt > div:last-child {
	margin-top:.1875rem;
	font-size: .875rem;
font-weight: 400;
color: #090F21;
}
.products-container .home-tip-p {
	margin: 0 auto;
	margin-top:3.25rem;
	width:20.375rem;
	font-size: .75rem;
font-weight: 400;
overflow: hidden;
height: 4.6875rem;
}
.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:.875rem;
	margin-top:.5625rem;
	display:inline-block;
}
.products-container .home-tip-txt > div:last-child>span:first-child {
	margin-left:0;
}
.products-container .home-tip{
	justify-content: center;
	height: auto;
}
.product-tip {
	display: block;
	margin-top:1.25rem;
}
  .product-img{
	    margin-top: .9375rem;
	position: relative;
	z-index: 11;
       float: none;
    }
.product-bg2,.product-bg3,.product-bg4{
	width:9.625rem;
	height:9.625rem;
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%) ;
}
.product-bg2{
z-index:-1;
	background: url('../../img/m/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/m/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/m/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: 9.625rem;
	height: 9.625rem;
}
}
@keyframes circle0 {
100% {
	width: 19.375rem;
	height: 19.375rem;
}
}
@keyframes circle1 {
	50%{
		opacity: 0;
		width: 19.375rem;
	height: 19.375rem;
	}
100% {
	opacity: 1;
	width: 20.375rem;
	height: 20.375rem;
}
}
.produce-tip3-img {
margin: 0 auto;
width:20.375rem;
	height:20.375rem;
}
.produce-tip-box {
	position:absolute;
	width:4.5625rem;
	height:4.5625rem;
	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: 22.5rem;
    box-sizing: border-box;
    padding: 3.125rem 0 5.125rem;
	background:url('../../img/m/pageimage/company_introduction/digital-bg.png');
	background-size:100% 100%;
	text-align:left;
}
.digital-content {
	position: relative;
	width:20.375rem;
	margin:0 auto;
}
.digital-title {
	font-size: 1.625rem;
font-weight: 500;
color: #FFFFFF;
}
.digital-txt {
	margin-top:1.25rem;
	font-size: .75rem;
font-weight: 400;
line-height: 1.5rem;
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%;
}
.digital-btn {
    position: absolute;
    top: auto;
    left: 0;
}
/* 浜у搧浼樺娍 */
.advangtages-container {
	background:#F5F7FA;
	padding:3.125rem 0 3.75rem;
}
.advangtages-container .core-p{
	margin-bottom: 0;
}
.advangtages-content {
    margin-top: .3125rem;
	width:20.375rem;
	margin:0 auto;
    z-index: 1;
}
.advantage-box{
margin-top: 1.4375rem;
text-align: left;
}
/* .advantage-title a:hover{
color: #28ABC3;
} */
.advantage-title,.advantage-title a{
font-size: 1rem;
font-weight: 500;
color: #090F21;
margin-bottom: .75rem;
}

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

.box-line-bottom {
width: 20.375rem;
height: .0625rem;
background-color: #E9EAEF;
}
.advangtages-content .home-tip:first-child {
    margin-top: 1rem;
}
.advangtages-content .home-tip {
    margin-top: .75rem;
    display: flex;
    align-items: center;
}
.advangtages-content .home-tip-img {
    width: 1.875rem;
    height: 1.875rem;
    padding: .25rem;
    background: rgba(255,255,255);
    box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1000);
    border-radius:.625rem;
    transition: all 0.5s;
}
.advangtages-content .home-tip-img img{
    width: 100%;
    height: 100%;
}
.advangtages-content .home-tip-txt {
    text-align: left;
    margin-left: 1.3125rem;
}
.advangtages-content .home-tip-txt a {
font-size: .875rem;
font-weight: 400;
color: #090F21;
}
.advangtages-content .arrow_more{
width: .5875rem;
    height: .325rem;
    right: 1.5rem;
    margin-top: .375rem;
}
.advangtages-content .tip-boxes{
	display: none;
}
/* 浜や粯鑳藉姏 */
.deliver-container {
	background:#ffffff;
	padding:3.125rem 0 3.75rem;
}
.deliver-container .core-p{
	height: 4.25rem;
	margin-bottom: 1.875rem;
}
.line-content {
	width:23.4375rem;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:1.875rem;
}
.line-box-flex {
	width: 20.375rem;
    margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	/* margin-right:-2.5rem; */
}
.line-icon {
	width:6.25rem;
	height:2.25rem;
	background:rgba(255,255,255);
	margin:0 .625rem 1.0625rem 0;
}
.line-icon:nth-child(3n) {
	margin-right:0;
}
.line-content .swiper-pagination {
	bottom:0.375rem;
}
.swiper-progressbar .swiper-pagination-bullet{
	width: 3.75rem;
	height: .375rem;
	border: 1px solid #ECECEC;
	opacity: 1;
	border-radius: 6.25rem;
}
.swiper-progressbar .swiper-pagination-bullet-active::after{
	width: 3.75rem;
	height: .375rem;
}
/* 娴峰鑳藉姏 */
.card-new h1{
font-size: 1.625rem;
font-weight: 500;
color: #090F21;
}
.card-new h2{
font-size: .75rem;
font-weight: 400;
color: #84868D;
letter-spacing: .3125rem;
}
.core-container {
	background-color:#F5F7FA;
	padding:3.125rem 0 3.75rem;
	overflow:hidden;
	text-align: left;
}
.core-p {
	text-align: left;
	width: 20.375rem;
	height: 4.375rem;
	overflow: hidden;
	z-index:1;
	font-size:.75rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin:.8125rem 0 2.5rem 0;
}
.core-box {
	z-index: 1;
width: 20.375rem;
height: 32.125rem;
background: rgba(255,255,255);
box-shadow: 0rem .375rem 1.25rem rgba(10,44,115,0.1);
opacity: 1;
border-radius: 1.25rem;
 transform-style: preserve-3d;
}
.core-box .industry-box-content {
	padding-top:1.25rem;
	box-sizing: border-box;
	margin:0 2.0625rem;
	width:16.25rem;
	text-align:left;
}
.core-box .industry-title {
	margin-top:1.625rem;
	font-size: .875rem;
font-weight: 400;
color: #090F21;
}
.core-box .industry-p {
	width:auto;
	margin-top:0.875rem;
	font-size: .75rem;
font-weight: 400;
color: rgba(9,15,33,0.5);
}
.core-img {
	position:absolute;
	bottom: 0;
	width:20.375rem;
	height:8.75rem;
}
.core-img img {
	width:100%;
	height:100%;
}
.core-box::after {
   position: absolute;
   right: .4375rem;
   top: -1.1875rem;
   content: '';
   display: inline-block;
   width: 6.875rem;
   height: 4.875rem;
   background: url(../../img/m/pageimage/company_introduction/box-back.svg);
   background-size: 100% 100%;
   transform: translateZ(-1px);
}

.line-map{
	position: absolute;
	top: 5.875rem;
    right: 5.5625rem;
    width: 0.0625rem;
    height: 6rem;
	background: rgba(255,184,85);
	transform: rotate(-61deg);
	-webkit-transform: rotate(-61deg);
	-moz-transform: rotate(-61deg);
	-ms-transform: rotate(-61deg);
	-o-transform: rotate(-61deg);
}


.map-dot {
	position:absolute;
	width:20.375rem;
	height:16.4375rem;
	top:0;
	left:0;
}
.map-circle:nth-child(10) span{
width: 3.5rem;
}
.map-circle {
	width:.375rem;
	height:.375rem;
	background:rgba(76,183,221);
	border-radius:50%;
	position:absolute;
}
.shanghai-dot {
	position:absolute;
	top: 10rem;
    left: 17.125rem;
    width: .5625rem;
    height: .5625rem;
	background:rgba(255,184,85);
	border-radius:50%;
}
.map-circle span,.shanghai-dot span {
    position: absolute;
    width: 1.125rem;
    font-size: .4375rem;
    font-weight: 400;
    color: #090F21;
}