@charset "utf-8";
/* css document */
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}
.imgw { width: 100%; display: block;}
.w1150 {width: 1150px;}
.bgfff {background-color: #ffffff;}
.p1000 {width: 1000px;}
@media screen and (max-width: 1650px){
.w1150 { width: 100%;}
.p1000 { width: 800px;}
}
@media screen and (max-width: 1260px){
.p1000 { width: 90%;  margin: 0px auto;}
}
.pbanner-bg{position: fixed;left: 0;top: 0;width: 100%;overflow: hidden;height: 540px;background-color: #fde3e4;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;}
.pb-logo{ position: absolute; left: 5%; width: 800px; top: 110px;}
.pbg-l{ background: url(/uploads/image/iimg/a2.png) repeat-x scroll left center; position: fixed; left: 0; width: 100%; top: 390px; height: 474px; animation: animatedfoot1 20s linear infinite; -webkit-animation: animatedfoot1 20s linear infinite; }
@keyframes animatedfoot1 {
    from { background-position: 0 50%; }
    to { background-position: 100% 50%; }
}

@-webkit-keyframes animatedfoot1 {
    from { background-position: 0 50%; }
    to { background-position: 100% 50%; }
}


.warp{ position: relative; margin-top: 80px; min-height: 100vh; z-index: 10;overflow: hidden;}
.page-sider{padding: 240px 0 0px; position: relative; display:inline-block; left: 5%; width: 18%; transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
.page-sider.fsshow{ transform: translatey(-10px); -webkit-transform: translatey(-10px); opacity: 0; visibility: hidden\9; }
.paget .en{ font-size: 56px; font-weight:bold; line-height: 1; color: #d02127; font-family:helvetica; margin-bottom: 12px;}
.paget .zh{ font-size: 32px; color: #d02127;}
.paget{ padding-bottom: 30px;}
.page-nav{ padding-top: 45px; width: 150px;}
.page-nav a:link, .page-nav a:visited { color: #333; }
.page-nav a:active, .page-nav a:hover { color: #d02127; }
.page-nav li{ margin-bottom: 8px; line-height: 1.5;}
.page-nav a{ display: block; position: relative; padding-right: 15px;}
.page-nav a:before{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 4px; height: 4px; display: block; border-radius: 50%; border:2px solid #d02127; transform: scale(0); -webkit-transform: scale(0);opacity: 0; visibility: hidden\9; transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.page-nav a.active,.page-nav .active a{ color: #d02127; font-weight: bold;}
.page-nav a.active:before,.page-nav .active a:before{ transform: scalex(1); -webkit-transform: scalex(1); opacity: 1; visibility:visible\9;}

.page-content{ float: right; display: block; width: 72%; padding: 90px 0;}

.abanner-box{ position: relative; overflow: hidden;}
.abanner-txt1{ position: absolute;z-index: 2; left: 15%; width: 70%; top: 20%; font-size: 29px; line-height: 1.5; color: #d02127; font-weight: bold; padding-left: 40px; background: url(/uploads/image/iimg/shui2.png) no-repeat scroll left 10px; padding-left: 40px;}


/*company style*/
.company-page{width: calc(100% - 100px);margin-left: 70px;padding: 70px 0 50px;}
.a-en,.a-zh{ font-size: 28px; line-height: 1.5;}
.a-en{ color: #555;font-size: 16px; margin-bottom: 10px;}
.a-zh{ color: #333;}
.company-page .pagec{margin-top: 16px;}
.company-page .pagec p{/* text-indent: 2em; */text-align: justify;font-size:16px;line-height:1.8;color: #666;margin-bottom:15px;}

.company-list li{ position: relative; float: left; display: inline-block; width: 25%; overflow: hidden;}
.company-list .txt{ position: absolute; left: 0; bottom: 0; padding: 18px 5%; width: 90%; color: #fff; font-weight: bold; line-height: 1.5; background:linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.led-more{ padding: 28px 0 38px; text-align: center; color: #333; /* background-color: #fff; */}
.led-more .ico{ background:  no-repeat; background-size: cover; width: 23px; height: 23px; display: block; margin: 10px auto 0; animation: 1.5s ease 0.2s normal none infinite running fadein; -webkit-animation:fadein 1.5s .2s infinite;}
@keyframes fadein {
	0% {
	    opacity: 0;
	    transform: translate3d(0px, -5px, 0px);
	}
	100% {
	    opacity: 1;
	    transform: translate3d(0px, 5px, 0px);
	}
}
@-webkit-keyframes fadein {
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0px, -5px, 0px);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: translate3d(0px, 5px, 0px);
	}
}

.page-content2 { width: 64%;}
.architecture-list dd{ position: relative; margin-bottom: 48px; background-color: #fff; transition: 0.3s;-webkit-transition: 0.3s; overflow:hidden;}
.architecture-list figure{ position: relative; float: left; display: block; width: 357px; margin-right: 4%; overflow: hidden;}
.architecture-list .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background:  repeat; background:none rgba(208,33,39, 0.2); -webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);  transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaley(0); -webkit-transform: scaley(0); visibility: hidden\9;}
.architecture-list .con{ padding:0 118px 0 406px;}
.architecture-list h4{ padding-top: 56px; margin-bottom: 25px; color: #333; font-size: 18px; line-height: 1.5; -webkit-transition: 0.3s; transition: 0.3s;}
.architecture-list .c{color: #666666;height: 75px;line-height:1.8;overflow: hidden;-webkit-transition: 0.3s;transition: 0.3s;}
.architecture-list .time{color: #d02127;font-weight: bold;font-size: 12px;margin-top: 10%;-webkit-transition: 0.3s;transition: 0.3s;}

.architecture-list dd:hover{ box-shadow: 0px 8px 24px rgba(0,0,0,0.16); background-color: #d02127;}
.architecture-list dd:hover h4,.architecture-list dd:hover .c,.architecture-list dd:hover .time a{ color: #fff;}
.architecture-list dd:hover .bg,.case-list li:hover .bg,.media-list dd:hover .bg,.hr-list dd:hover:before{ transform: scaley(1); -webkit-transform: scaley(1); transform-origin: left 0%; -webkit-transform-origin: left 0%; visibility: visible\9;}


.transition6{ transition: 0.6s; -webkit-transition: 0.6s;}
.scaleo:hover .imgw{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}

@media screen and (max-width: 1650px){
 .page-sider { padding-top: 150px;}
 .paget .en {font-size: 42px;}
 .paget .zh { font-size: 24px;}
}
@media screen and (max-width: 1440px){
.page-content2 {width: 70%;}
.architecture-list figure{ width: 350px;}
.architecture-list .con{ padding: 0 35px 0 365px;}
.architecture-list h4{ font-size: 16px; }
}
@media screen and (max-width: 1370px){
 .page-sider {padding-top: 100px;}
 .paget .en {font-size: 34px;margin-bottom: 5px;}
 .paget .zh { font-size: 20px;}
}
@media screen and (max-width: 1280px) {
 .paget .en {font-size: 30px;}
}

@media screen and (max-width: 1260px) {
 .company-page{ width: 80%; margin: 0px auto;}
 .paget .en {font-size: 28px;}
 .architecture-list figure{ width: 280px;}
 .architecture-list .con{ padding: 0 20px 0 300px;}
 .architecture-list h4{ padding-top: 35px; margin-bottom: 15px;}
 .architecture-list .time{ margin-top: 15%;}
}
@media screen and (max-width: 1024px){
 .page-sider {left: 3%;width: 20%;}
 .paget .en {font-size: 24px;}
 .paget .zh { font-size: 16px;}
 .page-content {padding: 60px 0;}
 
 .architecture-list dd{ box-shadow: 0px 6px 14px rgba(0,0,0,0.16);}
 .architecture-list figure{ width: 220px;}
 .architecture-list .con{ padding: 0 20px 0 240px;}
 .architecture-list h4{ padding-top: 25px; margin-bottom: 10px; font-size: 15px;}
 .architecture-list .time{ margin-top: 8%;}

}

@media screen and (max-width: 769px){
 .page-sider {left: 3%;width: 100%;padding-top:0px;}      
 .page-content {width: 100%;padding: 30px 0;}
 .company-page { width: 90%; margin: 0px auto;}
 .abanner-txt1{ font-size:22px;}
}


   
@media screen and (min-width: 1025px) { 
.transxt50 { transform: translatex(50px); -webkit-transform: translatex(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transyt50 { transform: translatey(50px); -webkit-transform: translatey(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transyt502 { transform: translatey(-50px); -webkit-transform: translatey(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transyt50,.action.transyt502{ opacity: 1; visibility: visible; transform: translatey(0px); -webkit-transform: translatey(0px); }
.action.transxt50 { opacity: 1; visibility: visible; transform: translatey(0px); -webkit-transform: translatey(0px); }
.dly_1{ transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2{ transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3{ transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4{ transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5{ transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6{ transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7{ transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8{ transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9{ transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10{ transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11{ transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
}





.nyabout{ position:relative; z-index:10;}
.nyabout .profile{
	padding: 40px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nyabout .profile .left{
	width: calc(65% - 80px);
}
.nyabout .profile .left .ny-title h2{
	text-align: left;
}
.nyabout .profile .left .ny-title i{
	margin: 0;
}
.nyabout .profile .left .content{
	/* margin-top: 40px; */
}
.nyabout .profile .left .content p{
	line-height: 1.8;
	margin-bottom: 5px;
	font-size: 17px;
}
.nyabout .profile .left .content p:last-child{
	margin-bottom: 0;
}
.nyabout .profile .right{
	width: 35%;
	border-radius: 80px 6px 6px;
	cursor: pointer;
}
.nyabout .profile .right img{
	/* height: 540px; */
	width:100%;
	object-fit: cover;
	transition: all 0.4s;
}
.nyabout .profile .right .playbg{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border: 3px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.nyabout .profile .right .playbg i{
	font-size: 20px;
	color: #fff;
	margin-left: 4px;
}
.nyabout .profile .right:hover img{
	transform: scale(1.1);
}


.hmc1m{font-size:18px; color: #d02127; font-weight:bold; margin-top:40px; line-height:1; transition-duration: .5s; position:relative; padding-left:15px; margin-bottom:10px;}
.hmc1m:after { content: ""; display: block;width: 5px;height: 100%;line-height: 1px;background-color: #d02127;position: absolute;left: 0;top: 0;}

.n-hm-box img{ width:100%; max-width:500px;}


/********标题**************/
.hmc2m { line-height: 55px; position: relative; padding-left: 14px; display: inline-block; margin-bottom:30px; }
.hmc2m span { font-size: 22px; color: #d02127; font-weight:bold; display: inline-block; position: relative; z-index: 2; transition: all 0.5s ease-in-out; }
.hmc2m i { height: 55px; width: 55px; position: absolute; left: 0px; top: 0px; display: block; transition: all 0.5s ease-in-out; }
.hmc2m i:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;border: 1px dashed #d02127;animation: rotate 8s linear infinite;}
.hmc2m:hover i:after { animation: rotate 8s linear infinite; }
.hmc2m:hover i { transform: scale(1.2); }
.hmc2m:hover span { transform: translatex(5px); }

@keyframes rotate{
from{transform: rotate(0deg)}

to{transform: rotate(360deg)}

}

.n-scene-info{ margin-bottom:50px;}
.n-scene-info h4{font-size:18px; color: #d02127; font-weight:bold; margin-top:40px; line-height:1; transition-duration: .5s; position:relative; padding-left:15px; margin-bottom:10px;}
.n-scene-info h4:after { content: ""; display: block;width: 5px;height: 100%;line-height: 1px;background-color: #d02127;position: absolute;left: 0;top: 0;}


.n-scene-info p{ line-height:2; font-size:17px; color:#333;}

/***********适用场景**************/
.n-scene-bg{padding:60px 0px; overflow:hidden;position: relative;}
.n-scene-box{margin-bottom: 50px;}
.n-scene-box ul{ display: flex;margin-left: -1%;flex-wrap: wrap;}
.n-scene-box li{ float:left; width:32.33%;margin-left: 1%; margin-bottom:10px;text-align:center;padding:20px 20px;background:#f9f9f9;-webkit-transition:.5s;transition:.5s;}
.n-scene-box li .icons{display:inline-block;background:#d02127;-webkit-transition:.5s;transition:.5s;border-radius:50%;border: 10px solid #fde3e4;}
.n-scene-box li .icons img{width:100%;border-radius:50%;display:block}
.n-scene-box li .icons .icon2{display:none}
.n-scene-box li h4{ font-size:16px; margin-top:30px;}

.n-scene-box li:hover{background:#d02127!important;color:#fff}
.n-scene-box li:hover .icons{background:#fff;border-color:#e60113;-webkit-transform:rotatey(180deg);transform:rotatey(180deg)}
.n-scene-box li:hover .icons .icon1{display:none}
.n-scene-box li:hover .desc,.n-scene-box li:hover .icons .icon2{display:block}






.n-guan-box{margin-bottom: 50px;}
.n-guan-box ul{ margin-left:-1%;display: flex;flex-wrap: wrap;}
.n-guan-box li{ width:32.333%; float:left;padding: 25px 20px; margin-bottom:15px; border-radius:5px; margin-left:1%;box-shadow: 0 10px 20px rgb(0 0 0 / 10%); background:rgba(255, 255, 255, 0.8);transition: .5s;}
.n-guan-box li img{ max-width:100%;}
.n-guan-box li .rline { width: 30px; height: 4px; background: #d02127;display: block;-webkit-transition: .5s;transition: .5s; margin:10px 0px 10px;}
.n-guan-box li h4 { font-size: 18px;line-height: 2;font-weight:bold; margin-top:10px;}
.n-guan-box li p {font-size: 14px; line-height: 2;color: #000;}
.n-guan-box li:hover{background:#d02127;}
.n-guan-box li:hover h4,.n-guan-box li:hover p{ color:#fff;}
.n-guan-box li:hover .rline {background: #fff;padding-right:60px;}


.n-xigb-box{margin-bottom: 50px;}
.n-xigb-box ul{ margin-left:-1%;display: flex;flex-wrap: wrap;}
.n-xigb-box li{ width:19%; float:left;padding: 25px 20px; margin-bottom:15px; border-radius:5px; margin-left:1%;box-shadow: 0 10px 20px rgb(0 0 0 / 10%); background:rgba(255, 255, 255, 0.8);transition: .5s;}
.n-xigb-box li img{ max-width:100%;}
.n-xigb-box li .rline { width: 30px; height: 4px; background: #d02127;display: block;-webkit-transition: .5s;transition: .5s; margin:10px 0px 10px;}
.n-xigb-box li h4 { font-size: 18px;line-height: 2;font-weight:bold; margin-top:10px;}
.n-xigb-box li p {font-size: 14px; line-height: 2;color: #000;}
.n-xigb-box li:hover{background:#d02127;}
.n-xigb-box li:hover h4,.n-xigb-box li:hover p{ color:#fff;}
.n-xigb-box li:hover .rline {background: #fff;padding-right:60px;}




@media screen and (max-width: 769px){
   .n-scene-box li{ float:left; width:99%;margin-left: 1%; text-align:center;background:#f9f9f9;-webkit-transition:.5s;transition:.5s;}
   .n-guan-box li{ width:99%; float:left;padding: 25px 20px; margin-bottom:15px; border-radius:5px; margin-left:1%;box-shadow: 0 10px 20px rgb(0 0 0 / 10%); background:rgba(255, 255, 255, 0.8);transition: .5s;}
}






.flexbetween {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}



/*********优势*****************/
.index_col{background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff;background-image:;background-attachment:fixed;padding: 6% 0px;overflow:hidden; z-index:10; position:relative;}
.index_col .container{display: flex;align-items: center;}
.index_col .index_col_txt{float:left;width: 55%;padding-right:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sy-title{ margin-bottom:20px;}
.txt-color{color:#d02127;font-size: 50px; line-height:1;font-weight: bold;font-family: helvetica;}
.sh-title p{font-size: 32px;color: #d02127;}
.index_col .index_col_txt h3{display:block;font-size:32px;font-weight:bold}
.index_col .index_col_txt .text{font-size:16px;line-height:1.8;margin:30px 0 60px}
.index_col .index_col_txt .text p{text-indent: 2em;text-align: justify; font-size:16px; line-height:1.8;color: #fff; margin-bottom:15px;}
.index_col .index_col_icons{float:right;width: 45%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.big_data { margin-bottom:40px;}
.big_data .ite { text-align: center; width:calc(50% - 2px);}
.big_data .ite .top {font-size: 46px; color: #fff;}
.big_data .ite .top span{font-size: 16px; color: #fff;}
.big_data .ite .top .counter{font-size: 46px; color: #fff;}
.big_data .ite .bot {font-size: 16px;color: #fff; margin-top:15px;}
.big_data p { width: 1px; background: #fff;opacity: 0.3;}

.index_col .index_col_icons h4{font-size: 27px; color: #d02127; font-weight:bold; line-height:1; transition-duration: .5s; position:relative; padding-left:15px;}
.index_col .index_col_icons h4:after { content: ""; display: block;width: 5px;height: 100%;line-height: 1px;background-color: #d02127;position: absolute;left: 0;top: 0;}

.small_data { margin-top: 10px;}
.small_data .ite { text-align: center; width:calc(33.33333% - 2px);}
.small_data .ite .top {font-size: 46px; color: #fff;}
.small_data .ite .top span{font-size: 16px; color: #fff;}
.small_data .ite .top .counter{font-size: 46px; color: #fff;}
.small_data .ite .bot {font-size: 16px;color: #fff; margin-top:15px;}
.small_data p { width: 1px; background: #fff;opacity: 0.3;}


.index_title {position: relative;z-index: 5;}
.index_title .content0 {font-size: 14px;color: #999;}
.index_title .content1 {font-size: 34px;color: #e60012;position:relative;padding-bottom: 5px;font-weight: bold;}


/**********公司简介*****************/
.about-1 { width: 100%; overflow: hidden;background:  no-repeat left bottom; background-size: contain; padding:50px 0px; }
.about-1center {width: 100%;margin: 0px auto;overflow: hidden;display: flex;align-items: center;}
.about-1left {float: left;width: 40%;overflow: hidden;}
.about-1right {float: right;width: 53%;overflow: hidden;position: relative;border-radius: 5px;padding: 0px 16px 16px 0px;}
.about-1info {float: left;width: 100%;overflow: hidden;font-size:16px;color: #495770;line-height: 1.8;}
.about-1info p {/* float: left; */width: 100%;overflow: hidden;margin-top:30px;text-align: justify; text-indent:2em;}
.about-1right img{ width:100%;}
.about-1bottom .box { background: #e60012; padding:30px 0; position:relative; z-index:10;}
.about-1bottom .box .item {color: #fff; text-align: center;}
.about-1bottom .box .item .top {font-size:16px;}
.about-1bottom .box .item .top span {font-size: 40px;}
.about-1bottom .box .item .bot { font-size: 16px;}
.about-1bottom .box p { background: #fff; opacity: 0.3; width: 1px;}

@media screen and (max-width: 1024px) {
.w1520 { padding-left: 5vw;padding-right: 5vw; }
.ann_left {display: none; opacity:0;}
.about-1bottom .box .item .top span { font-size:36px;}
.about-1bottom .box .item .bot {margin-top:10px;}
}
@media screen and (max-width: 669px) { 
.about-1bottom .box .item { padding: 20px 0;width: 50%;}
.about-1bottom .box p { display: none; }
}



/*********多元化全球布局****************/
.map { width:100%; position: relative;}
.map img.bg { display: block;width: 100%;}
.map .dot { width: 20px; height: 20px; margin: -10px 0 0 -10px; position: absolute;}

.map .dot.beimei{left: 67%;top: 59%;}
.map .dot.jianada{left: 68.5%;top: 62%;}
.map .dot.nanmei{left: 44%;top: 63.5%;}
.map .dot.baxi{left: 58%;top: 84.5%;}
.map .dot.huichang{left: 62.5%;top: 62%;}


.map .dot.xibanya{left: 41.5%; top: 27.5%;}
.map .dot.yingguo{left: 81%;top: 42%;}
.map .dot.nanfei{left: 82%;top: 21.5%;}

.map .dot:before {content: ''; width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/uploads/image/iimages/icon-4.png);}
.map .dot span {font-size: 13px;color: #e60012; line-height: 1.5; position: absolute; left: 100%;  top: 0px; padding-left: 0px; white-space: nowrap;}

.map .item { position: absolute; margin: -20px 0 0 -20px;}
.map .item:before {content: ''; width: 40px;height: 40px; border-radius: 50%; display: block;}
.map .item:after {content: '';width: 80px;height: 80px;  border-radius: 50%; position: absolute; opacity: 0; animation: circle-3 2s linear infinite;}
@keyframes circle-3 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  80%,100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.map .item:nth-of-type(1) { left: 59%; top: 84.25%;}
.map .item:nth-of-type(1):after { top: 0; right: 70%;}
.map .item:nth-of-type(1):before, .map .item:nth-of-type(1):after { background-color: rgba(94, 92, 93, 0.1);}
.map .item:nth-of-type(2) {left: 60.35%;top: 58%;}
.map .item:nth-of-type(2):after { bottom: 30%;left: 20%; animation-delay: .3s;}
.map .item:nth-of-type(2):before, .map .item:nth-of-type(2):after { background-color: rgba(108, 112, 115, 0.1);}
.map .item:nth-of-type(3) {left: 66%;top: 64.54%;}
.map .item:nth-of-type(3):after { top: 30%; left: 5%;animation-delay: .6s;}
.map .item:nth-of-type(3):before, .map .item:nth-of-type(3):after { background-color: rgba(9, 124, 37, 0.1);}	
.map .item:nth-of-type(4) {left: 42%;top: 62.94%;}
.map .item:nth-of-type(4):after { right: 40%;bottom: 20%;animation-delay: .8s;}
.map .item:nth-of-type(4):before, .map .item:nth-of-type(4):after { background-color: rgba(234, 83, 0, 0.1);}	


.map .map-dot {position:absolute;margin:-1px 0 0 -1px;z-index: 9;width:6px;height:6px;border-radius:50%;background: rgba(0, 40, 150, 1);animation:animation-dot 5.04s cubic-bezier(.25,.74,.22,.99);animation-fill-mode:both;animation-iteration-count:infinite;}
.map .map-dot--0 {left: 68%;top: 59.5%;margin:-9px 0 0 -9px;width: 12px;height: 12px;background: rgb(255, 150, 0);animation:fade-in 1.8s cubic-bezier(.25,.74,.22,.99);animation-delay:.5s;animation-fill-mode:both;animation-iteration-count:1;}

@media screen and (max-width: 769px){
.numbers {width:100%;align-items: baseline; display: flex; justify-content: space-between;  flex-wrap: wrap; margin-bottom: 0.5rem;}
.world_map { position: relative; width: 100%;}
.map {width: 100%;}
}





/*产品服务*/
.index-product{padding: 4vw 0 5vw;position:relative; background:  center center no-repeat; background-size:cover;box-shadow:0 1px 10px 6px #6262621a;}
.index-product .sy-title{position:relative;margin-bottom: 0.4rem;}
.index-product .sy-title h3 {position:relative;width: 100%;overflow: hidden;text-align: center;font-size: 34px;color: #d02127;font-weight:bold;line-height: 1.8;}
.index-product .sy-title h3:before {width: 60px;height: 4px;content: "";position: absolute;left: 50%;bottom: 0px;margin-left: -30px;background: #d02127;background: -moz-linear-gradient(left, #1518a7, #108bed);background: -ms-linear-gradient(left, #1518a7, #108bed);background: -o-linear-gradient(left, #1518a7, #108bed);/* line-height: 1.5; */}
.index-product .sy-title p {width: 100%;overflow: hidden;text-align: center;font-size: 16px;color: #999;letter-spacing: 1px;line-height:1.5;margin-top: 10px;}

.index-product .slideshow-pagination{bottom:0}
.index-product .index-product-title{margin-bottom:0}
.index-product .index-product-container{/* padding-bottom:1.5vw; */padding-top:1.44vw;overflow:hidden;}
.index-product .index-product-container .swiper-slide{transform:scale(.9)!important}
.index-product .index-product-container .swiper-slide{opacity:.4;padding:0 25px;pointer-events:none;position:relative;transform-origin:left center;transition:all .3s;width:40vw}
.index-product .index-product-container .swiper-slide-prev{transform-origin:right center}
.index-product .index-product-container .swiper-slide-active{transform:scale(1)!important}
.index-product .index-product-container .swiper-slide-active{opacity:1;pointer-events:all}

.index-product-slide-content{box-shadow:0 2px 20px 12px #6262621a;padding:28px 2vw 20px;background: #fff;position:relative;z-index:9;align-items: center;display: flex;flex-direction: column;}
.index-product .index-product-slide-content img{height:16.66667vw;-o-object-fit:contain;object-fit:contain;width:31.25vw}
.index-product-slide-content .product-title{color:#666;line-height:1;padding:0;word-break:normal;font-weight:500;font-size:22px;/* width: 100%; *//* display: block; */}
.index-product-price{margin-top:8px}
.product-price-wrapper{ text-align:center;}
.product-price-wrapper .index-product-price-name{ font-size:20px; font-weight:700px; color:#0e458d; line-height:1.8;}

.index-product .index-product-compare{color:#000;display:block;margin:24px auto 0;text-align:center}
.index-product .index-product-slide-content .slide-link.z-button-fill-middle{margin:15px auto 8px;align-items: center;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);background: transparent;border: 2px solid #d02127;color: #d02127;cursor: pointer;display: flex;justify-content: center;position: relative;transition: all .3s ease;border-radius: 40px;height: 34px;font-weight: 700;padding: 0 20px;}
.z-button-fill-middle .fa{font-weight: 700; line-height: 30px; font-size: 20px; margin-left:5px;}

.index-product-container .slideshow-pagination{align-items:center;bottom:2.5vw;display:flex;flex-wrap:wrap;justify-content:center;left:0;position:absolute;transition:opacity .3s;width:100%;z-index:10}
.index-product-container .swiper-pagination-bullet{margin: 0px 5px;background: #ccc;border-radius:0%;height: 4px;position: relative;transition: all .3s ease;width: 20px;opacity:1;}
.index-product-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#d02127;height:5px;width: 45px;}

@media screen and (max-width:768px){
.index-product{padding:14vw 0 0}
.index-product .index-product-container{padding-bottom:22.5vw;padding-top:8vw}
.index-product-slide-content{padding:11.6vw 3.6vw 12vw}
.index-product .index-product-slide-content .slide-link{margin-top:18px}
.index-product-slide-content .product-title{line-height:inherit}
.index-product .index-product-container .swiper-slide{transform:scale(1)!important;width:92vw!important}
.index-product .index-product-container .swiper-slide{opacity:0;padding:0}
.index-product .index-product-container .swiper-slide-active{box-shadow:0 1px 10px 6px #6262621a;margin:0;opacity:1;position:relative;z-index:9}
.index-product .index-product-slide-content .a-button-fill{margin:2vw auto 8.4vw}
.index-product .index-product-slide-content img{height:42vw;-o-object-fit:contain;object-fit:contain;width:72vw}
.index-product .index-product-compare{bottom:9vw;color:#000;margin:0 auto;position:absolute;right:4.8vw;z-index:9}
.index-product .slideshow-pagination{bottom:14vw}
}

	
.index-container{margin:0 auto;width:1380px}
.index-product-container .slideshow-navigation{position:absolute;height:60px;left:50%;top:60%;transform:translate(-50%,-50%);z-index:9}

.slideshow-navigation-button{align-items:center;color:#fff;display:flex;height:48px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translatey(-50%);transition:all .3s ease;width:48px;z-index:9}
.slideshow-navigation-button .fa{font-size:48px;transition:all .25s;}
.slideshow-navigation-button.swiper-button-prev .fa{transform:rotatey(180deg)}
.slideshow-navigation-button .fa{color:#999;}
.slideshow:hover .slideshow-navigation-button{opacity:1}
.slideshow-navigation-button:focus .iconfont,.slideshow-navigation-button:hover .fa{color:#6ab03a;cursor:pointer}
.slideshow-navigation-button.swiper-button-prev{border-radius:50%;left:6.7vw;top:50%;transform:translatey(-50%); background: no-repeat center center; background-size: contain;}
.slideshow-navigation-button.swiper-button-next{border-radius:50%;right:6.7vw;top:50%;transform:translatey(-50%);background: no-repeat center center; background-size: contain; }

.index-product-container .slideshow-navigation-button.swiper-button-next{right:0}
.index-product-container .slideshow-navigation-button.swiper-button-prev{left:0}
.index-product-container:hover .slideshow-navigation-button{opacity:1}

@media screen and (max-width:1920px){.index-container{width:69.27083vw}}	
@media screen and (max-width:1024x){.index-container{margin:0 auto;max-width:85%;width:85vw}}		



.n-dian-box{ padding:0px 0px 30px;display: flex; align-items: center; justify-content: space-between;}
.n-dian-box .left{width: 55%;}
.n-dian-box .left h4{font-size:18px; color: #d02127; font-weight:bold; line-height:1; transition-duration: .5s; position:relative; padding-left:15px; margin-bottom:10px;}
.n-dian-box .left h4:after { content: ""; display: block;width: 5px;height: 100%;line-height: 1px;background-color: #d02127;position: absolute;left: 0;top: 0;}
.n-dian-box .left .tit{ margin-bottom:20px;}
.n-dian-box .left .tit p{ font-size:16px; margin:5px 0px; line-height:1.6;}
.n-dian-box .right {width: 40%;position: relative; overflow: hidden; border-radius: 80px 6px 6px; cursor: pointer;}
.n-dian-box .right img{ max-width:100%;}


@media screen and (max-width:768px){
.about-1left { float: left; width: 100%;}
.about-1right { float: right;width: 100%;}
.nyabout .profile {
    padding: 40px 0px;
    display: flex; flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
}
.nyabout .profile .left {
    width:100%;
}
.nyabout .profile .right {
    width: 100%;
    border-radius: 80px 6px 6px;
    cursor: pointer;
}  

.n-dian-box{flex-wrap:wrap;}
.n-dian-box .left{width: 100%;}
.n-dian-box .right {width: 100%;position: relative; overflow: hidden; border-radius: 80px 6px 6px; cursor: pointer;}
.n-xigb-box li { width: 99%;}
}