@import url('main.css');
@import url('bootstrap.css');
@import url('bootstrap-icons.css');


html,body{   font-family: 'zhunjian',sansserif; border-top: 2px solid #0F2C8A;     background-color: #f5f5f7; height: 100%; }
		
	
		
		@font-face {
			font-family:'zhunjian';
			 src: url('static/zhunjian.tff') format('tff');
			
			     font-style: normal;
		}
		
		@font-face {
			font-family:'zhongchujian';
			 src: url('static/zhongchujian.tff') format('tff');
			 
			  
		}
		
	.content{ }	
.topmenu{  width: 100% !important; z-index: 999999; background-color: #fff;  border-bottom: 1px solid #efefef;}

.w100 {
	max-width: 1200px;
	margin: 0 auto;
}

.w80 {
	max-width: 800px;
	margin: 0 auto;
}
.br8{border-radius:8px !important;}
.br16{border-radius:16px !important;}

.indextel{ font-size: 14px;  }
.menuitem{ margin-right: 40px; font-size: 13px !important; color: #000; font-family: 'Microsoft YaHei' !important;}
.active a{color: #0F2C8A !important; }
.toolbox{width: 400px;}
.carousel-item video{width: 100%;}
.boxtitle{font-size: 32px; }
.main_title{ font-size: 22px; color: #000;font-family: 'zhongchujian',sansserif; font-weight: 600; margin-bottom:4px !important;}
.main_des{font-size: 13px; line-height: 24px;  overflow: hidden; }

.solution_desbox{text-align: center;}
.s_destitle{font-size: 36px; font-weight: 600; color: #000; }
.s_descenter{}
.s_des_content{ text-align:center; }
.s_des_btn{ font-size: 14px;  border:2px solid #000; margin: 0 auto; margin-top: 32px; width: 150px;
 text-align: center; padding: 4px; border-radius: 50px;}

.bluebtn{color: #fff;background-color: #0F2C8A; border: 2px solid #0F2C8A;}
.anlipic{width: 400px;}
.s_des_btn a{color: #000;}
.s_des_btn a:hover{color: #0F2C8A;}
.videobox{width: 100%; border-radius: 32px; overflow: hidden; }
.anlibox{ position: absolute;z-index: 99999; top: 260px; left: 0px; text-align: center; 
color: #fff; font-size: 28px; width: 100%;}
.video{ position: relative; height: 600px;  overflow: hidden;}
.videopannel{width: 100%; position: absolute; z-index: 9999; left: 0; top: 0; 
height: 600px; background-color: rgba(0, 0, 0, 0.4); border-radius: 32px;}

.pinpai{font-weight: 500; font-size: 42px;}


    .swiper-container {
        width: 100%;
     
        margin: 20px auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 0px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
	.anliimg{border-radius: 30px;}
	
	.blog p{ font-size: 20px !important; font-family: 'zhongchujian'; height:60px;}
	.blog a{color: #000;}
	.blogdes{font-size: 13px; height:42px;}
	.blogimg img{width: 173px !important; height:114px !important;}
	.blogtype{font-size: 13px; color: #666; margin-bottom: 12px;}

	
	.itsupport{font-size: ;}
	
	.kefuicon{width: 120px;}
	
	.supportbox{text-align: center;}
	.supporttel{font-size: 14px;}
	.supportlink{font-size: 14px; margin-top: 16px;}
	.supportbox p{font-size: 19px; font-weight: 600;}

	.righticon{font-size: 20px !important; display: inline-block;}
	
	.anli_title{font-size: 32px; font-weight: 600;}
	.boxtitle span{color: #666;}
	.helloworld span{font-size: 28px; font-family: '宋体' !important;}
	.bottom a{color: #666; font-size: 12px;}
	.bottom p{ margin-bottom:8px !important;}
	.btmmain{font-weight: 600;}
	.company{font-size: 14px; line-height: 28px; color: #666;}
	
	.Copyright{font-size: 12px; border-top: 1px solid #bbb; margin-top: 32px;}
	.qrcode img{width: 70px;}
	
	.com_address{font-size: 13px;}
	
	.pagetitle{font-size:1.8rem;line-height:2.375rem; text-align: center; font-weight: 600 !important;}
	.tagname{  margin-bottom: 8px; margin-top: 16px;}
	input{
		background-color: #fff;
		    background-clip: padding-box;
		    border: 1px solid #ced4da;
			height: 40px;
			padding: 0px 12px;
			border-radius: 4px;
	}
	
	textarea{ height: 100px;  background-clip: padding-box;
		    border: 1px solid #ced4da;
			border-radius: 4px;
			padding: 12px;}
			
			.sendbtn{background-color: #000; color: #fff; padding: 8px 32px; border-radius: 50px; border: none !important; margin-top: 32px;
			    margin-bottom: 32px;
			}
			
			.fuwubox{color: #fff; padding: 56px;}
			.fuwuitem{text-align: center;}
			.fuwubox_title{font-size: 24px; text-align: center; margin-bottom: 64px;}
			.fuwu_icon{font-size: 40px !important;}
			.fuwutitle{font-weight: 600; font-size: 13px;}
			.fuwudes{font-size: 13px; margin-top: 12px;}
			.addrbtn{background-color: black; color: #fff;font-size: 13px; margin: 0 auto; width: 200px; border-radius: 50px; text-align: center; padding: 12px;}
			.addressbox{background-image: url('../images/map.png'); background-size: 100%; padding: 90px !important;}
			.app_icon{font-size: 36px !important;}
			.appdes{text-align: center; font-size: 13px;}
			
			.appqrcode img{width: 110px;}
			.appdbox{}
			.appicos img{width: 140px;}
			.blline{ border-left: 1px solid #eee !important;}
			.dbox{text-align: center;}
			.dtip{font-size: 15px; font-weight: 300; margin-bottom: 6px;}
			.main{ margin-top: 64px;}
			
			.blog_type{border-bottom: 1px solid #999; padding:32px 64px;}
			.blogmicon{font-size: 40px !important;}
			.blog_tname{font-size: 20px; margin-left: 48px;}
			
			.blog_iconbox{width: 40px;}
			.noborderbtm{
				border-bottom: none !important;
			}
			
			
			.rightlink_box{
				background-color: #f9f9f9;
			}
			.blog_type a{color: #000;}
			
			
			.rightlink_box p{font-weight: 600; font-size: 18px;}
			.mini_video{width: 100%; border-radius: 8px;}
			.link{font-size: 14px;color: #000;}
			.pcommon{ margin-bottom: 0 !important;}
			
			.detail_left{position: relative; height: 500px;}
			
			.detail_title{font-size: 32px; font-weight: 600;}
			.detail_content{ line-height: 40px; max-width:800px; font-size: 14px; font-weight: 400; margin:0 auto; margin-top: 48px;}
			.detail_content p span{ text-wrap: wrap !important;}
			.ditem{padding: 24px; border-bottom: 1px solid #eee; margin-right: 100px;font-size: 14px;}
			.ditem a{color: #000;}
			
			.spic img{width: 86%;}
			.sbox{text-align: center;}
			.sname{font-size: 28px; font-weight: 600;}
			.sdes{font-size: 13px; line-height: 24px;}
			.slink{font-size: 13px;}
			
			.iotbox{padding: 60px !important; text-align: center;}
			.sicon span{font-size: 48px !important;}
			.soitem{ position: relative; height: 260px; margin-bottom: 32px;}
			.sobox{padding: 24px; box-sizing: border-box;}
			.soname{font-weight: 600; font-size: 22px; width: 80%; margin-top: 8px;}
			.sodes{font-size: 14px; margin-top: 8px; width: 80%;}
			.rowbox{width: 30px; height: 30px; background-color: black; color: #fff; border-radius: 100%; position: absolute; bottom: 16px; right: 16px;}
			.rowbox span{font-size: 24px !important;}
			
			.anliname{text-align: center; padding: 16px;}
			
			.anli_line{padding: 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 48px;}
			.mydes{text-align: center; font-weight:400; font-size: 16px; line-height: 28px;}
			.yuyuetitle{font-size: 24px; margin-top: 48px; text-align: center;}
			
			.app_contact{text-align: center;}
			
			.zixun_btn{font-size: 14px; margin: 48px auto; text-align: center; width: 260px; border: 1px solid #000; border-radius: 50px; padding: 16px;}
			.zixun_btn a{color: #000; }
			.fdes{font-size: 15px; text-align: center;}
			.aitem{font-size: 16px !important;}
			
			.bloglist{ margin-bottom: 100px;}
			.list_link{color: #000 !important;}
			.list_link:hover{}
			
			
			
			.listitem{ padding: 16px 0; font-size: 14px; margin-bottom: 40px;}
			
			.list_title{font-size: 1.6rem; font-weight: 600; }
			.list_des{font-size: 14px; font-weight: 400;  margin-top: 16px;}
			.list_date{font-size: 13px; color: #999; margin-top: 6px; font-weight: 600;}
			.list_pic{overflow: hidden;}
			
			.viewpage{font-size:16px;font-weight:600; margin-bottom:100px;}
			.viewpage a{color:#000;}
			.detail_content img{max-width:100%}
			.main_r_nav{ line-height:40px;}
			
			
			.anlilist a{color:#000;}
			
			.anli_more{width:150px; padding:10px; text-align:center; font-size:13px; border:1px solid #000; margin:0 auto; margin-bottom:40px; margin-top:60px;}
			
			.fdes p{font-size:22px !important; font-weight:600;}
			.blog_iconbox{ margin-right:32px;}
			.blog_iconbox img{width:40px;}
			.blog_content{ margin-bottom:200px;}
			.s_name{font-size: 28px; }
			.blog_boxdes{margin-bottom:100px; margin-top:20px; font-size:15px;}
			
			.sicon img{width:46px; margin-bottom:16px;}
			.solutionitem{ margin-top: 32px; border-bottom: 1px solid #f5f5f5; padding-bottom: 32px;}
			.s_title{font-size: 22px; font-weight: 600;}
			.s_des{font-size: 15px; margin-top: 8px;}
			.s_icon span{font-size: 32px !important;}
			
			.solution_list{ margin-top: 100px;}
			
			.fontwhite{color:#fff !important;}
			
			.wechatcode{margin-top: 10px;}
			.wechatcode img{width: 99px;}
			
			.arctice_box{background-color：#fff !important;}
			
			.arctice_title{font-size:20px; padding-left:0px; font-weight:600;}
			.article_list{margin:0 auto; max-width:1000px;}