@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) {
	.aboutbox3 .centerbox .centerin{ width:96%; margin:0 auto}
   .aboutbox5 .centerbox .centerin{ width:96%; margin:0 auto}
   .platformbox2 .centerbox .centerin{ width:96%; margin:0 auto}
 

	}	

@media (max-width:1500px) {
  

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


@media (max-width:1380px) {
    .homeSlide .list ul li .wordbox{left:4%; top:125px; margin-top:0; margin-left:0; width:92%; }
	.homeSlide .list ul li .wordbox .tit{font-size:20px;}
	.homeSlide .list ul li .wordbox .tit2{ font-size:24px; line-height:40px; margin:15px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:36px; line-height:50px;}
	.homeSlide .list ul li .more{ width:125px; height:50px;line-height:50px; font-size:14px;  margin-top:20px; border-radius:50px}
	
	.homeSlide  .dotbox{  position:absolute; right:4%; margin-right:0; }
    .indexpage {left:4%; top:10px;  margin-left:0}

	
	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:-50px;} 
	.erSlide .namebox .inbox{ width:96%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:30px; line-height:30px;  }
	.erSlide .namebox .tit2{  font-size:20px;  }
	
	.homepart1 .centerbox .centerin{ width:96%; margin:0 auto}
	.homepart3 .centerbox .centerin{ width:96%; margin:0 auto}
	.homepart4 .centerbox .centerin{width:96%; margin:0 auto}
	.footmenu .centerbox .centerin{width:96%; margin:0 auto}
	
	.ertop .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox1 .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox2 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.aboutbox4 .centerbox .centerin{width:96%; margin:0 auto}
	
	
    .aboutbox4 .listbox{ transform:scale(0.8); width:1360px; transform-origin: left top;}
	
	.productbox1 .centerbox .centerin{ width:96%; margin:0 auto}
	.productbox2 .centerbox .centerin{ width:96%; margin:0 auto}
	.platformbox1 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.mainbox .centerbox .centerin{ width:96%; margin:0 auto}
	
	.jobbox1 .centerbox .centerin{width:96%; margin:0 auto}
	.jobbox2 .centerbox .centerin{width:96%; margin:0 auto}
	.contactbox .centerbox .centerin{ width:96%; margin:0 auto}
	.contactusbox2 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.ertopsearch .centerbox .centerin{ width:96%; margin:0 auto}
	

	}

