@charset "utf-8";

@media (max-width:768px){	
	.container{ width:100%; display: block; padding-left:0; }	
	
	.header{display: flex;}
	.aside,.djhi-header,.djItem-img,.djItem-aside,.spiritAbout{ display: none; } 
	.footer{ display: block; }
	.banner > div > h3{  font-size: 36px; }
	.banner > div > p{ font-size: 24px; }
	.djHotMain > .djHotItem{ flex-direction: column;}
	.djhi-img,.djhi-left{ width: 100%; padding:0;}
	.djhi-about{ display: block; box-sizing: border-box; padding:3% 0; }
	.djhi-about > h3,.djhi-about > div{ height: auto; max-height: none; }
	.djhi-about > h3{ font-size:16px; }
	.djHotMain > .djHotItem{ padding-right: 0; }
	.colDJList{ width: 100%; box-sizing: border-box; padding:2%; }
	.colDJList > ul > li{ background-color: #F9F9F9; border-top: 0; border-bottom: 0; box-sizing: border-box; padding:3%; }
	.colDJList > ul > li + li{ margin-top: 2%; }
	.djItem-about{ display: block; padding:0 0; }
	.djItem-about > h4{ display: block; }
	.colDown{ width: 100%; }
	.downList > ul > li{ display: block;}
	.downList > ul > li > a,.downList > ul > li > span{ display: block; width:100%; text-align: left; margin-left:0;}
	.busiMain > .busiItem > .bi-header > h3{ font-size: 60px; }
	.busiMain > .busiItem > .bi-header > p{ font-size: 42px; }
	.biAboutF1 > .baF1-right,.baF2-right,.biAboutF3 > .baF3-right,.biAboutF4 > .baF4-right,.servSearch > .servSearchMain > p{ font-size: 20px;  }
	.servQA{ }
	.qaMain{ display: block; padding:20px; position: relative; }
	.qaList{ width: 100%; }
	.qaIcon{ width: 100px; overflow: hidden; margin-left:0; position: absolute; right:0; top:-120px; }

	.servOnline > ul > li{ width: 100%; }
	/*.servOnline > ul > li > .soItem-about{ padding:10px 20px 20px 20px; }*/
	/*.servOnline > ul > li > .soItem-about > h3{ font-size: 20px; }*//*
	.servOnline > ul > li > .soItem-about > section > p > a{ font-size: 14px; }*/
	/*.servOnline > ul > li > .soItem-about > h4{ font-size: 16px }*/
	/*.banner > div.bannerJob{  flex-direction: column;  justify-content: flex-start; align-items: flex-start; padding:5%;  padding-top: 10%;}*/
	.banner > div.bannerJob > a{ width: 200px;}
	.banner > div.bannerJob > p{ padding:0 0; margin-top: 2%; margin-bottom: 2%;}
	.jobAside{ display: block; padding:0; background-image: url(none);}
	.jobTool,.jobOnline{ width:100%; box-sizing: border-box; }
	.jobTool{ padding:4%; box-sizing: border-box; background-color: #eef6f9;}
	.jobTool > ul > li{ width: 47.5%; float: left; margin-left:0; height: 0; padding-top: 30%; position: relative;}
	.jobTool > ul > li:nth-of-type(2n){ float: right; }
	.jobTool > ul > li > a{ display: flex; width:100%; height: 100%;  position: absolute; left:0; top:0; }
	/*.jobOnline{ flex-direction: column; background-color: #FFF; padding:4%; }*/
	/*.jobOnline > h3{ text-align: center; }*/
	.joinAbout,.joinActive{ background-image: url(none); padding:2%; }
	.joinActive{ background-color: #f2f2f2; background-image: url(none); padding-top: 3%;padding-bottom: 3%; }
	

	.swiper2 .swiper-slide{ display: block;}
	.swiper2 .swiper-slide > p,.swiper2 .swiper-slide > div{ width:100%;}
	/*.swiper2 .swiper-slide > div > h3{ width: 100%; height: 30px;line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; }*/
	/*.swiper2 .swiper-slide > div > p{ width:100%; line-height: 24px; font-size: 14px; height: 48px; max-height: 48px;overflow: hidden; min-height: 48px; }*/
	.cultureList > ul > li{ width: 100%; margin-right: 0; }
	/*.cultureList > ul > li > a > div > h3,.cultureList > ul > li > a > div > p,.qaLoadMore{ font-size: 12px; }*/
	/*.cultureList > ul > li > a > div{ display: block; padding:10px;}*/
	/*.cultureList > ul > li > a > div > h3,.cultureList > ul > li > a > div > p{ width: 100%; height: auto; line-height: 24px; text-align: left; }*/
	.spiritList > ul > li{width:100%; float: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; position: relative; }
	.spiritList > ul > li > div{ width: 30%; height: 0; padding-top: 30%; padding-right: 0; padding-left: 0;padding-bottom: 0; position: absolute; left:0; top:0;}
	.spiritList > ul > li > div > img{ width:100%; height: 100%; position: absolute; left:0; top:0; }
	.spiritList > ul > li > p{ width: 30%; box-sizing: border-box; padding:4%; overflow: hidden;}
	.spiritList > ul > li:hover > p,.spiritList > ul > li.active > p{ background-position: center center; background-size: 100% 100%; }
	.spiritList > ul > li > p > img{ width: 100%; }
	

	.aboutHistory > header{ padding-bottom: 60;}
	.aboutHistory{ background-image: url(none); }
	.histMain{ background-color: #FFF; }
	/*.aboutHistory > ul > li + li{ padding-top: 2.5%; }*/
	/*.aboutHistory > ul > li > .histDate{ padding-bottom: 2.2%;}*/
	.aboutMain,.contactMain{ background-image: url(none); }
	.aboutMain > .banner > img,.contactMain > .banner > img{ opacity: 1; }
	.aboutCol{ padding-top: 0; margin-top: 0; width:100%; }
	.djHotTab > p{ font-size: 24px; }
	.aboutF1 > img{ display: none; }
	.aboutF1 > section{position: initial; box-sizing: border-box; padding:12% 2%; background-image: url(../images/emp-30.png); background-position: center bottom; background-repeat: no-repeat; justify-content: center;}
	.aboutF1 > section > h3{ font-size: 30px; }
	/*.aboutF1 > section > div{ font-size: 22px; }*/
	.aboutF2 > ul > li{ display: block; }
	.aboutF2 > ul > li > p,.aboutF2 > ul > li > div{ width: 100%;}
	/*.aboutF2 > ul > li > div{ font-size: 24px;  }*/
	.aboutF3{display: block; margin-top: 0;}
	.aboutF3 > .aboutF3-left,.aboutF3 > .aboutF3-right{ width: 100%;}
	.aboutF3r-btm{ position: initial; width: 100%; box-sizing: border-box; padding:3%; margin-top: -6.5%; z-index: 300; }
	.aboutF5{ padding-left:0; }
	.aboutF5 > .aboutF5Main{ display: block; }
	.aboutF5-img,.aboutF5-about{ width: 100%;}
	.aboutF5-img{ transform: translateY(0); -webkit-transform: translateY(0);}
	.aboutF5-about{ box-sizing: border-box; padding:3%; }
	/*.aboutF5-about > div{ font-size: 14px; line-height: 2; height: auto; max-height: none; }*/
	.aboutF6{ padding-top:3%;}
	.aboutF6-honor{ width: 96%;}
	.aboutF6-honor > ul > li{ width: 48.5%;margin-right: 0; margin-top: 3%; }
	.aboutF6-honor > ul > li:nth-of-type(2n){ float: right; }
	.aboutF6-honor > ul > li:nth-of-type(1),.aboutF6-honor > ul > li:nth-of-type(2){ margin-top: 0 }
	.contactCol{ padding-right:0; padding-left:0;}
	.contactList > .contactLeft,.contactList > .contactRight{ width:100%; padding:5% 3%; }
	.contactList > .contactRight > p{ margin:0 auto; }
	.contactList > .contactRight > h4{ width: 100%; text-align: center; margin-bottom: 10px; }
	.menu > ul > li > a{ font-size: 14px; }
	.contactBg{ background-image: url(none); background-color: #fff; }
}

@media (max-width:640px){
	.float .close{ height: 36px; background-size: 20px auto;}
	.biAboutF1 > .baF1-right,.baF2-right,.biAboutF3 > .baF3-right,.biAboutF4 > .baF4-right,.servSearch > .servSearchMain > p{ font-size: 16px;  }
	.djHotTab::after{ content: ' ';display: block; clear: both; }
	.djHotTab > p,.aboutF2 > ul > li > div,.aboutF4,.aboutF5-about > div,.aboutF1 > section > div,.contactList > .contactLeft > h3,.contactList > .contactRight > h3,.contactList > .contactLeft > p,.contactList > .contactRight > h4,.servQA-header > p,.spiritList > ul > li > h3,.spiritList > ul > li > h3,.downList > ul > li > span,.djhi-about > div,.djhi-about > p,.djItem-about > p,.servSearch > .servSearchMain > p,.qaList > ul > li > .qaItem-answer,.servOnline > ul > li > .soItem-about  > section > div > h4,.servOnline > ul > li > .soItem-about  > section > div > p,.aboutHistory > ul > li > .histRight,.JAMain > .JAItem > .JAItemAbout > div,.swiper2 .swiper-slide > div > p{ font-size: 20px; }
	.qaMain{padding:10px;}
	.banner > div.bannerJob > a{ width: 160px;}
	.aboutF1 > section > h3,.servQA-header > h3 > p,.djhi-about > h3,.contactHeader > p,.contactList > .contactLeft > p > i,.contactList > .contactRight > h4 > i,.djItem-about > h3,.downList > ul > li > a,.servSearch > .servSearchMain > h3 > p,.qaList > ul > li > .qaItem-title,.qaList > ul > li > .qaItem-title > i,.servOnline > ul > li > .soItem-about > h3,.jobTool > ul > li > a > h3,.banner > div.bannerJob > div > p,.JAMain > .JAItem > .JAItemAbout > h3{ font-size: 24px; }
	.cultureList > ul > li > a > div > h3,.djhi-about > h4,.djItem-about > h4,.djItem-about > h4 > i,.qaLoadMore,.jobOnline > h3,.JAMain > .JAAbout > div{ font-size: 22px; }
	.cultureList > ul > li > a > div > p{ font-size: 18px; }
	.busiMain > .busiItem > .bi-header > h3{ font-size: 50px; }
	.busiMain > .busiItem > .bi-header > p{ font-size: 36px; }
	.servOnline > ul > li > .soItem-about > section > p{ width: 120px; }
	.servOnline > ul > li > .soItem-about > section > p > a{  height: 40px; line-height: 40px; display: block; font-size: 20px; }
	.aboutHistory > header > p,.aboutHistory > header::after,.aboutHistory > ul > li::after{ left: 100px; }
	.aboutHistory > ul > li > .histDate{width: 100px; font-size: 30px; }
	/*{ font-size: 24px; }*/
	.aboutHistory > footer > p{ width: 48px; overflow: hidden; position: absolute; left:92px; top:0; transform: translateX(-14px); -webkit-transform: translateX(-14px); }
	.banner > div.bannerJob > div > h3,.JAMain > .JAAbout > h3,.swiper2 .swiper-slide > div > h3{ font-size: 36px; }
	.JAActive-header{ font-size: 30px; }
	.swiper2 .swiper-slide > div > p{ line-height: 30px; height: 60px; overflow: hidden;}

	
}

@media (max-width:480px){
	body{ background-color:#FFF; }
	.header > .logo{ display: block; width: 120px; }
	.header > .logo > img{ width: 100%; }
	.btnMenu,.search{ width:18px; z-index: 1000;}
	.btnMenu{ width: 60px;  background-color: rgba(255,255,255,0.01);}
	.btnMenu > img,.search > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
	.search{  margin-left: 42px; }
	.float{ width: 160px; }
	.footer section,.footer aside{ font-size: 12px; }
	.banner > div > h3{  font-size: 30px; }
	.banner > div > p,.contactHeader > p,.contactList > .contactLeft > p > i,.contactList > .contactRight > h4 > i,.servQA-header > h3 > p,.servSearch > .servSearchMain > h3 > p,.qaList > ul > li > .qaItem-title,.qaList > ul > li > .qaItem-title > i,.servOnline > ul > li > .soItem-about > h3,.banner > div.bannerJob > div > p,.JAMain > .JAItem > .JAItemAbout > h3{ font-size: 20px; }
	.busiMain > .busiItem > .bi-header > h3{}
	.busiMain > .busiItem > .bi-header > p,.aboutF2 > ul > li > div,.aboutF4,.aboutF5-about > div,.aboutF1 > section > div,.qaList > ul > li > .qaItem-answer{ font-size: 16px; }
	.contactList > .contactLeft > h3,.contactList > .contactRight > h3,.contactList > .contactLeft > p,.contactList > .contactRight > h4,.servQA-header > p,.spiritList > ul > li > h3,.aboutHistory > ul > li > .histRight,.jobTool > ul > li > a > h3,.JAMain > .JAItem > .JAItemAbout > div,.swiper2 .swiper-slide > div > p{ font-size: 16px; }
	/*.JAMain > .JAItem > .JAItemAbout > div{ font-size: 12px; }*/

	.servOnline > ul > li > .soItem-about > section > p{ width: 100px; }
	.servOnline > ul > li > .soItem-about > section > p > a{ font-size: 16px; height: 32px;line-height: 32px; }

	.qaIcon{ width: 80px; overflow: hidden; margin-left:0; position: absolute; right:0; top:-96px; }
	.banner > div.bannerJob > a{ width: 120px;}
	.jobTool > ul > li > a > p{ width: 60px; }
	.aboutF1 > section{ padding-top: 10px; }
	.aboutF1 > section{ padding:18% 5%; }
	.float .close{ height: 32px; background-size: 16px auto;}
	.djHotTab > p{ font-size: 16px; }
	.aboutF1 > section > h3,.djhi-about > h4{ font-size: 18px; }
	.biAboutF1 > .baF1-right,.baF2-right,.biAboutF3 > .baF3-right,.biAboutF4 > .baF4-right,.servSearch > .servSearchMain > p,.servOnline > ul > li > .soItem-about  > section > div > h4,.servOnline > ul > li > .soItem-about  > section > div > p{ font-size: 14px;  }
	.busiMain > .busiItem > .bi-header > h3{ font-size: 40px; }
	.busiMain > .busiItem > .bi-header > p{ font-size: 30px; }
	.cultureList > ul > li > a > div > h3,.djhi-about > h3,.djItem-about > h3,.downList > ul > li > a,.qaLoadMore,.JAMain > .JAAbout > div{ font-size: 18px; }
	.cultureList > ul > li > a > div > p,.djhi-about > div,.djhi-about > p,.djItem-about > p,.djItem-about > h4,.djItem-about > h4 > i.downList > ul > li > span,.djItem-about > h4 > i,.servSearch > .servSearchMain > p,.jobOnline > h3{ font-size: 16px; }
	.aboutHistory > header{  padding-bottom: 70px;}
	.aboutHistory > ul > li > .histDate,.JAActive-header,.swiper2 .swiper-slide > div > h3{  font-size: 24px; }
	.banner > div.bannerJob > div{ display: block; }
	.banner > div.bannerJob > div > h3{ font-size: 30px; margin-top: 3%;}
	.JAMain > .JAAbout > h3{font-size: 30px;}

	.swiper2 .swiper-slide > div > p{ line-height: 24px; height: 48px; overflow: hidden;}
	
@media (max-width:375px){	
	.qaIcon{ width: 60px; overflow: hidden; margin-left:0; position: absolute; right:0; top:-72px; }
	/*.spiritList > ul > li > h3{ font-size: 14px; }*/
	.aboutF1 > section > h3,.downList > ul > li > a,.qaList > ul > li > .qaItem-title,.qaList > ul > li > .qaItem-title > i,.servOnline > ul > li > .soItem-about > h3,.JAMain > .JAItem > .JAItemAbout > h3{ font-size: 16px; }
	.spiritList > ul > li > h3,.aboutF1 > section > div,.aboutF2 > ul > li > div,.aboutF4,.aboutF5-about > div,.aboutF1 > section > div,.contactList > .contactLeft > p,.contactList > .contactRight > h4,.djhi-about > div,.djhi-about > p,.djHotTab > p,.jobTool > ul > li > a > h3{ font-size: 14px; }
	.busiMain > .busiItem > .bi-header > h3{ font-size: 30px; }
	.busiMain > .busiItem > .bi-header > p,.aboutHistory > ul > li > .histDate{ font-size: 20px; }
	.downList > ul > li > span,.qaList > ul > li > .qaItem-answer,.qaLoadMore,.jobOnline > h3{ font-size: 14px; }

	.cultureList > ul > li > a > div > h3,.djhi-about > h3,.djItem-about > h3,.downList > ul > li > a,.aboutHistory > ul > li > .histRight,.JAMain > .JAItem > .JAItemAbout > div,.swiper2 .swiper-slide > div > p{ font-size: 14px; }
	.cultureList > ul > li > a > div > p,.djhi-about > div,.djhi-about > p,.djItem-about > p,.djItem-about > h4,.djItem-about > h4 > i.downList > ul > li > span,.djItem-about > h4 > i,.JAMain > .JAAbout > div{ font-size: 12px; }
	/*{ font-size: 14px; }*/

	.servOnline > ul > li > .soItem-about > section > p{ width: 80px; }
	.servOnline > ul > li > .soItem-about > section > p > a{ font-size: 14px; height: 28px;line-height: 28px; }
	.JAMain > .JAAbout > h3,.JAActive-header,.swiper2 .swiper-slide > div > h3{ font-size: 20px; }
	.swiper2 .swiper-slide > div > p{ line-height: 22px; height: 44px; overflow: hidden;}
}