@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) {
   .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;}
   .homepart5 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .homepart6 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .pubcontact .centerbox .centerin{width: 94%; margin: 0 auto;}

   .footmenu .centerbox .centerin{width: 94%; margin: 0 auto;}
   .aboutbox1 .centerbox .centerin{ width: 94%; margin: 0 auto;}
   .aboutbox2 .centerbox .centerin{ width: 94%; margin: 0 auto;}
   .aboutbox3 .centerbox .centerin{width: 94%; margin: 0 auto;}

   .aboutbox4 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .aboutbox5 .centerbox .centerin{width: 94%; margin: 0 auto;}

   .ertop .centerbox .centerin{width: 94%; margin: 0 auto;}

   .mediabox1 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .mediabox2 .centerbox .centerin{width: 94%; margin: 0 auto;}

   .mediabox3 .centerbox .centerin{width: 94%; margin: 0 auto;}

   .chinabusiness .centerbox .centerin{width: 94%; margin: 0 auto;}
   .omosbox .centerbox .centerin{width: 94%; margin: 0 auto;}
   .brandbox1 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .brandbox2 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .brandbox3 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .stockbox .centerbox .centerin{width: 94%; margin: 0 auto;}

   .mainbox .centerbox .centerin{width: 94%; margin: 0 auto;}
   .officalbox1 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .officalbox2 .centerbox .centerin{width: 94%; margin: 0 auto;}

   .contactbox1 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .contactbox2 .centerbox .centerin{width: 94%; margin: 0 auto;}
   .contactbox3 .centerbox .centerin{width: 94%; margin: 0 auto;}

   
   }	
	

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

   .brandbox2 .listbox{ width: 1200px; margin: 0 auto;} 
   .brandbox2 .list{width: 1500px; transform: scale(0.8); transform-origin: left top;}

	}	
	
@media (max-width:1460px) {
   
	.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 .tit2{  font-size:26px;  }
	
	
	
  
	}	


@media (max-width:1380px) {

    .mediabox1 .list ul li .wordbox .tit{ font-size: 18px;}

	

	}

@media (max-width:1300px) {

     .videolist ul li .pic{ height:350px}
	}	


@media (max-width:1260px) {
   
	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	.headbox .box{ width: 96%;}
	.headbox .box .logo img{ height: 40px; }
	.headbox  .menu{right:300px }
	.headbox  .searchbtn{display:none}


	.brandbox2 .listbox{ width: 900px; height: 360px; margin: 0 auto;} 
   .brandbox2 .list{ transform: scale(0.6); }

	}

