@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:1540px) {
   
   .homepart4 .listbox{ width:94%; margin:0 auto; margin-top:25px;}

	}	

@media (max-width:1500px) {
  
  
   .servicebox1 .centerbox .centerin{ width:94%; margin:0 auto}
   .contactbox .centerbox{ width:94%; margin:0 auto}
   
	}	
	
@media (max-width:1450px) {
   
  
	}	


@media (max-width:1380px) {
    .headbox .box{ width:94%; margin:0 auto} 
	.headbox  .menu ul li{font-size:14px; margin:0 20px }
     
	.homeSlide  .dotbox{  position:absolute; left:50px; margin-left:0; bottom:25px;}
	
	.indexpage {position: absolute;right:50px;text-align: center;bottom:25px;}
	
	.homepart1 .centerbox .centerin{ width:94%; margin:0 auto}
	.homepart2 .centerbox .centerin{ width:94%; margin:0 auto}
	.homepart3 .centerbox .centerin{ width:94%; margin:0 auto}
	.homepart4 .centerbox .centerin{ width:94%; margin:0 auto}
	
	.footmenu .centerbox .centerin{ width:94%; margin:0 auto}
	.footer .centerbox .centerin{width:94%; margin:0 auto}
	 

    .erSlide .namebox{ position:absolute; width:96%; left:2%; margin-left:0;top:50%; margin-top:-50px;} 
    .mainbox .centerbox .centerin{ width:94%; height:auto; margin:0 auto}
	.aboutbox1 .centerbox .centerin{ width:94%; margin:0 auto}
	.aboutbox3 .centerbox .centerin{width:94%; margin:0 auto}
	.aboutbox4 .centerbox .centerin{width:94%; margin:0 auto}
	.advantagebox1 .centerbox .centerin{width:94%; margin:0 auto}
	.advantagebox2 .centerbox .centerin{width:94%; margin:0 auto}
    
	
	
   
	}

