@charset "utf-8";
@media (max-width:1920px){
	.colBanner h3{ font-size: 56px; }
}
@media (max-width:1600px){
	/*.navlist > ul > li > a{ font-size: 18px; }*/
	.containerCol{ box-sizing: border-box; padding:0 10px; }
	.hope li h3,.serverHeader h3,.sectorHeader h3,.sense h3,.sense ul li h4,.location h3{ font-size: 36px; }
	.hope li p,.serverList li a .serverItem-about h3{ font-size: 24px; }
	.colBanner h3{ width:100%; box-sizing: border-box; padding:0 5%; left:0; margin-left: 0; font-size: 48px; }
	.colMenu{ width: 280px; height: auto; /*position: absolute; left:0; top:30px;*/ flex-shrink: 0; margin-right: 1.5%;}
}
@media (max-width:1440px){
	.hope li h3,.serverHeader h3,.sectorHeader h3,.sense h3,.sense ul li h4,.location h3{ font-size: 30px; }
	.hope li p,.serverList li a .serverItem-about h3,.yewuList li .ywItem-about h3{ font-size: 20px; }
	.enterprise > .epMain,.business > .businessMain{ width: 1200px; margin-left:-600px;}
	.box{ width:1200px; margin:0 auto; }

	.colBanner h3{ font-size: 40px; }
	.culture > h3,.cultureBrand li .cbItem-about h5,.talentTitle{ font-size: 24px; }
	.cultureBrand li .cbItem-about p{ width: 80px; }
	.epHeader > h3{ font-size: 36px; }
	.swiper5 .swiper-slide{  box-sizing: border-box; background-color: #FFF; box-sizing: border-box; padding:1.5% 1%;}
	.box .swiper-button-next,.box .swiper-button-prev{ width: 32px; }	
	.box .swiper-button-next{ right: 0px; left: auto; }
	.box .swiper-button-prev{ left:0px; right: auto; }  

	.busiList{  padding-bottom: 0; padding-left:5%; padding-right: 5%; }
	/*.cultureList ul li h4{ font-size: 18px !important; }*/
}
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	.logo{ padding-top:16px; padding-bottom:16px; }
	.containerCol{ width:100%; }
	/*.navlist > ul > li{ margin-right: 32px; }*/
	.navlist > ul > li > a,.colContactAbout p,.colContactChat h3,.newsList li .newsItem-about p,.jobsList li .jobItem-about{ font-size: 16px; }
	.navlist > ul > li > a{  padding:0 24px;}
	.header-blank{ height:92px;}
	/*.nav > .navlist > ul > li > div > p{ padding:0 6%; }*/
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	.hope li h3,.serverHeader h3,.sectorHeader h3,.sense h3,.sense ul li h4,.location h3{ font-size: 24px; }
	.hope li p,.serverList li a .serverItem-about h3{ font-size: 18px; }	
	.service .containerCol{ width:90%; }
	.fwNav ul li{ margin-left: 20px; }
	.colBanner h3{ font-size: 32px; }
	.colMenu{ width: 240px;}
	.colContactAbout h3,.newsList li .newsItem-about h3,.jobsList li .jobItem-title,.yewuList li .ywItem-about h3{ font-size: 18px; }
	.culture > h3,.cultureBrand li .cbItem-about h5{ font-size: 20px; }
	.culture > h4,.cultureList ul li h4,.cultureBrand li .cbItem-about div,.talent{ font-size: 16px; }
	.talentTitle{ font-size: 20px; }
	.yewuList li .ywItem-about p{ font-size: 14px; }

	.epHeader > h3{ font-size: 32px; }	
	.enterprise > .epMain,.business > .businessMain,.mContact > .mContactMain{ width: 100%; left:0; margin-left:0; padding-left:20px; }
	.box{ width: 100%; padding-left:0; padding-right: 0; }
	.swiper5 .swiper-slide{  box-sizing: border-box; background-color: #FFF; box-sizing: border-box; padding:0.8% 1%;}
	.enterprise > .epMain,.business > .businessMain{ padding-left:20px; padding-right: 20px; }	
	.mContact > .mContactMain > h4{ font-size: 16px; }
	.mContact > .mContactMain > h3{ font-size: 48px; }
	.busiList > ul > li > a > .busiItem > div > h3{ font-size: 22px; }
	.newsAbout > .c-con > section{ width: 32%;}
	.newsAbout > .c-con > section > h3{ font-size: 31px; line-height: 90px; height: 90px;}
	.newsAbout > .c-con > .news{ margin-right: 3.5%;}
	.newsAbout > .c-con > .news > h4{ font-size: 24px; }

}
@media (max-width:992px){
	.logo{width:200px; padding-top:10px; padding-bottom:10px; }
	.header-blank{ height:80px;}
	.navlist{ height: 36px;}
	.navlist > ul > li{height: 36px; }
	.navlist > ul > li > a{ font-size: 14px; height: 36px; line-height: 36px; padding:0 12px;}
	.search .searchForm{ width: 480px; }
	.search{ width: 36px; height: 36px;  }
	.search h3{ width: 36px; height: 36px; }
	.search .searchForm{ height: 36px; }
	.sechForm-input{  height: 36px; padding-left:36px; background-size: 36px 36px; }
	.sechForm-input input{ font-size: 14px; background-color: #FFF;}
	.sechForm-btn{ width: 36px; height: 36px;  }

	.headChat > h3{ width:25px; height: 20px;  }
	.headChat > .headChatCode{ top:40px; }

	.hope li h3,.serverHeader h3,.sectorHeader h3,.sense h3,.sense ul li h4,.location h3{ font-size: 20px; }
	.hope li p{ font-size: 14px; }
	.fwNav ul{ flex-wrap: wrap; }
	.fwNav ul li{ width: 33.333%; margin-left:0; text-align: right; }
	.colBanner h3{ font-size: 36px; }
	.col{ display: block; }
	.colMenu{ width: 100%; height: auto;  padding-top: 0; margin-right: 0;}
	.colMenu h3{ width: 100%; box-sizing: border-box; padding:0 15px; height: 60px; line-height: 60px; font-weight: normal; font-size: 22px; text-align: left; background-color: #01479d; color: #FFF; }
	.colMenu h3 span{ font-size: 14px;  }
	.colMenu ul{ width: 100%; height: auto; }
	.colMenu ul li{ width: 25%;}
	.colMenu ul li a{ background-position: 92% center;}
	.right{ margin-top: 10px; }
	.location p{ font-size: 14px; }

	.epHeader > h3{ font-size: 24px; }
	.mContact > .mContactMain > h4{ font-size: 14px; }
	.mContact > .mContactMain > h3{ font-size: 36px; }
	.busiList > ul > li > a > .busiItem > div > h3{ font-size: 18px; }
	.newsAbout > .c-con > section > h3{ font-size: 24px; line-height: 72px; height: 72px;}
	.newsAbout > .c-con > .news > h4{ font-size: 20px; }
        


}
@media (max-width:768px){	
	.site > .c-con{ font-size: 12px; } 
	.header{  background-image: url(none);}
	.logo{ width:120px;}
	/*.hd-con{ position: relative; }*/
	/*.phone{ position:absolute; right: 60px; top:50%; margin-top: -20px; }*/
	.navlist,.search{ display: none; }
	.headChat{ position: absolute; right:50px; top:50%; margin-top: -18px; }
	.menu{ display: block; }
	.header-blank{ height:60px;}
	.swiper1 .swiper-pagination-bullet{width:80px; height:8px; }	
	.serverList li{ width: 100%; float: left; margin-right: 0; margin-bottom: 3%;}
	.sectorList li{ width: 33.3333%; /*border-top: 1px solid #d1d1d1;*/ }
	.sectorList li::after{ /*border-top: 1px solid #d1d1d1;*/ display: none;}
	.sectorList li:nth-of-type(3n)::after{ display: none; }
	.sectorList li:nth-of-type(1),.sectorList li:nth-of-type(2),.sectorList li:nth-of-type(3){ border-top: 0; }
	.fuwu .containerCol{ display: block; }
	.contact{ height: auto; }
	.contact p{ height: 30px; line-height: 30px; font-size: 14px; }
	.fwNav ul{ flex-wrap: nowrap; }
	.fwNav ul li{ flex:1; margin-left:0; text-align: left; height: 30px; line-height: 30px; font-size: 14px; }
	.chat{ margin-left:0; }
	.chat{ width: 112px; height: 24px; }
	.chat h3{ width: 82px; height: 24px; line-height: 24px; font-size: 14px; }
	.chat p{  top:24px; }

	.epHeader > h3{ font-size: 24px; }
	.epHeader > a{ font-size: 14px; padding:8px 20px; }
	.mContact > .mContactMain{padding-bottom: 16%; }	
	.mContact > .mContactMain > h4{ font-size: 18px; }
	.mContact > .mContactMain > h3{ font-size: 60px; }
	.mContact > .mContactMain > p{margin-top: 5%;}
	.mFooter > .c-con{ display: block; padding-left:0; padding-right: 0; padding-top: 0; padding-bottom: 0; }
	.mOther{ display: block; }
	.mCopyright,.mTools{ margin-left: 0;width:100%;  }
	.mCopyright{ height:auto; background-color: #1f1f1f; box-sizing: border-box; padding:10px 2.5%; text-align: center; }	
	.mTools{ display: none; }
	.mTools > ul > li{ margin-left:0; margin-right: 30px; }


	.footer .containerCol{ padding-top: 10px; padding-bottom: 10px; }
	.colContactAbout p,.colContactChat h3,.newsList li .newsItem-about p,.jobsList li .jobItem-about,.culture > h4,.cultureBrand li .cbItem-about div,.talent{ font-size: 14px; }
	.colContactAbout h3,.newsList li .newsItem-about h3,.jobsList li .jobItem-title,.talentTitle{ font-size: 16px }
	.colContactChat{ width: 120px;}
        .colContact li{width:90%;}

	/*.map img{ width: 100%; min-height: 240px;}*/
	.culture > h4{ line-height: 1.5; }

	.newsList li{ position: relative; background-color: #EEE; }
	.newsList li .newsItem-date{ position: absolute; right:0; bottom:10px; height: 35px; }
	.newsList li .newsItem-date p{ display: none; }
	.culture > h3,.cultureBrand li .cbItem-about h5{ font-size: 18px; }

	
	.enterprise > .epMain,.business > .businessMain{ justify-content: center;  }
	.epHeader > h3{ font-size: 42px; }
	.epHeader > a{ font-size: 16px; padding:8px 30px; display: none; }
	.box{ height: 0; overflow: hidden;}
	.box2{ height: auto; margin-top: 10%;}
	.busiList{  padding-bottom: 0; padding-left:0; padding-right: 0; padding-top: 3%; }
	.busiList > ul > li{ width: 100%; float: left; margin-right: 0; margin-top: 5%; }
	.busiList > ul > li > a{ display: block; width: 100%; height: auto; padding-top: 0; }
	.busiList > ul > li > a > .busiItem{ height: auto; position: inherit; padding: 4%;}
	.busiList > ul > li > a > .busiItem > div{ flex-direction: row; padding:4%;border:1px solid #1d2a55; }
	.busiList > ul > li > a > .busiItem > div > p{ width: 24%; }
	.busiList > ul > li > a > .busiItem > div > h3{ font-size: 36px; }
	.busiList > ul > li > a > .busiItem > div > h4{ display: none; }

	.newsAbout{ background-image: url(../images/emp-49-2.png);}
	.newsAbout > .c-con{ display: block;}
	.newsAbout > .c-con > section{ width: 100%; float: left; /*background-color: #1d2a55;*/}
	.newsAbout > .c-con > section > h3{ font-size: 32px; }
	.newsAbout > .c-con > .news{ margin-right: 0; position: relative; }
	.newsAbout > .c-con > .news:nth-of-type(2) > h3{ height: 10px; line-height: 10px;} 
	.newsAbout > .c-con > .news > h4{ font-size: 30px; }
	.newsAbout > .c-con > .news > div{ margin-top: 20px;padding-bottom: 60px; }
	.newsAbout > .c-con > .news:nth-of-type(1) > div{ padding-bottom: 6%; }
	.newsAbout > .c-con > .news  > .newsMore{ font-size: 14px; }
	.newsAbout > .c-con > .news:nth-of-type(1) > .newsMore{ display: none; }
	.newsAbout > .c-con > .about{ margin-top: 2%; }
	.newsAbout > .c-con > .news:nth-of-type(2)  > .newsMore{ display: block; }
	.aboutCont{ padding:4%;}
}

@media (max-width:640px){
	.hope li h3,.serverHeader h3,.sectorHeader h3,.sense h3,.sense ul li h4,.location h3{ font-size: 18px; }
	.sense ul li h4{ font-size: 16px; }
	
	.casesList li{ width: 48.8%;  margin-right: 0; float: left; margin-top: 10px;}
	.casesList li:nth-of-type(2n){ float: right; }
	.colContact{ display: block; }	
	.colContactAbout{  min-height: auto;}
	.colContactChat{ margin-top: 10px; }
	.newsList li .newsItem-about h3{ font-size: 14px; }
	.newsList li{ display: block; }	
	.newsList li .newsItem-img{ width: 100%; height: auto; flex-shrink: 0;  }
	.newsList li .newsItem-img img{ width: 100%; height: auto; }
	.newsList li .newsItem-about{ height: auto; padding-top: 10px; padding-left:0; }
	.newsList li .newsItem-date{ width: 100%; position: initial;}
	.newsList li .newsItem-date h3{ width: 100%; text-align: left; height: auto; line-height: 2; }
	.newsList li .newsItem-date h3::after{ display: none; }
	.newsList li .newsItem-about h3{ width: 100%; line-height: 28px; font-size: 16px; height: auto; }
	.newsList li .newsItem-about p{ width: 100%; height: auto; line-height: 24px; font-size: 14px; }
	.cultureBrand li{ width: 100%;}
	.cultureBrand li .cbItem-about h5{ font-size: 30px; }
	.cultureBrand li .cbItem-about div{ font-size: 18px; }
	.yewuList li{ display: block; }
	.yewuList li .ywItem-img{ width: 100%; height: 0; padding-top: 56%; }
	.yewuList li .ywItem-about{ width:100%; margin-top: 10px; height:auto;}


	.mContact > .mContactMain > h4{ font-size: 16px; }
	.mContact > .mContactMain > h3{ font-size: 48px; }
	.epHeader > h3{ font-size: 32px; }
	.epHeader > a{ font-size: 14px; padding:6px 20px; }
	.busiList > ul > li > a > .busiItem > div > h3{ font-size: 24px; }
	.newsAbout > .c-con > section > h3{ font-size: 24px; }
	.newsAbout > .c-con > .news{ margin-right: 0; position: relative; }
	.newsAbout > .c-con > .news > h4{ font-size: 20px; }
}

@media (max-width:480px){	
	
	.fwNav ul{ flex-wrap: wrap; height: auto; display: block;}
	.fwNav ul li{ width: 33.333%; margin-left:0; text-align: left; float: left;}
	.location{ display: block; padding-bottom: 5px;}
	.location h3{ display: inline-block; }
	.location p{ display: block; margin-top: 5px; }
	.colMenu ul li{ width: 50%;}
	.casesList li{ width: 100%;}
	.cultureBrand li .cbItem-about h5{ font-size: 24px; }
	.cultureBrand li .cbItem-about div{ font-size: 16px; }	
	.mContact > .mContactMain > h4{ font-size: 14px; }
	.mContact > .mContactMain > h3{ font-size: 36px; }
	.epHeader > h3{ font-size: 24px; }	
	.busiList > ul > li > a > .busiItem > div > h3{ font-size: 18px; }
}
	
@media (max-width:375px){	
	.cultureBrand li .cbItem-about h5{ font-size: 20px; }
	.cultureBrand li .cbItem-about div{ font-size: 14px; }
	
}