@charset "utf-8";
/* CSS Document */
@screen-xs-min:320px;
@screen-xs-max:768px;
@screen-sm-min:769px;
@screen-sm-max:1199px;
@screen-md-min:1200px;
@screen-md-max:1260px;
@screen-lg-min:1400px;

@media (min-width: 1920px) { 
 
  
 }

@media (max-width:1850px) {
   
	}

@media (max-width:1750px) {
  
  
	}

@media (max-width:1650px) {

	}	

	
@media (max-width:1600px) {
  
	}	


@media (max-width:1560px) {
  

   
   }	
	

@media (max-width:1500px) {

	}	
	
@media (max-width:1460px) {
   
	
  
	}	


@media (max-width:1380px) {

	.headbox .topbox .inbox{ width: 96%; margin: 0 auto;}
    .headbox .box{ width: 96%; margin: 0 auto;}

	.homeSlide .list ul li .wordbox{ position:absolute; left:2%; top:50%; margin-top:-100px; margin-left:0; width:60% }

    .homepart1 .centerbox .centerin{ width: 92%; margin: 0 auto;}
	.footmenu .centerbox .centerin{ width: 92%; margin: 0 auto;}

	.aboutbox1 .centerbox .centerin{ width: 92%; margin: 0 auto;}

	.erSlide .namebox{ position:absolute; left:4%; top:50%; margin-top:-25px; margin-left:0; width:92%} 

	.productbox1 .centerbox .centerin{ width:92%; margin: 0 auto;}
	.supportbox1 .centerbox .centerin{width:92%; margin: 0 auto;}
	.supportbox2 .centerbox .centerin{width:92%; margin: 0 auto;}
	.contactbox1 .centerbox .centerin{width:92%; margin: 0 auto;}

	}

@media (max-width:1300px) {
	.headbox  .menu ul li{ margin:0px 15px;font-size:14px }
	

    .footmenu .part2  .list ul li{ font-size:12px}
  

	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	
	

	}

@media (max-width:1216px) {
    .headbox .box .tel{ display:none}

	}	

	
@media (max-width:1180px) {

	}		


@media (max-width:1100px){

	}
	
	
@media (max-width:1050px){
    
   
	}	
@media (max-width:1025px){

	 
	}		
	