@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; background: #ffffff; display: block; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	
	.headbox{ width:100%; height:70px;}
	.headbox .box{ width:100%;   height:70px;}
	.headbox .box .logo{left:2%; top:0; height:70px; line-height:70px; overflow:hidden; }
    .headbox .box .logo img{ height:50px}
	.headbox .box .logo .img1{ display: none}
    .headbox .box .logo .img2{ display:block}

    .headbox .menu{ display:none} 
	.headbox .tel{ display:none}
	.headbox .menubtn{ display:block; width: 60px; text-align: center;}
	
	
    .headbox .box .sys{ display:none}
	.headbox .box .email{ display: none;}

	.headbox .box .searchbtn{right:35px; top:0; width:36px; height:70px; line-height:70px; font-size:20px; font-weight:normal }
    
	
	.homeSlide .list ul li .wordbox{left:2%; top:40%; margin-top:0;transform: translate(0%, -50%); margin-left:0;width:96%; }
	.homeSlide .list ul li .wordbox .tit{ font-size:16px; line-height:30px; font-weight:700 }
	.homeSlide .list ul li .wordbox .tit2{ font-size:20px; line-height:30px;font-weight:700 }
	.homeSlide .list ul li .wordbox .tit3{ font-size:14px; line-height:25px; margin-top:15px; padding:10px;}
	.homeSlide .list ul li .wordbox .tit3 p{ width:50%; height:30px; line-height:30px; font-size:12px; }
	.homeSlide .list ul li .wordbox .tit3 p:nth-child(3n-1){ width:50%; }
		
	.homeSlide .list ul li .more{ width:125px; height:35px;line-height:35px; font-size:12px; margin-top:20px;border-radius:30px}
	.indexpage {position: absolute; left:0% !important; width:100% !important; bottom:10px !important; z-index:100; text-align:center}
	
	/* 自定义圆点样式 */
	.homeSlide .indexpage .custom-bullet {width: 40px;height: 3px;}
	.homeSlide .indexpage .custom-bullet-active {width:40px;height: 3px;}

	.homepart1{ padding:30px 0 30px 0 }

	.homepart1 .leftbox{ width:100%; float: none;}

	.homepart1 .leftbox .inrto{ line-height: 40px ;font-size: 16px;margin-top: 20px; font-weight: 700;}
	.homepart1 .leftbox .word{ line-height: 28px ;font-size: 14px;margin-top: 20px;}
	.homepart1 .leftbox .more{ width: 135px; height: 45px; line-height: 45px ;font-size: 12px;margin-top: 20px;}

	.homepart1 .rightbox{ width:100%; height:733px;  }

	.homepart2{padding:30px 0 30px 0; position:relative}
	.homepart2 .titbox{height: 40px; line-height: 40px;  font-size: 20px; font-weight: bold;}
	.homepart2 .titbox2{ font-size: 14px;}
	.homepart2 .titword{line-height: 28px; font-size: 14px; margin-top: 20px;}
	.homepart2 .list{ margin-top: 20px;;}
	.homepart2 .list ul li{  width: 50%; margin: 10px 0;}
	.homepart2 .list ul li .box{ width: 96%; padding: 5px 10px;}
	.homepart2 .list ul li .box .pic{height: 80px; }
	.homepart2 .list ul li .box .pic img{max-width: 80%; max-height: 80%;}
	.homepart2 .list ul li .box .tit{ font-size: 20px; }
	.homepart2 .list ul li .box .tit2{font-size:  12px; }
	.homepart2 .list ul li .box .word{width: 100%; height: 100px; line-height: 25px;  font-size: 12px; margin-top: 5px; }
	.homepart2 .list ul li .box .more{height: 25px; line-height: 25px;  font-size: 20px; margin-top: 0px;;color:#3e3e3e;}


	.homepart3{ padding:30px 0 30px 0;}
	.homepart3 .titbox{height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; }
	.homepart3 .titbox2{font-size: 14px;}
	.homepart3 .titword{ line-height: 200%; font-size: 14px; }
	.homepart3 .getmore{ width:140px; height:45px; line-height:45px; font-size:14px;margin-top: 15px;}

	.homepart3 .wordbox{ margin-top:20px;}


	/*经典案例*/
	.homepart4{ background-size: 100% auto; padding:30px 0 30px 0 }
	.homepart4 .titbox{height: 40px; line-height: 40px; font-size: 20px; font-weight: bold;}
	.homepart4 .titbox2{ font-size: 14px;}
	.homepart4 .titword{ font-size: 14px; margin-top: 0;}

	
    .homepart5{ padding:30px 0 0 0; }
	.homepart5 .titbox{height: 40px; line-height: 40px; font-size: 20px; font-weight: bold;}
	.homepart5 .titbox2{height: 30px; line-height: 30px;  font-size: 14px; }
	.homepart5 .titword{ line-height: 200%; font-size: 14px;}

	.homepart5 .listbox{ margin-top:20px;  }
	.homepart5 .listbox:after{display: none;}
	.homepart5 .listbox .one{ width:100%;  float:none; padding: 20px 0; }
	.homepart5 .listbox .one:nth-child(2){border-top: 1px solid rgba(255,255,255,0.3);;}
	.homepart5 .listbox .one .tit{ height:40px; line-height:40px;  font-size:20px; }
	.homepart5 .listbox .one .tit span{ font-size: 14px;}
	.homepart5 .listbox .one .tit2{ line-height:30px;  font-size:14px; margin-top: 0; }
	.homepart5 .listbox .one  .list{ margin-top:10px;}
	.homepart5 .listbox .one  .list ul li{ margin:10px 0; }
	.homepart5 .listbox .one  .list ul li .box{ width:94%; height:60px;}
	.homepart5 .listbox .one  .list ul li .pic{ height:60px;  }
	.homepart5 .listbox .one  .list ul li .pic img{ max-width: 80%; max-height: 80%;}

	.homepart6{ padding:30px 0; }
	.homepart6 .titbox{ height: 40px; line-height: 40px;  font-size: 20px; font-weight: 700;}
	.homepart6 .titbox2{font-size: 14px; }
	.homepart6 .titword{line-height: 200%; font-size: 14px; margin-top: 10px;}

	.pubcontact{ padding:35px 0; }

	.footmenu .part1{display: none;}
	.footmenu .part2{display: none;}
	.footmenu .part3{ width: 100%;}
	.footmenu .part3 .list ul li .pic img{ max-width:125px;}
	.footmenu .part3 .list ul li .name{ width:125px;;}
	.footmenu .fbox{ width:100%; padding:10px 0; float: none; padding-top: 20px; }

	.aboutbox1{ padding:30px 0}
	.aboutbox1 .leftbox{ width:100%;  float:none; }

	.aboutbox1 .leftbox .titbox .tit{ font-size: 18px; font-weight: 700;}
	.aboutbox1 .leftbox .titbox .tit2{ width: 100%; height: 25px; line-height: 25px ;font-size: 14px; text-transform: uppercase;}
	.aboutbox1 .leftbox .inrto{  line-height: 40px ;font-size: 16px; margin-top: 20px; font-weight: 700;}

	.aboutbox1 .rightbox{ width:100%; float:none; overflow:hidden; text-align:left}
	.aboutbox1 .rightbox .word{line-height: 200% ;font-size: 14px; margin-top: 20px; }


	.aboutbox1 .picbox{ margin-top: 10px;}

	.aboutbox2{ background: #f5f5f5; padding:30px 0}
	.aboutbox2 .titbox{height: 40px; line-height: 40px; font-size: 20px; font-weight: 700; }
	.aboutbox2 .titbox2{font-size: 14px; }


	.aboutbox2 .listbox{margin-top:20px;}
	.aboutbox2 .listbox ul li{ float:none; }

	.aboutbox2 .listbox ul li .pic{ width:100%; float: none; text-align: center;}
	.aboutbox2 .listbox ul li .pic img{ width:auto; max-width: 80%;;}

	.aboutbox2 .listbox ul li .wordbox{ width:100%; float:none}
	.aboutbox2 .listbox ul li .tit{height:40px; line-height:40px;  font-size:20px;text-align: center;}
	.aboutbox2 .listbox ul li .tit2{  font-size:16px;text-align: center;}
	.aboutbox2 .listbox ul li .word{line-height:200%;  font-size:14px;}


	
	.aboutbox3{ padding:0 0; }
	.aboutbox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
	.aboutbox3 .tbox{ background-color: #ffffff; box-sizing: border-box; padding: 20px;}
	.aboutbox3 .titbox{height: 40px; line-height: 40px;  font-size: 20px;font-weight: 700;}
	.aboutbox3 .titbox2{font-size: 14px;}
	.aboutbox3 .titword{line-height: 200%; font-size: 14px; margin-top: 10px;}


	.aboutbox3 .listbox{ margin-top:0; padding:0;  }
	.aboutbox3 .listbox:after{ display: none;}
	.aboutbox3 .listbox .one{ width:94%; height:auto; overflow:hidden; float:none; padding:20px 0; margin: 0 auto; }
	.aboutbox3 .listbox .one:nth-child(2){ border-top: 1px solid #e3e3e3;;}
	.aboutbox3 .listbox .one .tit{ height:40px; line-height:40px; font-size:20px; }
	.aboutbox3 .listbox .one .tit span{ font-size: 14px;}
	.aboutbox3 .listbox .one .tit2{ line-height:20px;font-size:14px; margin-top:10px;}
	.aboutbox3 .listbox .one  .list{  margin-top:20px;}
	.aboutbox3 .listbox .one  .list ul li{ margin:10px 0; }
	.aboutbox3 .listbox .one  .list ul li .box{ width:90%; height:60px; }
	.aboutbox3 .listbox .one  .list ul li .pic{ height:60px;}
	.aboutbox3 .listbox .one  .list ul li .pic img{ max-width: 80%; max-height: 80%; }

	/*经营理念*/
	.aboutbox4{padding:30px 0 30px 0; }
	.aboutbox4 .titbox{height:auto; line-height:50px;  font-size:20px; text-indent: 28px; }
	.aboutbox4 .titbox span{ font-size: 12px; }
	.aboutbox4 .wordbox{ border-left:5px solid #d61418; padding-left: 20px; font-size: 18px;line-height: 30px;}


	.ertop  .list{ width:100%; }
	.ertop  .list ul li{ padding:0 20px;  font-size:14px}
	

	.ertop .centerbox .location{ display: none;}

	
    .mediabox2{ padding:30px 0; }
	.mediabox2 .titbox{height: auto; line-height:40px; font-size: 20px; font-weight: 700;}
	.mediabox2 .titbox2{ height: auto; line-height: 30px;font-size: 14px;}
	.mediabox2 .titbox3{line-height: 40px; font-size: 20px; margin-top:10px;}
	.mediabox2 .wordbox{font-size: 114px;  margin-top: 20px;}

	.mediabox3{ padding:10px 0 30px 0; }
	.mediabox3 .titbox{line-height: 40px;font-size: 20px; font-weight: 700;}
	.mediabox3 .titbox2{font-size: 14px; }
	.mediabox3 .one{ margin: 20px 0;}

    
	.chinabusiness{ padding:30px 0 30px 0;}

	.chinabusiness .titbox{height: auto; line-height: 40px; font-size: 20px;margin-top: 0; font-weight: 700;}
	.chinabusiness .titbox2{ height: auto; line-height: 30px; font-size: 14px; font-weight: 700; }
	.chinabusiness .titbox3{ height: auto; line-height: 30px;  font-size: 14px; margin-top: 10px;}

	.chinabusiness .list{ margin-top: 20px;}
	.chinabusiness .list ul li{ margin:10px 0px; width:50%;} 

	.omosbox{ padding:30px 0;  }
	.omosbox .titbox{ height: auto; line-height: 40px; font-size: 20px;margin-top: 0px; font-weight: 700;}
	.omosbox .titbox2{height: auto; line-height: 30px;font-size: 14px; }
	.omosbox .titbox3{line-height: 30px; font-size: 16px; }


	.omosbox .listbox{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
	.omosbox .listbox .bglist{ width: 100%; height: 642px; overflow: hidden;float: none;}
	.omosbox .listbox .bglist ul li{height: 642px; }

	.omosbox .listbox .thebox{ width: 100%; height: auto;float:none; padding:15px;}
	.omosbox .listbox .thebox .tit{  height: auto; line-height: 40ppx; font-size: 20px;}
	.omosbox .listbox .thebox .word{  margin-top: 10px; }

	.omosbox  .smlist{ width: 100%; height: 100px;margin-top: 20px;}
	.omosbox  .smlist ul li{margin: 0; padding: 0; list-style: none; width:125px; height: 100px;}
	.omosbox  .smlist ul li .pic{ width: 115px; height: 90px; }

	.brandbox1{ padding:30px 0 30px 0 }
	.brandbox1 .titbox{ height: auto; line-height: 40px;font-size: 20px; margin-top: 0; font-weight: 700;}
	.brandbox1 .titbox2{height: auto; line-height: 30px; font-size: 14px;}
	.brandbox1 .wordbox{font-size: 14px; color:#3e3e3e; margin-top: 20px;}
	
	.brandbox2{  padding:0 0 30px 0; }
	.brandbox2 .titbox{height: auto; line-height: 40px;font-size: 20px; margin-top: 0; font-weight: 700;}
	.brandbox2 .titbox2{height: auto; line-height: 30px; font-size: 14px;}

	.brandbox2 .listbox{ width: 900px; height: 360px; margin: 0 auto;} 
    .brandbox2 .list{ transform: scale(0.6); }


	.brandbox3{  padding:0 0 30px 0; position:relative }
	.brandbox3 .titbox{ line-height: 40px; font-size: 20px;  margin-top: 20px; font-weight: 700;}
	.brandbox3 .titbox2{width: 100%; height: auto; font-size: 14px;}
	.brandbox3 .wordbox{width: 100%; height: auto; line-height: 200%; text-align:center; font-size: 15px; color:#3e3e3e; margin-top: 50px;}
	.brandbox3 .wordbox img{ max-width:100% ; height: auto;}


	.stockbox{padding:30px 0 30px 0; }
	.stockbox .titbox{ height: auto; line-height: 40px; text-align:center; font-size: 20px;  margin-top: 0; font-weight: 700;}
	.stockbox .titbox2{height: auto; line-height: 30px; text-align:center; font-size: 14px; }
	.stockbox .wordbox{font-size: 14px;margin-top: 20px;}

    .mainbox .bgsort{padding: 5px;}
	.mainbox .bgsort ul li{ margin: 0 10px; height: 40px; line-height: 40px; font-size: 14px;}

	.mainbox .smlist{ padding:10px;}
	.mainbox .smlist ul li{margin:0 10px; height: 40px; line-height: 40px; font-size: 12px;}

	.caselist ul li{width: 50%;}

	.caselist ul li .box{  margin: 0 auto;}
	.caselist ul li:nth-child(3n-1) .box{ margin: 0 auto;}
	.caselist ul li:nth-child(3n) .box{ float:none}


	.officalbox1{ padding:30px 0;} 
	.officalbox1 .titbox{height: auto; line-height: 40px; text-align:center; font-size: 20px; margin-top: 0;font-weight: bold;}
	.officalbox1 .titbox2{height: auto;  text-align:center; font-size: 14px;  margin-bottom: 20px;}

	.officalbox1 .listbox .one{ width: 100%; float: none;}

	.officalbox1 .listbox .two{ width: 100%; float: none;}


	.contactbox1{  padding:30px 0; }
	.contactbox1 .titbox{height: auto;  text-align:center; font-size: 20px; margin-top: 0; font-weight: 700;}
	.contactbox1 .titbox2{text-align:center; font-size: 14px; }
	.contactbox1 .titbox3{ line-height: 30px; text-align:center; font-size: 14px; }

	.contactbox1 .list{ margin-top: 20px;} 
	.contactbox1 .list ul li{ width: 100%; float:none; margin: 10px 0;}
	.contactbox1 .list ul li .box{ width: 100%;} 
	.contactbox1 .list ul li .box .wordbox{ padding: 15px;}
	.contactbox1 .list ul li .box .wordbox .tit{  font-size:20px;}
	.contactbox1 .list ul li .box .wordbox p{ font-size: 14px}

	.contactbox1 .list ul li .box .pic{ width: 100%; height: 320px; overflow: hidden;} 

	/*全国分支结构*/
	.contactbox2{  padding:30px 0;}
	.contactbox2 .titbox{ height: auto;  text-align:center; font-size: 20px; margin-top: 0;font-weight: bold;}
	.contactbox2 .titbox2{ height: auto; line-height: 30px; font-size: 14px;text-align: center;}


	.contactbox2 .listbox{margin-top: 20px;}
	.contactbox2 .listbox .leftbox{ float:none; width: 100%;}
	.contactbox2 .listbox .leftbox .list ul li{margin-top: 20px; position: relative;}
	.contactbox2 .listbox .leftbox .list ul li .tit{ width: 96%; height:45px; line-height: 45px;font-size: 12px; }

	.contactbox2 .listbox .leftbox .list ul li .other{display: none; width: 300%; height: auto; overflow: hidden;}
	.contactbox2 .listbox .leftbox .list ul li .other .title{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-weight: 700;}

	.contactbox2 .listbox .leftbox .list ul li .other .word p{ font-size: 14px; }


	.contactbox2 .listbox .leftbox .list ul li.onfocus .tit{background: #d61418; color: #ffffff;}
    .contactbox2 .listbox .leftbox .list ul li.onfocus .other{ display: none;}
	/* 手机端：选中城市后，联系方式以整行形式展示在当前分组(3个一组)末尾 */
	.contactbox2 .listbox .leftbox .list ul li.mobile-other{ width: 100% !important; float: none !important; clear: both; display: none; background: #ffffff; margin: 10px 0 0 0; padding: 15px; box-sizing: border-box;}
	.contactbox2 .listbox .leftbox .list ul li.mobile-other .other{ display: block !important; width: 100% !important; height: auto !important; overflow: hidden;}


	.contactbox2 .listbox .rightbox{ width: 100%; height: auto;overflow: hidden;float:none; position: relative;}
	.contactbox2 .listbox .rightbox .mapbox{ width: 100%; height: 300px;overflow: hidden;}

	/* 浮层样式 */
	.contactbox2 .mapword {display: none;}
	

	.contactbox3{  padding:35px 0; background:url(../Images/jobbg.jpg) right bottom no-repeat #ffffff; background-size: 100% auto;; }
	.contactbox3 .titbox{height: auto; line-height: 40px; text-align:center; font-size: 20px; margin-top: 0; font-weight: 700;}
	.contactbox3 .titbox2{height: auto;  text-align:center; font-size: 14px; }
	.contactbox3 .titbox3{line-height: 30px; text-align:center; font-size: 14px; text-align: center;}

	
	.contactbox3 .otherbox .joblink{ width: 200px; height: 46px; line-height: 46px; font-size: 14px; }

	.contactbox3 .otherbox .lxfs{ height: auto; line-height: 40px; float: left; display: block; font-size: 14px; margin: 0;}
	.contactbox3 .otherbox .lxfs span{ color: #d61418; margin-left: 10px;;}
	.contactbox3 .otherbox .lxfs ul{ margin: 0;padding: 0;list-style: none;}
	.contactbox3 .otherbox .lxfs ul li{ margin:0;padding: 0;list-style: none;float:left; width: 100%; height: 45px; }
    .contactbox3 .otherbox .lxfs ul li:nth-child(1){ width: 40%;} 
	.contactbox3 .otherbox .lxfs ul li:nth-child(2){ width: 60%;} 



		

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

	#ertopslide{ height:420px}
	
	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:-15px;} 
	.erSlide .namebox .inbox{ width:92%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:16px; line-height:30px; font-weight: normal;  }
	.erSlide .namebox .tit2{ margin:0; font-size:20px; line-height:25px }
	/*
	.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; }
	
	 
	.homepart1 .rightbox{ width:100%; height:auto;  float: none; margin-top: 20px;}
	.homepart1 .rightbox .pic{ width:100%; height:auto;  position: static; }
	.homepart1 .rightbox .pic img{ width: 100%; height: auto;;}
	.homepart1 .rightbox .list{ width: 70%; position: relative;  padding: 20px 0; float: right; margin-top: -100px; z-index: 1000; }
	.homepart1 .rightbox .list ul li .num{  height: 30px; line-height: 30px;  font-size: 14px; color: #d61418}
	.homepart1 .rightbox .list ul li .num span{ font-size: 20px;}
	.homepart1 .rightbox .list ul li .tit{ w height: 30px; line-height: 30px;  font-size: 12px; color: #d61418}


	
    .homepart4  .list{ width:150%; height:auto; overflow:hidden; margin-top:30px;}
	
	.homepart6 .listbox{ width:100%; height:auto;margin-top:20px;  }
	.homepart6 .listbox .leftarr{display: none;}
	.homepart6 .listbox .rightarr{ display: none;}


    .newspage {display: block;}

    .pubcontact{  padding:30px 0; }
	.pubcontact .titbox{height: 40px; line-height: 40px; font-size: 20px;font-weight: 700;}
	.pubcontact .titbox2{font-size: 14px;}
	.pubcontact .titword{line-height: 30px;font-size: 16px;}

	.pubcontact .getmore{ width:135px; height:40px; line-height:40px; font-size:14px; margin-top:20px; }
	
	.footmenu{ padding: 0;}
	.footmenu .centerbox{ padding:20px 0 20px 0;  }
	.footmenu .part3  .tit{ display: none;}
	.footmenu .part3  .word{ height:auto; line-height:30px; font-size:14px}
	.footmenu .part3  .list{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
    .footmenu .part3  .list ul li{margin-right: 20px; width: 125px;}

	.footmenu .fbox{ width:100%;padding:20px 0; font-size:14px; color:#ffffff; float: right; line-height: 200%; padding-top: 20px;border-top: 1px solid #d73333;margin-top: 20px; }

    
	.aboutbox1 .picbox .tit{  font-size: 16px; line-height: 35px;font-weight: normal; }

	.aboutbox5{ padding:30px 0 30px 0}

	.aboutbox5 .titbox{height: 40px; line-height: 40px; font-size:20px;font-weight: 700; }
	.aboutbox5 .titbox2{font-size: 14px; }

	.aboutbox5 .listbox{ height:280px;  margin-top:20px;}
	.aboutbox5 .listbox  .leftarr{ width:35px; height:35px; left:20px; top:auto; bottom: 0;}
	.aboutbox5 .listbox  .rightarr{width:35px; height:35px; right:20px;  top:auto; bottom: 0; }

	.aboutbox5 .list{ width:100%; height:315px;}
	.aboutbox5 .list ul li{  height:440px;padding:0px;} 
	.aboutbox5 .list ul li .pic{ width:100%; height:160px}
	.aboutbox5 .list ul li .tit{  font-size:12px;}
	

	.mediabox1{ padding: 25px 0;}
	.mediabox1 .list{ height:800px; width: 150%; }
	.mediabox1 .list ul li{  height:800px; } 
	.mediabox1 .list ul li .box{ height:800px;}
	.mediabox1 .list ul li .pic{  height:680px; ; position:  static;}

	.mediabox1 .list ul li .wordbox{ height:auto;position: static; }
	.mediabox1 .list ul li .wordbox .tit{ font-size:20px; margin-top: 10px;}
	.mediabox1 .list ul li .wordbox .tit2{ font-size:14px; }

	.chinabusiness .list ul li{ margin:10px 0px; width:100%;} 
	.chinabusiness .list ul li .box{ width:100%; }
	.chinabusiness .list ul li .tit{  height:50px; line-height:50px; font-size:16px;}
	.chinabusiness .list ul li .pic{ width:100%; height:354px; overflow:hidden; }
	.chinabusiness .list ul li .pic2{ width:100%; height:188px; line-height:188px; overflow:hidden;  }


	.caselist ul li{ margin:10px 0 10px 0 ; padding:0}
	.caselist ul li .pic{ height:160px}
	.caselist ul li .wordbox{ padding:10px ;}
	.caselist ul li .wordbox .tit{  font-size:14px; }
	.caselist ul li .wordbox .tit2{ font-size:12px; }

	.videolist ul li{ margin:10px 0px; width:100%;float:none}
    .videolist ul li .box{ width:100%; overflow: hidden;  background: #f5f5f5; box-sizing: border-box; padding:20px}


	.officalbox2{ padding:30px 0;}
	.officalbox2 .titbox{height: auto; line-height: 40px; text-align:center; font-size: 20px; margin-top: 0;font-weight: bold;}
	.officalbox2 .titbox2{text-align:center; font-size: 14px;}
	.officalbox2 .titbox2 .tit{float:center; width: 100%;;}
	.officalbox2 .titbox2 .more{display: none;}


	.officalbox2 .listbox {  margin-top: 20px;}
	.officalbox2 .listbox .list ul li{ width:100%; }
	.officalbox2 .listbox .list ul li .box{ width:100%; }
	.officalbox2 .listbox .list ul li .pic{ width:100%; height:200px; overflow:hidden; }


	.officalbox2 .listbox .list ul li .wordbox{ padding: 10px 0; }
	.officalbox2 .listbox .list ul li .tit{height:60px; line-height:30px; overflow:hidden; font-size:14px;  }
	.officalbox2 .listbox .list ul li .time{ height:25px; line-height:25px;  font-size:12px; }

    .thenewspage{ display: block;} 


	.goodlistbox { margin-bottom:20px;}
	.goodlistbox .list ul li{ width:100%;}
	.goodlistbox .list ul li .box{ width:100%; }
	.goodlistbox .list ul li .pic{ height:200px;}

	.goodlistbox .list ul li .wordbox{padding: 10px 0; }
	.goodlistbox .list ul li .tit{font-size:14px; }
	.goodlistbox .list ul li .time{font-size:12px; }

	.goodlistbox .list ul li:hover .pic .img{ transform: scale(1.1);}
	.goodlistbox .list ul li:hover .wordbox{ background: #d61418; padding:20px;}
	.goodlistbox .list ul li:hover .tit{ font-weight: 700; color: #ffffff;}
	.goodlistbox .list ul li:hover .time{ color: #ffffff; opacity: 1; background: url(../Images/jt.png) right 20px center no-repeat;}

    

	.bignews ul li{ margin:0px 0 20px 0; padding:15px;}
	.bignews ul li .pic{ width:45%; height:200px; }

	.bignews ul li .wordbox{ width:52%; }
	.bignews ul li .wordbox .time{margin-top:10px; font-size:12px;}
	.bignews ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:14px;margin-top:10px; }
	.bignews ul li .wordbox .word{display: none;}

	.bignews ul li .wordbox .more{ display: none; }


		
}

@media (max-width:702px){

 
	.officalbox1 .listbox .one ul li{margin: 0 0 15px 0;padding: 10px;}
	.officalbox1 .listbox .one ul li .wordbox{ width: 55%;}
	.officalbox1 .listbox .one ul li .wordbox .time{font-size:12px; }
	.officalbox1 .listbox .one ul li .wordbox .tit{ width: 100%; height: 60px; line-height: 30px; font-size: 14px; }
	.officalbox1 .listbox .one ul li .pic{ width: 42%; height:100px; }


	.officalbox1 .listbox .one ul li:last-child{ border: 1px solid #ebebeb; background: none;}
	.officalbox1 .listbox .one ul li:last-child .code{ width:100%; height: 100px; }
	.officalbox1 .listbox .one ul li:last-child .code img{ width: 100px; height: 100px; }
	.officalbox1 .listbox .one ul li:last-child .tit{ width: 100%;; height: 50px; line-height: 50px; font-size: 14px;text-align: center;}


	.officalbox1 .listbox .two ul li{margin: 0 0 20px 0;  width:50%; height: auto; overflow: hidden; float: left;}
	.officalbox1 .listbox .two ul li .box{ width: 94%; height: auto; margin: 0 auto;}
	.officalbox1 .listbox .two ul li .box .pic{ width: 100%; height:200px; overflow: hidden;}


	.officalbox1 .listbox .two ul li .box .tit{height: 60px; line-height: 30px;  font-size: 14px;  margin-top: 10px;}
    
	.officalbox1 .listbox .two ul li.t5{ display: none;}

	.officalbox1 .listbox .two ul li:last-child { width: 100%;}
	.officalbox1 .listbox .two ul li:last-child .box{ border: 1px solid #e3e3e3; height: auto; width: 100%;}
	.officalbox1 .listbox .two ul li:last-child .box .code{ width:100%; height: 100px;;margin-top: 20px;}
	.officalbox1 .listbox .two ul li:last-child .box .code img{ width: 100px; height: 100px; margin: 0 auto;}
	.officalbox1 .listbox .two ul li:last-child .box .tit{ font-size: 14px; line-height: 25px;;}



	}	
@media (max-width:640px){
    
    .omosbox .listbox{width: 100%; height: auto; overflow: hidden; margin-top: 20px; position: relative;}
	.omosbox .listbox .bglist{ width: 100%; height: 250px; overflow: hidden;float: none; margin-top: 125px;}
	.omosbox .listbox .bglist ul li{height: 250px; }

	.omosbox .listbox .thebox{ width: 100%; height: auto;float:none; padding:15px;}
	.omosbox .listbox .thebox .tit{  height: auto; line-height: 40ppx; font-size: 20px;}
	.omosbox .listbox .thebox .word{  margin-top: 10px; }

	.omosbox  .smlist{ width: 94%; height: 100px;margin-top: 0; position: absolute; left: 3%; top: 200px;}
	.omosbox  .smlist ul li{margin: 0; padding: 0; list-style: none; width:125px; height: 100px;}
	.omosbox  .smlist ul li .pic{ width: 115px; height: 90px; }




	}	


@media (max-width:550px){
	.homepart4  .list ul li .box{height:360px}
	.homepart4  .list ul li .pic{  height:360px; }
	.homepart4  .list ul li .wordbox{  bottom: 20px;}
	.homepart4  .list ul li .tit{height:40px; line-height:40px;  font-size:20px; }
	.homepart4  .list ul li .tit2{height:40px; line-height:40px; font-size:14px; }
	.homepart4  .list ul li .more{width:135px; height:40px; line-height:40px;font-size:12px; margin-top: 20px; }


	.homepart6 .listbox .list{ width:100%; height:320px; }
	.homepart6 .listbox .list ul li .box{ width:100%; }
	.homepart6 .listbox .list ul li .pic{height:200px }

	.homepart6 .listbox .list ul li .wordbox{padding: 10px 0; }
	.homepart6 .listbox .list ul li .tit{font-size:14px; }
	.homepart6 .listbox .list ul li .time{font-size:12px;}

	.mediabox1 .list{ height:510px; width: 170%; }
	.mediabox1 .list ul li{  height:510px; } 
	.mediabox1 .list ul li .box{ height:510px;}
	.mediabox1 .list ul li .pic{  height:400px; ; position:  static;}

	.mediabox1 .list ul li .wordbox{ height:auto;position: static; }
	.mediabox1 .list ul li .wordbox .tit{ font-size:16px; margin-top: 10px;}
	.mediabox1 .list ul li .wordbox .tit2{ font-size:12px; height: auto; line-height: 25px; } 

	.chinabusiness .list ul li .pic{ width:100%; height:200px }
	.chinabusiness .list ul li .pic2{ width:100%; height:150px; line-height:150px; overflow:hidden;  }

    .caselist ul li{ width: 100%;}
	.caselist ul li .box{ width: 100%;}
	.caselist ul li .pic{ height:200px}

	.videolist ul li{ margin:10px 0px;width:100%; float:none}
	.videolist ul li .pic{ width:100%; height:200px; overflow:hidden; position: relative;}
	.videolist ul li .cover {width: 35px;height: 35px; background-size: 100% 100%;}

	.videolist ul li .tit{ width:60%; height:50px; line-height:50px; text-align:left;font-size:14px; overflow:hidden; color:#3e3e3e; font-weight: 700; float: left; }
	.videolist ul li .tit2{ width: 40%; height: 50px; line-height: 50px; text-align: right; font-size: 12px; color: #3e3e3e; float: left;}

     .bignews ul li .pic{ height:100px; }

	 .contactbox1 .list ul li .box .pic{height:200px;} 

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


	}		 

@media (max-width:400px){

	}		


@media (max-width:380px){
     .aboutbox4 .wordbox{ font-size: 16px;}
	}	
	
@media (max-width:330px){
	.mediabox1 .list{ height:510px; width: 200%; }
   
	}