@media (max-width:1350px) {
    .headbox .box .logo img{ max-height:50%}
   
   
	.homeSlide .list ul li .wordbox{ left:50px; top:50%; margin-top:-200px; margin-left:0;  }
	.homeSlide .list ul li .wordbox .tit{ font-size:16px; line-height:30px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:20px; line-height:40px; margin:15px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:30px; line-height:40px;}
	
	
	.homeSlide .list ul li .more{ width:160px; height:50px; line-height:50px; text-align:center; font-size:14px;background:url(../Images/anniu.png) left 18px top 9px no-repeat #00a2ff; border:0}
	.homeSlide .list ul li .more:hover{}
	
	
	.footmenu .part1{ width:50%}
    
	.contactbox .centerbox{ padding:20px 20px 20px 20px }
   
	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	.homepart1 .list ul li{ width:50%}
	
	
	



	}

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

	
@media (max-width:1180px) {

	 
	}		


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

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

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	
	.topbox{ display:none}
	
	.headbox{ height:80px;  }
    .headbox .box{  height:80px; }
	.headbox  .menu{ display:none}  
	.headbox .box .logo{ position:absolute; left:0px; top:0; height:80px; line-height:80px;}
    .headbox .box .logo img{ max-height:60%}
	.headbox .tel{ display:none}
	.headbox .box .language{ position:absolute; right:80px; top:0px; height:80px; line-height:80px; font-size:14px;}
	.headbox  .menubtn{ display:block; right:0;}
	
	.headbox .box .searchbtn{ display:block; right:35px; height:80px; line-height:80px;}
	
	.gotop{ display:none}
	
	.homepart1{ padding:25px 0}
	.homepart1 .titbox{ font-size:22px; color:#182b3e; font-weight:700; line-height:30px; }
	.homepart1 .list ul li{ width:50%}
	.homepart1 .list ul li:nth-child(2){ display:none}
	.homepart1 .list ul li:nth-child(6){ display:none}
	
	.homepart1 .list ul li .box{ width:96%; height:auto; overflow:hidden; padding:15px}
	.homepart1 .list ul li .iconbox{ width:100%; height:auto; position:relative; overflow:hidden;}
	.homepart1 .list ul li .iconbox .icon{ width:100%; height:auto; overflow:hidden; text-align:center; position: static;}
	.homepart1 .list ul li .iconbox .icon img{ max-height:115px; margin:0 auto}

	.homepart1 .list ul li .iconbox .titword{ width:100%; height:auto; overflow:hidden; position: static;  padding:0;}
	.homepart1 .list ul li .iconbox .titword .tit{ width:100%; height:50px; line-height:50px; font-size:14px;  color:#333333; overflow:hidden; text-align:center}
	.homepart1 .list ul li .iconbox .titword .word{ display:none}
	.homepart1 .list ul li .wordbox{ display:none}
	
	.homepart2{ padding:30px 0 30px 0 }
	.homepart2 .listbox .picbox{ width:100%; height:480px; overflow:hidden; float:none}
	.homepart2 .listbox .rbox{ width:100%; padding:20px; float:none}
	.homepart2 .listbox .rbox .tit{ width:100%; height:auto; line-height:36px; font-size:20px; margin:10px 0}
	.homepart2 .listbox .rbox .word{ width:100%; height:121px; line-height:30px; margin-top:20px; font-size:14px;}
	.homepart2 .listbox .rbox .more{ width:160px; height:50px; line-height:50px;  font-size:14px;background:url(../Images/anniu.png) left 18px top 9px no-repeat #00a2ff; border:0;  margin-top:20px; color:#FFF; text-indent:60px; border-radius:5px; margin-top:20px}
	.homepart2 .listbox .rbox .more:hover{background:url(../Images/anniu.png) left 18px top 9px no-repeat #00a2ff; }
	
	.homepart2 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#222222; line-height:35px;  text-align:center; opacity:0.8}
	

	.homepart2 .numbox{ width:100%; height:auto; overflow:hidden; margin-top:0px;}

	.homepart2 .numbox ul li{ width:50%; height:auto; float:left; overflow:hidden; position:relative; box-sizing:border-box; border-left:1px solid #e7e9eb; text-align:center;border-bottom:1px solid #e7e9eb; padding:20px 0 0px 0} 
	.homepart2 .numbox ul li:nth-child(1){ border:0;border-bottom:1px solid #e7e9eb;}
	.homepart2 .numbox ul li:nth-child(3){ border-left:0;} 
	.homepart2 .numbox ul li .box{ width:92%; height:122px; overflow:hidden; position:relative; margin:0 auto; }
	.homepart2 .numbox ul li .box .num{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:12px;}
	.homepart2 .numbox ul li .box span{ font-size:20px; font-weight:700; color:#2299dc}
	.homepart2 .numbox ul li .box sup{ color:#2299dc; font-size:20px;}
	.homepart2 .numbox ul li .box .tit{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#182b3e}
	
	
	.homepart3{ padding:30px 0 0 0 ; background:url(../Images/h3mbbg.jpg) center center no-repeat; background-size:cover;}
	.homepart3 .titbox{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px;  }
	.homepart3 .titbox2{ width:90%; margin:0 auto; height:auto; line-height:30px; overflow:hidden; font-size:14px; }

	.homepart3 .listbox{ margin-top:20px;  }
	.homepart3 .list ul li{ width:50%; border-left:1px solid #384a63; border-bottom:1px solid #384a63; padding:35px 0 } 
	.homepart3 .list ul li .box{ width:92%; margin:0 auto  }
	.homepart3 .list ul li .pic{ width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; }
	.homepart3 .list ul li .tit{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; color:#ffffff; margin-top:20px; font-weight:700}
	.homepart3 .list ul li .word{ width:100%; height:100px; line-height:25px; text-align:center; font-size:14px; color:#ffffff; opacity:0.8; margin-top:10px;}
	.homepart3 .list ul li:nth-child(1) .box{ float:none}
	.homepart3 .list ul li:nth-child(4) .box{ float:none}
	
	.homepart3 .list ul li:nth-child(1){ border-left:0}
	.homepart3 .list ul li:nth-child(3){ border-left:0; border-bottom:0}
	.homepart3 .list ul li:nth-child(4){ border-bottom:0}
			
    
	/*合作伙伴*/
	.homepart4{ padding:30px 0}
	.homepart4 .titbox{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:24px;}
	.homepart4 .titbox2{ width:100%; height:auto; line-height:30px; }
	
	.homepart4 .listbox1{ width:100%; height:303px; position:relative}

	 
	.homepart4 .listbox{ width:94%; height:250px; margin:0 auto; margin-top:35px;}
	.homepart4 .listbox .leftarr{ width:26px; height:26px; background:url(../Images/left5.png) no-repeat; position:absolute; left:20%; top:auto; bottom:0px; margin-top:0; z-index:10; cursor:pointer; outline:none; background-size:100%}
	.homepart4 .listbox .rightarr{ width:26px; height:26px; background:url(../Images/right5.png) no-repeat; position:absolute; right:20%; top:auto;bottom:0px; margin-top:0; z-index:10;cursor:pointer; outline:none;background-size:100%}
	.homepart4 .listbox .list2{ width:100%; height:200px; max-width:1360px; margin:0 auto; overflow:hidden;}
	.homepart4 .listbox .list2 ul{ margin:0px; padding:0px; list-style:none}
	.homepart4 .listbox .list2 ul li{ margin:0px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
	.homepart4 .listbox .list2 ul li .pic{ width:96%; margin:0 auto; height:90px; border:1px solid #eeeeee; line-height:90px; text-align:center; margin-bottom:10px}
	.homepart4 .listbox .list2 ul li .pic img{ max-width:80%; max-height:80%;}
	.indexcasepage2{ display:block}
	
	
	
	.footmenu{ padding:35px 0 30px 0;  }
	.footmenu .thelink{ display:none}
	.footmenu .theline{  display:none}

	.footmenu .part1{ display:none}

	.footmenu .part2{ width:100%; float:left; height:auto; overflow:hidden; box-sizing:border-box; }
	.footmenu .part2  .tit{ width:100%; height:35px; line-height:35px; font-size:15px; font-weight:700;  overflow:hidden; color:#FFF}
	.footmenu .part2  .list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
	.footmenu .part2  .list ul{ margin:0px; padding:0px; list-style:none}
	.footmenu .part2  .list ul li{  margin:0px; padding:0px; list-style:none; width:100%; height:auto; line-height:39px;; overflow:hidden; color:#cdd2da; font-size:15px;  }
	.footmenu .part2  .list ul li a{ color:#fff}
	
	
	
	.footmenu .part3{ width:100px; float:right; height:auto; overflow:hidden; color:#e1e1e1;}
	.footmenu .part3 .tit{ display:none}
	.footmenu .part3 .codelist{ width:100%; height:auto; overflow:hidden; position:absolute; right:0; top:0;width:100px;}
	.footmenu .part3 .codelist ul{ margin:0px; padding:0px; list-style:none}
	.footmenu .part3 .codelist ul li{ margin:0px; padding:0px; list-style:none; width:100%; float:left; overflow:hidden;}
	.footmenu .part3 .codelist ul li img{ max-width:80%; height:auto;}
	
    .footer{ padding:5px 0}
	.footer .copyright{ width:100%; float:left; overflow:hidden; font-size:14px; color:#cbe6ff; line-height:200%}
	.footer .design { display:none}
	
	
	.erSlide .namebox{top:auto; margin-top:0px; bottom:30px;} 
	.erSlide .namebox .inbox{ width:100%; height:auto; overflow:hidden;border-left:3px solid #edf4fa; box-sizing:border-box; padding-left:15px;}
	.erSlide .namebox .tit{ font-size:16px; line-height:25px; }
	.erSlide .namebox .tit2{font-size:20px;line-height:40px; }
	
	
	.erSlide .namebox .location{ display:none }
	
	
	.ertop{ width:100%; height:auto; overflow:hidden; position:relative;  margin-top:0; z-index:10; border-top:0; background:#f2f6fa; padding:20px 0}
	.ertop .centerbox{   }
	.ertop .centerbox .centerin{height:auto;}

	
	.ertop .navbox{ position: static; left:0; top:0; width:100%; height:auto}
	.ertop .navbox .list ul li{ margin:5px 1%; width:23%; height:50px; line-height:50px; font-size:14px;  color:#333333;  float:left; text-align:center; border-right:1px solid #fff; background:#FFF; border-radius:5px; }
	.ertop .navbox .list ul li a{ color:#333333}
	.ertop .navbox .list ul li.onfocus{ background:#00a2ff; color:#FFF}
	.ertop .navbox .list ul li.onfocus a{color:#fff; }

	.aboutbox1{ background:#FFF; padding:25px 0}
	.aboutbox1  .titbox{ font-size:20px; line-height:40px; }
	.aboutbox1  .titbox2{ font-size:14px; line-height:26px;  }
	.aboutbox1 .wordshow{font-size:14px; line-height:25px;}
	
	.aboutbox1 .numbox{  margin-top:20px;}

	.aboutbox1 .numbox ul li{ width:50%;  border-left:1px solid #e7e9eb; text-align:center; padding:25px 0} 
	.aboutbox1 .numbox ul li:nth-child(1){ border:0}
	.aboutbox1 .numbox ul li:nth-child(3){ border-left:0;border-top:1px solid #e7e9eb;}
	.aboutbox1 .numbox ul li:nth-child(4){ border-top:1px solid #e7e9eb;} 
	.aboutbox1 .numbox ul li .box{ width:92%; height:auto; overflow:hidden; position:relative; margin:0 auto; }
	.aboutbox1 .numbox ul li .box .num{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:13px;}
	.aboutbox1 .numbox ul li .box span{ font-size:24px; font-weight:700; color:#2299dc}
	.aboutbox1 .numbox ul li .box sup{ color:#2299dc; font-size:20px;}
	.aboutbox1 .numbox ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center; color:#182b3e}
    
	
	.aboutbox2{ padding:35px 0}
	.aboutbox2 .centerbox .centerin{ width:94%; margin:0 auto  }
	.aboutbox2 .titbox{ line-height:50px; font-size:24px; }
	.aboutbox2 .titbox2{ font-size:14px;}
	
	.aboutbox2 .list1{margin:20px 0 0 0}
	.aboutbox2 .list1 ul li{ margin:10px 0;  width:100%; height:auto; float:none;transition: all 0.5s ease;}
	.aboutbox2 .list1 ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; background:#2299dc; padding:15px 0; border-radius:10px;}
	.aboutbox2 .list1 ul li .inbox{ width:100%; height:auto; position: static; margin:0; background:none}
	.aboutbox2 .list1 ul li .thetit{ width:25%; height:auto; float:left; overflow:hidden; border-right:1px solid #65b8e7}
	.aboutbox2 .list1 ul li .tit{ width:100%; height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:700; color:#fff; margin-top:0px;}
	.aboutbox2 .list1 ul li .tit2{ width:100%; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff}
	.aboutbox2 .list1 ul li .word{ width:75%; float:left;margin-top:0px; font-size:14px; line-height:25px; overflow:hidden; height:auto; text-align:left; box-sizing:border-box; padding:0 0 0 15px; color:#FFF}
	
	.aboutbox2 .list1 ul li:hover .inbox{ width:100%; height:auto;ackground:none}
	.aboutbox2 .list1 ul li:hover .tit{ width:100%; height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:700; color:#fff; margin-top:0px;}
	.aboutbox2 .list1 ul li:hover .tit2{ width:100%; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff}
	.aboutbox2 .list1 ul li:hover .word{ width:75%; float:left;margin-top:0px; font-size:14px; line-height:25px; overflow:hidden; height:auto; text-align:left; box-sizing:border-box; padding:0 0 0 15px}

     
	.aboutbox3{ padding:25px 0 }

	.aboutbox3  .titbox{  font-size:20px;line-height:40px;  }
	.aboutbox3  .titbox2{ font-size:14px;line-height:25px; margin:10px 0;}
	
	.aboutbox3 .listbox{margin-top:10px; }
	.aboutbox3 .listbox .onebox{ width:100%; float:none; overflow:hidden; border:1px solid #e3eaed; border-radius:10px; box-sizing:border-box; padding:10px; margin-top:20px;}
	.aboutbox3 .listbox .onebox:nth-child(2){ float:none}
	.aboutbox3 .listbox .onebox .tit{ width:100%; height:50px; line-height:50px; font-size:20px; }
	.aboutbox3 .listbox .onebox .list ul li{ margin:10px 0 0 0px; width:33.33%; }
	.aboutbox3 .listbox .onebox .list ul li .pic{ height:56px; line-height:56px; }
	.aboutbox3 .listbox .onebox .list ul li .pic img{ max-width:80%; max-height:80%;}

	.aboutbox4{ background:#f3f3f3; padding:30px 0}
	.aboutbox4  .titbox{  font-size:20px;line-height:40px;  }
	.aboutbox4  .titbox2{ font-size:14px;line-height:25px; margin:10px 0;}
	 
	.aboutbox4 .listbox{ width:94%; height:250px; margin:0 auto; margin-top:35px;}
	.aboutbox4 .listbox .leftarr{ width:26px; height:26px; background:url(../Images/left5.png) no-repeat; position:absolute; left:0; top:auto; bottom:0px; margin-top:0; z-index:10; cursor:pointer; outline:none; background-size:100%}
	.aboutbox4 .listbox .rightarr{ width:26px; height:26px; background:url(../Images/right5.png) no-repeat; position:absolute; right:0; top:auto;bottom:0px; margin-top:0; z-index:10;cursor:pointer; outline:none;background-size:100%}
	
	
	.aboutbox4  .list{ width:150%; margin:0 auto; overflow:hidden; max-width:1360px;}
	.aboutbox4  .list ul li{ height:200px; float:left}
	.aboutbox4  .list ul li .picbox{  height:200px; padding:2px; float:left}
	.abteampage{ display:block}
	
	
	.erservice{ display:block}
	
	.erservice .navbox .list ul li{ margin:5px 1%; width:31.33%; height:50px; line-height:50px; font-size:14px;  color:#333333;  float:left; text-align:center; border-right:1px solid #fff; background:#FFF; border-radius:5px; }
    .erservice .navbox .list ul li:nth-child(1){ width:48%}
	.erservice .navbox .list ul li:nth-child(2){ width:48%}
	 
	
	.servicebox1{ padding:25px 0; background:#FFF}
	.servicebox1 .navbox{ display:none}
	.servicebox1  .titbox{  font-size:20px;  line-height:30px; margin-top:0px ;  }
	.servicebox1  .titbox2{ font-size:14px; line-height:25px; margin:10px 0;  }
	.servicebox1  .wordbox{  font-size:14px; color:#333333; line-height:25px; margin:15px 0 0px 0;  }
    
	
	.servicebox1 .inbox .thetit{ width:100%; height:auto; overflow:hidden;}
	.servicebox1 .inbox .thetit .pic{ width:20%; float:left;  display:block}

	.servicebox1 .inbox .thetit .other{ width:80%; float:left}

		 
	.advantagebox1{  padding:0 0 30px 0;background:#ffffff; }
	.advantagebox1  .titbox{  font-size:20px; line-height:40px; margin-top:20px  }
    .advantagebox1  .titbox2{ font-size:14px; line-height:25px;}
	

	.advantagebox1  .list ul li{ margin:10px 0;  width:100%; float:none; padding:3px}
	.advantagebox1  .list ul li .box{ width:100%; margin:0 auto; height:100%; overflow:hidden;  box-shadow: 0px 0px 10px 0px #f5f5f5; background:#FFF; padding:20px 20px 20px 0; border:1px solid #dddcdc;}
	.advantagebox1  .list ul li .box .pic{ width:30%; height:103px; line-height:103px; float:left}
	.advantagebox1  .list ul li .box .pic img{ max-width:80%; max-height:100%; margin:0 auto}
	.advantagebox1  .list ul li .box .wordbox{ width:70%; float:left}
	.advantagebox1  .list ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:16px; font-weight:700; color:#333333; text-align:left; overflow:hidden; background:url(../Images/line2.png) left bottom  no-repeat}
	.advantagebox1  .list ul li .box .word{ width:100%; height:auto; line-height:25px; font-size:12px; color:#535353; text-align:left; margin-top:15px;}
    
	
	.advantagebox2{ padding:30px 0; }
	.advantagebox2 .titbox{ font-size:20px; line-height:40px;  }
	.advantagebox2 .titbox2{font-size:14px; line-height:25px; margin:0px 0; }
	.advantagebox2 .listbox{ width:100%; height:auto; overflow:hidden;}
	.advantagebox2 .onebox{ width:100%; height:auto; overflow:hidden; background:#FFF}
	.advantagebox2 .onebox .picbox{ width:100%; float:none; overflow:hidden; height:478px;}
	.advantagebox2 .onebox .wordbox{ width:100%; float:none; height:auto; overflow:hidden; box-sizing:border-box; padding:20px;}
	.advantagebox2 .onebox .wordbox .word{ width:100%; height:auto; line-height:25px; font-size:14px; color:#535353; text-align:left; margin-top:0px;}
	
	.advantagebox2 .listbox .onebox:nth-child(2) .picbox{ float:none}
	
	.mainbox{ padding:30px 0}
	.mainbox .toptitle{font-size:20px; line-height:40px; }
	.mainbox .toptitle2{font-size:16px; line-height:35px; }
	
	

	.listnews ul li{ margin:10px 0; padding:15px;  }
	.listnews ul li .pic{ width:35%; float:left; overflow:hidden; height:125px; overflow:hidden; } 
	.listnews ul li .wordbox{ width:65%; float:right; box-sizing:border-box; padding:0px 0 0 10px;}
	
	.listnews ul li .wordbox .tit{ width:100%; height:75px; line-height:25px; font-size:14px; font-weight:700; color:#333333; overflow:hidden;}
	.listnews ul li .wordbox .word{ display:none}
	.listnews ul li .wordbox .time{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:12px; margin-top:10px;color:#2299dc}
	
	.caselist{ margin-top:10px}
	.caselist ul li{ margin:0 0 10px 0 ; }
	.caselist ul li .box{ padding:15px;}

	.caselist ul li .wordbox .tit{ width:100%; height:auto; line-height:30px; font-size:20px;}
	.caselist ul li .wordbox .word{ width:100%; height:60px; line-height:30px; font-size:14px; margin-top:10px;}

	 
	.contactbox{ background: url(../Images/conmb.png) repeat-x #FFF; padding:0 }
	.contactbox .centerbox{ width:100%; background:none; box-sizing:border-box; padding:0 }
	.contactbox .centerbox .centerin{ width:100%; margin:0 auto;  }
	.contactbox .leftbox{ width:100%; height:auto; float:none; box-sizing:border-box; padding:0 15px 30px 15px;}
	.contactbox .leftbox .picbox{ display:none}
	.contactbox .leftbox .picbox2{ display:block}
	.contactbox .leftbox .conbox{ width:100%; margin:0 auto; background:none; height:auto; overflow:hidden; box-sizing:border-box; padding:0; position:relative; margin-top:0;box-shadow: none; border:0;}

	.contactbox .leftbox .conbox ul li{ margin:0px; padding:10px 0px 25px 0; list-style:none; width:50%; height:auto; float:left; box-sizing:border-box; border-left:1px solid #e4e4e4}
	.contactbox .leftbox .conbox ul li:nth-child(1){ border:0}
	.contactbox .leftbox .conbox ul li:nth-child(3){ width:100%; border-top:1px solid  #e4e4e4; border-left:0}
	
	.contactbox .leftbox .conbox ul li .pic{ width:100%; height:50px; line-height:50px; text-align:center}
	.contactbox .leftbox .conbox ul li .tit{ width:100%; height:40px; line-height:40px; text-align:center; font-size:15px; font-weight:700; color:#00a2ff}
	.contactbox .leftbox .conbox ul li .tit img{ display: inline}
	.contactbox .leftbox .conbox ul li .word{width:100%; height:auto; line-height:30px; text-align:center; font-size:14px; font-weight:700; color:#182b3e}
	
	.contactbox .leftbox .conbox ul li:nth-child(3) .pic{ width:25%; height:70px; line-height:70px; text-align:center; float:left}
    .contactbox .leftbox .conbox ul li:nth-child(3) .wordbox{ width:75%; height:auto; overflow:hidden; float:left; text-align:left}
	.contactbox .leftbox .conbox ul li:nth-child(3) .tit{text-align:left}
	.contactbox .leftbox .conbox ul li:nth-child(3) .word{text-align:left} 
	
	
	.contactbox .rightbox{ width:100%; height:auto; float:none; background:#f2f7fb; box-sizing:border-box; padding:15px;}
	.contactbox .rightbox .titbox{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:20px; color:#182b3e; text-align:center; margin-top:25px;}

 
	  
	}
	
@media (max-width:960px){
	
	.formbox2{margin-top:25px;  }

	.formbox2 ul li{ margin:10px 0px;;}

	.formbox2 ul li .input3{ width:100%; height:50px; font-size:14px; }
	
	.formbox2 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#232323; display:none}

	.formbox2 ul li .input1{ w height:50px; font-size:14px;}

	.formbox2 ul li textarea{ width:100%; height:100px;  padding:10px; font-size:14px; }
	
	
	.formbox2 ul li .input2{ width:170px; height:50px; font-size:14px; background:#fff}

	.formbox2 ul li .btnme{ width:100%; height:60px; line-height:60px; overflow:hidden;font-size:14px;   border:0px; display:block;  border-radius:0px;  background:#00a2ff; color:#FFF;border:1px solid #00a2ff; border-radius:5px; margin:0 auto; }
	.formbox2 ul li .btnme:hover{ background:#00a2ff; color:#FFF;}
	

	 
	}	


@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}
	
	.footmenu .part2  .list ul li{ line-height:30px;; overflow:hidden; color:#cdd2da; font-size:14px;  }
	
	.footmenu .part3 .codelist{ margin-top:0px;}
	.footmenu .part3 .codelist ul{ margin:0px; padding:0px; list-style:none}
	.footmenu .part3 .codelist ul li{ margin:0px; padding:0px; list-style:none; width:100%; float:left; overflow:hidden; text-align:right}
	.footmenu .part3 .codelist ul li img{ max-width:80%; height:auto;}
	
		


	}	
	
@media (max-width:640px){
    .homeSlide  .dotbox{  position:absolute; left:20px; margin-left:0; bottom:25px; width:75px}
	.homeSlide  .dotbox .leftarr{width:25px; height:25px; background-size:100% auto}
	.homeSlide  .dotbox .rightarr{width:25px; height:25px;  background-size:100% auto;}
    
	.homeSlide .list ul li .wordbox{ left:20px; top:15%; margin-top:0px; margin-left:0;  }
	.homeSlide .list ul li .wordbox .tit{ font-size:14px; line-height:25px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:16px; line-height:25px; margin:10px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:20px; line-height:40px;}
	
	.homeSlide .list ul li .more{ width:125px; height:40px; line-height:40px; text-align:center; font-size:14px;background:url(../Images/anniu.png) left 10px center no-repeat #00a2ff; border:0; margin-top:10px; background-size: 20px auto; font-size:12px; text-indent:25px; border-radius:5px}
	.homeSlide .list ul li .more:hover{}
	
	.indexpage {position: absolute;right:20px;text-align: center;bottom:25px;}
	.indexpage .swiper-pagination-switch {width:20px; height:20px;background: url(../Images/sdot1.png) center center no-repeat; margin: 0 3px;cursor: pointer; border-radius:10px;}
	.indexpage .swiper-active-switch { background: url(../Images/sdot2.png) center center no-repeat; background-size:100% auto}

    .homepart2 .listbox .picbox{ width:100%; height:280px; overflow:hidden; float:none}

	
    .homepart4 .listbox1{ height:250px}
	.homepart4 .list ul li{ border-left:0;}
	.homepart4 .list ul li .box{ padding:20px;}
	.homepart4 .list ul li .box .tit{ width:100%; height:40px; line-height:40px; font-size:18px; font-weight:700; color:#333333; overflow:hidden;}
	.homepart4 .list ul li .box .word{ width:100%; height:90px; line-height:30px; overflow:hidden; font-size:14px; color:#333333; opacity:0.8; margin-top:15px;}
	.homepart4 .list ul li .box .more{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.homepart4 .list ul li .box .more .img1{ display:block}
	.homepart4 .list ul li .box .more .img2{ display:none}
	
	.homepart4 .list ul li:hover .box .tit{ color:#2299dc}
	.homepart4 .list ul li:hover .box .more .img1{ display:none}
	.homepart4 .list ul li:hover .box .more .img2{ display:block}
	
	.advantagebox2 .onebox .picbox{height:200px;}
		
	}	


@media (max-width:550px){

	.listnews ul li{ margin:10px 0; padding:15px;  }
	.listnews ul li .pic{ width:40%; float:left; overflow:hidden; height:105px; overflow:hidden; } 
	.listnews ul li .wordbox{ width:60%; float:right; box-sizing:border-box; padding:0px 0 0 10px;}
	
	.listnews ul li .wordbox .tit{ width:100%; height:75px; line-height:25px; font-size:14px; font-weight:700; color:#333333; overflow:hidden;}
	.listnews ul li .wordbox .word{ display:none}
	.listnews ul li .wordbox .time{ width:100%; height:20px; line-height:20px; overflow:hidden; font-size:12px; margin-top:10px;color:#2299dc}
	

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


	  
	}		 

@media (max-width:400px){
      .homepart2 .listbox .picbox{height:200px; }
	}		


@media (max-width:380px){

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

	}