@media (max-width:1300px) {
   .headbox  .menu ul li{ margin:0px 15px; font-size:14px}
   
   .headbox .other{top:26px;}
   .headbox .other ul li{ height:30px; line-height:30px;}
   .headbox .other ul li img{ height:15px}
   
   
   
	.aboutbox1 .rightbox .tit{ width:100%; height:200px; line-height:200px; font-size:100px}
	.aboutbox1 .rightbox .tit2{ width:100%; height:100px; line-height:100px;  font-size:20px;font-weight:700; color:#0082d4; text-align:right}
	.aboutbox1 .rightbox .tit2 span{ font-size:40px}


	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	.contactbox .leftbox .conbox ul li { width:50%; margin:10px 0}
	.contactbox .leftbox .conbox ul li.t1 { width:100%;}
    .contactbox .leftbox .conbox ul li.t1 .box{ width:98%}


	}

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

	
@media (max-width:1180px) {
	.aboutbox4 .listout{ width:850px; height:372px; margin:0 auto;}
    .aboutbox4 .listbox{ transform:scale(0.6); width:1360px; transform-origin: left top;}
	}		


@media (max-width:1100px){
   
	}
	
	
@media (max-width:1050px){
   .headbox  .menu ul li ul li{ font-size:12px}
   
    .homeSlide .list ul li .wordbox{left:4%; top:90px; margin-top:0; margin-left:0; width:92%; }
	.homeSlide .list ul li .wordbox .tit{font-size:14px;}
	.homeSlide .list ul li .wordbox .tit2{ font-size:14px; line-height:30px; margin:15px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:24px; line-height:40px;}
	.homeSlide .list ul li .more{ width:125px; height:40px;line-height:40px; font-size:12px;  margin-top:20px;}

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

	 
	}		
	

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	
	.topbox{ display:none}
	
	.headbox{ height:80px; background:rgb(0,0,0,0.15)  }
    .headbox .box{  height:80px; }
	.headbox  .menu{ display:none}  
	.headbox .box .logo{ position:absolute; left:50%; margin-left:-105px; ; top:0; height:80px; line-height:80px;}
  
	
	.headbox .other{ position:absolute; right:0; top:0px;}
	.headbox .other ul li{ height:80px; line-height:80px; padding:0}
	.headbox .other ul li.t1{ padding-top:3px; padding:0 10px;}
	.headbox .other ul li.t1 img{ margin-top:32px;}
	.headbox .other ul li.t2{ padding-left:10px;}
	.headbox .other ul li.t2 img{ margin-top:32px;}
	
	.headbox .box .language{ position:absolute; right:80px; top:0px; height:80px; line-height:80px; font-size:14px;}
	.headbox  .menubtn{ display:block;}
	
	.headbox .box .searchbtn{ display:block; right:auto; left:35px; height:80px; line-height:80px; overflow:hidden;display:block}
	.headbox .other ul li.t1{ display:none;}
	.headbox .other ul li{ background:none}
	.headboxon{ background:#FFF}
	.headboxon2{ background:#FFF}
	.gotop{ display:none}
	
	.homeSlide  .dotbox{width:70px; top:10px }
	.homeSlide  .dotbox .leftarr{width:30px; height:30px; background-size:100% 100%; }
	.homeSlide  .dotbox .rightarr{width:30px; height:30px;background-size:100% 100%; }
	.homeSlide  .dotbox .leftarr:hover{width:30px; height:30px; background-size:100% 100%; }
	.homeSlide  .dotbox .rightarr:hover{width:30px; height:30px;background-size:100% 100%; }
	
	
	.homepart1{padding:30px 0 30px 0 }
	.homepart1 .leftbox{ width:100%; height:auto; float:none; overflow:hidden;}
	.homepart1 .rightbox{ display:none}
	
	.homepart1 .titbox{  font-size:20px; line-height:40px; }
	.homepart1 .titbox2{font-size:20px; line-height:40px;}
	.homepart1 .word{  font-size:14px; margin-top:20px}
	.homepart1 .more{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:14px; margin-top:20px; }

	
	.homepart2 .centerbox .centerin{ width:96%; margin:0 auto; padding:10px 0}
	
	.homepart2 .listbox{height:auto;}
	.homepart2 .listbox ul li{width:100%; height:300px;  float:none; display:blcok; position:relative; margin:10px 0}
	.homepart2 .listbox ul li .box{ width:92%; position:absolute; left:4%; bottom:30px}
	.homepart2 .listbox ul li .pic{ display:none}

	.homepart2 .listbox ul li .tit{font-size:20px; font-weight:700; color:#FFF; text-align:left }
	.homepart2 .listbox ul li .tit2{  font-size:14px;  text-align:left}

	.indexcasepage{ display:block}
	.homepart3 .list ul li:nth-child(2){ background:#ffffff;}

	.homepart3{ padding:30px 0}
	.homepart3 .titbox{ font-size:14px; color:#0082d4; line-height:40px; font-family:Arial, Helvetica, sans-serif}
	.homepart3 .titbox2{  font-size:20px; color:#282828; line-height:40px; font-weight:700}
	.homepart3 .wordtop{ font-size:14px; color:#595959; opacity:0.9; line-height:32px; margin-top:10px}
	
    .homepart4{ padding:30px 0 30px 0}
	.homepart4 .titbox .leftarea{ width:60%; }
	.homepart4 .titbox .leftarea .tit{ font-size:14px; line-height:30px;}
	.homepart4 .titbox .leftarea .tit2{font-size:20px;line-height:40px;}
	.homepart4 .titbox .leftarea .word{font-size:14px;line-height:28px; margin:0}
	
	.homepart4 .titbox .more{ width:100px; height:35px; border-radius:60px; line-height:35px; text-align:center; font-size:12px;margin-top:50px; transition:all 0.5s ease}
	
	.footmenu{ padding:20px 0}
	.footmenu .centerbox{ padding:0}
	.footmenu .tbox{ display:none}
	.footmenu .tboxline{ display:none}
	.footmenu .part1{ width:60%}
	.footmenu .part2{ display:none}
	.footmenu .part4{ display:block}
	

	.ertop .centerbox .centerin{ width:96%; overflow:hidden;height:auto; margin:0 auto}
	
	.ertop .location{ display:none}
	.ertop .navbox{ position: static; width:100%; height:auto; overflow:hidden;}
	.ertop .navbox .list ul li{ margin:0; padding:0; list-style:none; width:25%; height:42px; line-height:42px; text-align:center; border:0; float:left; font-size:14px; }
	
	.aboutbox1{ padding:25px 0}
	.aboutbox1  .leftbox{ width:100%; height:auto;  overflow:hidden; float:none}
	.aboutbox1  .leftbox .tit{ font-size:20px; font-weight:700; color:#282828; line-height:50px; margin-top:20px}
	.aboutbox1  .leftbox .word{  margin-top:0px; font-size:14px; color:#595959; line-height:35px; }
	
	
	.aboutbox1  .rightbox{ width:100%; height:auto;  overflow:hidden; float:none; display:flex; }
	.aboutbox1  .rightbox img{ width:100%; height:auto; overflow:hidden;}
	
	.aboutbox1 .rightbox .tit{  height:100px; line-height:100px; font-size:80px}
	.aboutbox1 .rightbox .tit2{  height:100px; line-height:100px;  font-size:20px;font-weight:700; color:#0082d4; text-align:left}
	.aboutbox1 .rightbox .tit2 span{ font-size:40px}

     
	 
	.productbox1 .leftbox{ width:100%; float:none;}
	.productbox1 .leftbox .titbox{line-height:50px; font-size:20px;}
	.productbox1 .leftbox .wordbox{  font-size:14px; line-height:30px; margin-top:20px}
	.productbox1 .rightbox{ width:100%; float:none; margin-top:20px;}
	.productbox1 .rightbox img{ width:100%; height:auto}
	

	.productbox2{padding:0 0 30px 0;  }
	.productbox2 .titbox{line-height:40px; font-size:20px;}
	
	.platformbox1{ padding:20px 0; }
	.platformbox1 .titbox{line-height:40px; font-size:20px;}
	.platformbox1 .wordbox{font-size:14px; line-height:30px; margin-top:10px}
	
	.topnews  ul li{ width:50%}
    .topnews  ul li:nth-child(3){ display:none} 
	.topnews  ul li:nth-child(2) .box{ float:right} 
	
	.mainbox{ padding:20px 0}
	
	
	.jobbox1{padding:20px 0 }
	
	.jobbox1 .titbox{font-size:20px;}
	.jobbox1 .titbox2{ font-size:14px; line-height:30px}

	.jobbox1 .list{ width:100%;float:none; }
	.jobbox1 .list ul li .thetit{ height:250px; font-size:14px; }

	.jobbox1 .listbox .wordbox{ width:100%; height:auto; float:none; padding:20px; display:block;}
	.jobbox1 .listbox .wordbox .tit{ font-size:20px; }
	.jobbox1 .listbox .wordbox .word{ line-height:30px; font-size:14px; margin-top:10px}
	
	
	.contactbox{padding:50px 0 50px 0}
	.contactbox .leftbox .conbox ul li { width:100%; margin:10px 0}
	.contactbox .leftbox .conbox ul li .box{ width:100%}
	.contactbox .leftbox .conbox ul li.t1 { width:100%;}
    .contactbox .leftbox .conbox ul li.t1 .box{ width:100%}
	
	.productlist ul li{ width:33.33%}
	
			 
	}
	
@media (max-width:960px){
	
	.formbox2{margin-top:25px;  }
	.formbox2 ul li{ margin:5px 0px; width:100%}
	.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:150px; height:50px; line-height:50px;font-size:14px;}
	
	.homepart4 .listbox{ margin-top:0;}
	.homepart4 .listbox  .list ul li{ margin-top:22px;  width:100%; float:none}
	.homepart4 .listbox  .list ul li .box{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:15px;}
	.homepart4 .listbox  .list ul li .pic{ width:35%; height:165px; overflow:hidden; float:left}
	.homepart4 .listbox  .list ul li .wordbox{ width:65%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 0 20px; float:left}
	.homepart4 .listbox  .list ul li .wordbox .tit{ width:100%; height:75px; line-height:25px; overflow:hidden; font-size:14px; font-weight:700; color:#282828;}
	.homepart4 .listbox  .list ul li .wordbox .word{ display:none}
	.homepart4 .listbox  .list ul li .wordbox .more{ width:100%; height:50px; overflow:hidden; border-top:1px solid #ededed; margin-top:15px;}
	.homepart4 .listbox  .list ul li .wordbox .more p{ line-height:50px;}
	.homepart4 .listbox  .list ul li .wordbox .more p.t1{ float:left; font-size:12px; font-weight:700; color:#6fb600;}
	.homepart4 .listbox  .list ul li .wordbox .more p.t2{ float:right; font-size:12px; color:#0082d4;}
	

	.aboutbox2{ padding:30px 0 }
	.aboutbox2 .titbox{font-size:20px;}
	 
	.aboutbox2 .listbox{margin-top:10px;}
	.aboutbox2 .listbox .list ul li{ margin:10px 0; }
	.aboutbox2 .listbox .list ul li .box{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:25px 0}
	
	.aboutbox2 .listbox .list ul li .pic{ width:100px; height:80px; overflow:hidden; float:left; text-align:center;}
	.aboutbox2 .listbox .list ul li .pic img{ max-width:90%; max-height:100%;}
	.aboutbox2 .listbox .list ul li .wordbox{ width:calc(100% - 100px); height:auto; float:left; overflow:hidden;}
	.aboutbox2 .listbox .list ul li .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#282828; font-weight:700; }
	.aboutbox2 .listbox .list ul li .word{ width:100%; height:auto; overflow:hidden; line-height:28px; font-size:14px; color:#5f5f5f; margin-top:0px }

	.aboutbox3{ padding:20px 0 }
	.aboutbox3 .titbox{font-size:20px; }
	 
	.aboutbox3 .listbox{ width:100%; height:385px;margin-top:0px;}
	.aboutbox3 .listbox .leftarr{width:35px; height:35px; background-size:100%;  left:50%; top:auto; bottom:0; margin-left:-60px; margin-top:0px; z-index:10}
	.aboutbox3 .listbox .rightarr{width:35px; height:35px;background-size:100%;; right:50%; top:auto; bottom:0; margin-right:-60px; margin-top:0px; z-index:10}
	.aboutbox3 .listbox .leftarr:hover{background-size:100%;}
	.aboutbox3 .listbox .rightarr:hover{background-size:100%;}
	
	
	.aboutbox3 .listbox .list{height:320px;}
	.aboutbox3 .listbox .list ul li{ height:330px; }
	.aboutbox3 .listbox .list ul li .box{ width:96%; height:320px; padding:10px;}
	.aboutbox3 .listbox .list ul li .pic{ width:100%; height:200px; overflow:hidden;}
	.aboutbox3 .listbox .list ul li .tit{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#333333; text-align:center; margin-top:10px; }
    .aboutbox3 .listbox .list ul li .more{  right:50%; margin-right:-10px; bottom:10px;  }

	 
	}	


@media (max-width:850px) {
	.aboutbox4{ padding:30px 0 30px 0 }
	.aboutbox4 .titbox{ font-size:20px; }
	.aboutbox4 .listout{ width:100%; height:auto; overflow:hidden; margin-top:30px;} 
	.aboutbox4 .listbox{ width:100%; height:435px; overflow:hidden; position:relative; background:url(../Images/ab4listbg2.png) left bottom no-repeat; transform:scale(1)}

	.aboutbox4 .listbox .list{ width:100%; height:435px; }
	.aboutbox4 .listbox .list ul li{height:435px; }
	.aboutbox4 .listbox .list ul li .box{ width:100%; height:auto; overflow:hidden; background:url(../Images/qu.png) left bottom no-repeat; position: absolute}
	.aboutbox4 .listbox .list ul li .box .inbox{ border-left:1px solid #0182d5;box-sizing:border-box; padding:0 15px 0 27px; margin-left:8px; margin-bottom:17px}
	.aboutbox4 .listbox .list ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:30px; font-weight:700; color:#282828;}
	.aboutbox4 .listbox .list ul li .word{ width:70%; height:auto; overflow:hidden; line-height:45px; font-size:26px; overflow:hidden; height:330px; margin-top:20px}
	.aboutbox4 .listbox .list ul li.swiper-slide-active{ color:#282828;}
	.aboutbox4 .listbox .list ul li.swiper-slide-active .tit{color:#282828;}
	.aboutbox4 .listbox .list ul li.swiper-slide-active .word{color:#282828;}
	
	.aboutbox4 .listbox .list ul li.swiper-slide-active .box{ bottom:0}
	
	.aboutbox5{padding:30px 0 }
	.aboutbox5 .titbox{ font-size:20px; }
	 
	.aboutbox5 .listbox{ width:100%; height:280px; overflow:hidden; position:relative; margin-top:10px;}
	.aboutbox5 .listbox .leftarr{width:35px; height:35px; cursor:pointer; position:absolute; left:50%; top:auto; bottom:0; margin-top:0; z-index:10; margin-left:-50px; background-size:100% 100%;}
	.aboutbox5 .listbox .rightarr{width:35px; height:35px;  cursor:pointer;position:absolute; right:50%;top:auto; bottom:0; margin-top:0; z-index:10; margin-right:-50px; background-size:100% 100%;}
	.aboutbox5 .listbox .leftarr:hover{ background-size:100% 100%;}
	.aboutbox5 .listbox .rightarr:hover{ background-size:100% 100%;}
	
	.aboutbox5 .listbox .list{ width:100%; height:200px; }
	.aboutbox5 .listbox .list ul li{ height:200px;}
	.aboutbox5 .listbox .list ul li .box{ width:96%; height:200px; overflow:hidden; margin:0 auto}
	
	
	.platformbox2{padding:0 0 30px 0 }
	.platformbox2 .titbox{ font-size:20px; }
	 
	.platformbox2 .listbox{ width:100%; height:280px; overflow:hidden; position:relative; margin-top:10px;}
	.platformbox2 .listbox .leftarr{width:35px; height:35px; cursor:pointer; position:absolute; left:50%; top:auto; bottom:0; margin-top:0; z-index:10; margin-left:-50px; background-size:100% 100%;}
	.platformbox2 .listbox .rightarr{width:35px; height:35px;  cursor:pointer;position:absolute; right:50%;top:auto; bottom:0; margin-top:0; z-index:10; margin-right:-50px; background-size:100% 100%;}
	.platformbox2 .listbox .leftarr:hover{ background-size:100% 100%;}
	.platformbox2 .listbox .rightarr:hover{ background-size:100% 100%;}
	
	.platformbox2 .listbox .list{ width:100%; height:200px; }
	.platformbox2 .listbox .list ul li{ height:200px;}
	.platformbox2 .listbox .list ul li .box{ width:96%; height:200px; overflow:hidden; margin:0 auto}


   }

@media (max-width:800px) {
	.jobbox2{ padding:30px 0 }
	.jobbox2 .titbox2{ width:100%; height:auto;font-size:20px; font-weight:700; color:#282828; text-align:center}
	.jobbox2 .titbox3{ width:100%; height:auto; font-size:14px; line-height:30px;}

	
	.joblist .onebox .titbox{;height:125px; line-height:70px; font-size:14px}
	/*
	.joblist .onebox .titbox .tit{ width:100%; height:auto; overflow:hidden; font-size:24px; font-weight:700;  line-height:40px; color:#5f5893}
	.joblist .onebox .titbox .tit2{ width:100%; height:50px; line-height:50px; position:relative; font-size:14px;}
	*/
	
	.joblist .onebox .titbox p{ display:block;overflow:hidden; height:70px; line-height:70px; float:left}
	.joblist .onebox .titbox p.t1{ width:70%; text-indent:15px; font-size:14px; font-weight:700; color:#282828;}
	.joblist .onebox .titbox p.t2{  font-size:14px;  position:absolute; right:15px; top:0}

	.joblist .onebox .titbox p.t5{font-size:12px; color:#0182d5; position:absolute; right:15px; top:auto; bottom:0}

	.joblist .onebox .titbox p.t6{ width:100%; height:auto; overflow:hidden; line-height:40px; box-sizing:border-box; padding:0 0 0 15px}
	.joblist .onebox .titbox p.t6 em{ font-size:12px;}
	
	.productlist ul li{ width:50%}

   }   

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

	 /*
	.fixbottomkong{ display:block}
	.fixbottom{ display:block}
	*/
	
    .headbox .box .logo{ margin-left:-69px}
	.headbox .box .logo img{ height:30px; width:auto }
	
	
	.homeSlide .list ul li .wordbox{left:4%; top:90px; margin-top:0; margin-left:0; width:92%; }
	.homeSlide .list ul li .wordbox .tit{font-size:14px;}
	.homeSlide .list ul li .wordbox .tit2{ font-size:12px; line-height:25px; margin:15px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:16px; line-height:30px;}
	.homeSlide .list ul li .more{ width:100px; height:30px;line-height:30px; font-size:12px;  margin-top:20px;}
	
	.homeSlide .slidebo{ width:100%; height:25px; background:url(../Images/slidebo2.png) bottom center no-repeat;}
    .homeSlide .coverpage{ width:100%; height:56px; position:absolute; left:0; bottom:30px; z-index:100}

	.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}
	

	#ertopslide{ height:420px}
	
	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:0px;} 
	.erSlide .namebox .inbox{ width:92%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:20px; line-height:30px;  }
	.erSlide .namebox .tit2{ margin:0; font-size:12px; line-height:25px }
	/*
	.erSlide .about .tit,.erSlide .about .tit2{ color:#FFF}
	*/
	.erSlide .slidebo{ width:100%; height:25px; background:url(../Images/slidebo2.png) bottom center no-repeat;}
    
	.homepart2 .listbox ul li{width:100%; height:180px}
	
	.homepart3 .list{ height:200px}
	.homepart3 .list ul li{  height:200px} 
	.homepart3 .list ul li .box{ height:200px; padding:20px;}
	
	.homepart3 .list ul li .pic{ width:30%; height:95px; float:left }
	.homepart3 .list ul li .pic img{ max-width:80%; max-height:100%}
	.homepart3 .list ul li .pic .img1{ display:block}
	.homepart3 .list ul li .pic .img2{ display:none}
	.homepart3 .list ul li .wordbox{ width:70%; height:auto; overflow:hidden; float:right}
	.homepart3 .list ul li .tit{ width:100%; height:30px; line-height:30px;  font-size:16px; font-weight:700 }
	.homepart3 .list ul li .word{ width:100%; height:90px; line-height:30px; overflow:hidden; font-size:14px; color:#595959}
	.homepart3 .list ul li .more{ width:100%; height:30px; line-height:30px; overflow:hidden; margin-top:10px; font-size:14px; color:#0082d4;}
	
	
	.productbox2 .wordbox{ width:100%; height:auto; overflow-x:auto; font-size:14px; line-height:38px;color:#282828; opacity:0.9; margin-top:20px}
	
	.productbox2 table{width:750px;}
	.productbox2 td{border:1px solid #ffffff;line-height:30px; font-size:14px;padding:10px;}
	.productbox2 tr:nth-child(1) td{font-size:16px}
	
	
	.topnews{ display:none}
	
	.contactbox .leftbox .titbox{ font-size:20px;}

	
	.contactbox .leftbox .conbox ul li .box{ padding:20px 0; height:auto}
	.contactbox .leftbox .conbox ul li .icon{ width:100px;}
	.contactbox .leftbox .conbox ul li .wordbox{ width:calc(100% - 100px); padding:0 20px 0 0}
	
	.contactbox .leftbox .conbox ul li .tit{ width:100%; height:40px; line-height:40px; text-align:left; font-size:14px; font-weight:700}
	.contactbox .leftbox .conbox ul li .word{width:100%; height:auto; line-height:30px; text-align:left; font-size:14px; margin-top:0px;}

	.contactusbox2{ padding:30px 0}
	.contactusbox2 .picbox .tit{ font-size:20px;line-height:40px;}
		
	}	


@media (max-width:730px){

	.footmenu .part1{ width:100%;}
	.footmenu .part1  .tit{ width:100%; height:40px; line-height:40px; font-size:20px; }
	.footmenu .part1  .list{ margin-top:0px;}
	.footmenu .part1  .list ul li{ margin:10px 0 0 0; padding:0px 0 0 25px; list-style:none; width:100%; height:auto; line-height:25px;}
    .footmenu .part4{ position:absolute; right:0px; top:20px; width:90px;}
	.footmenu .copyright{line-height:30px; padding-top:15px;}
	
	
	.listnews ul li{ margin:0 0 20px 0; padding:5px}

	.listnews ul li .box{ padding:10px;}
	.listnews ul li .timebox{ display:none} 

	.listnews ul li .pic{ width:35%; float:right; overflow:hidden; height:125px; } 
	.listnews ul li .wordbox{ width:64%; float:right; box-sizing:border-box; padding:0px 20px 0 0}
	
	.listnews ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:14px; color:#333333; overflow:hidden;margin-top:0; font-weight:700}
	.listnews ul li .wordbox .word{ display:none}
	.listnews ul li .wordbox .time{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:14px; margin-top:20px;color:#6fb600; border-top:1px solid #ededed;  }

    .listnews ul li .wordbox .time p.t2{display:block} 
	.listnews ul li.nopic .wordbox{ width:100%; padding:0} 

}

@media (max-width:702px){
    .aboutbox4 .listout{ width:366px; height:240px; margin:0 auto;}
    .aboutbox4 .listbox{ transform:scale(0.5); width:702px; transform-origin: left top;}
	}	
@media (max-width:640px){
    .aboutbox5 .listbox .list{ width:150% }
	

	.productlist ul li .box .pic{height:150px; line-height:150px;}
	.productlist ul li .tit{ font-size:14px; overflow:hidden;}
	.productlist ul li .tit2{  font-size:12px;  overflow:hidden;}
		
	}	


@media (max-width:550px){
    .homepart4 .listbox{ margin-top:0;}
	.homepart4 .listbox  .list ul li{ margin-top:22px;  width:100%; float:none}
	.homepart4 .listbox  .list ul li .box{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:8px;}
	.homepart4 .listbox  .list ul li .pic{ width:40%; height:100px; }
	.homepart4 .listbox  .list ul li .wordbox{ width:60%;}
	.homepart4 .listbox  .list ul li .wordbox .tit{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; font-weight:700; color:#282828;}
	.homepart4 .listbox  .list ul li .wordbox .word{ display:none}
	.homepart4 .listbox  .list ul li .wordbox .more{ width:100%; height:50px; overflow:hidden; border-top:1px solid #ededed; margin-top:10px;}
	.homepart4 .listbox  .list ul li .wordbox .more p{ line-height:50px;}
	.homepart4 .listbox  .list ul li .wordbox .more p.t1{ float:left; font-size:12px; font-weight:700; color:#6fb600;}
	.homepart4 .listbox  .list ul li .wordbox .more p.t2{ float:right; font-size:12px; color:#0082d4;}
	
	
	.listnews ul li .pic{ width:40%; height:100px; } 
	.listnews ul li .wordbox{ width:60%;}
	
	.listnews ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:14px; }
	.listnews ul li .wordbox .time{font-size:12px; margin-top:10px;}

    .listnews ul li .wordbox .time p.t2{display:block} 
	
	.listnews ul li.nopic .wordbox{ width:100%; padding:0} 
	}	
	
@media (max-width:450px){

	}		 

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


@media (max-width:380px){

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

	}