@media (max-width:1000px){
	.headboxkong{ height:70px; }
	.headfolat{ height:70px;}
	
	.thoundshow{ display:none}
	
	.headbox{ width:100%; height:70px;}
	.headbox .topbox{ display: none;}
	
    .headbox .mbox{ width: 100%; height: 70px}
	.headbox .box{ width:96%;   height:70px; }
    .headbox .box .logo{height:70px; line-height:70px;}   
    .headbox .box .logo img{ height:40px}
    .headbox .menu{ display:none} 
	.headbox .tel{ display:none}
	.headbox .menubtn{ display:block}
	
	.headbox .box .downtop{ display:none}

    .headbox .box .searchbox{ display: none;}
	.headbox .box .searchbtn{right:35px; top:0; width:36px; height:70px; line-height:70px; font-size:20px; font-weight:normal; display: block; }
    
	
	.homeSlide .list ul li .wordbox{left:4%; top:50%; margin-top:0;transform: translate(0%, -50%); margin-left:0;width:92%; }
	.homeSlide .list ul li .wordbox .tit{ font-size:20px; line-height:30px; font-weight:700 }
	.homeSlide .list ul li .wordbox .tit2{ font-size:14px; line-height:30px;font-weight:700 }

		
	.homeSlide .list ul li .more{ width:125px; height:35px;line-height:35px; font-size:12px; margin-top:20px;border-radius:30px}

	
	.homeSlide  .leftarr{display: none;}
	.homeSlide  .rightarr{ display: none; }

	.indexpage {position: absolute; left:0% !important; width:100% !important; bottom:20px !important; z-index:100; text-align:center}
	
	
	
	.homepart1{ padding:20px  0 }

	.homepart1 .leftbox{ width:100%; loat:none;  }
	.homepart1 .leftbox .t1{ font-size: 14px; margin: 0;}
	.homepart1 .leftbox .t2{ font-size:16px;  line-height:28px; margin: 0; }


	.homepart1 .rightbox{ width:100%; float:none; margin-top: 20px; }
	.homepart1 .rightbox .titbox{ margin-top:20px; }
	.homepart1 .rightbox .titbox .t1{  font-size:20px; line-height:40px; }
	.homepart1 .rightbox .titbox .t2{ display: none;  }

	.homepart1 .rightbox .list ul li{ margin:0 0 10px 0;  width:50%;  }
	.homepart1 .rightbox .list ul li .tit{ font-size:14px;   margin-bottom:0px; }


	.homepart1 .rightbox .list ul li .links a{ font-size:13px; line-height: 25px; }

    .footmenu .centerbox { padding: 20px 0;}
    .footmenu .part1{ display: none;}
	.footmenu .part1 .flogo{ display: none;}
	.footmenu .part1 .other{ display: none;}
	.footmenu .part1 .other span{ font-weight: 700;}

	.footmenu .part2{ display: none;}
	.footmenu .space{ display: none;}

	.footmenu .part3{ width:100%; float:none; }
	.footmenu .part3  .code{ width:112px; height: auto; overflow: hidden; float: none; }
	.footmenu .part3  .code img{ width: 100%; height: auto; overflow: hidden;}
	.footmenu .part3  .tit{ width:100%; height: 50px; line-height: 50px; font-size: 14px; color: #ffffff; opacity: 0.5; overflow: hidden; }
	.footmenu .part3  .word{ width:100%; height: auto; line-height: 30px; font-size: 14px; color: #ffffff; text-align: left;margin-top: 0px; }


	.footmenu .part2 { display:none}
    .footmenu .fbox{ padding:10px 0 0 0 ; }

	.aboutbox1{ padding:30px 0; }
	.aboutbox1 .tit{font-size: 18px; }
	.aboutbox1 .tit2{  height: auto; line-height: 40px ;font-size: 20px; }
	.aboutbox1 .tit3{ width: 100px; }
	.aboutbox1  .word{ line-height: 200% ;font-size: 14px; color:#3e3e3e;margin-top:20px}
	

	/*产品展示*/
	.productbox1{ padding:30px 0 30px 0;  }

	.productbox1 .leftbox{ width: 100%;  float: none;}
	.productbox1 .leftbox .titbox{ font-size: 18px; background: url(../Images/rarr.png) right 20px center no-repeat #f4f1f7; text-indent: 20px;}
	.productbox1 .leftbox .list{margin-top: 20px;display: none;}
	
	.productbox1 .leftbox .list ul li{margin: 0 0 3px 0;padding: 0; list-style: none; width: 100%; height: auto;overflow: hidden;}
	.productbox1 .leftbox .list ul li .tit{ width: 100%; height: 45px; line-height: 45px; font-size: 16px; text-indent: 20px; cursor:pointer ;}
	.productbox1 .leftbox .list ul li .son ul li{  height: 40px; line-height: 40px; font-size: 14px; }



	.productbox1 .rightbox{ width:100%;float: none; margin-top: 20px; }
	.productbox1 .rightbox .titbox{ font-size: 18px; }

	.productbox1 .rightbox td{font-size:14px}
	.productbox1 .rightbox tr:nth-child(1) td{ font-size: 14px;  }
	.productbox1 .rightbox tr:nth-child(1) th{ font-size: 14px; }


		/*技术支持*/
	.supportbox1{  padding:30px 0 30px 0; }
	.supportbox1 .titbox{font-size: 20px; }
	.supportbox1 .titbox2{ font-size: 14px; margin: 10px 0;}

	.supportbox1 .one .tit{ font-size: 16px; }
	.supportbox1 .one .word{ font-size: 14px; padding: 10px 0px;}

	/*资料下载*/
	.supportbox2{  padding:30px 0 30px 0}
	.supportbox2 .titbox{ font-size: 20px;}
    .supportbox2 .one .list{ margin-top: 10px;}
	.supportbox2 .one .list ul li{width: 100%; float: none;}
	.supportbox2 .one .list ul li p{ width: 100%; height: 50px; line-height: 50px; text-indent: 20px; font-size: 14px;}

    .contactbox1 { padding: 25px 0;}
	.contactbox1 .topbox{ margin-bottom:30px; }
	.contactbox1 .topbox .leftbox{ width:100%;  float:none;  }
	.contactbox1 .topbox .rightbox{ width:100%; float:none; }

	.contactbox1 .titbox{ font-size:14px;}
    .contactbox1 .titbox2{ line-height:36px; font-size:20px;  }

	.contactbox1 .infolist{ margin-top:20px; }
	.contactbox1 .infolist .item{ margin-bottom:10px; }
	.contactbox1 .infolist .item .icon{ width:40px; height:40px; line-height:40px;  }
	.contactbox1 .infolist .item .txt .t2{ font-size:14px; line-height: 35px;  }

    .contactbox1 .infolist .item:nth-child(1) .icon{width:50px; height:50px; line-height:50px; } 
	.contactbox1 .infolist .item:nth-child(1)  .txt .t1{ font-size:12px; color:#733ba3; line-height:20px; }
	.contactbox1 .infolist .item:nth-child(1)  .txt .t2{ font-size:32px; color:#733ba3; line-height:16px; margin-top: 20px; }

   
	.contactbox1 .bottombox .imgbox{ width:100%;  float:none; display: none; }

	.contactbox1 .bottombox .discuzbox{ width:100%;  float:none;}


	.contactbox1 .discuzbox .tit{ font-size:14px;  }
	.contactbox1 .discuzbox .word{ font-size:14px; line-height: 30px;  }

	.formbox2 ul li.t1{ width:100%; float:left; overflow:hidden;}
	.formbox2 ul li.t2{ width:100%; float:left; overflow:hidden; text-align:right}
	.formbox2 ul li .safecode{ max-width: 150px;}  
	.formbox2 ul li .safecode img{ max-width: 100%;}
	.formbox2 ul li .btnme{ margin: 0 auto;}
						
	}
	
@media (max-width:960px){


	}	


@media (max-width:850px) {

	

   }

@media (max-width:800px) {

	
   }   

@media (max-width: 768px) {
	.pcshow{ display:none}
	.mbshow{ display:block}

	 
	.fixbottomkong{ display:block}
	.fixbottom{ display:block}


	.gotop{  width:50px; height:auto;}
	.gotop ul li{width:50px; height:50px; position:relative; overflow: visible}
	.gotop ul li p{ width:50px; height:50px; padding:10px 0 0 0}
	.gotop ul li:hover p{ background:#728ca3}
	.gotop ul li p span{ display:none}
	

	.showus video{ width:100%; height:350px} 

	.theTit{ width:100%; height:auto; line-height:30px; font-size:18px; margin:0}
    .theauthor{ font-size:12px; margin:0}
	.theauthor .t1{ width:100%; display:block}
	.theauthor .t2{ width:100%; display:block}
	


	.erSlide .namebox .tit{ font-size:20px; line-height:30px;  }
	
	/*
	.erSlide .about .tit,.erSlide .about .tit2{ color:#FFF}
	*/
	
	.formbox2 ul li{width:100%; float:none}
	.formbox2 ul li .input3{ width:100%; height:50px; font-size:14px;}
	.formbox2 ul li textarea{height:125px; font-size:14px;}
	.formbox2 ul li .btnme{ width:150px; height:40px; line-height:40px; font-size:14px; border-radius:30px; margin-top:20px }
	.formbox2 ul li .input2{ width:150px; height:50px;  font-size:14px; }

	


		
}

@media (max-width:702px){

	}	
@media (max-width:640px){
    .productbox1 .rightbox .wordbox{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.productbox1 .rightbox table{ width: 640px; max-width: none; }
	.productbox1 .rightbox td{ font-size:12px}
	.productbox1 .rightbox tr:nth-child(1) td{ font-size: 12px }
	.productbox1 .rightbox tr:nth-child(1) th{ font-size: 12px }

	

	}


@media (max-width:550px){
 
	}	
	
@media (max-width:450px){


	}		 

@media (max-width:400px){

	}		


@media (max-width:380px){

	}	
	
@media (max-width:330px){
   
	}