@charset "utf-8";
/* CSS Document */
@media (max-width: 1560px) {
	.homepart1{padding:0px;}
	.homepart2 .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;}
	.aboutbox1 .centerbox .centerin{width:96%; margin: 0 auto;}
	
	.mainbox .centerbox .centerin{width:96%; margin: 0 auto;}
}
@media (max-width: 1400px) {
	.homepart3 .wordbox{ display:none}
	.homepart3 .wordbox2{ display:block}
	
	.developmetbox .centerbox .centerin{width:96%; margin: 0 auto;}
	.orgbox .centerbox .centerin{width:96%; margin: 0 auto;}
	.jobbox .centerbox .centerin{width:96%; margin: 0 auto;}
	.contactbox .centerbox .centerin{width:96%; margin: 0 auto;}
	
}

@media (max-width: 1280px) {
	.headbox .box .logo{ position:absolute; left:5px; top:25px;}
	.headbox .box .logo img{ height:50px;}
	.headbox .box .menu{ right: 220px;width: 60%; }
	.headbox .box .menu ul li{ font-size: 14px;}
   
	.headbox .box .telbox{ position: absolute; right: 100px; padding:30px 10px 0 10px; }
	.headbox .box .telbox span{ font-size: 14px; font-weight: 700; color:#ffffff; }
	
	.footmenu .tbox .logo img{ height: 50px}
}

@media (max-width: 1118px) {
	.cooperlist ul li{ width:25%}
 
}
@media (max-width: 1000px) {
	.headbox,.headbox .box{height:80px}
	.headbox .box{ width:96%; margin: 0 auto;; }
	.headbox .box .logo{ position:absolute; left:0; top:15px;}
	.headbox .box .logo img{ height:50px;}
	
	.headbox .box .menu { display:none}
	.headbox .box .telbox{ display:none}
	.headbox .box  .searchbtn{position:absolute; right:50px; top:25px; width:auto; height:auto; line-height: 35px; font-size:24px; font-weight:normal; cursor:pointer; z-index:100; color:#ffffff; text-align:center; background: none;}

	.headbox .box .menubtn{ display: block}
	
	.homepart1 .centerbox{ padding:25px;}
	.homepart1 .leftbox{width:100%}
	.homepart1 .leftbox .titbox{height: 100px;}
	.homepart1 .leftbox .titbox .en{height: 100px; line-height: 100px; position: absolute; left: 0px; top:0; font-size: 90px; }
	.homepart1 .leftbox .titbox .company{ position: absolute; left: 0; top:20px; font-size: 16px; font-weight: 700; color: #262626;}
	.homepart1 .leftbox .titbox .name{position: absolute; left: 0; bottom: 10px; font-size: 24px; height: 50px; line-height: 50px; font-weight: 700; color: #262626;}
	.homepart1 .leftbox .titbox .more{position: absolute; right: 0; top: 20px; }
	
	.homepart1 .rightbox{ display:none}
	
	.homepart2 .listbox ul li{ width:33.33%;}
    
	.homepart4 .leftbox{ width:100%}
	.homepart4 .rightbox{ width:100%}
	
	
	.footmenu .tbox{ display:none}
	
	#ertopbox{ height: 50px; overflow: hidden; }
	#ertopbox .centerbox .centerin{ height:50px;  }

	#ertopbox .navbox{ height: 50px; position:  static; width: 100%; overflow: auto}
	#ertopbox .navbox ul{margin:0 auto; padding: 0; list-style: none}
	#ertopbox .navbox ul li{margin:0; padding: 0; list-style: none; width: 125px; height: 50px;line-height: 50px; float: left; font-size: 14px; color: #333333; text-align: center}


	#ertopbox .location{ display: none}
	
	.pridelist ul li{ width:33.33%}
	
	
	.jobbox .titbox{ width:100%; height: auto; line-height: 50px; overflow: hidden; font-size: 26px; text-align: left}
   .jobbox .titbox2{ width:100%; height: auto; line-height: 50px; overflow: hidden;font-size: 26px; color: #000000; font-weight: 700;text-transform: uppercase;text-align: left }


	
  
}
@media (max-width: 930px) {
	.culturelist ul li{width:100%}
	.culturelist ul li:nth-child(1) .pic{ float:left}
    .culturelist ul li:nth-child(2) .pic{ float:right}
	.culturelist ul li:nth-child(3) .pic{ float:left}
    .culturelist ul li:nth-child(4) .pic{ float:right}
}
@media (max-width: 850px) {
 
}
@media (max-width: 768px) {
    .pcshow{ display:none}
	.mbshow{ 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}
	
	.headbox .box .menubtn{ display:block}
	.headbox .box .menu{ display: none}
	
	.homepart1 .leftbox .titbox .more img{height:50px;}
	
	.homepart2{ padding:20px 0}
	.homepart2 .titboxall{width:100%; height: 80px; position: relative}
	.homepart2 .titbox{width:100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 20px; color: #1f1f1f;}
	.homepart2 .titbox2{width:100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 24px; color: #1f1f1f; font-weight: 700; text-transform: uppercase}
	.homepart2 .titbox2 span{ color: #00c1db; }
	.homepart2 .more{ position:absolute; right: 0; top: 10px}
	.homepart2 .more img{ height: 50px}
	
	.homepart2 .listbox ul li{ width:50%;}
	.homepart2 .listbox ul li:nth-child(4) ~ li{ display:none}
	
	.homepart3 .titboxall{height: 80px; }
	.homepart3 .titbox{width:100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 20px; color: #1f1f1f;}
	.homepart3 .titbox2{width:100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 24px; color: #1f1f1f; font-weight: 700; text-transform: uppercase}
	.homepart3 .titbox2 span{ color: #00c1db; }
	.homepart3 .more{ position:absolute; right: 0; top: 10px}
	.homepart3 .more img{ height: 50px}
	
	.homepart3 .listbox ul li{width:33.33%;}
	.homepart3 .listbox ul li:nth-child(10){
		display: none;
	}
	
	.homepart4 .centerbox{padding:20px 0}
	.homepart4 .titboxall{height: 80px; }
	.homepart4 .titbox{width:100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 20px; color: #1f1f1f;}
	.homepart4 .titbox2{width:100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 24px; color: #1f1f1f; font-weight: 700; text-transform: uppercase}
	.homepart4 .titbox2 span{ color: #00c1db; }
	.homepart4 .more{ position:absolute; right: 0; top: 10px}
	.homepart4 .more img{ height: 50px}
	
	.footmenu .bbox{ width:100%; height: auto;overflow: hidden; margin-top: 0px; }
	.footmenu .part2{width:100%;padding-bottom: 15px;}
	.footmenu .part2 .menu ul li{width:50%;float:left; font-size: 12px;padding:0px;}

	.footmenu .part2 .menu ul li.t1{ background: none;}
	.footmenu .part2 .menu ul li.t2{ background: none;}
	.footmenu .part2 .menu ul li.t3{ background: none;}
	.footmenu .part2 .menu ul li.t4{ background: none;}


	
	.footmenu .part1{width:70%}
	.footmenu .part4{  width:86px }
	
	
	.aboutbox1 .titbox{ width:100%; height: 30px; line-height: 30px;  font-size: 24px;}
	.aboutbox1 .titbox2{ width:100%; height: 30px; line-height: 30px; overflow: hidden;font-size: 14px; color: #000000; font-weight: 700}

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

	.aboutbox1 .onebox{ width:100%; height: auto; overflow: hidden; margin-top: 10px;}
	.aboutbox1 .onebox .leftbox{ width: 100%; height: auto; overflow: hidden; float:none}


	.aboutbox1 .onebox .leftbox .list ul li .num{width:100%; height:35px; line-height: 35px; font-size: 16px; color: #014983; font-weight: 700; }
	.aboutbox1 .onebox .leftbox .list ul li .tit{ width:100%; height: 35px; line-height: 35px; font-size: 14px; overflow: hidden;color:#014983}


	.aboutbox1 .onebox .rightbox{width: 100%;float:none; margin-top: 10px; }
	
	
	.erSlide .namebox{ position:absolute; width:680px; left:50%; margin-left:-340px; bottom:80px; text-align: center} 
	.erSlide .namebox .tit{ font-size:34px; line-height:50px;}
    .erSlide .namebox .tit2{  font-size:16px;  margin-top:10px;}
	
	
	.pridelist ul li{ width:50%}
	.pridelist ul li .tit{ font-size: 12px; height: 35px; line-height: 35px;}
	
	.pnews ul li{padding:10px}
	.pnews ul li .pic{ width:50%; height: 160px; overflow: hidden; float: left}
	.pnews ul li .pic .img{ width:100%; height: 160px; overflow: hidden;transition: all 0.5s ease;}
	.pnews ul li .wordbox{width:48%; height: auto; overflow: hidden; float: right;}
	.pnews ul li .tit{width:100%; height: 50px; line-height: 25px; text-align: left; font-size: 14px; overflow: hidden}
	.pnews ul li .word{width:100%; height: 50px; line-height: 25px;  font-size: 12px; overflow: hidden; margin-top: 5px;}
	.pnews ul li .timebox{width:100%; height: 50px; overflow: hidden; position: relative; margin-top: 0px}
	.pnews ul li .timebox p.t2{ margin-top: 10px}
	
	.theTit{ font-size: 16px;}
	
	.caselist ul li {width:50%}
	
	
	.joblist ul li p{height: 40px; line-height: 40px; position: absolute;}
	.joblist ul li p.t1{font-size: 14px; width: 70%; overflow: hidden}
	.joblist ul li p.t2{ font-size: 12px; }
	
	.activitytitbox{ width:100%; height: auto; line-height: 35px; overflow: hidden; font-size: 20px; text-align: center}
    .activitytitbox2{ width:100%; height: auto; line-height: 35px; overflow: hidden;font-size: 18px;}
	.activitylist ul li{ width:50%}
	
	
	.cooperlist ul li{ width:33.33%}
	
	.contactbox .list ul li{ margin:10px 0;}
	.contactbox .list ul li.t1{ width:100%;}
    .contactbox .list ul li.t2{ width:100%;}
    .contactbox .list ul li.t3{ width:106%;}
	
	


}
@media (max-width: 640px) {
	.developmetbox .titbox{  height: 36px; line-height: 36px;font-size: 24px; }
	.developmetbox .titbox2{ width:100%; height: 50px; line-height: 50px; overflow: hidden;font-size: 26px; }

	.developmetbox .listbox ul li .picbox .tit{height: auto; line-height: 25px; font-size: 14px; }
	.developmetbox .listbox ul li .picbox .tit2{ height: auto; line-height: 25px; font-size: 14px; }
	.developmetbox .listbox ul li .picbox .pic img{ width: 100% }
	.developmetbox .listbox ul li .wordbox p{ padding: 0 0 0 20px; background: url("../Images/dot1.png") 0 10px no-repeat; font-size: 12px; line-height: 25px; margin-bottom: 10px}


	.orgbox .titbox{  height: 36px; line-height: 36px;font-size: 24px; }
	.orgbox .titbox2{ width:100%; height: 30px; line-height: 30px; overflow: hidden;font-size: 20px; }
	
	.contactbox .titbox{ width:100%; height: auto; line-height: 30px; overflow: hidden; font-size: 14px; text-align: left}
    .contactbox .titbox2{ width:100%; height: auto; line-height: 40px; overflow: hidden;font-size: 30px; color: #000000; font-weight: 700;text-transform: uppercase;text-align: left }
	#allmap{height:250px;}

}
@media (max-width: 600px) {
    .homepart2 .listbox ul li .box,.homepart2 .listbox ul li .box .pic ,.homepart2 .listbox ul li .box .pic .img{ height:200px}
	.homepart2 .listbox ul li .box .tit{width: 100%; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; }
	
	
	.homepart4 .leftbox .list ul li .box .pic,.homepart4 .leftbox .list ul li .box .pic .img{ height: 200px; }
	.homepart4 .leftbox .list ul li .box .tit{width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #1a2127; overflow: hidden}
	.homepart4 .leftbox .list ul li .box .word{display:none}
	.homepart4 .leftbox .list ul li .box .time{ color: #0b3a80; margin-top: 0px; }
}
@media (max-width: 500px) {
	.homepart3 .listbox ul li .box .pic ,.homepart3 .listbox ul li .box .pic .img{ height: 85px}
	
	.pridelist ul li .pic ,.pridelist ul li .pic .img{ height: 250px}
	
	.caselist ul li .pic,.caselist ul li .pic .img{height:200px}
	.caselist ul li .tit{ font-size: 12px;  margin-top: 10px}
    .caselist ul li .tit2{ font-size: 14px;}
	
	
	.activitylist ul li .pic{ height: 200px; }
    .activitylist ul li .pic .img{  height: 200px; }
    .activitylist ul li .tit{font-size: 14px;  margin-top: 10px}
	
	
	.cooperlist ul li{ width:50%}
	
}
@media (max-width: 450px) {
    .homepart4 .leftbox .list ul li .box .pic,.homepart4 .leftbox .list ul li .box .pic .img{ height: 150px; }
	
	.homepart4 .rightbox .list ul li{padding:10px 0}
	.homepart4 .rightbox .list ul li .timebox p.t1{ font-size: 20px; }
	.homepart4 .rightbox .list ul li .timebox p.t2{font-size: 12px;}

	.homepart4 .rightbox .list ul li .wordbox{ width: 80%; height: auto; overflow: hidden; float:left}
	.homepart4 .rightbox .list ul li .wordbox .tit{ width: 100%; height: 28px; line-height: 28px; overflow: hidden; font-size: 14px;margin-top: 10px;}
	.homepart4 .rightbox .list ul li .wordbox .word{ width: 100%; height: 25px; line-height: 25px; margin-top: 5px; font-size: 12px; overflow: hidden}
	
	.pridelist ul li .pic ,.pridelist ul li .pic .img{ height: 220px}
	
	.caselist ul li .pic,.caselist ul li .pic .img{height:165px}
	
	.activitylist ul li .pic,.activitylist ul li .pic .img{height:165px}
	
	
	.culturelist ul li .pic{height:200px; }
	.culturelist ul li .wordbox{height:200px; }
	.culturelist ul li .wordbox .tit{  height: 40px; line-height: 40px;  font-size:18px;  margin-top: 50px; }
	.culturelist ul li .wordbox .word{width:100%; height: auto; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 200%}

	.culturelist ul li:nth-child(1) .wordbox .tit{ margin-top: 20px;}
	
	.cooperlist ul li .pic,.cooperlist ul li .pic .img{height:105px}
}
@media (max-width: 400px) {
     .pridelist ul li .pic ,.pridelist ul li .pic .img{ height: 200px}
}
@media (max-width: 330px) {
 
}