@charset "utf-8";
/* CSS Document */


@media (max-width:1760px) {
   
 
	}
@media (max-width:1620px) {
    

	}	


@media (max-width:1580px) {
   


	}	

@media (max-width:1560px) {
   .homepart1 .centerbox .centerin{ width:96%; margin:0 auto;} 
   .homepart2 .centerbox .centerin{ width:96%; margin:0 auto;}
   .homepart3 .centerbox .centerin{ width:96%; margin:0 auto;}
   .homepart4 .centerbox .centerin{ width:96%; margin:0 auto;}
   .homepart5 .centerbox .centerin{ width:96%; margin:0 auto;}
   .footmenu .centerbox .centerin{ width:96%; margin:0 auto;}
   .footmenu .fbox .box{ 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}
   
   .aboutbox3 .centerbox .centerin{width:96%; margin:0 auto}
   
   .aboutbox4 .listboxout{ width:1216px; height:480px; overflow:hidden; margin:0 auto}
   .aboutbox4 .listbox{ transform: scale(0.8);transform-origin: left top;}
   
   .pridebox1 .centerbox .centerin{width:96%; margin:0 auto}
   .pridebox2 .centerbox .centerin{width:96%; margin:0 auto}
   
   .companybox1 .centerbox .centerin{width:96%; margin:0 auto}
   .companybox2 .centerbox .centerin{width:96%; margin:0 auto}
   
   .mainbox .centerbox .centerin{width:96%; margin:0 auto}
   .applyrels .centerbox .centerin{width:96%; margin:0 auto}
   
   
   .agencybox .centerbox .centerin{ width:96%; margin:0 auto;}
   
   .servicebox1 .centerbox .centerin{ width:96%; margin:0 auto}
   .newsreadbox .centerbox .centerin{width:96%; margin:0 auto}
   
   .contactbox .centerbox .centerin{ width:96%; margin:0 auto}
   .contactbox2 .centerbox .centerin{ width:96%; margin:0 auto}
   .jobbox1 .centerbox .centerin{ width:96%; margin:0 auto}


	}	
	
@media (max-width:1420px) {
    .headbox  .menu{width:50%;}
	.headbox  .menu ul li{font-size:14px;}
	
	.homepart5 .listbox ul li{ width:20%}
     
	 
	.videolist ul li .box{ width:96%; height:250px}
	.videolist ul li .play{ width:50px; height:50px; margin-left:-25px; margin-top:-25px; }
	.videolist ul li .tit{ width:100%; height:50px; line-height:50px; text-align:left; color:#FFF; font-size:16px; }

	.videolist ul li.spec .box{ height:400px;}
	.videolist ul li.spec .play{ width:60px; height:60px; margin-left:-30px; margin-top:-30px; z-index:2}
	.videolist ul li.spec .tit{ font-size:16px;}
	
	.newsreadbox .leftbox{ width:30%; padding:15px;}
	.newsreadbox .rightbox{ width:68%} 
	
	
	.societytop{ margin-bottom:30px;}
	.societytop .leftarea{ width:42%;}
	
	.societytop .leftarea ul li .pic{  height:350px;} 
	.societytop .leftarea ul li .wordbox .tit{ height:60px; line-height:30px; font-size:20px;margin-top:15px; }
	.societytop .leftarea ul li .wordbox .word{ width:100%; height:75px; line-height:25px; font-size:14px;}
	.societytop .leftarea ul li .wordbox .other{ width:100%; height:50px; line-height:50px; overflow:hidden;}
	.societytop .leftarea ul li .wordbox .time{ font-size:14px; }
	.societytop .leftarea ul li .wordbox .more{  font-size:14px;}

	
	.societytop .rightarea{ width:56%;}
	.societytop .rightarea ul li{ margin:0px 0 25px 0; padding:0px 0 25px 0;}
	
	.societytop .rightarea ul li .pic{ width:29%;height:150px;} 

	.societytop .rightarea ul li .wordbox{ width:69%; height:auto; overflow:hidden; float:right}
	.societytop .rightarea ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:16px;}
	.societytop .rightarea ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px;}

	.societytop .rightarea ul li .wordbox .time{ font-size:14px; }
	.societytop .rightarea ul li .wordbox .more{font-size:14px; color:#f01d23 }
	
	
	.societylist ul li .pic{ width:100%; overflow:hidden; height:321px; overflow:hidden; position:relative; border-radius:5px} 
	.societylist ul li .wordbox{ width:100%; height:auto; overflow:hidden;}

	.societylist ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:20px; }
	.societylist ul li .wordbox .time{ font-size:14px;  }
	.societylist ul li .wordbox .more{ font-size:14px; }


	}	


