@keyframes countdown {
	from {
	stroke-dashoffset:125.6
}
    

to {
	stroke-dashoffset:0
}
}.l__banner .swiper {
	width:100%
}
.l__banner .swiper a {
	display:block;
	width:100%
}
.l__banner .swiper a img {
	width:100%;
	transition:.2s linear .4s;
	transform:scale(1.1,1.1)
}
.l__banner .swiper .swiper-slide-active img,.l__banner .swiper .swiper-slide-duplicate-active img {
	transition:5s linear;
	transform:scale(1,1)
}
.l__banner .swiper .swiper-pagination {
	--progress:0
}
.l__banner .swiper .swiper-pagination .swiper-pagination-bullet {
	background:rgba(0,0,0,0);
	margin-top:8px;
	position:relative;
	width:18px;
	height:18px;
	opacity:1
}
.l__banner .swiper .swiper-pagination .swiper-pagination-bullet svg {
	width:100%;
	height:100%;
	stroke-width:3px;
	stroke:var(--link-hover-color);
	fill:none;
	stroke-dashoffset:125.6;
	stroke-dasharray:125.6;
	transform:rotate(-90deg)
}
.l__banner .swiper .swiper-pagination .swiper-pagination-bullet span {
	background:#969696;
	width:6px;
	height:6px;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:all .3s
}
.l__banner .swiper .swiper-pagination .swiper-pagination-bullet:first-child {
	margin-top:0
}
.l__banner .swiper .swiper-pagination .swiper-pagination-bullet-active svg {
	animation:countdown 3.8s linear
}
.l__banner .swiper .swiper-pagination .swiper-pagination-bullet-active span {
	background:var(--link-hover-color)
}
.l__banner .swiper#pc-swiper .swiper-pagination {
	--progress:0;
	left:unset;
	right:100px;
	width:auto;
	bottom:unset;
	top:50%;
	transform:translateY(-50%)
}
.l__banner .swiper#pc-swiper .swiper-pagination .swiper-pagination-bullet {
	display:block
}
.l__banner .swiper#mobile-swiper .swiper-pagination {
	bottom:9.07vw
}
.detail-url {
	font-size:var(--font-size-18)
}
.detail-url .iconfont {
	display:inline-block;
	font-size:3.6vw;
	margin-left:2.266667vw;
	vertical-align:sub
}
.l__module-header {
	padding:var(--paddings)
}
.l__module-header .boder .header {
	padding:5px 0 1px 3.2vw;
	border-left:2px solid #afafaf
}
.l__module-header .boder .header .title {
	font-size:var(--font-size-24);
	color:var(--text-color-secondary)
}
.l__module-header .boder .header .sub-title {
	color:var(--text-color-primary);
	font-size:var(--font-size-30);
	font-weight:bold;
	margin-top:2.666667vw
}
.l__module-header .boder .content {
	margin-top:7.6vw
}
.l__about {
	margin-top:13.33vw;
	background:var(--bg-img) no-repeat right bottom;
	background-size:100%
}
.l__about .l__module-header .boder .content {
	display:none
}
.l__about-boder {
	margin-top:10.4vw;
	padding:0 var(--padding)
}
.l__about-boder .summary {
	margin-top:10.4vw
}
.l__about-boder .summary p {
	font-size:var(--font-size-28);
	line-height:var(--font-size-40)
}
.l__about-boder>.detail-url {
	display:inline-block;
	margin-top:10.27vw
}
.l__about-boder .dashboard {
	margin-top:18.13vw;
	display:flex;
	align-items:flex-start;
	justify-content:space-between
}
.l__about-boder .dashboard .item {
	flex:1;
	font-weight:bold
}
.l__about-boder .dashboard .item .val {
	font-size:6.93vw
}
.l__about-boder .dashboard .item .val:after {
	font-size:var(--font-size-26);
	content:attr(data-num-unit);
	display:inline-block;
	vertical-align:top
}
.l__about-boder .dashboard .item .title {
	font-size:var(--font-size-26);
	margin-top:20px
}
.l__about-boder .dashboard .item:last-child {
	flex:0 0 auto
}
.l__about-boder .standards {
	margin-top:7.73vw;
	margin-left:-3.33vw;
	display:flex;
	flex-wrap:wrap;
	padding-bottom:4vw;
	align-content:flex-start
}
.l__about-boder .standards img {
	height:5.73vw;
	margin-left:3.33vw;
	margin-top:2.13vw;
	filter:url(#blue-filter);
	transition:all .3s ease 0s
}
.l__about-boder .standards img:hover {
	filter:none
}
.l__products {
	margin-top:13.33vw;
	position:relative
}
.l__products .l__module-header {
	width:100%
}
.l__products .l__module-header .boder {
	border-left-color:#fff
}
.l__products .l__module-header .boder .content .sub-title {
	overflow:hidden
}
.l__products .l__module-header .boder .content .sub-title div {
	transform:translateY(100%);
	transition:all .6s ease 0s;
	opacity:0
}
.l__products .l__module-header .boder .content .sub-title.is-show div {
	opacity:1;
	transform:translateY(0%);
	transition-delay:.2s
}
.l__products .swiper {
	width:100%;
	margin-top:8vw;
	padding-bottom:20vw
}
.l__products .swiper .swiper-slide a {
	display:block;
	width:100%
}
.l__products .swiper .swiper-slide img {
	width:100%
}
.l__products .swiper .swiper-pagination {
	bottom:0
}
.l__products .swiper .swiper-pagination-bullet {
	width:auto;
	height:auto;
	border-radius:0;
	background:rgba(0,0,0,0);
	margin:0 0 2.67vw;
	padding:0 6.93vw 2.67vw;
	opacity:1;
	font-size:calc(var(--font-size-24) - 3px);
	border-bottom:2px solid #d3d3d3;
	transition:all .3s ease 0s
}
.l__products .swiper .swiper-pagination-bullet-active {
	font-weight:bold;
	color:var(--link-hover-color);
	font-size:var(--font-size-24);
	border-bottom-color:var(--link-hover-color)
}
.l__applications {
	position:relative;
	padding-top:13.33vw
}
.l__applications .app-swiper {
	margin-top:8vw;
	height:97.33vw
}
.l__applications .app-swiper .swiper-slide {
	overflow:hidden
}
.l__applications .app-swiper .swiper-slide img {
	width:100%;
	height:100%;
	object-fit:cover
}
.l__applications .app-swiper .swiper-slide .content {
	position:absolute;
	top:16vw;
	left:var(--padding);
	color:#fff
}
.l__applications .app-swiper .swiper-slide .content h1 {
	color:#fff;
	font-size:var(--font-size-42)
}
.l__applications .app-swiper .swiper-slide .content p {
	width:100%;
	max-width:70.67vw;
	margin-top:6.4vw;
	font-size:var(--font-size-28)
}
.l__applications .swiper-nav {
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	display:flex;
	justify-content:space-between
}
.l__applications .swiper-nav .swiper {
	width:100%
}
.l__applications .swiper-nav .swiper .swiper-slide {
	padding:2.93vw 0 2vw;
	width:33.33333vw;
	display:inline-flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	transition:background-color .3s
}
.l__applications .swiper-nav .swiper .swiper-slide .icon {
	width:10.67vw;
	height:10.67vw;
	border-radius:50%;
	border:1px solid #fff;
	display:inline-flex;
	align-items:center;
	justify-content:center
}
.l__applications .swiper-nav .swiper .swiper-slide .icon img {
	width:37.5%;
	height:37.5%
}
.l__applications .swiper-nav .swiper .swiper-slide .icon .iconfont {
	font-size:4vw;
	color:#fff
}
.l__applications .swiper-nav .swiper .swiper-slide .title {
	flex:1;
	font-size:var(--font-size-24);
	margin-top:1.93vw;
	color:#fff;
	text-align:center;
	line-height:1.2;
	display:flex;
	align-items:center;
	justify-content:center
}
.l__applications .swiper-nav .swiper .swiper-slide:hover,.l__applications .swiper-nav .swiper .swiper-slide-thumb-active {
	background:rgba(0,84,161,.7)
}
.l__developers {

	padding:var(--paddings)
}


.l__partners {
	margin-top:14.133333vw
}
.l__partners .partners-swiper {
	margin-top:3.2vw
}
.l__contact {
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:8vw;
	padding:23.333333vw 0 14.4vw 0
}
.l__contact:hover .bg-img {
	transform:scale(1.02)
}
.l__contact .bg-img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all .6s ease 0s;
	position:absolute;
	top:0;
	left:0;
	z-index:-1
}
.l__contact .boder-box {
	padding:var(--paddings)
}
.l__contact .boder-box .boder {
	width:100%;
	color:#fff
}
.l__contact .boder-box .boder .content h1 {
	font-size:var(--font-size-48);
	color:#fff
}
.l__contact .boder-box .boder .content p {
	font-size:var(--font-size-24);
	margin-top:6.666667vw;
	line-height:var(--font-size-40)
}
.l__contact .boder-box .boder a {
	display:inline-block;
	font-size:11.066667vw;
	--link-color:#FFFFFF;
	margin-top:7.866667vw
}
@media screen and (min-width:992px) {
	.l__banner .swiper#pc-swiper .swiper-pagination {
	right:5.208vw
}
.l__module-header .boder {
	display:flex;
	align-items:flex-end;
	justify-content:space-between
}
.l__module-header .boder .header {
	padding:.26vw 0 1px 1.25vw
}
.l__module-header .boder .header .title {
	font-size:var(--font-size-18)
}
.l__module-header .boder .header .sub-title {
	margin-top:1.042vw;
	font-size:var(--font-size-36)
}
.l__module-header .boder .content {
	margin-top:0;
	display:flex;
	align-items:flex-end;
	justify-content:space-between
}
.l__module-header .boder .content .detail-url .iconfont {
	font-size:var(--font-size-18);
	margin-left:.885vw
}
.l__about {
	margin-top:6.25vw; 
	background-size:50.9%; background: url("../image/about_bj.png") right bottom no-repeat;
}
.l__about .l__module-header .boder .content {
	display:block
}
.l__about-boder {
	width:60%;
	padding-right:0;
	margin-top:3.958vw
}
.l__about-boder .summary {
	margin-top:0;
	min-height:12.865vw;
	padding-bottom:2.604vw
}
.l__about-boder .summary p {
	font-size:var(--font-size-16);
	line-height:var(--font-size-30)
}
.l__about-boder>.detail-url {
	display:none
}
.l__about-boder .dashboard {
	margin-top:0
}
.l__about-boder .dashboard .item {
	flex:0 0 auto
}
.l__about-boder .dashboard .item .val {
	font-size:36px
}
.l__about-boder .dashboard .item .val:after {
	font-size:var(--font-size-16)
}
.l__about-boder .dashboard .item .title {
	font-size:var(--font-size-16);
	margin-top:1.042vw
}
.l__about-boder .standards {
	margin-top:3.021vw;
	margin-left:-1.302vw;
	padding-bottom:4.5625vw;

}
.l__about-boder .standards img {
	height:36px;
	margin-left:1.302vw;
	margin-top:12px
}
.l__products {
	margin-top:0
}
.l__products .l__module-header {
	position:absolute;
	top:3.646vw;
	left:0;
	z-index:10
}
.l__products .l__module-header .boder .content {
	display:none
}
.l__products .swiper {
	margin-top:0;
	padding:0
}
.l__products .swiper .swiper-pagination {
	bottom:3.385vw
}
.l__products .swiper .swiper-pagination-bullet {
	margin:0;
	padding:0 2.708vw 1.042vw
}
.l__applications {
	padding-top:3.646vw
}
.l__applications .app-swiper {
	margin-top:3.646vw;
	height:auto
}
.l__applications .app-swiper .swiper-slide img {
	height:auto
}
.l__applications .app-swiper .swiper-slide .content {
	top:5.833vw
}
.l__applications .app-swiper .swiper-slide .content h1 {
	font-size:24px
}
.l__applications .app-swiper .swiper-slide .content p {
	margin-top:1.823vw;
	max-width:310px;
	font-size:var(--font-size-18)
}
.l__applications .swiper-nav .swiper .swiper-slide {
	flex:1;
	max-width:unset;
	padding:1.041667vw 0 .520833vw
}
.l__applications .swiper-nav .swiper .swiper-slide .icon {
	width:4.167vw;
	height:4.167vw
}
.l__applications .swiper-nav .swiper .swiper-slide .icon .iconfont {
	font-size:1.5625vw
}
.l__applications .swiper-nav .swiper .swiper-slide .title {
	font-size:var(--font-size-16);
	margin-top:1.146vw
}


    
    
    
    
    
    

    
    
    

    
}
@media screen and (min-width:1440px) {
	.l__module-header .boder .content .detail-url .iconfont {
	font-size:1.042vw
}
.l__about-boder {
	width:46.8%
}
.l__about-boder .dashboard .item .val {
	font-size:2.5vw
}

.l__about-boder .standards img {
	height:2.5vw;
	margin-top:16px
}
.l__applications .app-swiper .swiper-slide .content h1 {
	font-size:1.5625vw
}


.l__contact .boder-box .boder .content p {
	margin-top:2.34375vw
}
.l__contact .boder-box .boder a {
	font-size:3.333vw
}
}@media screen and (min-width:1920px) {
	.l__about-boder .dashboard .item .val {
	font-size:48px
}
.l__applications .app-swiper .swiper-slide .content h1 {
	font-size:30px
}
.l__applications .swiper-nav .swiper .swiper-slide {
	padding:20px 0 15px
}
.l__applications .swiper-nav .swiper .swiper-slide .icon {
	width:80px;
	height:80px
}
.l__applications .swiper-nav .swiper .swiper-slide .icon .iconfont {
	font-size:30px
}
.l__applications .swiper-nav .swiper .swiper-slide .title {
	margin-top:22px
}


    
.l__contact .boder-box .boder .content p {
	margin-top:45px
}
.l__contact .boder-box .boder a {
	font-size:64px
}
}



    .l__applications{ background: #f8f8f8 url("../image/xt.png") bottom right no-repeat; padding-bottom: 6.25vw}    
 .cp_gd {width:100%; height:395px;overflow: hidden;position: relative; margin-top: 60px; }
.cp_gd ul{position: absolute; width:100%}
.cp_gd ul li{float: left;width:350px;text-align:center;cursor: pointer; margin-right:25px; margin-bottom: 25px}
.cp_gd ul li a{ width:100%;float:left; display:block; }
.cp_gd ul li span{ display:table-cell; background: #fff; text-align: center; vertical-align: middle; width:350px; height:345px; border:1px solid #dedede; overflow: hidden;*display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_gd ul li img {max-width:100%;max-height:90%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_gd ul li h1{ line-height:50px; height:50px; overflow:hidden; font-size: 16px; font-weight: normal; margin: 0}

.cp_gd ul li a:hover{ transition: all .7s;}   



.l__developers {

	padding-left:0;
	display:flex; background: url("../image/ys_bj.jpg") no-repeat; background-size: cover
}

    .deve_l{     background-color: rgba(25, 97, 184, 1);
    flex: 0 0 30%; position: relative}    
    
    .pb_title{display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 62%;
    background_radio: 1;
    display-radio: flex;
    margin-left: auto;
    margin-right: 0px;
    padding-right: 10px;
    margin-top: 22%; margin-bottom: 35%}    
    
    .h_t{margin-bottom: 3%; font-weight: 600;
    color: rgba(255, 255, 255, 1);
    line-height: 1.5em;
    text-align: left;
    font-size: 48px;text-transform:uppercase;}
    .pb_title p{margin-bottom: 3%;
    color: rgba(255, 255, 255, 1);
    line-height: 1.8;
    text-align: left;
    font-size: 16px;}
    .pb_title a{ display: inline-block; width: 58px ;height: 58px; line-height: 58px; text-align: center; border: 1px solid #fff; font-size: 40px; color: #fff; margin:40% 0 0}
    .pb_title i{ display: block;line-height: 0.8;
    font_radio: 2;
    display-radio: 1;
    font-size: 5.5vw;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    font-family: Arial;
    color: rgba(255, 255, 255, 0.05);
    margin-top: 0;
    position: absolute;
    top: auto;
    left: 0;
    z-index: 1;
    bottom: -10px;
    right: auto;
    width: 100%;text-transform:uppercase;}
    
    .deve_r{    flex: 1;
    max-width: 100%;
    max-height: 100%;} 
    
    .deve_t{display-radio: 1;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6%;
    margin-bottom: 6%;}
    
    .deve_t ul{ width:102% }
    .deve_t ul li{ width: 31.33%; float: left; margin-right: 2%; margin-bottom: 2%; padding: 3%;transition: all 0.6s; overflow: hidden}
    .deve_t ul li img{ height: 64px; }
    .deve_t ul li h3{line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-size: 24px;
    color:#fff;
    margin-top: 30px;
    margin-bottom: 10px;}
    .deve_t ul li p{
    color:#fff;
    line-height: 1.8;
    font-size: 14px;}
    .deve_t ul li:hover{ background: #fff;border-radius:8px;}
    .deve_t ul li:hover h3,.deve_t ul li:hover p{ color: #222}
    .deve_t ul li:hover img{filter:drop-shadow(0px 0px blue)}
    
    
  


.l__news {
	margin-top:6.333vw; 
}
 .news_li{ width: 100%; padding: 2vw 0 0; display: block; overflow: hidden}
    .news_li ul{ width: 102%}
    .news_li ul li{ width: 31.33%; float: left; margin-right: 2%; margin-bottom: 2%; padding: 1%;transition: all 0.6s; overflow: hidden;transition: color .4s ease-out, background-color .4s ease-out;}
    .news_li ul li .z_img{ width:100%; height: 260px; overflow: hidden}
    .news_li ul li img { width:100%; height: 100%;object-fit:cover;	transition:all .36s ease;
	object-position:center;}
    .news_li ul li h2{ margin-top: 20px; font-size: 24px; line-height:1.5em; height: 3em; overflow: hidden;text-transform:capitalize}
    .news_li ul li dl{color: #999; font-size: 14px;margin-top: 10px;}
    .news_li ul li p{color: #666;font-size:14px;line-height:32px;height:32px;margin-top: 18px; overflow: hidden}
    .news_li ul li .n_p{ width: 100%; margin-top: 20px;}
    .news_li ul li .n_p span{ display: inline-block; float: left; padding: 10px 20px; font-size:13px;border: 1px solid #e5e5e5; color: #999;}
    .news_li ul li .n_p i{ float: right; font-size: 18px;color: #999;}
    .news_li ul li:hover{	background:#fff;
	border-radius:4px;
	box-shadow:0 0 22px rgba(0,0,0,.12)}
    
    .news_li ul li:hover img{transform:scale(1.1)}
    
    



.l__contact {
	margin-top:3.646vw;
	padding:0
}
.l__contact .bg-img {
	position:static;
	width:100%;
	height:auto;
	max-height:400px
}
.l__contact .boder-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center
}
.l__contact .boder-box .boder {

	align-items:flex-start;
	justify-content:space-between
}
.l__contact .boder-box .boder .content h1 {
	font-size:var(--font-size-36)
}
.l__contact .boder-box .boder .content p {
	font-size:var(--font-size-16);
	margin-top:36px
}
.l__contact .boder-box .boder a {
	font-size:51px;
	margin-top:0
}
   
    .contenttt{ width: 90%; float: left}
.contenttt h1{ color: #fff}
.l__contact .f_form,.cont{margin-top:28px; width: 100%; display: block; overflow: hidden}
.l__contact .f_form input{height:60px;line-height:58px; margin-bottom: 10px; border:1px solid #434750;background:#fff;float:left;outline:none;padding:0 20px;color:#FFF;}
.l__contact.f_form input.input1{width:12%;}
.l__contact .f_form input.input2{width:12%;margin-left:1%;}
.l__contact .f_form input.input3{width:25.5%;margin-left:1%;}
.l__contact .f_form input.input4{width:10%;margin-left:1%;}
.l__contact .f_form img{ height: 60px; margin-left: 5px; vertical-align: middle;}
.l__contact .f_form .foot_btn{width:14%;float:right;background:#1961b8; border:none; color:#fff;font-size:16px;text-align:center;height:60px;line-height:60px;cursor:pointer;}   


 .l__footer.en .boder .ewm{ width: 25%; padding-left: 2%; text-align: center} 
    .l__footer.en .boder .ewm dl{ width: 50%; float: left}
    .l__footer.en .boder .ewm img{max-width: 120px;}
    .l__footer.en .boder .ewm p{ color: #fff; line-height:3em;text-transform:capitalize}
.l__footer .logt{max-width: 30%}
.clean20{clear:both;height:20px;overflow:hidden;}

@media screen and (max-width:1270px) {
    .deve_t ul li p{ height: 100px; line-height: 20px; overflow: auto}
    .deve_t ul li h3{ height: 40px; line-height: 40px;overflow: hidden}
    
    
    
    
}