@font-face
{
    font-family: 'Arial';
    font-weight: normal;
    font-style: normal;

	url('../fonts/ArialMT.ttf') format('truetype');
}
/*banner*/

.banner_box {
	width: 100%;
	/* height: 100%; */
	height: 100vh;
	position: relative;
}
.banner_box .m_shubiao {
		position: absolute;
		width: 18px;
		height: 32px;
		bottom: 156px;
		left: 50%;
		z-index: 990;
}
.m_shubiao div{
	position: absolute;
	bottom: -20px;
	width: 100px;
	height: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 14px;
	color: #F4F7FB;
	margin-left:-50px;
	left: 50%;
	text-align: center;
}
.m_shubiao p:nth-child(1) {
    width: 18px;
    height: 32px;
    background: url(../m_ban1.png) no-repeat center bottom;
		background-size: 18px 32px;
    position: absolute;
    left: 0;
    bottom: 0;
    animation: mysecond 2s infinite normal;
    z-index: 99;
}

.m_shubiao p:nth-child(2) {
    width: 18px;
    height: 0px;
    background: url(../m_ban1_1.png) no-repeat center top;
		background-size: 18px 32px;
    position: absolute;
    left: 0;
    top: 0;
    animation: myfirst 2s infinite normal;
    z-index: 91;
}

@keyframes myfirst {
    0% {
        height: 0%;
    }
    10% {
        height: 10%;
    }
    20% {
        height: 20%;
    }
    30% {
        height: 30%;
    }
    40% {
        height: 40%;
    }
    50% {
        height: 50%;
    }
    60% {
        height: 60%;
    }
    70% {
        height: 70%;
    }
    80% {
        height: 80%;
    }
    90% {
        height: 90%;
    }
    100% {
        height: 100%;
    }
}

@keyframes mysecond {
    0% {
        height: 100%;
    }
    10% {
        height: 90%;
    }
    20% {
        height: 80%;
    }
    30% {
        height: 70%;
    }
    40% {
        height: 60%;
    }
    50% {
        height: 50%;
    }
    60% {
        height: 40%;
    }
    70% {
        height: 30%;
    }
    80% {
        height: 20%;
    }
    90% {
        height: 10%;
    }
    100% {
        height: 0%;
    }
}
.s_banner{
	height: 100%;
}
.banner {
	height: 100%;
	/* -webkit-background-size: cover;
	background-size: cover; */
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	/* animation: suofang 40s linear infinite alternate; */
	position: relative;
}
.s_banner .swiper-slide{
	overflow: hidden;
}

.swiper-pagination{
	/* text-align: center; */
	/* padding-right: 24px; */
	width: 98%;
	left: 1%;
	text-align: left;
}
.swiper-pagination-bullet{
	background: #fff;
	opacity: .6;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.swiper-pagination-bullet-active{
	width:  12px;
	height: 12px;
	background: #FFFFFF;
	border-radius: 50%;
	opacity: 1;
}
.swiper-container.s_banner{
	--swiper-theme-color: #fff;
	--swiper-pagination-color: #fff;/* 两种都可以 */
}
.spage1{
	bottom: 100px;
	left: 0;
}
.spage1 span{
	font-family: Arial;
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
}
.spage1 .swiper-pagination-current{
	font-size: 32px;
}
.spage_scrollbar{
	background: rgba(255, 255, 255, .321);
	height: 1px!important;
	bottom: 80px!important;
	position: absolute;
	width: 100%;
	z-index: 900;
}
.spage_scrollbar .swiper-scrollbar-drag{
	width: 30%;
	height: 1px!important;
	background: #FFFFFF;
}
.s_banner_opts{
	position: relative;
}
@keyframes suofang {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.3)
    }
}
.spage_button{
	bottom: 100px;
	right: 0;
	position: absolute;
	width: 100px;
	z-index: 910;
}
.spage-next1{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .52);
	position: relative;
	left: auto;
	right: auto;
}
.spage-prev1{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .52);
	position: relative;
	right: auto;
	right: auto;
}
.spage-next1:after, .spage-prev1:after{
	font-size: 16px;
	color: #fff;
}
.mySwiper {
	width: 100%;
	height: 100vh;
}