@media (max-width:1380px) {
    .topbox .centerbox .centerin{ width:96%; margin:0 auto;}
	
	.aboutbox1 .titbox{line-height:40px; font-size:20px; }
	.aboutbox1 .numlist{margin:10px 0 10px 0;}
	.aboutbox1 .numlist ul li .num{ height:60px; line-height:60px; font-size:14px;  color:#ee1f23}
	.aboutbox1 .numlist ul li .num span{ font-size:30px;}
	.aboutbox1 .numlist ul li .tit{ width:100%; height:40px; line-height:40px; font-size:16px; color:#333333; opacity:0.8}
	
	
	.aboutbox2 .leftbox .list ul li .word{  padding:0 0 0 95px; font-size:14px; line-height:26px;}
	

	.pridebox1 .listbox .list{ width:100%; height:420px; }
	.pridebox1 .listbox .list ul li{ height:400px;}
	
	.companybox1 .listbox .list ul li .picbox{ width:100%; height:300px}
	.companybox1 .listbox .list ul li .tit{  font-size:18px; }
	.companybox1 .listbox .list ul li .word{ font-size:14px;}

    
	.listnews2 ul li .pic{ height:250px} 
	.listnews2 ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:16px;  color:#383838; overflow:hidden; margin-top:15px; }
	
	.personlist ul li .pic{height:200px;}	
	.personlist ul li .wordbox .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px; color:#383838}
	.personlist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#383838; opacity:0.8; margin-top:10px;}
	
    
	.societylist ul li .pic{ width:100%; overflow:hidden; height:250px; overflow:hidden; position:relative; border-radius:5px} 
	.societylist ul li .wordbox{ width:100%; height:auto; overflow:hidden;}

	.societylist ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:16px; }
	.societylist ul li .wordbox .time{ font-size:14px;  }
	.societylist ul li .wordbox .more{ font-size:14px; }


	}

@media (max-width:1350px) {
	
	.homepart1  .leftbox{ width:50%; padding:0 20px 0 0}
    .homepart1  .rightbox{ width:50%; }
	
	.applysort ul li .box .pic{ height:250px; }
	.applysort ul li .wordbox{ padding:0 15px 0 15px}
	.applysort ul li .wordbox .tit{ line-height:40px; font-size:18px; color:#383838}
	.applysort ul li .wordbox .word{ width:100%; height:125px; line-height:25px;}
	   
	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	
	.homeSlide .list ul li .wordbox{ left:20px; top:50%; margin-top:-100px;}
	.homeSlide .list ul li .wordbox .tit{  font-size:30px; line-height:40px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:30px;  line-height:40px; margin:10px 0;}
	.homeSlide .list ul li .wordbox .tit3{font-size:20px;line-height:30px;}
	.homeSlide .list ul li .more{ width:160px; height:50px;line-height:50px; font-size:14px;margin-top:10px}
	
	.indexpage {position: absolute;left: 0;text-align: center;bottom:20px;width: 100%;}

    /*首页第一屏*/		
	.homepart1  .leftbox{ width:50%; padding:0 20px 0 0}
	.homepart1  .leftbox .titbox{font-size:20px;line-height:40px;}
	.homepart1  .leftbox .wordbox{ font-size:14px; line-height:28px; margin-top:20px;}
	.homepart1  .leftbox .more{ width:150px; height:45px; line-height:45px;  font-size:14px;  margin-top:30px;}
	
	.homepart1  .rightbox{ width:50%; }
	.homepart1  .rightbox .list ul li .num{ margin-top:41px; font-size:20px; }
	.homepart1  .rightbox .list ul li .num span{ font-size:30px;}
	.homepart1  .rightbox .list ul li .tit{ font-size:16px; margin-top:20px; color:#383838; text-align:center}
	
	.homepart1  .rightbox .list ul li.t4 .tit2{width:100%; height:50px;; line-height:50px; font-size:16px; }
	

	.applylistbox .leftarea{ width:25%; padding:0 30px 0 0;}

	.applylistbox .rightarea{ width:75%; }
	
	

	.personlist ul li .pic{ width:35%;}
	.personlist ul li .wordbox{ width:61%;}
	
	

	.videolist ul li{ width:50%}
	.videolist ul li .box{ width:96%; height:300px}
	.videolist ul li .play{ width:50px; height:50px; margin-left:-25px; margin-top:-25px; }
	.videolist ul li .tit{ font-size:14px; }

	.videolist ul li.spec .box{ height:300px;}
	.videolist ul li.spec .play{ width:50px; height:50px; margin-left:-25px; margin-top:-25px; z-index:2}
	.videolist ul li.spec .tit{ font-size:14px;}

	
	.readvideo video{ height:400px;}	
	
	
	.societylist ul li .pic{ width:100%; overflow:hidden; height:200px; overflow:hidden; position:relative; border-radius:5px} 
	.societylist ul li .wordbox{ width:100%; height:auto; overflow:hidden;}

	.societylist ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:14px; }
	.societylist ul li .wordbox .time{ font-size:14px;  }
	.societylist ul li .wordbox .more{ font-size:14px; }

	}

@media (max-width:1216px) {
	.aboutbox4 .listboxout{ width:100%; height:auto; overflow:hidden; margin:0 auto}
    .aboutbox4 .listbox{ transform: scale(1);transform-origin:none;}
   
    .aboutbox4 .listbox{ width:100%; height:546px; overflow:hidden; position:relative; margin-top:20px; background:url(../Images/historybg.png) left -50px top  no-repeat}
	.aboutbox4 .listbox .leftarr{ width:60px; height:60px; background-size:cover; position:absolute; right:90px; bottom:10px; z-index:10; cursor:pointer}
	.aboutbox4 .listbox .rightarr{width:60px; height:60px; background-size:cover; position:absolute; right:10px;  bottom:10px; z-index:10; cursor:pointer}
	.aboutbox4 .listbox .list{ width:1200px; height:540px; }

	.aboutbox4 .listbox .list ul li .box{ width:150%; height:416px; border-left:1px solid #f01d23; box-sizing:border-box; margin-left:42px; margin-top:50px; padding:0 0 0 30px; display:none}
	.aboutbox4 .listbox .list ul li .box .pic{ width:100%; height:auto; overflow:hidden; float:none; margin-top:10px;}
	.aboutbox4 .listbox .list ul li .box .pic img{ max-width:100%; height:auto}
	.aboutbox4 .listbox .list ul li .box .wordbox{ width:100%; height:auto; overflow:hidden; float:none}
	.aboutbox4 .listbox .list ul li .box .wordbox .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:26px;}
	.aboutbox4 .listbox .list ul li .box .wordbox .word{ line-height:25px; font-size:16px; overflow:hidden}
	.aboutbox4 .listbox .list ul li .theday{ font-size:16px;}
	.aboutbox4 .listbox .list ul li.swiper-slide-active + li .theday { bottom:50px;}
    .aboutbox4 .listbox .list ul li.swiper-slide-active + li + li .theday { bottom:170px;}
	
	.companybox1 .listbox .list ul li { width:50%; margin:10px 0}
	
	
	.ertop .navbox2{ float:right; width:auto}
    .ertop .navbox2 .searchbox{ display:none}
	.ertopsearch{ display:block}
	
	
	.jobbox1 .leftarea{ width:100%; float:none }
	.jobbox1 .leftarea .titbox{line-height:30px; font-size:16px; color:#f01d23}
	.jobbox1 .leftarea .titbox2{ line-height:40px; font-size:20px;  padding-bottom:10px; }
	.jobbox1 .leftarea .wordbox{  line-height:30px; font-size:14px;  }
	
	.jobbox1 .leftarea .nav{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.jobbox1 .leftarea .nav ul li{ margin:10px 1%; padding:0px; list-style:none; width:31.33%; height:auto; overflow:hidden; float:left}
	
	.jobbox1 .leftarea .nav ul li p{ width:100%; height:50px; line-height:50px;  font-size:14px; color:#f01d23}
	.jobbox1 .rightarea{ width:100%; height:auto; overflow:hidden; float:none; margin-top:25px;}




   
	}	

	
@media (max-width:1180px) {
   .headbox  .menu{position:absolute; right:190px; top:0; overflow:visible;  width:49%;}
   
   .ertop .centerbox{ padding:15px 0}
   .ertop .titlebox{ display:none}
   .ertop .navbox{ width:100%}
   .ertop .navbox .list{ height:auto;  margin-top:0px}
   .ertop .navbox .list ul li{ margin:0px; padding:0; list-style:none; width:auto; height:45px; line-height:45px; font-size:16px; width:16.66%;  border-radius:30px; }
   
   .ertop .navbox2{ width:100%}
   .ertop .navbox2 .list{ height:auto;  margin-top:0px; width:100%;}
   .ertop .navbox2 .list ul li{ margin:0px; padding:0; list-style:none; width:auto; height:45px; line-height:45px; font-size:16px; width:25%;  border-radius:30px; }
   
   
    .applysort ul li .box .pic{ height:200px; }
	
   
	}		


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

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

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.topbox{ display:none}
	.headbox{ height:80px;  }
    .headbox .box{  height:80px; }
	.headbox  .menu{ display:none}  
	.headbox .box .logo{ position:absolute; left:0px; top:15px;}
    .headbox .box .logo img{ height:50px;} 
	.headbox .tel{ display:none}
	.headbox .box .language{ position:absolute; right:0; top:0px; width:60px; height:80px; line-height:80px; font-size:14px;}
	.headbox  .menubtn{ display:block}
	
	.homeSlide .list ul li .wordbox{left:20px; top:50%; margin-top:-100px;}
	.homeSlide .list ul li .wordbox .tit{  font-size:20px; line-height:40px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:20px;  line-height:40px; margin:10px 0;}
	.homeSlide .list ul li .wordbox .tit3{font-size:14px;line-height:30px;}
	.homeSlide .list ul li .more{ width:125px; height:45px;line-height:45px; font-size:14px;margin-top:10px}
	
	.indexpage {position: absolute;left: 0;text-align: center;bottom:20px;width: 100%;}
	
	
    .homepart1  .leftbox{ width:100%; padding:0; float:none}
    .homepart1  .rightbox{ width:100%; float:none; margin-top:25px; }

    .homepart2 .titbox .more{ display:none}
	
	.homepart2 .listbox{  margin-top:30px;}
	.homepart2 .list{ width:100%; height:490px; overflow:hidden;}
	.homepart2 .list ul li .box{ width:96%; height:490px; margin:0 auto; border-radius:10px;}
	
	.homepart2 .list ul li .cover{ display:block}
	.homepart2 .list ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:30px; position:relative; z-index:100; text-align:center}
	.homepart2 .list ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:26px; font-weight:700; color:#fff; overflow:hidden; margin-top:220px;}
	.homepart2 .list ul li .wordbox .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:18px;  color:#fff; opacity:0.8; overflow:hidden; margin:10px 0 20px 0;}
	.homepart2 .list ul li .wordbox .line{  background:#fff; }


    .homepart2 .list ul li:hover .wordbox{ text-align:center;}
	.homepart2 .list ul li:hover .wordbox .tit{ color:#FFF; margin-top:220px;}
	.homepart2 .list ul li:hover .wordbox .word{ display:none}
	
	
	
	.homepart3 .titbox .lefttit{ width:50%; height:auto; overflow:hidden; float:left}
	.homepart3 .titbox .lefttit .tit{ width:100%; height:30px; line-height:30px; font-size:20px;}
	.homepart3 .titbox .lefttit span{ font-size:12px; }
	.homepart3 .titbox .lefttit .word{ line-height:25px; font-size:12px;} 
	.homepart3 .titbox .more{ width:125px; height:45px; line-height:45px; font-size:12px;margin-top:10px;}

	.homepart3 .list ul li{  width:50%; margin:10px 0} 
    
	
	.homepart4 .titbox .lefttit{ width:50%; height:auto; overflow:hidden; float:left}
	.homepart4 .titbox .lefttit .tit{ width:100%; height:30px; line-height:30px; font-size:20px;}
	.homepart4 .titbox .lefttit span{ font-size:12px; }
	.homepart4 .titbox .lefttit .word{ line-height:25px; font-size:12px;} 
	.homepart4 .titbox .more{ width:125px; height:45px; line-height:45px; font-size:12px;margin-top:10px;}

     
	.homepart5 .listbox ul li{ width:25%} 
	
	.aboutbox1{ padding:25px 0}
	.aboutbox1 .leftbox{ width:100%;padding:0 0 0 0;float:none; }
    .aboutbox1 .rightbox{ width:100%; padding:0 0px 0 0; float:none; margin-top:10px;}
	
	.aboutbox1 .wordbox{ font-size:14px; }
	.aboutbox1 .wordbox2{font-size:14px;  padding-top:15px;}
	
	
	.aboutbox2{ padding:25px 0}
	.aboutbox2 .titbox{ line-height:40px; font-size:20px; }
    .aboutbox2 .titbox2{  line-height:30px; font-size:14px;  }


	.aboutbox2 .leftbox{ width:100%; height:auto; float:none; overflow:hidden; box-sizing:border-box; padding:0; margin-top:20px}
	.aboutbox2 .leftbox .list{ width:109%; height:auto; overflow:hidden; }
	.aboutbox2 .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
	.aboutbox2 .leftbox .list ul li{width:20%; height:58px; background:url(../Images/linec.png) left 0 center repeat-x; float:left}

	.aboutbox2 .leftbox .list ul li .word{ display:none;}
	.aboutbox2 .leftbox .list ul li.onfocus {background:url(../Images/lined.png) left center repeat-x}
    .aboutbox2 .leftbox .list ul li:nth-child(5){ background:none} 

	.aboutbox2 .rightbox{ width:100%; height:auto; float:none; overflow:hidden; }
	.aboutbox2 .wordbox2{ display:block}
	
	.aboutbox3{ padding:25px 0}
	.aboutbox3 .titbox{ line-height:40px; font-size:20px; }
    .aboutbox3 .titbox2{  line-height:30px; font-size:14px;  }

    
	
	.aboutbox3 .list ul li{ width:50%; height:auto; padding:50px 0; overflow:hidden; float:left; margin:0; }
	.aboutbox3 .list ul li .pic{ height:140px; margin-top:0; overflow:hidden;}
	.aboutbox3 .list ul li .pic img{ max-width:90%; max-height:90%;}

	.aboutbox3 .list ul li .tit{ height:auto; line-height:40px; padding:10px 0; font-size:16px;  margin-top:20px; background-position:bottom center}
	.aboutbox3 .list ul li .word{ height:60px; overflow:hidden; line-height:30px;; margin-top:10px; font-size:14px;  display:block;}
	
	.aboutbox3 .list ul li.onfocus .pic{  margin-top:0px;}
	.aboutbox3 .list ul li.onfocus .tit{ margin-top:20px;}
	
	.aboutbox4{ padding:25px 0}
	.aboutbox4 .titbox{ line-height:40px; font-size:20px; }
    .aboutbox4 .titbox2{  line-height:30px; font-size:14px;  }
    
	.aboutbox4 .listboxout{ width:724px; height:480px; overflow:hidden; margin:0 auto}
    .aboutbox4 .listbox{ transform: scale(0.8);transform-origin: top center;}
	
	
	
	.pridebox1{ padding:25px 0;}

	.pridebox1 .titbox{line-height:40px; font-size:20px; }
	.pridebox1 .titbox2{ line-height:30px; font-size:14px; }
	.pridebox1 .wordbox{ line-height:25px; font-size:12px; }
	
	.pridebox2{ padding:25px 0;}

	.pridebox2 .titbox{line-height:40px; font-size:20px; }
	.pridebox2 .titbox2{ line-height:30px; font-size:14px; }
	.pridebox2 .wordbox{ line-height:25px; font-size:12px; }
	

	.companybox1 .centerbox{ padding:25px 0 }

	
	.companybox1 .titbox{ line-height:40px; font-size:20px;}
	.companybox1 .titbox2{ line-height:30px; font-size:14px; }

	
	.companybox2{padding:25px 0}
	.companybox2 .leftbox{ width:100%; float:none;}
	.companybox2 .leftbox .titbox{line-height:40px; font-size:20px; color:#383838}
	.companybox2 .leftbox .titbox2{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:14px;  color:#363636; overflow:hidden; text-align:left; opacity:0.7; background:url(../Images/lineabout.png) left bottom no-repeat; padding-bottom:20px; }
	.companybox2 .leftbox .wordbox{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:13px; opacity:0.8; color:#383838; overflow:hidden; text-align:left; margin-top:20px; }
			
	.companybox2 .leftbox{ width:100%; float:none}
	
	.companybox2 .leftbox .list ul li{ width:25%}
	.companybox2 .rightbox{ width:100%; float:none; padding:0; margin-top:20px;}
	
	
	.applysort ul li{ width:100%;}
	.applysort ul li .box{ width:100%;}
	.applysort ul li .box .pic{ height:300px; }
	.applysort ul li .wordbox{ padding:0 15px 0 15px}
	.applysort ul li .wordbox .tit{ line-height:40px; font-size:20px; color:#383838}
	.applysort ul li .wordbox .word{ width:100%; height:auto; line-height:30px; font-size:15px;}
	
	.applysort ul li:nth-child(2n) .box .pic{ float:right}
	

	.applytitbox .titbox{ line-height:50px; font-size:20px; text-align:center}
	.applytitbox .titbox2{ line-height:40px; font-size:14px;  background:url(../Images/lineabout.png) center bottom no-repeat; padding-bottom:20px; text-align:center }
	.applytitbox .wordbox{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px; opacity:0.8; color:#383838; overflow:hidden; text-align:left; margin-top:20px; }
	
	.applylistbox{ margin-top:20px;}
	.applylistbox .leftarea{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 0 0; float:none}
	.applylistbox .leftarea .nav ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
	
	.applylistbox .leftarea .nav ul li p{ width:90%; height:auto; overflow:hidden; border:1px solid #f02228; height:45px; line-height:45px; border-radius:30px; background:url(../Images/arrred.png) right 10px center no-repeat; text-indent:15px; font-size:14px; color:#f01d23}

	
	.applylistbox .rightarea{ width:100%; height:auto; overflow:hidden; float:left;}


	.applyshow .leftarea{ width:100%; padding:0; float:none; text-align:center}	
	.applyshow .rightarea{ width:100%; height:auto; overflow:hidden; float:none;}
	.applyshow .rightarea .titbox{ line-height:30px; font-size:20px; padding-bottom:20px; text-align:center; margin-top:10px;}
	.applyshow .rightarea .wordbox{ width:100%; height:auto; overflow:hidden; font-size:14px}
	
	
	.applyrels{ padding:25px 0}
	.applyrels .titbox{  line-height:30px; font-size:24px;  }
    .applyrels .titbox2{ line-height:30px; font-size:14px;  padding-bottom:10px; }
	
	.applyrels .list ul li{ width:50%}
	.applyrels .list ul li:nth-child(4){ display:block}
	
	.agencytitbox .titbox{line-height:30px; font-size:20px; }
	.agencytitbox .titbox2{ line-height:30px; font-size:14px;  }
	.agencytitbox .wordbox{ width:100%; height:121px; overflow:hidden; line-height:30px; font-size:14px; }
	.agencytitbox .more1{display:block}
	
	.agentlist ul li{ width:25%;}
	
	
	.agencybox .list ul li{ width:50%;}
	.agencybox .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:14px; }
	
	
	.coopertit .titbox{line-height:30px; font-size:20px;}
	.coopertit .titbox2{ line-height:30px; font-size:14px;  }
	.cooperlist ul li{ width:25%;}
	
	
	.servicebox1{ padding:20px 0 }
	.servicebox1 .titbox{line-height:40px; font-size:20px; text-align:center; background:url(../Images/sline1.png) bottom center no-repeat; padding-bottom:20px;}
	.servicebox1 .titbox span{ display:block; width:100%; height:auto; line-height:20px; font-size:14px; opacity:0.8}
	.servicebox1 .titbox2{ display:none}
	
	.photolist ul li{ width:50%}
	.photolist ul li .box{ width:96%; height:auto;  }
	.photolist ul li .box .tit{ width:100%; height:50px; line-height:50px;  font-size:16px; }
    .photolist ul li .box .more{ display:none}

	.photolist ul li:hover .box .cover{ display:none }
	
	.serviceshowtit .titbox{ line-height:30px; font-size:14px; color:#f01d23; text-align:center }
    .serviceshowtit .titbox2{  line-height:50px; font-size:20px;  text-align:center }
	.serviceshow .leftarea{ width:100%;  float:none;text-align:center }
    .serviceshow .rightarea{ width:100%;  float:none; margin-top:20px;}
	
	.serviceshow .rightarea .wordbox{ width:100%; height:auto; overflow:hidden; line-height:32px; font-size:14px; }

	
	.servicerels .titbox{line-height:30px; font-size:20px; }
    .servicerels .titbox2{ line-height:30px; font-size:14px;  }
	.servicerels .photolist ul li:nth-child(4){ display:block}
	
	
	.listnews2 ul li{ width:50%}
	
	.personlist ul li .timebox{ display:none}
	.personlist ul li .box{ width:100%; background:none; padding:0}
	.personlist ul li:hover .box{ width:100%; background:none; padding:0}
	.personlist ul li .wordbox .time{ display:block}
	.personlist ul li .wordbox .more{ display:none}
	

    .newsreadbox .leftbox{ display:none}
	.newsreadbox .rightbox{ width:100%} 
	.theTit{ width:100%; height:auto; overflow:hidden; line-height:35px; font-size:16px; margin:0}
	.theauthor{ width:100%; height:auto; overflow:hidden; font-size:12px}
	.theauthor em{ display:block; width:50%; float:left; margin:0; box-sizing:border-box; padding:0 0 0 25px; overflow:hidden; height:30px; line-height:30px;}
	.readvideo video{ width:100%; height:300px;}
	
	.societytop{ display:none}
	
	.societylist ul li { width:50%}
	.societylist ul li .pic{ height:300px; overflow:hidden; position:relative; border-radius:5px} 
	.societylist ul li .box{ margin:0 auto}
	.societylist ul li:nth-child(3n-1) .box{ margin:0 auto}
    .societylist ul li:nth-child(3n) .box{ margin:0 auto; float:none}
	
	.contactbox{ padding:0px 0 20px 0}
	.contactbox .centerbox .centerin{ width:100%}
	.contactbox .inbox{ width:100%; height:auto; overflow:hidden; margin-top:20px; position:relative}
    .contactbox .inbox .mappic{ display:none}
	.contactbox .leftbox{ width:100%; height:auto; overflow:hidden; margin-left:0; background:#FFF; overflow:hidden; margin-top:0px; box-sizing:border-box; padding:20px;}
    .contactbox .inbox .mapmb{display:block}
	
	.contactbox2 .toptit{  line-height:40px; font-size:20px;}
    .contactbox2 .toptit2{line-height:30px; font-size:14px;  padding-bottom:10px;}
	.formbox2 ul li{ width:100%}
	.formbox2 ul li textarea{ width:100%; height:160px;}
	.formbox2 ul li .btnme{ width:185px; height:50px; line-height:50px; overflow:hidden;font-size:14px }
		
	}
	
@media (max-width:960px){

    .pridebox1 .listbox .list{ width:100%; height:320px; }
	.pridebox1 .listbox .list ul li{ height:300px;}
	
	
	.contactbox .leftbox .tel{ font-size:16px;}
	.contactbox  .list{ width:94%; margin:0 auto}
	.contactbox  .list ul li{ width:100%}
	
	.contactbox  .list ul li .box{ width:100%}
	.contactbox  .list ul li .box .tit{ font-size:16px; font-weight:700}
	.contactbox  .list ul li .word{ height:auto}
 
			
	}	


@media (max-width:850px) {
	.footmenu .centerbox{ padding:25px 0}
    .footmenu .part2{ display:none}
	.footmenu .part1{ width:100%}
	.footmenu .part1  .tit{ display:none}
	.footmenu .part1  .list{ margin-top:0px;}
	.footmenu .part1 .code ul li{ width:25%}
	.footmenu .part1  .list ul li{ font-size:14px; }
	.footmenu .part1  .list ul li.t1 span{ display:none}
	.footmenu .part1  .list ul li.t1{ font-size:20px; font-weight:700; color:#FFF}
	
	
	.ertop .navbox .list ul li{ width:33.33%; font-size:12px; height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #dddddd; border-radius:0}
	.ertop .navbox .list ul li.onfocus{ background:none; color:#f02d23}
    .ertop .navbox .list ul li.onfocus a{ color:#f02d23} 
	
	
	.ertop .navbox2 .list ul li{ width:25%; font-size:14px; height:40px; line-height:40px;}
	.ertop .navbox2 .list ul li.onfocus{ background:none; color:#f02d23}
    .ertop .navbox2 .list ul li.onfocus a{ color:#f02d23} 
	
	
	.pridebox2 .listbox .list{ height:450px;}
    .pridebox2 .listbox .list ul li{ width:357px; height:450px;}
	
	.productlist ul li{ width:50%}
   }

@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:40px; font-size:18px;}
    .theauthor{ font-size:12px; margin:0}
	
	
	

   /*
    .fixbottomkong{ display:block}
	.fixbottom{ display:block}
	*/
    
	
	.homepart2 { padding:25px 0}
	.homepart2 .titbox .lefttit{ width:100%;}
	.homepart2 .titbox .lefttit .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px; font-weight:700; color:#fdfdfd}
	.homepart2 .titbox .lefttit span{ font-size:16px; color:#fdfdfd;}
	.homepart2 .titbox .lefttit .word{ line-height:26px; font-size:12px; } 
	
	.homepart2 .listbox{  margin-top:20px;}
	.homepart2 .list{ height:300px; }
	.homepart2 .list ul li .box{height:300px;}
	.homepart2 .list ul li .box .picbox{height:300px;}
 
	.homepart2 .list ul li .wordbox{ padding:20px;}
	.homepart2 .list ul li .wordbox .tit{font-size:16px; margin-top:150px;}
	.homepart2 .list ul li .wordbox .tit2{height:50px; line-height:25px;font-size:12px; overflow:hidden; margin:0px 0 10px 0;}



    .homepart2 .list ul li:hover .wordbox{ text-align:center;}
	.homepart2 .list ul li:hover .wordbox .tit{ color:#FFF; margin-top:150px;}
	.homepart2 .list ul li:hover .wordbox .word{ display:none}

    .homepart4 .listbox .leftbox{ display:none}
	.homepart4 .listbox .rightbox{ width:100%; height:auto; float:none; overflow:hidden;}
    
	
	.homepart5{ padding:20px 0}
	.homepart5 .listbox ul li{ width:33.33%; margin:5px 0} 
	.homepart5 .listbox ul li:nth-child(6) ~li{ display:none}
	 
	.homepart5 .listbox ul li .box{ height:88px; line-height:88px; }
	
	.erSlide .namebox .word{ font-size:16px;line-height:25px; }
	 
	 
	.aboutbox4 .listboxout{ width:768px; height:auto; overflow:hidden; margin:0 auto}
    .aboutbox4 .listbox{ transform: scale(1);transform-origin: top center;}
	 
	 .aboutbox4 .listbox .leftarr{ width:60px; height:60px; background-size:cover; position:absolute; right:80px; bottom:0px; z-index:10; cursor:pointer}
	 .aboutbox4 .listbox .rightarr{width:60px; height:60px; background-size:cover; position:absolute; right:10px;  bottom:0px; z-index:10; cursor:pointer}
	 
	  
	 .aboutbox4 .listbox .list{ width:750px; height:540px; }

	.aboutbox4 .listbox .list ul li .box{ width:250%;}
	.aboutbox4 .listbox .list ul li .box .wordbox .tit{  font-size:20px;}
	.aboutbox4 .listbox .list ul li .box .wordbox .word{ line-height:30px;}
	.aboutbox4 .listbox .list ul li .theday{ font-size:18px;}
	.aboutbox4 .listbox .list ul li.swiper-slide-active + li .theday { bottom:25px;}
    .aboutbox4 .listbox .list ul li.swiper-slide-active + li + li .theday { bottom:73px;}
	
	
	.pridebox1 .listbox { height:380px; position:relative}
	.pridebox1 .listbox .list{ width:750px; left:50%; margin-left:-375px; height:320px;}
	.pridebox1 .listbox .list ul li{ height:300px;}
	
	
	.companybox1 .listbox .list ul li{ width:100%}
    .companybox1 .listbox .list ul li .box{ width:100%; height:auto; margin:0 auto;}
	.companybox1 .listbox .list ul li .wordbox{ background:#f5f5f5; box-sizing:border-box; padding:10px; display:none}
	.companybox1 .listbox .list ul li.onfocus .wordbox{ display:block}
	
	
	.companybox2 .leftbox .list ul li{ width:33.33%}
	.companybox2 .leftbox .list ul li p{ font-size:14px; height:45px; line-height:45px;}
	.companybox2 .rightbox{ width:100%; float:none; padding:0; margin-top:20px;}
	 
	
	.agentlist ul li{ width:33.33%;} 
	
	
	.agencyprotitbox .titbox{line-height:40px; font-size:20px; color:#383838}
	.agencyprotitbox .picbox{ width:150px; height:100px; }
	.agencyprotitbox .picbox img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}
	.agencyprotitbox .wordbox{ line-height:28px; font-size:14px; }
	
		
	.agencybox .titbox{line-height:30px; font-size:20px; color:#383838;text-align:center; }
	.agencybox .titbox2{ width:100%; height:auto; overflow:hidden; line-height:28px; font-size:14px; padding-bottom:20px; }

    .cooperlist ul li{ width:33.33%;}
	
	
	.servicesortlist ul li .box{ border:0; background:none}
	.servicesortlist ul li .box .pic{ width:100%; height:200px;}
	.servicesortlist ul li .tit{ width:100%; height:75px; line-height:25px; font-size:14px; text-align:center; margin-top:10px;}
	
	

	.servicesortlistspec ul li{width:100%;}
	.servicesortlistspec ul li .box{ width:100%; }
	.servicesortlistspec ul li .box .pic{  height:250px}

	.servicesortlistspec ul li .tit{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center;}
		
	
	.listnews2 ul li{ width:100%; border-bottom:1px solid #ebebeb; padding:10px 0}
	.listnews2 ul li .pic{ width:40%;height:200px; float:right} 
	.listnews2 ul li .wordbox{ width:58%; height:auto; float:left}
	.listnews2 ul li .wordbox .tit{ width:100%; height:auto; line-height:30px; font-size:14px;  color:#383838;  margin-top:0px; }
	.listnews2 ul li .wordbox .other{ width:100%; height:auto; line-height:30px; overflow:hidden;}
	.listnews2 ul li .wordbox .time{ float:left; background: url(../Images/time.png) left center no-repeat;height:30px; line-height:30px; font-size:14px; color:#383838; opacity:0.7 ; text-indent:25px; }
	.listnews2 ul li .wordbox .more{ height:50px; display:none }
	.listnews2 ul li .wordbox .line{ display:none}
    
	
	.personlist ul li .pic{ width:45%; height:200px;}
	.personlist ul li .wordbox { width:52%;}
	.personlist ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#383838}
    .personlist ul li .wordbox .word{ display:block}
	
	
	.videolist ul li{ width:100%}
	.videolist ul li .box{ width:100%; height:300px}

	.videolist ul li.spec{ width:100%}
	.videolist ul li.spec .box{ width:100%; height:300px;}

	
	.joblist .onebox .titbox{ height:50px; line-height:50px;}
	.joblist .onebox .titbox p{ display:block;height:50px; line-height:50px; font-size:14px; }
	.joblist .onebox .titbox p.t1{  left:20px; top:0; font-size:14px;  text-indent:16px; }
	.joblist .onebox .titbox p.t2{  position:absolute; right:20px; top:0; font-size:14px; color:#979797; }
	.joblist .onebox .titbox p.t2 img{ width:25px; height:auto}
	
	.joblist .onebox .titbox p.t3{ display:none}
	.joblist .onebox .titbox p.t4{ left:40%; display:none}
	.joblist .onebox .wordbox .tagbox{ display:block}
		
	 
	}
	
	

@media (max-width:640px){
    .homeSlide .list ul li .wordbox{left:20px; top:50%; margin-top:-70px;}
	.homeSlide .list ul li .wordbox .tit{  font-size:18px; line-height:30px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:18px;  line-height:30px; margin:5px 0;}
	.homeSlide .list ul li .wordbox .tit3{font-size:12px;line-height:25px;}
	.homeSlide .list ul li .more{ width:100px; height:40px;line-height:40px; font-size:12px;margin-top:10px}
	.indexpage .swiper-pagination-switch { width: 28px; height: 28px; background-size:9px 9px}
    .indexpage .swiper-active-switch { background-size:100% 100%}
	
	.homepart1 { padding:25px 0}
	.homepart1  .leftbox{ width:100%; float:none; padding:0}
	.homepart1  .leftbox .titbox{font-size:20px;line-height:40px;}
	.homepart1  .leftbox .wordbox{font-size:14px;  line-height:28px; margin-top:20px; }
	.homepart1  .leftbox .more{ width:125px; height:45px; line-height:45px;font-size:12px; margin-top:20px;}

	
	.homepart1  .rightbox{ width:100%; height:auto; float:none}
	.homepart1  .rightbox .list{ width:100%; height:auto; overflow:hidden; position: static; }
	.homepart1  .rightbox .list ul li{padding:20px; position: static; width:32%; height:auto; overflow:hidden; border-radius:15px; }
	.homepart1  .rightbox .list ul li.t1{ float:left}
	.homepart1  .rightbox .list ul li.t2{ float:left; margin-left:3%}
	.homepart1  .rightbox .list ul li.t3{float:right;}
	.homepart1  .rightbox .list ul li.t4{ width:100%;}
	
	.homepart1  .rightbox .list ul li .num{ height:60px; line-height:60px; margin-top:0; font-size:14px;}
	.homepart1  .rightbox .list ul li .num span{ font-size:16px;}
	.homepart1  .rightbox .list ul li .tit{ width:100%; height:50px;; line-height:25px; font-size:14px; margin-top:10px; color:#383838; text-align:center; overflow:hidden;}

	.homepart1  .rightbox .list ul li.t4 .icon{ width:100%; text-align:center; margin-top:10px;}
	.homepart1  .rightbox .list ul li.t4 .tit2{width:100%; height:50px;; line-height:50px; font-size:14px; margin-top:10px; color:#ffffff; text-align:center}
    .homepart1  .rightbox .list ul li.line{ display:block; margin:0; padding:0; clear:both}

    
	 .homepart3{ padding:25px 0 10px 0}
	 .homepart3 .listbox{margin-top:10px;}
	 .homepart3 .list ul li{ margin:0}
	 .homepart3 .list ul li .pic{height:80px; margin-top:20px;}
	 .homepart3 .list ul li .pic .img1{ display:none}
	 .homepart3 .list ul li .pic .img2{ display:block}
	 .homepart3 .list ul li .tit{  line-height:30px; font-size:18px;}
	 .homepart3 .list ul li .tit2{ line-height:30px; height:30px; overflow:hidden; font-size:14px;}
	 .homepart3 .list ul li .line{ width:50px;margin:10px auto 20px auto;}
		
		
     .aboutbox2 .leftbox .list{ width:103%; height:auto; overflow:hidden; }	
	 .aboutbox2 .leftbox .list ul li .icon{transform: scale(0.8);  transform-origin: left center;}	
	 .aboutbox2 .leftbox .list ul li{ background-position:0 38px}
	 .aboutbox2 .leftbox .list ul li.onfocus{ background-position:0 38px}
	 
	 .aboutbox4 .listboxout{ width:768px; height:480px; overflow:hidden; margin:0 auto}
     .aboutbox4 .listbox{ transform: scale(0.8);transform-origin: left top;}
	 .aboutbox4 .listbox .list ul li .box{ width:180%;}
	 
	 .aboutbox4 .listbox .leftarr{ width:50px; height:50px; background-size:cover; position:absolute; right:250px; bottom:0px; z-index:10; cursor:pointer}
	 .aboutbox4 .listbox .rightarr{width:50px; height:50px; background-size:cover; position:absolute; right:180px;  bottom:0px; z-index:10; cursor:pointer}
	 
	 
	 .aboutbox5 .videobox{ width:100%; height:200px; overflow:hidden;}
     .aboutbox5 .playvideo{ width:100%; text-align:center; margin-top:60px;}
	 .aboutbox5 .playvideo .play{ width:100%; text-align:center}
     .aboutbox5 .playvideo .play img{ height:40px; width:auto}
	 .aboutbox5 .playvideo .tit{  font-size:16px; }
	 
	 .pridebox2 .listbox .list{ height:350px;}
     .pridebox2 .listbox .list ul li{ width:250px; height:350px;}
	 
	 .applysort ul li{ width:100%;}
	.applysort ul li .box{ width:100%;}
	.applysort ul li .box .pic{ height:200px; }
	.applysort ul li .wordbox{ padding:0 15px 0 15px}
	.applysort ul li .wordbox .tit{ line-height:40px; font-size:18px; color:#383838}
	.applysort ul li .wordbox .word{ width:100%; height:125px; line-height:25px;}

	 
	 .agencybox .list ul li .box .pic{ width:100%; height:250px} 
	 
	 
	.photolist ul li .box{height:auto; }
	.photolist ul li .box .pic{ height:210px; padding:10px;}
	.photolist ul li .box .tit{ width:100%; height:30px; line-height:30px; font-size:14px;  }
	
	
	.societylist ul li .pic{ height:200px} 
		 
	}	 
	
@media (max-width:600px){
	.homepart4 .listbox .rightbox .list ul li p{height:40px; line-height:40px; font-size:14px;}
	.homepart4 .listbox .rightbox .list ul li p.t1{ font-size:14px;}
	.homepart4 .listbox .rightbox .list ul li p.t2{ font-size:12px; }
	
	.homepart4 .listbox .rightbox .list ul li.havepic{ padding-bottom:10px;}
	.homepart4 .listbox .rightbox .list ul li.havepic .pic{ width:100%; height:200px; overflow:hidden; border-radius:10px;}
	.homepart4 .listbox .rightbox .list ul li.havepic .tit{ width:100%; height:50px; line-height:25px; font-size:14px;color:#383838; margin-top:10px;}
	
	.applylistbox .leftarea .nav ul li p{  height:40px; line-height:40px; border-radius:30px;  font-size:12px; color:#f01d23}
	
	
	.productlist ul li{ margin:5px 0}
	.productlist ul li .box .pic{ width:100%; height:185px }

	.productlist ul li .titbox{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; margin-top:15px;}
    
	
	.applyrels .list ul li .box .pic{ height:200px;}
	.applyrels .list ul li .tit{ width:100%; height:30px; line-height:30px; font-size:14px}
	
	.agentlist ul li{ width:50%;} 
	.agentlist ul li .box .pic{ width:100%; height:130px }
	
	.cooperlist ul li{ width:50%;}
	.cooperlist ul li .box .pic{ width:100%; height:121px }
	.cooperlist ul li .tit{ width:100%; height:50px; line-height:50px; font-size:12px; text-align:center}
	
     
	.personlist ul li .pic{ width:45%; height:125px;}
	.personlist ul li .wordbox { width:52%;}
	.personlist ul li .wordbox .tit{ width:100%; height:auto; max-height:75px; line-height:25px; overflow:hidden; font-size:14px; color:#383838}
    .personlist ul li .wordbox .word{ display:none}
	
	.timenews ul li .timebox{ width:20%; height:125px; }
	.timenews ul li .timebox p.t1{ display:block; width:100%; height:40px; line-height:40px; font-size:20px; font-weight:700; color:#333333; margin-top:15px;}
	.timenews ul li .timebox p.t2{ display:block; width:100%; height:40px; line-height:40px; font-size:12px; font-weight: normal; color:#6e6e6e; margin-top:10px;}
	
	.timenews ul li .wordbox{ width:80%; float:right; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 0 30px; }
	.timenews ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#333333; margin-top:0px;}
	.timenews ul li .wordbox .word{width:100%; height:50px; line-height:25px; overflow:hidden; font-size:12px; color:#6e6e6e; margin-top:10px;}	
	.timenews ul li .wordbox .word span{ color:#944676}
	.timenews ul li .wordbox .more{ width:100%; height:20px; line-height:20px; margin-top:10px; color:#d6000f}
		 

	}	


@media (max-width:500px){
    .headbox .box .logo{ position:absolute; left:0px; top:17px;}
    .headbox .box .logo img{ height:45px;} 
	
	.aboutbox2 .listbox{  height:250px; margin-top:0px;}
	.aboutbox2 .listbox .list{ height:250px; border-radius:10px;}
	.aboutbox2 .listbox .list ul li .box{height:250px;}
	
	
	.aboutbox3 .list ul li{padding:25px 0 }
	.aboutbox3 .list ul li .pic{ height:80px; margin-top:0; overflow:hidden;}
	.aboutbox3 .list ul li .pic img{ max-width:90%; max-height:90%;}

	.aboutbox3 .list ul li .tit{ height:auto; line-height:40px; padding:10px 0; font-size:16px;  margin-top:0px; background-position:bottom center}
	.aboutbox3 .list ul li .word{ height:50px; overflow:hidden; line-height:25px;; margin-top:10px; font-size:14px;  display:block;}
	
	.aboutbox3 .list ul li.onfocus .pic{  margin-top:0px;}
	.aboutbox3 .list ul li.onfocus .tit{ margin-top:0px;}
	
	.aboutbox4 .listbox .leftarr{ width:50px; height:50px; background-size:cover; position:absolute; right:350px; bottom:0px; z-index:10; cursor:pointer}
	.aboutbox4 .listbox .rightarr{width:50px; height:50px; background-size:cover; position:absolute; right:280px;  bottom:0px; z-index:10; cursor:pointer}
	
    
	.pridebox1 .listbox { height:350px; position:relative}
	.pridebox1 .listbox .list{ height:280px;}
	.pridebox1 .listbox .list ul li{ height:260px;}
	
	
	.pridebox2 .listbox .list{ height:300px;}
    .pridebox2 .listbox .list ul li{ width:200px; height:300px;}
	
	.companybox1 .listbox .list ul li .picbox{ height:200px;}
	.companybox1 .listbox .list ul li .title .other p.t1{ background-size:13px auto}
    .companybox1 .listbox .list ul li .title .other p.t2{ background-size:13px auto}
	
	

	.applysort ul li .box .pic{ height:150px; }
	.applysort ul li .wordbox{ padding:0 15px 0 15px}
	.applysort ul li .wordbox .tit{ line-height:40px; font-size:14px; color:#383838}
	.applysort ul li .wordbox .word{ width:100%; height:80px; font-size:12px; line-height:20px;}
	
	.listnews2 ul li{ width:100%; border-bottom:1px solid #ebebeb; padding:10px 0}
	.listnews2 ul li .pic{ width:40%;height:100px} 
	.listnews2 ul li .wordbox{ width:58%;}
	.listnews2 ul li .wordbox .tit{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px;  color:#383838;  margin-top:0px; }
	.listnews2 ul li .wordbox .other{ width:100%; height:auto; line-height:30px; overflow:hidden;}
	.listnews2 ul li .wordbox .time{ float:left; background: url(../Images/time.png) left center no-repeat;height:30px; line-height:30px; font-size:14px; color:#383838; opacity:0.7 ; text-indent:25px; }
	

	.videolist ul li .box{ height:250px}
	.videolist ul li.spec .box{ height:250px;}
	
	.societylist ul li{ width:100%}
	.societylist ul li .box{ width:100%;}
	.societylist ul li .pic{ height:200px} 
	
	
	
	}	
	
@media (max-width:450px){
    .homepart4 .listbox .rightbox .list ul li.havepic .pic{ width:100%; height:125px}
	
	.agencybox .list ul li .box .pic{ width:100%; height:200px} 
	
	.photolist ul li .box .pic{ height:180px; padding:10px;}
	.photolist ul li .box .tit{ width:100%; height:30px; line-height:30px; font-size:14px;  }
	
	}		 

@media (max-width:400px){
   .homepart1  .leftbox .titbox{font-size:16px;line-height:30px;}
   

	.homepart2 .list{ height:250px; }
	.homepart2 .list ul li .box{height:250px;}
	.homepart2 .list ul li .box .picbox{height:250px;}
 
	.homepart2 .list ul li .wordbox{ padding:10px;}
	.homepart2 .list ul li .wordbox .tit{font-size:14px; margin-top:110px;}
	.homepart2 .list ul li .wordbox .tit2{height:50px; line-height:25px;font-size:12px; overflow:hidden; margin:0px 0 10px 0;}

	.homepart2 .list ul li:hover .wordbox .tit{ color:#FFF; margin-top:110px;}
	
	.aboutbox1 .titbox{line-height:40px; font-size:16px; }
	
	.aboutbox4 .listbox .list ul li .box{ width:150%;}
	.aboutbox4 .listbox .leftarr{ right:360px; }
	.aboutbox4 .listbox .rightarr{ right:300px; }
	
	.applyrels .list ul li .box .pic{ height:165px;}
	
	.photolist ul li{ margin:10px 0 0 0}
	.photolist ul li .box .pic{ height:125px; padding:5px;}
	.photolist ul li .box .tit{ width:100%; height:30px; line-height:30px; font-size:12px;  }

	}		


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