@charset "utf-8";
/*css comment*/ 

/*fonts*/ 
.f90{ font-size: 90px;} 
.f80 { font-size: 80px;}
.f60{ font-size: 60px;} 
.f48{ font-size: 48px;} 
.f40{ font-size: 40px;} 

.f36{ font-size: 36px;} 
.f30{ font-size: 30px;} 
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;} 

.mt80{
    margin-top: 80px;
}
.mt10{
    margin-top: 10px;
}
.mt40{
    margin-top: 40px;
}

@media (width:1920px){
	.publish_function_item_icon{
		width: 380px !important;
	}
	.banner_tit{
		width: 846px!important;
		height: 458px !important;
		padding: 35px 40px 55px 40px !important;
	}
	.banner_flex{
		padding: 60px 50px !important;
	}
	.banner_flex img{
		min-width: 280px;
		height: 280px !important;
	}
	.banner_tit .inner{
		padding: 0;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.call_info_button{
		margin: 0 !important ;
		height: 75px !important;
		line-height: 50px;
	}
	.banner-button{
		width: 240px !important;
	}
	.contact_bar>em{
		margin-bottom: 40px !important;
	}
	.product_list{
		padding-left:240px !important;
		padding-right: 240px !important;
	}
	.product_info{
		margin-left:240px !important;
		margin-right: 240px !important;
	}
	.product_kind_item{
		width: 16% !important;
	}
	.call_devices{
		padding: 110px 240px !important;
	}
	.call_example,.call_devices,.call_knowledge,.call_tx,.system_function,.mz_ad,.mz_tb,.call_tx,.call_sf{
		padding-left: 240px !important;
		padding-right: 240px !important;
	}
}


@media (max-width: 1680px){ 
	.hide1680{
		display: none !important;
	}
	.publish_function_item_icon{
		width: 330px !important;
	}
	html{ font-size: 83px;}
	/*fonts*/  
	.f90{ font-size: 60px;} 
	.f80 { font-size: 54px;}

	.f60{ font-size: 40px;} 
	.f48{ font-size: 32px;} 
	.f40{ font-size: 28px;} 

	.f36{ font-size: 24px;} 
	.f30{ font-size: 20px;} 
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;} 
	
	/*inner*/
	.inner{ max-width: 1230px;}
	
	/*header*/
	.sidebar_header{ width:80px;}
	.share_con{ right:55px;}
	
	/*02*/
	.develop_year{ font-size:40px; line-height: 100px; height: 100px;}
	.develop_swiper .swiper-slide-active .develop_year{ font-size: 120px;}
	.develop_swiper div[class*="swiper-button-"]{ top:28px;}
	
	/*03*/
	.dot_con{ width:470px;}

	.product_list_item_image{
		padding: 20px !important;
	}
	
	.banner_wrap_flex_box .circle{
		width: 120px !important;
		height: 120px !important;
		line-height: 120px !important;
	}
	.system_function_item_icon{
		width: 200px !important;
		height: 200px !important;
		padding: 20px !important;
	}
	.system_function .system_function_item_icon{
		width: 280px !important;
		height: 240px !important;
		padding: 40px !important;
	}

	.publish_item_icon{
		width: 320px !important;
		height: 240px !important;
		padding: 40px !important;
	}
	.software_tx_box{
		width: 240px !important;
		padding: 0 !important;
	}
	.application_act_right{
		padding: 25px 80px !important;
	}
	.contact_info>.left{
		width: 60% !important;
	}
	.maintain_text>.left{
		width: 75% !important;
	}
	.contact_info_thin>.left{
		width:80% !important;
	}
	.call_knowledge,.queue_sf {
		padding: 4% !important;
	}
	
}  
@media (max-width: 1500px){
	
	.reverse_info>.left{
		width: 70% !important;
	}
}
@media (max-width: 1400px){
	
	.hide1400{
		display: none !important;
	}
}
@media (max-width: 1365px){
	.application_act div,.publish_scene_box div{
		text-align: center;
		width: unset;
		flex-direction: column;
		align-items: center;
		display: flex;
		justify-content: center;
		width: 50%;
	}
	html{ font-size: 68px;}
	/*fonts*/  
	.f90{ font-size: 60px;} 
	.f80 { font-size: 56px;}
	.f60{ font-size: 40px;} 
	.f48{ font-size: 32px;} 
	.f40{ font-size: 24px;} 
	.f36{ font-size: 20px;} 
	.f30{ font-size: 20px;} 
	.f24{ font-size: 18px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 12px;} 
	.hide1300{
		display: none !important;
	}
	/*header_wrap*/
	.header_wrap{ height: 80px; line-height: 80px;}
	.logo a{ height: 36px;}
	.header_wrap.scollfox { transform: translateY(0)!important; }
	.header_wrap.scollfox{ transform: translateY(0); border-bottom: 1px solid #e5e5e5; /*box-shadow:0 2px 5px 0 rgba(0,0,0, .10);*/ color:#333333;}
	.header_wrap.scollfox:before{ height: 100%;}
	.header_wrap.scollfox a{ color:#333333;}
	.header_wrap.scollfox .logo a img:nth-child(1){ opacity: 0;}
	.header_wrap.scollfox .logo a img:nth-child(2){ opacity: 1;}
	.header_wrap.scollfox #menu_open i{ background: #333333;} 
	.header_wrap.scollfox .menu_enter a em:before{ background: #333333;}
	/*sidebar_nav*/
	.sidebar_nav>li>.s_a0{ border-bottom: 1px solid rgba(255,255,255, .30);}
	.sidebar_nav>li>.s_a0>.icon_jiahao{ display:block;} 
	
	/*02*/
	.guide_wrap{ height: 80px; line-height: 80px;} 
	.develop_year{ font-size: 32px; line-height: 80px; height: 80px;}
	.develop_swiper .swiper-slide-active .develop_year{ font-size: 100px;}
	.develop_swiper div[class*="swiper-button-"]{ top:18px;}
	.honor_tab{ margin-left:0; margin-right: 0;}
	.honor_swiper .swiper_arrow{ position:absolute; bottom: 100%; right:0; margin-bottom: .40rem;}
	.honor_swiper div[class*="swiper-button-"]{ position:static; margin: 0; display: inline-block; vertical-align: middle; margin-left: .10rem;}
	.honor_swiper div[class*="swiper-button-"]:after{ font-size:40px;}
	
	/*03*/
	.dot_con{ width:370px;}
	.banner_wrap_flex_box .circle{
		width: 100px !important;
		height: 100px !important;
		line-height: 100px !important;
	}
	.hide1199{
		display: none !important;
	}
	.banner_flex{
		padding: 20px !important;
		line-height: 35px !important;
	}
	.meeting_function_item{
		width: 100% !important;
	}
	.banner_bg{
		background: unset;
	}
	.system_example_item{
		flex-direction: column;
	}
	.product_list_item_image_2{
		padding: 20px !important;
	}
	.call_function_item_icon{
		width: 80px !important;
		height: 80px !important;
	}

	.wrap_plus{
		font-size: 16px !important;
	}
	.wrap_2{
		margin-top: 10px !important;
	}
	.call_sf>div,.queue_sf>div{
		padding: 10px !important;
	}
	.call_sf_text{
		padding: 20px!important;
	}
	.mz_ad{
		flex-direction: column;	
	}
	.mz_desc .button{
		width: unset !important;
	}
	.mz_hospital,.mz_lp,.solve_box,.publish_comment_box,.app_download{
		padding: 4% !important;
	}
	
}
	
@media (max-width: 991px){  
	.contact_info{
		margin-top: 20px !important;
	}
	.publishSubSwiper img{
		width: 100vw !important;
		height: 240px !important;
	}
	.banner_wrap_flex_box{
		padding: 0 !important;
	}
	.banner_wrap_box{
		top:10% !important
	}
	.application_act div,.publish_scene_box div{
		width: unset;
	}
	.product_list,.mz_example_list,.publish_img_item,.system_example_item,.flex_box,.maintain_img_item,.gridSwiper,.product_kind_list,.call_function_box,.system_function_box,.swiper_system_example_item,.maintain_img_item{
		display: none !important;
	}
	.call_function_box_swiper,.system_function_swiper,.mz_example_list_swiper,.mz_comment_swiper,.swiper_system_example_item_swiper,.maintain_img_item_swiper,.system_function_box_swiper,.product_kind_list_swiper,.system_function_box_swiper,.call_tx_container_swiper{
		display: block !important;
	}
	.application_act{
		flex-direction: column;
	}
	.team_swiper,.normal{
		margin: 0 !important;
	}
	.team_swiper>div{
		padding-bottom: 40px;
	}
	.call_info_button{
		width: unset !important;
		height: unset !important;
		margin: 0 !important;
		padding: unset !important;
		border-radius: 4px !important;
	}
	.system_example_item>div{
		padding: 20px !important;
	}
	.system_example_item img,.application_act div{
		height: unset !important;
	}
	.maintain_bar,.call_tx,.call_devices,.call_example,.system_function,.call_knowledge{
		padding: 20px 10px !important;
	}
	.swiper{
		padding-bottom: 40px;
	}
	.eq-left{
		width: 100% !important;
		text-align: center;
		justify-content: center;
		border-radius: 0 !important;
	}
	.call_banner_bg{
		background-size: cover !important;
	}
	.banner_tit{
		width: 80% !important;
		height: unset;
	}
	.banner_tit i{
		margin-top: 0 !important;
	}
	.hide991{
		display: none !important;
	}

	.product_list_item {
		width: 100% !important;
	}
	.product_list_item202211031 {
		width: 60% !important;
	}
	.product_list_item202211032 {
		width: 30% !important;
	}
	.pc_download{
		flex-direction: column;
	}
	.iphone_swiper{
		display: block !important;
	}
	.call_tx_container{
		display: none !important;
	}
	.system_example_item_title,.system_example_item_desc{
		padding: 0 10px !important;
	}
	.banner_wrap_box{
		padding: 0 10px;
	}
	/*footer*/
	.footer_nav>li:first-child .footer_nav_linklist li{ float:none; width: 100%; max-width: none;}
	.footer_nav>li:nth-child(n){ flex:auto;}
	
	 /*01*/ 
	.news_swiper .swiper_arrow{ display:none;}
	
	 /*02*/ 
	.guide_nav{ display:none;}
	.profile_img{ width:100%; float:none;}
	.profile_img img{ float:none; margin: 0 auto;}
	.profile_text{ width:100%; float:none;} 
	
	 /*03*/ 
	.accordion_con dl dt{ width:100%; float:none; margin: 0 auto .20rem;}
	.accordion_con dl dd{ max-width:none;}
	.accordion_des{ line-height: 24px; max-height: 96px;}
	.case_left{ float:none; width: 100%; padding-right: 0; margin-bottom: .50rem;}
	.case_customer{ margin-top: .30rem;}
	.case_right{ padding-left: 0; padding-right: 0; line-height: 24px;}
	.case_text{ max-height: 192px;} 
	.dot_con{ width: 270px;}
	 /*04*/ 
	.news_item a{ line-height: 26px; max-height: 52px;}
	.news_over{ line-height: 26px; max-height: 78px;}
	.call_sf,.maintain_bar{
		padding: 0 !important;
	}
	.mz_desc{
		line-height: 40px !important;
	}
	.banner_tit_desc{
		display: none!important;
	}
	.mt80{
		margin-top: 20px;
	}
	.mt10{
		margin-top: 2px;
	}
	.mt40{
		margin-top: 10px;
	}
	.publish_scene_box{
		flex-direction: column;
	}
	.application_act_right{
		padding: 5px 10px !important;
	}
	.call_sf>div{
		padding: 20px !important;
	}
	.publish_comment_box .swiper-slide{
		padding: 80px 20px !important;
	}
	.meeting_banner_bg{
		background-size: 200%;
		background-position: 50% 0;
	}
	.meeting_banner_bg+h2 span{
		line-height: 30px !important;
	}
	.banner_wrap_flex_box .circle {
		width: 80px !important;
		height:80px !important;
		line-height: 80px !important;
	}
	.more-school-list li{
		width: 50% !important;
	}
	
} 

@media (max-width: 767px){ 
	.banner_flex{
		padding: 20px !important;
		line-height: 20px !important;
	}
	html{ font-size: 440px;}
	/*fonts*/  
	.f90{ font-size: 40px;} 
	.f80 { font-size: 36px;}

	.f60{ font-size: 24px;} 
	.f48{ font-size: 20px;} 
	.f40{ font-size: 16px;} 
	.f36{ font-size: 16px;} 
	.f30{ font-size: 16px;} 
	.f24{ font-size: 14px;}
	.f22{ font-size: 14px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;} 
	
	/*header_wrap*/
	.header_wrap{ height: 60px; line-height: 60px;}
	.header_inner{ padding: 0 15px;}
	.logo a{ height: 28px;} 
	.menu_tel .icon_dianhua{ display:block;}
	.menu_tel em{ display: none;}
	.menu_enter{ display:none;}
	.sidebar_header{ width:60px;}
	.share_con{ right: 45px;}
	.sidebar_con{ padding:.50rem;}
	.sidebar_bot{ bottom: .50rem;} 
	
	/*footer*/  
	.footer_nav{ display:block; margin-right: 10%;}  
	.footer_nav_tit{ padding-right: 40px; border-bottom:1px solid rgba(255,255,255, .20);}
	.footer_nav_tit a{ height: 30px; line-height: 30px;}
	.footer_nav_block:last-child .footer_nav_tit{ border-bottom: none;}
	.footer_nav_tit .icon_jiahao{ display:block;}
	.footer_nav_collapsible{ margin-top:0; padding: .20rem 0; border-bottom:1px solid rgba(255,255,255, .20); display:none;} 
	.footer_bot{ text-align:center;}
	.footer_bot .inner{ display:block;}
	
	/*01*/
	.industry_des{ line-height: 26px; max-height: 52px;}
	.about_overview{ line-height: 26px; max-height: 78px;}
	.about_show .swiper-container{ width:100%;}
	.about_video{ position:static; margin-top: .30rem;}
	.industry_ico{ width:35px; height: 35px;}
	
	/*02*/
	.guide_wrap{ height: 60px; line-height: 60px;}
	.develop_year{ font-size: 24px; line-height: 50px; height: 50px;} 
	.develop_swiper .swiper-slide-active .develop_year{ font-size: 48px;}
	.develop_swiper div[class*="swiper-button-"]{ top: 2px;}
	.develop_monthly .swiper-slide{ width: 100%; margin-bottom: .30rem;}
	.develop_monthly .swiper-slide:last-child{ margin-bottom: 0;}
	.technology_swiper .swiper-slide{ width: 25%;}
	.technology_swiper .swiper-slide-active{ width: 50%;}
	.about_culture{ padding:1rem 0!important;}
	.culture_swiper{ margin:0; transform: translateY(0); margin-top: .50rem; }
	.about_network{ padding-top: 1rem;}
	
	/*03*/
	.feature_tab{ width:100%; max-width: none; float:none; margin: 0 0 .40rem; border-left:none; border-bottom: 1px solid #d42233; overflow-x: auto; display: flex; flex-wrap: nowrap;}
	.feature_tab li{ margin-bottom:0; flex:none;}
	.feature_tab li a{ padding: 0 10px;}
	.feature_tab li a:before{ width:100%; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0);}
	 .feature_tab li a:hover:before, .feature_tab li a.active:before{ 
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	.situation_block{ display:block;}
	.situation_block dt{width:100%; float:none; }
	.situation_block dt .img_box{ padding-top: 73.21%; }
	.situation_block dd{ padding: .40rem;}
	.different_block{ width:100%;}
	.TPA_network .inner{ display:block;}
	.network_left{ float:none;}
	
	/*04*/
	.news_block dt{ width:100%; float:none; max-width: none; margin: 0 0 .30rem;}
	
	/*05*/
	.video_btn{ width:50px; height: 50px;}
	.welfare_list li{ width:100%;}
	.welfare_ico{ width:55px;}
	
	/*06*/
	.mation_block{ width:100%; display:flex; align-items: center; justify-content: space-between; text-align: left;}
	.mation_ico{ width: 80px; margin-right: .30rem;}
	.mation_text{ flex: 1 0 0;}
	.partition_block{ width:100%;}
	.partition_show{ max-height:400px; overflow-y: auto;}
	.right{
		display: none !important;
	}
	.contact_info>.left{
		width: 100% !important;
		text-align: center !important;
		border-radius: 0 !important;
		justify-content: center;
	}
	.product_show_swiper{
		display: block !important;
	}

	.product_info{
		width: 100% !important;
		margin: 10% 0 !important;
	}
	.banner_tit{
		padding: 0.1rem !important;
	}
	.mz_tit i{
		padding: 0 !important;
	}
}
 
@media (max-width: 567px){
	
}

