.s_banner1{
	position: absolute;
	bottom: 100px;
	z-index: 900;
	width: 100%;
	height: 40px;
}
.jfy_page{
	padding-left: 130px;
}
.jfy_page .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	border: 1px solid rgba(0,0,0,0);
	background: rgba(0,0,0,0);
	position: relative;
	opacity: 1;
}
.jfy_page .swiper-pagination-bullet::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -2px;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	background: #FFFFFF;
	border-radius: 50%;
}
.jfy_page .swiper-pagination-bullet-active{
	width: 16px;
	height: 16px;
	border: 1px solid rgba(255, 255, 255, .521);
	background: rgba(0,0,0,0);
}
.ipor_box{
	width: 100%;
	background: #fff;
	padding-bottom: 100px;
}
.ipor_tit{
	padding-top: 100px;
	position: relative;
}
.ipor_tit_en{
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	color: #2377EF;
	line-height: 34px;
	text-align: center;
}
.ipor_tit_cn{
	font-weight: bold;
	font-size: 40px;
	color: #333333;
	text-align: center;
	line-height: 48px;
}
.ihot_pro_list{
	width: 100%;
	margin-top: 63px;
	padding-left: 2px;
}
.isw_pro_a{
	width: 444px;
	height: 460px;
	background: #FFFFFF;
	border-radius: 20px;
	border: 1px solid #DCDCDC;
	padding: 24px;
}
.isw_pro_img{
	width: 100%;
	height: 290px;
	background: #FFFFFF;
	border-radius: 16px;
	border: 1px solid #DCDCDC;
}
.isw_pro_img img{
	max-width: 90%;
	max-height:90%;
}
.isw_pro_tit{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	height: 74px;
	line-height: 74px;
	text-align: center;
}
.isw_pro_btn{
	width: 136px;
	height: 42px;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #2377EF;
	font-weight: 400;
	font-size: 14px;
	color: #2377EF;
	margin: 0 auto;
}
.isw_pro_btn i{
	font-size: 18px;
	color: #2377EF;
	margin-left: 10px;
}
.isw_pro_btns{
	width: 120px;
	height: 54px;
	margin: 40px auto 0;
}
.spage-next2{
	width: 54px;
	height: 54px;
	background: #EFF2F7;
	border-radius: 50%;
	position: relative;
	left: 0!important;
	right: auto;
	bottom: 0;
	top: 0;
	margin-top: 0;
}
.spage-prev2{
	width: 54px;
	height: 54px;
	background: #EFF2F7;
	border-radius: 50%;
	position: relative;
	left: 0!important;
	right: auto;
	bottom: 0;
	top: 0;
	margin-top: 0;
}
.spage-next2:after, .spage-prev2:after{
	font-size: 16px;
	color: #858A93;
}
.go_more_btn{
	font-weight: 400;
	font-size: 16px;
	color: #2377EF!important;
	width: 156px;
	height: 52px;
	border-radius: 8px;
	border: 1px solid #2377EF;
	position: absolute;
	right: 0;
	bottom: 15px;
}
.go_more_btn i{
	color: #2377EF;
	font-size: 18px;
	margin-left: 10px;
}
.icalss_list{
	margin-top: 64px;
	margin-left: -14px;
	margin-right: -14px;
}
.icalss_li{
	padding: 14px;
	width: 50%;
	
}
.icalss_box{
	width: 100%;
	height: 340px;
	background: #EFF2F7;
	border-radius: 16px;
	padding: 35px 8%;
}
.icalss_img{
	width: 40%;
	height: 100%;
	margin-right: 4%;
}
.icalss_img img{
	max-width: 100%;
	max-height:100%;
}
.icalss_li:nth-child(n+3){
	width: 33.33%;
}
.icalss_li:nth-child(n+3) .icalss_box{
	
	height: 240px;
	
	/* padding: 35px; */
}
.icalss_name{
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	height: 30px;
	margin-bottom: 20px;
}
.icalss_more{
	font-weight: 400;
	font-size: 16px;
	color: #2377EF;
	border-bottom: 1px solid #2377EF;
}
.icase_box{
	background-image: url(../case_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	padding-bottom: 100px;
}
.icase_box .ipor_tit_en{
	color: #fff;
}
.icase_box .ipor_tit_cn{
	color: #fff;
}
.icase_box .go_more_btn{
	background: rgba(0,0,0,0);
	border: 1px solid #FFFFFF;
	color: #fff!important;
}
.icase_box .go_more_btn i{
	color: #fff!important;
}
.isw_case_s{
	width: calc(50vw + 50%);
	margin-top: 87px;
}
.isw_case_s  .swiper-slide {
    padding: 25px 0 20px 50px;
}
.icase_li{
	width: 100%;
	position: relative;
}
.icase_img{
	width: 100%;
	padding-top: 65.47%;
	position: relative;
}
.icase_img>div{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.icase_nub{
	position: absolute;
	top: -20px;
	left: 30px;
	font-family: Arial;
	font-weight: bold;
	font-size: 64px;
	color: transparent;
	line-height: 64px;
	-webkit-text-stroke: 1px #fff;
}
.swiper-slide-active .icase_nub{
	color: #FFFFFF;
}
.icase_msg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 61%;
	background-color: #fff;
	padding: 20px 28px ;
	transition: all 1s;
	border-radius: 0px 72px 0px 0px;
}
.icase_m1{
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
	line-height: 30px;
	height: 30px;
}
.icase_m2{
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	height: 90px;
}
.swiper-slide-active .icase_msg{
	left: -50px;
	bottom: -26px;
	background:rgba(35, 119, 239, .9)
}
.swiper-slide-active .icase_m1{
	color: #FFFFFF;
}
.swiper-slide-active .icase_m2{
	color: #FFFFFF;
}
.inews_box{
	width: 100%;
	padding-bottom: 100px;
	background: #F4F7FB;
}
.inews_list{
	margin-top: 50px;
	margin-left: -14px;
	margin-right: -14px;
}
.inews_li{
	width: 33.33%;
	padding: 14px;
}
.inewsli_box{
	width: 100%;
	height: 474px;
	background: #FFFFFF;
	border-radius: 16px;
	overflow: hidden;
	display: block;
}
.inewsli_img{
	width: 100%;
	height: 258px;
}
.inews_msg{
	width: 100%;
	padding: 25px 36px;
}
.inews_tit{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 20px;
	height: 20px;
	margin-bottom: 20px;
}
.inews_time{
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	margin-bottom: 15px;
}
.inews_text{
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	height: 78px;
}
.inewsli_box1{
	width: 100%;
	padding: 0 36px;
}
.inews_xli{
	width: 100%;
	height: 157px;
	padding: 32px 0;
	display: block;
}
.inews_xli+.inews_xli{
	border-top: 1px solid #EEEEEE;
}
.inews_xli:first-child, .inews_xli:nth-child(2) {
    display: none;
}
.inews_xli:nth-child(3){
	border-top: none;
}
.inews_xtit{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	height: 60px;
	margin-bottom: 15px;
}
.inews_xtime{
	font-weight: 400;
	font-size: 14px;
	color: #999999;
}
/* 产品 */
.pro_banner{
	width: 100%;
	height: 450px;
}
.pro_banner_text{
	font-weight: bold;
	font-size: 40px;
	color: #FFFFFF;
	line-height: 60px;
}
.top_box_h{
	background: #EFEFEF;
}
.md_nav_box{
	width: 100%;
	background: #fff;
}
.md_nbox{
	padding: 20px 0;
}
.md_nboxl{
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	line-height: 34px;
}
.md_nboxl a{
	color: #999999!important;
}
input{
	outline: none;
}
.pro_int{
	width: 168px;
	height: 38px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #D5E0E9;
	min-width: 0;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	padding: 0 15px;
	margin-left: 8px;
}
.pro_sub_btn{
	font-weight: 400;
	font-size: 14px;
	color: #2377EF;
	width: 86px;
	height: 38px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #2377EF;
	margin-left: 8px;
}
.pro_class_box{
	width: 100%;
	border-top: 1px solid #D5E0E9;
	background: #fff;
	position: sticky;
	top: 100px;
	z-index: 910;
}
.pro_class_list{
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	border-left: 1px solid #D5E0E9;
}
/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
.pro_class_list::-webkit-scrollbar {
	width: 4px;
	height: 6px;
	background-color: rgba(0,0,0,.62); 
}

/*定义滚动条轨道
内阴影+圆角*/
.pro_class_list::-webkit-scrollbar-track {
	/* -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.3); */
	/* border-radius:3px; */
	background-color: #F5F5F5;
}

/*定义滑块
 内阴影+圆角*/
.pro_class_list::-webkit-scrollbar-thumb {
	border-radius:3px;
		/* -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.3); */
		background-color: #b3b3b3;
}
.pro_class_li{
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	padding: 0 28px;
	height: 70px;
	border-right: 1px solid #D5E0E9;
	
}
.pro_class_li.active,.pro_class_li:hover{
	background: #2377EF;
	color: #fff;
}
.pro_class_box1{
	background: #EFF2F7;
	top: 170px;
}

.pro_list{
	width: 100%;
	background: #fff;
	padding-bottom: 80px;
}
.pro_li{
	width: 100%;
	padding-top: 80px;
	
}
.proli_box{
	border-bottom: 1px solid #DCDCDC;
}
.pro_img{
	width: 41.85%;
	/* height: 430px; */
	padding-top: 30.71%;
	background: #FFFFFF;
	border-radius: 16px 16px 0px 0px;
	border: 1px solid #DCDCDC;
	border-bottom: none;
	position: relative;
	margin-right: 5.7%;
}
.pro_imgn{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.pro_img img{
	max-width: 90%;
	max-height: 90%;
}
.team_page {
	margin-top: 80px;
}
.proli_msg{
	padding-bottom: 10px;
}
.pro_name{
	font-weight: bold;
	font-size: 26px;
	color: #333333;
	line-height: 90px;
	height: 90px;
}
.pro_text{
	font-weight: 400;
	font-size: 18px;
	color: #666666;
	line-height: 30px;
	height: 90px;
	margin-bottom: 35px;
}
.pro_btn{
	width: 136px;
	height: 42px;
	background: #2377EF;
	border-radius: 8px;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
}
.pro_btn i{
	font-size: 18px;
	margin-left: 10px;
}

/* 产品详情 */
.back_btn{
	width: 86px;
	height: 38px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #2377EF;
	font-weight: 400;
	font-size: 14px;
	color: #2377EF;
}
.proxq_top{
	width: 100%;
	background-image: url(../proxq_bg.jpg);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.proxq_tit{
	width: 100%;
	border-bottom:1px solid rgba(255, 255, 255, 1);
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	color: #FFFFFF;
	line-height: 60px;
	padding: 30px 0;
}
.proxq_img{
	width: 420px;
	height: 420px;
	margin: 0 auto;
}
.proxq_img img{
	max-width: 95%;
	max-height: 95%;
}
.pro_class_box2{
	background: #EFF2F7;
	
}
.pro_class_box2 .pro_class_list{
	border-left: none;
	margin: 0 auto;
	text-align: center;
}
.pro_tabs{
	font-size: 0;
}
.pro_tab{
	display: inline-block;
	height: 70px;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	padding: 20px 55px;
	line-height: 30px;
	cursor: pointer;
}
.pro_tab.active,.pro_tab:hover{
	background: #2377EF;
	color: #fff;
}
.scroll-container,.scroll-container1{
	/* scrollbar-gutter: stable;
	padding-bottom: env(scrollbar-gutter); */
}
/* 非鼠标悬停状态下隐藏滚动条 */
/* .scroll-container:not(:hover)::-webkit-scrollbar,
.scroll-container1:not(:hover)::-webkit-scrollbar{
  display: none; 
} */
.prom_box{
	width: 100%;
	background: #fff;
	padding-top: 75px;
	padding-bottom: 80px;
	position: relative;
}
.fwb_box{
	font-weight: 400;
	font-size: 16px;
	color: #555555;
	line-height: 32px;
}
.pro_nl{
	width: 200px;
	border-radius: 24px;
	border: 1px solid #D5E0E9;
	position: absolute;
	top: 30px;
	left: -200px;
	transition: left .5s;
	box-shadow: 6px 0 20px 0 rgba(0, 0, 0, .15);
	z-index: 200;
	min-height: 200px;
	background: #fff;
}
/* .filter_type{
	display: none;
} */
.filter_type {
	display: block;
	position: absolute;
	width: 36px;
	height: 36px;
	text-align: center;
	right: -36px;
	top: 100px;
	background: #fff;
	border-radius: 0 30px 30px 0;
	cursor: pointer;
	z-index: 200;
	box-shadow: 6px 0 20px 0 rgba(0, 0, 0, .15);
	padding: 3px 3px 3px 0;
}
.filter_type i {
		font-size: 24px;
		line-height: 30px;
		transition: all .5s;
		color: #2377EF;
}
.pro_nl.active{
	left: 0;
}
.pro_nl_tit{
	width: 200px;
	height: 64px;
	background: #2377EF;
	padding: 0 16px;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	border-radius: 24px 24px 0px 0px;
}
.pro_nl_tit i{
	font-size: 20px;
	font-weight: normal;
	cursor: pointer;
}
.prot_list{
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	border-radius:  0 0 24px 24px;
}
.prot_list::-webkit-scrollbar {
	width: 3px;
	/* 	width: 4px;
		height: 4px; */
		/* background-color: rgba(0,0,0,.2); */
		/* background-color: rgba(0,0,0,0); */
	 
}
.prot_list::-webkit-scrollbar-thumb
{
	background-color: #2377EF;
		/* -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.3); */
		/* border-radius:1px; */
		/* background-color:#F5F5F5; */
		/* background-color: transparent; */
}
.prot_li{
	width: 100%;
}
.prot_li_tit{
	width: 100%;
	height: 64px;
	/* background: #FFFFFF; */
	padding: 0 15px;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
}
.prot_li_tit i{
	margin-left: 10px;
}
.prot_xlist{
	height: 0;
	overflow: hidden;
	transition: all .5s;
	background: #F5F7F9;
}
.prot_li+.prot_li .prot_li_tit{
	border-top: 1px solid #D5E0E9;
}
.prot_li_tit.active,.prot_li_tit:hover{
	color: #2377EF;
}
.prot_li_tit.active i{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.prot_li_tit.active+.prot_xlist{
	height: auto;
}
.prot_xlist .prot_li_tit{
	border-top: 1px solid #D5E0E9;
}
.proxq_fwb_box{
	min-height: 70vh;
}
.proxq_xgbox{
	width: 100%;
	min-height: 578px;
	background: #EFF2F7;
	border-radius: 12px;
	padding: 30px 28px 80px;
}
.proxq_xg_tit{
	font-weight: 400;
	font-size: 28px;
	color: #333333;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
.xg_list{
	width: 100%;
	padding-bottom: 40px;
}
.xg_th{
	width: 100%;
	height: 65px;
}
.xg_td{
	padding: 0 26px;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
}
.xg_td .oh1{
	line-height: 20px;
	height: 20px;
}
.xg_td1{
	width: 180px;
	text-align: center;
}
.xg_td2{
	width: 150px;
	text-align: center;
}
.xg_tr{
	height: 62px;
	background: #FFFFFF;
	border-radius: 12px;
}
.xg_tr+.xg_tr{
	margin-top: 8px;
}
.xg_td_btn{
	width: 40px;
	height: 40px;
	margin: 0 auto;
}
.xg_td_btn img{
	width: 22px;
	height: 22px;
}
.prom_box1{
	background: #F4F7FB;
}
.xgcase_list{
	width: 100%;
}
.xgcase_li{
	width: 100%;
	background: #FFFFFF;
	border-radius: 16px;
	padding: 28px;
}
.xgcase_li+.xgcase_li{
	margin-top: 36px;
}
.solli_img{
	width: 40.714%;
	/* height: 374px; */
	padding-top: 26.714%;
	margin-right: 3.57%;
	border-radius: 16px;
	position: relative;
}
.solli_img>div{
	position: absolute;
	top: 0;
	left: 0;
}
/* .solli_tit{
	font-weight: bold;
	font-size: 26px;
	color: #333333;
} */

/* 解决方案 */
.sol_list{
	width: 100%;
	background: #F4F7FB;
	padding: 80px 0;
}
/* 新闻详情 */
.solxq_tit{
	font-weight: 400;
	font-size: 30px;
	color: #333333;
	line-height: 40px;
	text-align: center;
}
.solxq_time{
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.solxq_fwb{
	width: 100%;
	background: #fff;
	padding: 50px 60px;
	border-radius: 12px;
}
.case_list_box{
	padding-top: 80px;
}
.case_list{
	margin-left: -12px;
	margin-right: -12px;
}
.case_li{
	width: 25%;
	padding: 12px;
}
.caseli_img{
	width: 100%;
	/* height: 220px; */
	padding-top: 66.66%;
	border-radius: 12px 12px 0 0;
	position: relative;
}
.caseli_img>div{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.caseli_msg{
	width: 100%;
	height: 178px;
	background: #EFF2F7;
	border-radius: 0 0 12px 12px;
	padding: 25px 28px;
	text-align: justify;
}
.caseli_name{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 20px;
	height: 20px;
	margin-bottom: 8px;
}
.caseli_text{
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	height: 60px;
	margin-bottom: 20px;
}
.about_box{
	width: 100%;
	background: #fff;
	padding: 80px 0;
}
/* 新闻 */
.news_li{
	width: 100%;
	background: #FFFFFF;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}
.news_li+.news_li{
	margin-top: 28px;
}
.news_img{
	width: 340px;
	height: 200px;
	margin-right: 58px;
}
.news_y{
	font-family: Arial;
	font-weight: 400;
	font-size: 28px;
	color: #2377EF;
	line-height: 30px;
	margin-bottom: 5px;
}
.news_md{
	font-family: Arial;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	line-height: 26px;
}
.news_sg{
	width: 1px;
	height: 40px;
	background: #CDD4DE;
	margin: 0 25px;
}
.news_tit{
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	line-height: 24px;
	height: 24px;
	margin-bottom: 15px;
}
.news_text{
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	height: 52px;
}
.news_next{
	width: 64px;
	height: 30px;
	border-left: 1px solid #CDD4DE;
	margin-left: 80px;
	color: #CDD4DE;
}
.zhanhui_img{
	width: 340px;
	height: 230px;
	margin-right: 39px;
}
.zhanhui_tit{
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
}
.zhanhui_time{
	font-weight: 400;
	font-size: 16px;
	color: #2377EF;
	line-height: 30px;
	height: 30px;
}
.zhanhui_time img{
	width: auto;
	height: 16px;
	margin-right: 10px;
}
.zhanhui_btn{
	width: 136px;
	height: 42px;
	background: #2377EF;
	border-radius: 8px;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 10px;
}
.zhanhui_btn i{
	margin-left: 12px;
}
.zhanhui_li{
	padding-right: 28px;
}
.fri_list{
	margin-left: -15px;
	margin-right: -15px;
}
.fri_li{
	width: 20%;
	padding: 15px;
}
.frili_box{
	width: 100%;
	height: 98px;
	background: #EFF2F7;
	border-radius: 12px;
}
.frili_box img{
	max-width: 85%;
	max-height: 85%;
}
.sup_tabs{
	margin-bottom: 28px;
}
.sup_tab{
	width: 150px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #2377EF;
	font-weight: 400;
	font-size: 18px;
	color: #2377EF;
	line-height: 36px;
	margin: 0 14px;
}
.sup_tab.active,.sup_tab:hover{
	background: #2377EF;
	color: #fff;
}
.sup_list{
	width: 100%;
	background: #EFF2F7;
	border-radius: 12px;
	padding: 0 28px 80px;
}
.video_list{
	margin-left: -12px;
	margin-right: -12px;
}
.video_li{
	width: 25%;
	padding: 12px;
}
.videoli_img{
	width: 100%;
	height: 220px;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}
.video_zzc{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .16);
	cursor: pointer;
}
.video_zzc img{
	width: 54px;
	height: 54px;
	border-radius: 50%;
}
.videoli_msg{
	width: 100%;
	height: 60px;
}
.videoli_msg div{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 20px;
	height: 20px;
}
.qus_list{
	width: 100%;
}
.qus_li{
	width: 100%;
	background: #fff;
	padding: 0 40px;
}
.qus_li:nth-child(2n-1){
	background: #EFF2F7;
}
.qus_li_top{
	width: 100%;
	height: 99px;
}
.qus_li_i{
	width: 24px;
}
.qus_li_i img{
	max-width: 100%;
	max-height: 100%;
}
.qus_li_tit{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	line-height: 22px;
	height: 22px;
	margin: 0 22px;
	cursor: pointer;
}
.qus_li_m{
	border-top: 1px solid #DDDDDD;
	width: 100%;
	opacity: 0;
	height: 0;
	overflow: hidden;
}
.qus_li_msg{
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	margin-left: 22px;
	margin-top: -5px;
	white-space: pre-line;
}
.active .qus_li_m{
	height: auto;
	opacity: 1;
	padding: 30px 0;
}
.qus_on{
	display: none;
}
.active .qus_on{
	display: inline;
}
.active .qus_off{
	display: none;
}
.lxwm_map{
	width: 100%;
	padding-top: 43%;
	position: relative;
}
.lxwm_map>div{
	position: absolute;
	top: 0;
	left: 0;
}
.lxwm_list{
	padding-bottom: 80px;
}
.lxwm_li{
	width: 50%;
	padding-top: 80px;
}
.lxwm_tit{
	font-weight: 400;
	font-size: 18px;
	color: #2377EF;
	margin-bottom: 20px;
	line-height: 20px;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 20px;
	width: 376px;
}
.lxwm_msg{
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	line-height: 46px;
	white-space: pre-line;
}
.lxwmewm_li{
	font-weight: 400;
	font-size: 14px;
	color: rgba(51, 51, 51, .681);
	margin-right: 16px;
	text-align: center;
}
.lxwmewm_li img{
	width: 108px;
	height: 108px;
	margin-bottom: 12px;
	display: block;
}
@media screen and (max-width: 1440px) and (min-width: 1150px){
	
	
}
@media screen and (min-width: 1441px){
	
	
}

@media screen and (max-width: 1440px) {
	.icalss_list{
		margin-left: -10px;
		margin-right: -10px;
	}
	.icalss_li{
		padding: 10px;
	}
	.icalss_box{
		height: 300px;
	}
	.icalss_li:nth-child(n+3) .icalss_box{
		height: 200px;
	}
	.icalss_name{
		font-size: 20px;
	}
	.xgcase_li{
		padding: 18px;
	}
	.solxq_time{
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.solxq_fwb{
		padding: 40px 50px;
	}
}
.float_box{
	position: fixed;
	bottom: 200px;
	right: 8px;
	z-index: 920;
}
.go_top_box{
	width: 50px;
	height: 50px;
	background: #2377EF;
	border-radius: 4px;
	margin-top: 2px;
	cursor: pointer;
	box-shadow: 0px 6px 8px 0px rgba(9, 76, 210, 0.28);
}
.float_img{
	display: block;
}
.float_img1{
	display: none;
}
.go_top_box1:hover{
	background: #fff;
}
.go_top_box1:hover .float_img{
	display: none;
}
.go_top_box1:hover .float_img1{
	display: block;
}
.float_tbox{
	position: absolute;
	top: 0;
	right: 50px;
	
	display: none;
	padding-right: 10px;
}
.go_top_box1:hover .float_tbox{
	display: block;
}
.float_nbox{
	min-width: 200px;
	max-width: 220px;
	min-height: 124px;
	background: #FFFFFF;
	box-shadow: 0px 2px 18px 0px rgba(65,77,117,0.1);
	border-radius: 12px;
	border: 1px solid #EEEEEE;
	padding: 15px 24px;
	font-weight: 400;
	/* font-size: 12px; */
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	white-space: pre-line;
}
@media screen and (max-width: 1300px) {
	.inewsli_box1{
		padding: 0 15px;
	}
	.video_list{
		margin-left: -5px;
		margin-right: -5px;
	}
	.video_li{
		padding: 5px;
	}
}

@media screen and (max-width: 1250px){    /*主要*/
	.pro_li{
		padding-top: 50px;
	}
	
	.xg_td{
		padding: 0 16px;
	}
	.sol_list{
		padding: 50px 0;
	}
	.team_page{
		margin-top: 50px;
	}
	.solxq_fwb{
		padding:30px 40px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1151px) {
	
}
@media screen and (max-width: 1200px) and (min-width: 993px) {

}
@media screen and (max-width: 1150px){
	
	
	
	.w1200{
		padding: 0 10px;
	}
	.spage1{
		left: 10px;
	}
	.spage_button {
		right: 10px;
	}
	
	
	
	/* .pro_nl {
		width: 300px;
		left: -310px;
		transition: left .5s;
		box-shadow: 6px 0 20px 0 rgba(0, 0, 0, .15);
		z-index: 200;
		position: absolute;
		top: 0;
		bottom: 0;
	}
	.filter_type {
		display: block;
		position: absolute;
		width: 36px;
		height: 36px;
		text-align: center;
		right: -36px;
		top: 100px;
		background: #fff;
		border-radius: 0 30px 30px 0;
		cursor: pointer;
		z-index: 200;
		box-shadow: 6px 0 20px 0 rgba(0, 0, 0, .15);
		padding: 3px 3px 3px 0;
	}
	.filter_type i {
			font-size: 24px;
			line-height: 30px;
			transition: all .5s;
			color: #005AAA;
	}
	.pro_nl.active{
		left: 0;
	} */
	.inews_list{
		margin-left: -5px;
		margin-right: -5px;
	}
	.inews_li{
		padding: 5px;
	}
	.inewsli_box1{
		padding: 0 10px;
	}
	.pro_class_box{
		top: 64px;
	}
	.pro_class_box1{
		background: #EFF2F7;
		top: 134px;
	}
	
	.xg_td{
		padding: 0 12px;
	}
	.xgcase_li+.xgcase_li{
		margin-top: 15px;
	}
	.xgcase_li{
		padding: 12px;
	}
	.solxq_time{
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.solxq_fwb{
		padding:20px 30px;
	}
	.case_list{
		margin-left: -8px;
		margin-right: -8px;
	}
	.case_li{
		padding: 8px;
	}
	.about_box{
		padding: 40px 0;
	}
	
	.news_li+.news_li{
		margin-top: 18px;
	}
	.news_img{
		margin-right: 20px;
		width: 280px;
		height: 180px;
	}
	.news_sg{
		margin: 0 10px;
	}
	.news_next{
		margin-left: 20px;
	}
	.zhanhui_li{
		padding-right: 15px;
	}
	.zhanhui_img{
		width: 280px;
		height: 200px;
		margin-right: 15px;
	}
	.zhanhui_btn{
		width: 110px;
		height: 38px;
	}
	.fri_list {
		margin-left: -5px;
		margin-right: -5px;
	}
	.fri_li{
		padding: 5px;
	}
	.lxwm_li{
		padding-top: 50px;
	}
	.lxwm_msg{
		font-size: 14px;
		line-height: 34px;
	}
	.lxwm_tit{
		max-width: 90%;
	}
	.lxwm_list{
		padding-bottom: 40px;
	}
}
@media screen and (min-width: 992px){
	
}
/* @media screen and (max-width: 900px) and (min-width: 770px) */
@media screen and (max-width: 992px){
	.isw_case_s .swiper-slide{
		padding-left: 30px;
	}
	.icase_msg{
		padding: 20px 10px;
		border-radius: 0px 32px 0px 0px;
	}
	.icase_nub{
		font-size: 44px;
	}
	.icase_m1{
		font-size: 20px;
		margin-bottom: 8px;
	}
	.icase_m2{
		font-size: 14px;
		line-height: 24px;
		height: 72px;
	}
	.swiper-slide-active .icase_msg{
		left: -20px;
	}
	.inews_box{
		padding-bottom: 50px;
	}
	.inews_list {
		flex-wrap: wrap;
	}
	/* .inews_li0{
		display: none;
	} */
	.inews_li{
		width: 100%;
	}
	.inewsli_box{
		height: auto;
	}
	/* .inews_xli:first-child, .inews_xli:nth-child(2){
		display: block;
	} */
	.inews_msg{
		padding: 10px;
	}
	.inews_xli{
		padding: 10px 0;
		height: auto;
	}
	.md_nbox {
		flex-direction: column;
	}
	.md_nboxl{
		width: 100%;
	}
	.md_nboxr{
		width: 100%;
		flex-direction: column;
		align-items: stretch;
	}
	.pro_int{
		width: 100%;
		margin-left: 0;
		margin-top: 8px;
	}
	.pro_sub_btn{
		width: 100%;
		margin-left: 0;
		margin-top: 8px;
	}
	.pro_class_li{
		height: 50px;
		padding: 0 10px;
		font-size: 14px;
	}
	.pro_class_box1{
		background: #EFF2F7;
		top: 114px;
	}
	.pro_name{
		height: 50px;
		line-height: 50px;
	}
	.pro_text {
		margin-bottom: 12px;
	}
	.pro_tab{
		padding: 10px 20px;
		height: 50px;
	}
	.xgcase_li{
		padding: 10px;
	}
	.prom_box{
		padding-top: 35px;
		padding-bottom: 40px;
	}
	.solxq_tit{
		font-size: 24px;
		padding-top: 10px;
	}
	.solxq_time{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.solxq_fwb{
		padding:10px;
	}
	.case_list{
		margin-left: -5px;
		margin-right: -5px;
	}
	.case_li{
		padding: 5px;
	}
	.caseli_msg{
		padding: 10px;
		height: auto;
	}
	.caseli_text{
		margin-bottom: 10px;
	}
	.news_li+.news_li{
		margin-top: 10px;
	}
	.news_img{
		margin-right: 10px;
		width: 230px;
		height: 150px;
	}
	.news_sg{
		margin: 0 10px;
	}
	.news_next{
		margin-left: 10px;
	}
	
	.fri_li{
		width: 33.33%;
	}
	.video_li{
		width: 33.33%;
	}
	.qus_li{
		padding: 0 10px;
	}
	.qus_li_top{
		height: 60px;
	}
	.qus_li_tit{
		margin-left: 10px;
		margin-right: 10px;
	}
	.qus_li_msg{
		margin-left: 10px;
	}
	.md_nbox {
		padding: 10px 0;
	}
}
/* 超小设备 (手机, 600px 以下屏幕设备) */
/* @media only screen and (max-width: 600px) {
  
} */

/* 小设备 (平板电脑和大型手机，600 像素及以上) */
/* @media only screen and (min-width: 600px) {
    
} */

/* 中型设备（平板电脑，768 像素及以上） */
/* @media only screen and (min-width: 768px) {
   
} */

/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
/* @media only screen and (min-width: 992px) {
    
} */

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
/* @media only screen and (min-width: 1200px) {
   
} */
@media screen and (max-width: 768px) {
	
	.top_user_box{
		/* height: auto; */
		height: 44px;
		padding-right: 40px;
	}
	
	

	
	/* .swiper-pagination{
		padding-right: 12px;
	}
	
	.swiper-pagination-bullet{
		
		width: 16px;
		height: 2px;
		border-radius: 2px;
	}
	.swiper-pagination-bullet-active{
		width: 16px;
		height: 2px;
		
		border-radius: 2px;
		
	} */
	.banner,
	.banner_box{
		/* height: 155px; */
		height: 375px;
		width: 100%;
		margin-bottom: 0;
		/* border-radius: 8px; */
		overflow: hidden;
	}
	
	.banner_name{
		
		font-size: 12px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		padding:10px 16px 26px;
		
	}
	.jfy_page{
		padding-left: 100px;
	}
	.m_shubiao{
		display: none;
	}
	.spage_scrollbar{
		bottom: 30px!important;
	}
	.spage1,.s_banner1, .spage_button {
		bottom: 40px;
	}
	/* 首页 */
	
	.swiper-button-prev1,
	.swiper-button-next1{
		width: 30px;
		height: 30px;
	}
	.swiper-button-prev1{
		left: 0px;
	}
	.swiper-button-next1{
		right: 0px;
	}
	
	
	.team_page{
		margin-top: 20px;
	}
	
	.ipor_box{
		padding-bottom: 15px;
	}
	.ipor_tit{
		padding-top: 15px;
	}
	.ihot_pro_list{
		margin-top: 10px;
	}
	.ipor_tit_en{
		font-size: 18px;
		line-height: 22px;
	}
	.ipor_tit_cn{
		font-size: 22px;
		line-height: 26px;
	}
	.isw_pro_btns{
		margin-top: 10px;
	}
	.isw_pro_a{
		padding: 10px;
		height: auto;
	}
	.isw_pro_tit{
		height: 50px;
		line-height: 50px;
	}
	.go_more_btn {
		width: 90px;
		height: 30px;
		bottom: 5px;
		font-size: 12px;
	}
	.go_more_btn i{
		margin-left: 4px;
		font-size: 14px;
	}
	
	.icalss_list{
		margin-top: 20px;
	}
	.icalss_li{
		width: 100%;
		padding: 5px 10px;
	}
	.icalss_box{
		height: 300px;
		padding: 10px;
	}
	.icalss_li:nth-child(n+3){
		width: 100%;
	}
	.icalss_li:nth-child(n+3) .icalss_box{
		height: 300px;
	}
	.icase_box{
		padding-bottom: 20px;
	}
	.isw_case_s{
		margin-top: 15px;
	}
	.isw_case_s .swiper-slide{
		padding: 10px 10px 100px;
	}
	.icase_msg{
		width: 100%;
		padding: 20px 10px;
		border-radius: 0px ;
	}
	.icase_nub{
		font-size: 44px;
	}
	.icase_m1{
		font-size: 20px;
		margin-bottom: 8px;
	}
	.icase_m2{
		font-size: 14px;
		line-height: 24px;
		height: 72px;
	}
	.swiper-slide-active .icase_msg{
		left: 0px;
		bottom: -100px;
	}
	.inews_box{
		padding-bottom: 15px;
	}
	.inews_list{
		margin-top: 15px;
	}
	.inews_tit{
		margin-bottom: 10px;
	}
	.inews_time{
		margin-bottom: 8px;
	}
	.pro_list{
		padding-bottom: 20px;
	}
	.pro_li{
		padding-top: 10px;
	}
	.pro_name{
		font-size: 18px;
		line-height: 30px;
		height: 30px;
	}
	.pro_text {
		font-size: 14px;
		line-height: 20px;
		height: 60px;
	}
	.pro_btn {
		width: 100px;
		height: 30px;
		font-size: 14px;
	}
	.pro_btn i{
		margin-left: 5px;
		font-size: 14px;
	}
	
	/* 产品详情 */
	
	.proxq_tit{
		width: 100%;
		border-bottom:1px solid rgba(255, 255, 255, 1);
		text-align: center;
		font-weight: bold;
		font-size: 22px;
		color: #FFFFFF;
		line-height: 40px;
		padding: 15px 0;
	}
	.proxq_img{
		width: 100%;
	}
	.proxq_xgbox{
		padding: 10px;
	}
	.proxq_xg_tit{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.pro_tab{
		padding: 10px 10px;
		height: 50px;
	}
	.xg_list{
		padding-bottom: 10px;
	}
	.xg_th{
		height: 50px;
	}
	.xg_td{
		padding: 0 10px;
	}
	.xg_td1{
		width: 120px;
	}
	.xg_td2{
		width: 100px;
	}
	
	.xgcase_li+.xgcase_li{
		margin-top: 10px;
	}
	.prom_box{
		padding-top: 15px;
		padding-bottom: 20px;
	}
	
	/* 解决方案 */
	.sol_list{
		padding: 10px 0;
	}
	.pro_banner{
		height: 200px;
	}
	.pro_banner_text{
		font-size: 20px;
		line-height: 34px;
	}
	
	/* 新闻详情 */
	.solxq_tit{
		font-size: 20px;
		line-height: 28px;
	}
	.solxq_time{
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.case_list_box{
		padding-top: 20px;
	}
	.case_li{
		width: 50%;
	}
	
	
	.news_li {
		padding-right: 10px;
	}
	.about_box{
		padding: 15px 0;
	}
	.news_img {
		width: 150px;
		height: 120px;
	}
	.news_sg{
		display: none;
	}
	.news_next {
		display: none;
	}
	.news_time{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background: rgba(0,0,0,.5);
		padding: 10px;
		border-radius: 0 0 12px 0;
	}
	.news_md{
		color: #fff;
	}
	
	
	.zhanhui_li{
		padding-right: 10px;
	}
	.zhanhui_img{
		width: 200px;
		height: 140px;
		margin-right: 10px;
	}
	.zhanhui_btn{
		display: none;
	}
	.fri_li{
		width: 33.33%;
	}
	.frili_box{
		height: 60px;
	}
	.sup_tabs{
		margin-bottom: 10px;
	}
	.sup_tab{
		width: 120px;
	}
	.sup_list{
		padding: 0 10px 20px;
	}
	.video_li{
		width: 50%;
	}
	
	.lxwm_li{
		width: 100%;
		padding-top: 30px;
	}
	.lxwm_tit{
		width: 100%;
		max-width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.lxwm_list {
		padding-bottom: 20px;
	}
	
}

@media screen and (max-width: 600px){
	.pro_banner {
		height: 170px;
	}
	.icalss_box{
		height: 200px;
	}
	.icalss_li:nth-child(n+3) .icalss_box{
		height: 200px;
	}
	
	.xg_td{
		padding: 0 5px;
	}
	.xg_td1{
		width: 110px;
	}
	.xg_td2{
		width: 70px;
	}
	.case_list_box{
		padding-top: 15px;
	}
	.zhanhui_img{
		width: 120px;
		height: 100px;
		margin-right: 10px;
	}
	.zhanhui_tit {
		margin-bottom: 0;
	}
	.xg_td0 {
		padding-left: 10px;
	}
	.xg_td1{
		width: 100px;
	}
	.xg_td2{
		width: 60px;
	}
	.xg_td_btn{
		width: 30px;
	}
	.video_li{
		width: 100%;
	}
}