@font-face{
	font-family: 'siyuan-bold';
	src: url(../font/SOURCEHANSANSCN-BOLD.OTF);
}
@font-face{
	font-family: 'siyuan-extralight';
	src: url(../font/SOURCEHANSANSCN-EXTRALIGHT.OTF);
}
@font-face{
	font-family: 'siyuan-heavy';
	src: url(../font/SOURCEHANSANSCN-HEAVY.OTF);
}
@font-face{
	font-family: 'siyuan-light';
	src: url(../font/SOURCEHANSANSCN-LIGHT.OTF);
}
@font-face{
	font-family: 'siyuan-medium';
	src: url(../font/SOURCEHANSANSCN-MEDIUM.OTF);
}
@font-face{
	font-family: 'siyuan-normal';
	src: url(../font/SOURCEHANSANSCN-NORMAL.OTF);
}
@font-face{
	font-family: 'siyuan-regular';
	src: url(../font/SOURCEHANSANSCN-REGULAR.OTF);
}

html,body{font-family: "siyuan-normal";}
/*html,body{font-family: "Microsoft Yahei";}*/
.container{max-width: 1420px;}
.index-subtitle{color: rgba(0, 0, 0, .29);}
.border-0{border:none;}

/*.head{position: fixed;top: 0; width: 100%;z-index: 9;}*/
.head .slide-menu{position: absolute;width: 100%;top: 86px;height: 100px;}
.search{position: relative;}
.search-hide{position: absolute;right: -1px;top: -1px;visibility: hidden;opacity: 0;}
.search:hover .search-hide{width: 180px;opacity: 1;visibility: visible;transition: all .3s;}
/*.pc-slide-down{position: absolute;width: 100vw;background: #f9f9f9;z-index: 99;left: 0;top: 80px; display: none;}*/
.pc-slide-down{position: absolute;width: 100vw;background: #f9f9f9;z-index: 99;left: 0;top: 115px; display: none;}
.nav-item:hover .pc-slide-down{display: block;}
.pc-slide-down h3{cursor: pointer;margin-bottom: 0;}
.pc-slide-down h3:hover{background-color: #00a1e9;color: #fff;}
.slide-down-2{position: absolute;width: 100vw;left: 0;background: #fff;display: none;padding-top: 19px;padding-bottom: 29px;}
.nav-2{position: unset;}
.nav-2:hover .slide-down-2{display: block;}
.slide-down-2 .li2{border-bottom: 1px solid #dcdcdc;text-align: left;}
/*.pc-slide-down .col-3+.col-3{border-left: 1px solid #cacaca;}*/
/*.pc-slide-down h3,.pc-slide-down h3 a{color: #00a1e9;font-family: 'siyuan-medium';}*/
/*.pc-slide-down p a{font-family: 'siyuan-normal';}*/

.pc-slide-down h3,.pc-slide-down h3 a{color: #00a1e9;}


img{
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

.wap-nav{position: relative;}
.wap-nav .btn-menu:focus,.wap-nav .btn-search:focus{box-shadow: none;}
.wap-nav .wap-slide-menu,.wap-nav .wap-slide-search{position: absolute;left: -100%;z-index: 12;width: 100%;transition: all .3s;}
.wap-nav .wap-slide-menu.wap-show{left: 0;}
.wap-nav .wap-slide-menu p span{position: absolute;right: 26px;}
.wap-slide-proudct{position: absolute;left: -100%;z-index: 13;width: 100%;transition: all .3s;}
.wap-nav .wap-slide-proudct.wap-show{left: 0;}
.wap-slide-solution{position: absolute;left: -100%;z-index: 13;width: 100%;transition: all .3s;}
.wap-nav .wap-slide-solution.wap-show{left: 0;}


.banner-pc .swiper-container{height: calc(100vh - 86px);}
.banner-wap .swiper-container{height: calc(100vh - 86px);}
.banner-pc .banner-title{font-size: 61px;color: #000000;}
.banner-pc .banner-subtitle{font-size: 22px;color: #3c4458;}
.banner-pc .banner-btn{font-size: 18px;}
.banner-btn:hover{color: #000;}
.banner-title{font-family: 'siyuan-light';}
.banner-subtitle{font-family: 'siyuan-extralight';}
.banner-btn{font-family: 'siyuan-light';border: 1px solid #3d4754;}
/*.banner-btn{border: 1px solid #3d4754;}*/

.rec-product{margin-top: -100px;z-index: 9;position: relative;}

.index-sort{position: relative;}
.sort-logo{position: absolute;left: 8%;bottom: 14.8%;z-index: 6;}
.sort-subtitle{position: absolute;left: 8%;bottom: 6.18%;z-index: 6;}
.index-sort .zoombox{width: 100%;height: 0;position: absolute;left: 0;bottom: 0;right: 0;margin: auto;background: rgba(0, 0, 0, 0);z-index: 4;transition: all .5s;}
.index-sort:hover .zoombox{background: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;}

.index-pro-left{background-color: #00a0e9;color: #fff;}
.index-pro-left p{transition: all .3s;cursor: pointer;}
.index-pro-left p.act{background-color: #fff;color: #00a0e9;padding-left: 19px!important;}
.index-pro-right a{background: #f5f5f5;}


.solution{background-color: #f3f3f3;}
.index-solution{position: relative;}
.index-solution-desc{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 100px;z-index: 6;}
.index-s-title{font-family: 'siyuan-bold';}
.index-s-subtitle{font-family: 'siyuan-light';}
.solution .zoombox{width: 0;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;background: rgba(0, 0, 0, 0);z-index: 4;transition: all .5s;}
.index-solution:hover .zoombox{background: rgba(0, 0, 0, 0.6);width: 100%;}

.business{background: url(../images/bussbg.jpg) center center no-repeat;min-height: 100vh; background-size: cover;}

.datas{font-family: "siyuan-light";}
.datas .number{font-family: "siyuan-bold";}

/*.news{min-height: 100vh;}*/
.news-li-hover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, .2);opacity: 0;transition: all .3s;}
.news-li:hover .news-li-hover{opacity: 1;}
.index-first-news{border-radius: 9px 9px 0 0;background-color: #f1f1f1;overflow: hidden;}
.index-first-news img{transition: all .3s;}
.index-first-news:hover img{transform: scale(1.05);}
.news-left-date,
.index-news-more{color:#b9b9b9;}
.index-first-news:hover .index-news-more,
.index-news-more:hover{color:#0056b3;}
.news-right-title{
	overflow: hidden; /* 隐藏超出部分 */
	text-overflow: ellipsis; /* 添加省略号 */
	display: -webkit-box; /* 将元素作为弹性伸缩盒子模型处理 */
	-webkit-line-clamp: 2; /* 限制最大行数为2行 */
	-webkit-box-orient: vertical;
	width: 77%;
}

.ovh-2{
	overflow: hidden; /* 隐藏超出部分 */
	text-overflow: ellipsis; /* 添加省略号 */
	display: -webkit-box; /* 将元素作为弹性伸缩盒子模型处理 */
	-webkit-line-clamp: 2; /* 限制最大行数为2行 */
	-webkit-box-orient: vertical;
}

.index-map{
	background: url(../images/index-map-bg.png) no-repeat center bottom;
	background-size: cover;
}
.index-map-line{
	left: 0;
	top: 0;
	animation: circle-clip 4s ease-in-out infinite;
}

@keyframes circle-clip {
	0%{
		clip-path:circle(0 at 70.3% 61.6%);
	}
	100%{
		clip-path:circle(60% at 70.3% 61.6%);
	}
}

.index-map-ico {
	left: 69.2%;
	top: 54.7%;
}
.index-map-circle{
	background:#45ffff;
	box-shadow: 0 0 12px #45ffff, 0 0 20px #45ffff inset;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	animation: warn 6s ease-out both infinite;
}
.index-map-circle:nth-of-type(1){
	left: 56%;
	top: 57.6%;
	animation-delay: .1s;
}
.index-map-circle:nth-of-type(2){
	left: 32%;
	top: 37%;
	animation-delay: .5s;
	display: none;
}
.index-map-circle:nth-of-type(3){
	left: 54.8%;
	top: 34.9%;
	animation-delay: 1.1s;
}
.index-map-circle:nth-of-type(4){
	left: 48.9%;
	top: 35%;
	animation-delay: .13s;
}
.index-map-circle:nth-of-type(5){
	left: 73%;
	top: 26%;
	animation-delay: 2s;
}
.index-map-circle:nth-of-type(6){
	left: 67%;
	top: 35%;
	animation-delay: 2.1s;
}
.index-map-circle:nth-of-type(7){
	left: 57.2%;
	top: 47.5%;
	animation-delay: 2.5s;
}
.index-map-circle:nth-of-type(8){
	left: 60.8%;
	top: 45.7%;
	animation-delay: 3s;
}
.index-map-circle:nth-of-type(9){
	left: 66%;
	top: 51%;
	animation-delay: 2.8s;
}
.index-map-circle:nth-of-type(10){
	left: 62.5%;
	top: 55.7%;
	animation-delay: 3.5s;
}
.index-map-circle:nth-of-type(11){
	left: 61.4%;
	top: 64.6%;
	animation-delay: 3.7s;
}
.index-map-circle:nth-of-type(12){
	left: 43.1%;
	top: 64.6%;
	animation-delay: 2.7s;
}
.index-map-circle:nth-of-type(13){
	left: 61.5%;
	top: 64.5%;
	animation-delay: 1.7s;
}
.index-map-circle:nth-of-type(14){
	left: 43.5%;
	top: 62.8%;
	animation-delay: 4.7s;
}
.index-map-circle:nth-of-type(15){
	left: 69.8%;
	top: 74.1%;
	animation-delay: 5.7s;
	display: none;
}
.index-map-circle:nth-of-type(16){
	left: 69.2%;
	top: 56.7%;
	animation-delay: 4.2s;
}
.index-map-circle:nth-of-type(17){
	left: 64%;
	top: 73%;
	animation-delay: 4.5s;
}
.index-map-circle:nth-of-type(18){
	left: 51%;
	top: 76.6%;
	animation-delay: 5.7s;
}
.index-map-circle:nth-of-type(19){
	left: 59%;
	top: 84%;
	animation-delay: 5.1s;
	display: none;
}
.index-map-circle:nth-of-type(20){
	left: 46%;
	top: 52%;
	animation-delay: 6s;
}


@keyframes warn {
	0%	{
		transform: scale(0);
		opacity: 0;
	}
	75%	{
		transform: scale(0);
		opacity: 1;
	}
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.ext-company-infos{
	background-color: #81a4c7;
}
.ext-company-infos .number{
	font-size: 46px;
}
.ext-company-infos .col + .col{
	border-left: 1px solid rgba(255, 255, 255, .3);
}

.index-foot{background-color: #eee;}
.foot,.wap-foot{background-color: #333;}
.foot-nav{font-family: "siyuan-light";}
.ol-msg{display: block;background: #0193de;}

.inner-banner{position: relative;}
/*.inner-banner .bg-img{background-size: cover;background-repeat: no-repeat;background-position: center center;}*/
.inner-banner .label{position: absolute;left: 0;right: 0;margin: auto; top:50%;transform:translateY(-50%);}
.inner-banner h3{font-family: "siyuan-bold";font-weight: normal;}
/*.inner-banner h3{font-weight: normal;}*/

.sonsort{background-color: #a7cbdc;}
.sonsort a{position: relative;}
.sonsort a:after{content: '';position: absolute;width: 0;height: 5px;background: #1093e4;left: 0;right: 0;bottom: 0;margin: auto;transition: all .3s;}
.sonsort a.sactive:after,.sonsort a:hover:after{width: 100%;}
.sonsort a.sactive,.sonsort a:hover{color: #fff;}
.sort-in{background-color: #009fe7;}
.sort-in a:after{background: #b9d6e4;}
.sort-in a{color: #fff;}


.hot-img,.news-card-img{background-size: cover;background-position: center center;background-repeat: no-repeat;}

/*解决方案*/
.jieshao-content{background: url(../images/jieshao.jpg) center center no-repeat; background-size: cover;}
.jieshao-content .content-main{font-family: "siyuan-light";}
.fangan .jieshao-content{background: url(../images/fangan.jpg);}

.solution-navs{position:absolute; left: 50%;transform: translateX(-50%);bottom: 115px;z-index: 5;}
.solution-navs a.solution-navs-li{padding:20px 0;text-align: center;background-color: rgba(255, 255, 255, .3);position: relative;}
.solution-navs a.solution-navs-li::after{content:'';position: absolute;width: 1px;height: 100%;background: linear-gradient(to bottom,transparent 10%,#fff 50%,transparent 90%);left: -1px;top:0;opacity: .8;}
.solution-navs a.solution-navs-li:first-of-type::after{content:unset;}
.solution-navs a.act{background-color: #00a0e9;}
.solution-info{position: absolute;top:245px;left: 50%;transform: translateX(-50%);z-index: 4;}
.solution-title span{font-size: 46px;font-family: "siyuan-bold";padding-bottom: 15px;border-bottom: 5px solid #fff;display: inline-block;}
.solution-desc{font-family: "siyuan-light";letter-spacing: 2px;}
.s-bigimg .cover{position: absolute;left: 0;top: 0;background: linear-gradient(to right,#171f86,transparent 50%);z-index: 2;width: 100%;height: 100%}

.case-content .swiper-slide a img{width: 100%;height: 460px;display: block;object-fit: cover;}
.case-content .swiper-button-prev{left: -70px;filter: grayscale(1);}
.case-content .swiper-button-next{right: -70px;filter: grayscale(1);}
.case-content .swiper-button-prev:hover,
.case-content .swiper-button-next:hover{filter: grayscale(0);}
.case-content .cover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, .55);opacity: 0;}
.case-content a:hover .cover{opacity: 1;}


/* 产品体系 */
/*.nav-lists a{font-family: 'siyuan-light'; color: #595858;font-size: .928rem;}*/
.nav-lists a{color: #595858;font-size: .928rem;}
.gongneng{background: url(../images/gongneng.jpg) top center;background-size: cover;}
/*.fenbu{background: url(../images/fenbu.jpg) center center;background-size: cover;}*/
.fenbu{background: #fff;}
/*安全服务*/
.s-honor{background:url(../images/s-honor.jpg) center center;background-size: cover;}


/*联系我们*/
.jianjie{background: url(../images/aboutbg1.jpg) center center;background-size: cover;}
.jianjie-content{overflow-y: scroll;font-family: 'siyuan-light';}
.jianjie-content::-webkit-scrollbar{width: 14px;}
.jianjie-content::-webkit-scrollbar-track{background: #fff;}
.jianjie-content::-webkit-scrollbar-thumb{background: #00b7ee;}
.wenhua{background: url(../images/wenhuabg.jpg) center center;background-size: cover;height: 80vh;}
.dashiji{background: url(../images/dashijibg.jpg) center center;background-size: cover;height: 100vh;}

.mySwiper .swiper-slide p{transition: all .3s;}
.mySwiper .swiper-slide{cursor: pointer;}
.y-line{width: 0%;height: 6px;background: #00b7ee;transition: all .3s;margin: auto;}
.s-active .y-line{width: 70%;}
.s-active p{transform: scale(1.2);}
.mySwiper .points{position: relative;}
.mySwiper .points:before{content: '';position: absolute;width: 12px;height: 12px;left: 0;right: 0;margin: auto;background: #fff;border-radius: 50%;bottom: -3px;opacity: 1;}
.mySwiper .points:after{content: '';position: absolute;width: 6px;height: 6px;left: 0;right: 0;margin: auto;background: #00b7ee;border-radius: 50%;bottom: 0px;opacity: 1;}

.mySwiper2 .swiper-slide{overflow-y: auto;overflow-x: hidden;}
.mySwiper2 .swiper-slide::-webkit-scrollbar{width: 10px;}
.mySwiper2 .swiper-slide::-webkit-scrollbar-track{background: #fff;}
.mySwiper2 .swiper-slide::-webkit-scrollbar-thumb{background: #00b7ee;}

.dashiji .arrs{position: relative;}
.dashiji .left-arr{background-color: rgba(255, 255, 255, .7);color: #000;position: absolute;left: 0;width: 2rem;height: 2rem; text-align: center;line-height: 2rem;}
.dashiji .right-arr{background-color: rgba(255, 255, 255, .7);color: #000;position: absolute;right: 0;width: 2rem;height: 2rem; text-align: center;line-height: 2rem;}
.mySwiper .swiper-button-prev{left: 0!important;}
.mySwiper .swiper-button-next{right: 0!important;}
.mySwiper .swiper-button-prev,.mySwiper .swiper-button-next{background: none;top: 84%;}
.dashiji-line{height: 2px;background: rgba(255, 255, 255, .7);position: absolute;width: 96%;left: 0;right: 0;top: 48px;margin: auto;}

.zizhi .h-active{color: #00b7ee;position: relative;}
.zizhi .h-active:after{content: '';width: 100%;height: 6px;background: #00b7ee;position: absolute; bottom: -3px;left: 0;z-index: 1;}
.zizhi-nav{position: relative;}
.zizhi-nav:after{content: '';height: 1px;width: 100%;background: #e0dede;position: absolute;bottom: 0;left: 0;}
.zizhi-navs{cursor: pointer;}
.h-content>div{display: none;}
/*mypage*/
.mypage a{border: 1px solid #000;display: block;width: 30px;height: 30px;text-align: center;line-height: 28px;margin: 3px;}
.mypage a.mycurrent{background-color: #1093e4;border-color: #1093e4;color: #fff;}

.online dl:not(:last-of-type){background: #fff!important;}
.online dl:last-of-type{background: #009cdd!important;}
.online dl:not(:last-of-type):hover{background: #009cdd!important;border-color: #009cdd!important;}
.online dl:not(:last-of-type):hover dd{color: #fff!important;}
.online dl:not(:last-of-type):hover dd img{filter: grayscale(100%) brightness(400%);}

@media screen and (max-width: 1024.1px) {
    .ext-company-infos .number{
    	font-size: 32px;
    }
    .solution-title span{font-size:36px;}
    
}

@media screen and (max-width: 768.1px) {
    .ext-company-infos .number{
    	font-size: 26px;
    }
    .solution-title span{font-size:24px;}
    .solution-navs{bottom: 0;}
	.solution-info{top: 50%;transform: translate(-50%,-50%);}
	.solution-info>div.w-50{width: 100%!important;}
	.solution .s-bigimg,
	.solution .s-bigimg .swiper-slide{height:500px;} 
	.solution .s-bigimg img{width:100%;height:100%;object-fit:cover;}
}

@media screen and (max-width: 425.1px) {
    .solution-title span{font-size:18px;}
	.case-content .cover{opacity: 1;}
	
}