
/*1440*/
@media screen and (max-width: 1440px){
	
	.banner .swiper-container .swiper-slide>img {height: auto;}
	.swiper-index {height: auto;}
	.banner-txt {top: 20%;}

}

/*1280*/
@media screen and (max-width: 1280px){
	/*首页*/
	.header {width: 100%;}
	.logo {width: 24%; padding-left: 6%;}
	.header-wrap {width: 100%;}
	.header-ri {width: 12%;}
	.header-ri .search {float: left;}
	.header-ri .lanuage {float: left;}
	.aside-wrap {right: 4%;}
	
	.swiper-container {width: 100%;}
	.swiper-container .swiper-slide {width: 100%; height: 420px;}
	.swiper-index {height: auto;}
	.banner .swiper-container .swiper-slide>img  {width: 100%; height: auto;}
	.banner-txt {top: 100px;}
	.banner-img{margin-top: 60px;}
	.banner-txt h1 span {font-size: 55px; letter-spacing: 10px;}
	.business-content .content-wrap {width: 100% !important;}
	.content-list ul {width: 100%; padding: 0 2%; text-align: center;}
	.content-list ul li {width: 22%; margin-right: 0; margin: 0 1%;}
	.news-wrap {width: 100%; padding: 0 2%; padding-top: 4%;padding-bottom: 12%;}
	.slideTxtBox .hd { position: absolute; right: 2%;top: 10%;}
	.slideTxtBox .bd .bd-le {width: 48%;}
	.slideTxtBox .bd .bd-le img {width: 100%;}
	.slideTxtBox .bd .bd-ri {width: 50%; margin-left: 2%;}
	
	.footer-wrap {width: 100%; padding: 0 2%;}
	
	.business-title {padding-top: 180px;}
	.business-con {height: 700px;}
	/* 关于*/
	.content-wrap {width: 100%;}
	.about-text {width: 78%; margin-left: 22%; padding-right: 2%;}
	.about-con-img li {width: 50%; }
	.about-con-img li img {width: 100%; height: 100%;}
	
	/*事件*/
	.events-list ul {width: 100%;}
	
	/*layout*/
	.layout-txt img {width: 100%;}
	
	/*indus-oper*/
	.indu-opera-slide .bd .opera-list {height: 260px;}
	.indu-opera-slide .bd {width: 100%;}
	.indu-opera-slide .bd .list-fl {width: 30%; height: 100%; background-size: 110%;}
	.indu-opera-slide .bd .opera-list:hover .list-fl {background-size: 120%;}
	.indu-opera-slide .bd .list-ri {width: 70%; height: 100%;}
	.indu-opera-slide .hd li {width: 25%;}
	.indu-opera-slide .bd .opera-list img { width: 100%; height: 260px;}
	
	
	.fullSlide {width: 100% !important;}
	.fullSlide .bd {width: 100%;}
	.business-detail-txt .detail-txt-fl {width: 60%;}
	.business-detail-txt .detail-txt-ri {width: 36%; margin-left: 4%;}
	.business-op-con .busin-op-img {width: 58%; height: 302px;}
	.business-op-con .busin-op-img  img{width: 100%; height: 302px;}
	.business-op-con .busin-op-txt {width: 42%; margin-left: 0;}
	.business-op-brand ul li {width: 24%; margin-right: 1%;}
	
	.depart-img li {width: 32%;}
	.depart-img li img {width: 100%;}
	
	.trade1 {width: 100%; height: 386px;}
	.trade1 .trade1-txt {width: 76%;}
	.trade1>img {width: 100%; height: 386px;}
	
	
	.trade2 {width: 100%; height: 232px;}
	.trade2 .t2-le-txt {width: 33%;}
	.trade2 .t2-le>img {width: 100%; height: 232px;}
	.trade2 .t2-le {width: 43%;}
	.trade2 .t2-ri {width: 55%; margin-left: 1%;}
	.trade2 .t2-ri-txt {width: 42%;}
	.trade2 .t2-ri>img {width: 100%; height: 232px;}
	
	
	.trade3 {width: 100%; height: 314px;}
	.trade3>img {width: 100%;height: 314px;}
	.trade3 .t3-txt{width: 76%;height: 314px;}
	
	.trade4 {width: 840px; height: 314px;}
	.trade4 .t4-le {width: 840px; height: 314px;}
	.trade4 .t4-le>img {width: 840px; height: 314px;}
	.trade4 .t4-le-txt {width: 840px; height: 314px;}
	
	.trade-company-info {width: 100%;}
	.info-img  img {width: 100%;}
	
	.info-list{width: 49%;  margin-right: 1%;}
	/*news */
	.news-list ul li .news-txt {width: 64%; height: 180px; padding: 26px 50px 14px 46px;}
	.news-list ul li .news-img {width: 36%; height: 180px;}
	.news-list ul li .news-img img{width: 100%; height: 180px;}
	
	.detail-txt img {width: 100%;}
	
	
	
	/*talent*/
	.talent-list {width: 100%; padding: 0 2%;}
	.talent-list li {width: 46%; margin-right:4%; margin-top: 4%; height: auto;}
	.talent-list li>img {width: 100%;}
	.talent-list .img-txt .txt-le{width: 80%;}
	.talent-list .img-txt .txt-ri {width: 20%;}	
	
	.job-in-wz p, .study-in-wz p {width: 100%;}
	.job-in-wz img, .study-in-wz img {width: 100%;}
	.life-in-wz .life-img ul li {width: 49%; margin-right: 2px; margin-top: 1px;}
	.life-in-wz .life-img ul li img {width: 100%;}
	
	.recru-campus, .recru-social {width: 48%;}
	.recru-list dl dt .recru-time {margin-left: 64%;}
	.recru-list dl dt {width: 100%;}
	/*contact*/
	#allmap {width: 100%;}
}

/*1024*/
@media screen and (max-width: 1024px){
	.swiper-index {height: auto;}
	.header {width: 100%;}
	.logo {width: 22%; padding-left: 2%;}
	.header-wrap {width: 100%;}
	.header-nav li a {padding: 35px 20px 30px;}
	.header-ri .search {float: left;}
	.header-ri .lanuage {float: left;}
	
	.business-content .content-wrap {width: 100% !important;}
	.content-list ul {width: 100%;}
	.content-list ul li {width: 22%;}
	
	.banner-txt {width: 100%; margin-left: 0; left: 0; top: 100px;}
	.banner-img {margin-top: 50px;}
	.banner-txt h1 span {font-size: 40px; letter-spacing: 10px;}
	.banner-txt p {letter-spacing: 4px;}
	
	.news-list ul li .news-txt{width: 64%;}
	
	.indu-opera-slide .bd .list-fl {background-size: 110%; padding: 40px 12px 0;}
	.indu-opera-slide .bd .opera-list:hover .list-fl {background-size: 120%;}
}

/*980*/
@media screen and (max-width: 980px){
	.header {width: 100%;}
	.logo {width: 22%; padding-left: 2%;}
	.header-wrap {width: 100%;}
	.header-nav li a {padding: 35px 18px 30px;}
	.header-ri .search {float: left;}
	.header-ri .lanuage {float: left;}
	.business-content .content-wrap {width: 100% !important;}
}

@media screen and (max-width: 980px){
	.indu-opera-slide .bd .list-fl {background-size: 130%; padding: 30px 10px 0;}
	.indu-opera-slide .bd .list-fl-txt p {overflow: hidden;}
}

@media screen and (max-width: 860px) {
	
	.header {
		display: none !important;
	}
	.mheader {
		display: block !important;
	}
	
	.fix {
	position: fixed !important;
	    z-index: 9999;
	    top: 0;
	    right: 0;
	}
	
	.banner {
		width: 100%;
	}
	.business-content {
		width: 100%;
	}
	.footer {
		width: 100%;
	}
	.mheader {
		width: 100%;
		background: #FFF;
		position: relative;
		min-height: 110px;
		overflow: hidden;
	}
	.mlogo {
		background: url(../images/header/logo.svg) no-repeat left center;
		display: inline-block;
		width: 170px;
		height: 58px;
		position: absolute;
		left: 5%;
		top: 30px;
		z-index: 55;
		margin-left: 0px;
	}
	.mnav {
		overflow: hidden;
		width: 100%;
	}
	.mmenu {
		float: right;
		background: url(../images/mobile/m-nav.png) no-repeat 5% 55%;
		width: 72px;
		height: 110px;
		padding-right: 5%;
		opacity: 0.5;
	}
	.mshow {
		display: none;
		width: 100%;
		height: 100%;
		margin-top: 40px;
		padding-bottom: 100px;
		clear: both;
		background: #2f318b;
	}
	.mshow ul {
		clear: both;
		text-align: center;
		border-top: #ccc 1px solid;
	}
	.mshow ul a {
		font-size: 20px;
		line-height: 32px;
		padding: 18px 0;
		border-bottom: #2f218b 1px solid;
		color: #fff;
		text-transform: uppercase;
		z-index: 99;
	}
	.mshow * {
		display: block;
		overflow: hidden;
	}
	.mshowlanguage a {
		border-bottom: #2f218b 1px solid;
		text-align: center;
		display: block;
		font-size: 18px;
		line-height: 32px;
		padding: 14px 0;
		color: #fff;
	}
	.swiper-container {
		width: 100%;
		height: auto;
		position: relative;
	}
	.swiper-container .swiper-slide .ri-le,.swiper-container .swiper-slide .le-ri,.swiper-slide .ri-Mbig, .swiper-slide .ri-mid,.swiper-slide .le-bott {display: none;}
	.swiper-container .swiper-slide>img{ height: auto !important; width: 100%;}
	.p-img {display: none;}
	.m-img {display: block!important;}
	.banner-txt {
		position: absolute;
		min-width: 320px;
		width: 1100px;
		margin-left: -550px;
		top: 120px;
		left: 50%;
		z-index: 99;
		text-align: center;
	}
	.banner-txt h1 span {
		margin-left: 10px;
		font-size: 32px;
		letter-spacing: 6px;
	}
	.banner-txt p {
		font-size: 14px;
		margin-top: 20px;
		letter-spacing: 0;
	}
	.banner-txt p.b3 {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 36px;
	}
	.banner-txt p.b4 {
		font-size: 14px;
		letter-spacing: 0;
	}
	.banner-txt .banner-img {
		margin-top: 40px;
	}
	.banner-txt .banner-img img {width: 22%;}
	.business-content .content-wrap {
		width: 100%;
	}
	.content-wrap .content-title {
		margin-top: 50px;
	}
	.content-title h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.content-list ul {
		width: 100%;
		text-align: center;
		margin-top: 50px;
		height: auto;
		margin-bottom: 70px;
	}
	.content-list ul li {
		width: 36%;
		margin: 4%;
		border: 1px solid #d8d8d8;
		display: inline-block;
		height: 130px;
		cursor: pointer;
	}
	.content-list ul li a {padding-top:14px;}
	.content-list ul li img {margin-top: 20px;}
	.news-content .news-wrap{
		width: 100% !important;
		position: relative;
		padding-top: 20px;
		padding-bottom: 50px;
	}	
	.news-title {
		width: 96%; 
		text-align: center;
		margin: 0 auto;
		
		}
	.slideTxtBox .hd {
		position: absolute;
		right: 0;
		top: 130px;
		width: 90%;
    	margin: 0 auto;
	}
	.slideTxtBox .hd li {
		width: 30%;
	}
	.slideTxtBox .bd {
		width: 90%;
		margin: 0 auto;
	}
	.slideTxtBox .bd ul {margin-top: 60px;}
	.slideTxtBox .bd .bd-le {
		display: none;
	}
	.slideTxtBox .bd .bd-le img {
		width: 100%;
	}
	.slideTxtBox .bd .bd-ri {
		width: 100%;
		margin: 0 auto;
	}
	.slideTxtBox .bd .bd-ri li,.slideTxtBox .bd .bd-ri li p {
		width: 100%;
	}
	.slideTxtBox .bd .bd-ri li{padding: 36px 24px 46px 32px;} 
	.slideTxtBox .bd .bd-ri li h4 {height: 20px; line-height: 20px; overflow: hidden;}
	.slideTxtBox .bd .bd-ri li .detail .date {position: absolute; top: 8px;}
	.slideTxtBox .bd .bd-ri li p {line-height: 26px; height: 52px; overflow: hidden; margin-top: 10px;min-height: auto;}
	.slideTxtBox .bd .bd-ri .detail-icon {top: 120px;}
	.aside-wrap {display: none !important;}
	.slideTxtBox .bd .bd-ri li .detail {display:none;}
	.slideTxtBox .bd .bd-le {width: 100%;padding: 32px 5%;margin-top: 0px;}
	
	.footer-wrap {
		width: 100%;
	}
	.footer {height: auto !important; padding-bottom: 20px;}
	.footer-wrap .footer-fl{
		float: none;
	    width: 100%;
	    height: auto;
	    text-align: center;
	}
	.footer-wrap .footer-fl ul {
		width: 96%;
	    height: auto;
	    padding-top: 20px;
	    padding-bottom: 10px;
	}
	.footer-wrap .footer-fl ul li {
		float: none;
		display: inline-block;
		margin-left: 2px;
		line-height: 30px;
	}
	.footer-wrap .footer-ri {
		float: none;
		text-align: center;
		line-height: 40px;
	}
	
	/*about*/
	.about-banner {width: 100%; height: 220px;}
	.content-wrap {width: 100%;}
	.about-aside {width: 100%;}
	.about-aside-header{
		display: none;
		background: #222484 !important;
	    width: 100%!important;
	    height: auto !important;
	    padding: 10px 0px 10px 0px !important;
	    text-align: center;
	}
	.about-aside {position: absolute; top: 0; left: 0;}
	.about-aside-header h2 {display: inline-block;}
	.about-aside-header strong {display: none;}
	.about-aside .aside-nav {width: 100%; padding: 0 5%; border-radius: 0;}
	.about-aside .aside-nav li {width: 32%;display: inline-block;border:0; text-align: center;}
	.content-wrap .swiper-container .swiper-slide {height: auto;}
	
	.about-text {width: 100%; margin-left: 0; padding-top: 70px; padding-bottom: 50px; padding-right: 0;}
	.about-text .about-text-nav {display: none;}
	.about-text .about-text-con {width: 100%; padding:0 4%;}
	.about-con-title h2 {font-size: 26px; line-height: 38px;}
	.about-con-title {text-align: center; margin-top: 24px;}
	.about-con-img {width: 100%;}
	.about-con-img li {width: 100%; height: auto; float: none; margin-top: -4px;}
	.about-aside .aside-nav li a {text-indent: 0; text-align: center; }
	.about-con-img li img{width: 100%;}
	.about-con-img li.li-txt {padding: 40px;}
	.about-con-img li:nth-of-type(3) {margin-top: 20px;}
	.about-con-img li:nth-of-type(5) {margin-top: 20px;}
	
	
	/*event*/
	.events-list {width: 100%;}
	.middle-line {display: none;}
	.events-list ul {padding-top: 0; background-image: none;}
	.events-list .list-doc {display: none;}
	.events-list li {width: 100%; margin-top: 20px;}
	.events-list li img{width: 100%;}
	.events-list li:nth-of-type(even) {margin-left: 0;}
	.events-list li .year {display: none;}
	
	      
	/*layout*/
	.layout-txt img {width: 100%;}
	.about-text-con>p {margin-top: 10px;}
	
	/*business*/
	.business-con {width: 100%;}
	.business-title {width: 100%; padding-top: 32%;}
	
	
	/*businesss-opera*/
	.about-aside .mobile-aside-nav li{width: 24%;}
	.business-op-con .busin-op-img {float: none; width: 100%;}
	.business-op-con {width: 100%;}
	.business-op-con .busin-op-img img{width: 100%;}
	.business-op-con .busin-op-txt {float: none; width: 100%; padding: 0 14px;}
	.business-op-brand {width: 100%;}
	.business-op-brand h5 {text-align: center; font-size: 18px;}
	.business-op-brand ul {width: 100%; margin-top: 30px;}
	.business-op-brand ul li {float: none; display: inline-block; width: 48%; margin: 2px;}
	.business-site, .business-tele {
		padding-left: 50px;
		padding-right: 8px;
	}
	.business-site {
   		 background: url(../images/business/business-site.png) no-repeat 10px center;
   	}
	.business-tele {
    	background: url(../images/business/business-tele.png) no-repeat 10px center;
    }
    
    /*industrial*/
   .indu-opera-slide .hd {width:100%}
   .indu-opera-slide .hd li {width: 25%; font-size: 12px; margin-right: -5px;}
   .indu-opera-slide .bd {width: 100%;}
   .indu-opera-slide .bd .opera-list {width: 100%; height: auto; margin-top: 0; margin-bottom: 30px;}
   .indu-opera-slide .bd .opera-list:nth-of-type(odd) .list-ri {float: none;}
   .indu-opera-slide .bd .list-fl {width: 100%; float: none;height: auto; padding: 30px 0 0 30px; background-size: 100%!important;}
   .indu-opera-slide .bd .list-fl-txt h4 {height: 24px; overflow: hidden;}
   .indu-opera-slide .bd .list-fl .list-fl-txt {width: 100%; padding-bottom: 20px;}
   .indu-opera-slide .bd .opera-list:nth-of-type(even) .list-fl {height: auto;}
   .indu-opera-slide .bd .opera-list .list-ri .list-ri-img {height: auto; overflow: inherit;}
   .indu-opera-slide .bd .opera-list:nth-of-type(odd) .list-ri {height: auto;}
   .indu-opera-slide .bd .list-fl-txt p {display: none;}
   .indu-opera-slide .bd .list-fl-txt .show-detail {margin-top: 10px;}
   .indu-opera-slide .bd .opera-list .list-ri {width: 100%;}
  	.indu-opera-slide .bd .opera-list img {width: 100%; height: 200px;}
    
   
    /*business-detail*/
   .busin-de-txt {padding: 0 4%; padding-bottom: 50px;}
   .busin-de-txt .swiper-container {width: 100%; height: auto; margin-top: 80px;}
   .busin-de-txt .swiper-container img {width: 100%; height: auto;}
   .fullSlide {width: 100% !important; padding: 0 4%;}
   .fullSlide .bd ul {width: 100% !important; }
    .fullSlide .bd ul li a img{width: 100%;}
    .business-detail-title {width: 100%; text-align: center; padding: 0 4%;  padding-bottom: 20px;} 
    .business-detail-txt {width: 100%; margin-top: 6%;}
    .business-detail-txt .detail-txt-fl{float: none; width: 100%;}
    .business-detail-txt .detail-txt-ri{margin-left: 0; width: 100%; text-align: center; margin-top: 30px;}
    .business-detail-txt .detail-txt-fl strong, .business-detail-txt .detail-txt-ri strong{display: block; text-align: center;}
    
    .detail-list dl {width: 100%; margin-top: 48px;}
    /*depart*/
    .depart-txt p {padding: 0 14px; line-height: 26px; margin-bottom: 22px;}
    .depart-site {margin-top: 40px;}
    .depart-img {height: auto; margin-top: 26px;}
    .depart-img li {width: 100%; margin-right: 0; margin-top: 20px;}
    .depart-img li img {width: 100%;}
    
    /*trade*/
   .trade-img>div {margin-top: 20px;}
   .trade-img {width: 100%;}
   .trade-img>div {width: 100%; height: 220px;}
   .trade1 {height: 220px;}
   .trade1>img {width: 100%; height: 220px;}
   .trade1 .trade1-txt {width: 92%; height: 220px;}
   .trade1 .trade1-txt>img {margin-top: 70px;}
   
   .trade2,.trade4{height: auto !important;}
   .trade2 .t2-le,.trade4 .t4-le {width: 100%; height: 220px; display: block;}
   
   .trade2 .t2-le>img,.trade4 .t4-le>img {width: 100%; height: 220px;}
   .trade2 .t2-le-txt, .trade4 .t4-le-txt {width: 92%; height: 220px;}
   
   .trade2 .t2-ri,.trade4 .t4-ri {width: 100%; margin-left: 0px; height: 220px; display: block; margin-top: 20px;}
   .trade2 .t2-ri>img,.trade4 .t4-ri>img {width: 100%; height: 220px;}
   .trade2 .t2-ri-txt, .trade4 .t4-ri-txt{width: 92%; height: 220px;}
   
   .trade3, .trade5{height: 220px;}
   .trade3 .t3-txt ,.trade5 .t5-txt{width: 92%;}
   
   .trade3>img, .trade5>img{width: 100%; height: 220px;}
   .trade3 .t3-txt,.trade5 .t5-txt {height: 220px;}
   .trade3 .t3-txt>img,.trade5 .t5-txt>img {margin-top: 70px;}
   .trade4 .t4-le-txt>img {margin-top: 70px;}
   .trade-company-info {width: 100%;}
   .info-img img {width: 100%; height: 80px;}
   .info-img p {position: absolute; top: 32px; left: 30%;}
   
   .info-list {width: 100%; padding: 16px 10px 20px 10px; margin-right: 0; margin-top: 20px;}
   
   
   /*news*/
  .news-header h2 {font-size: 28px;}
  .news-list ul li {width: 100%; margin-bottom: 30px;}
  .news-list ul li .news-img {width: 100%; height: auto; float: none;max-width:100%;}
  .news-list ul li .news-img img {width: 100%; height: auto;min-height:auto;}
  .news-list ul li .news-txt {width: 100%; height: auto; padding: 5%; float: none; margin-top: -4px;}
  .news-list ul li .news-txt h4 {margin-top: 10px;}
  .news-list ul li .news-txt p {height: auto; overflow: hidden;}
  .news-page a{width: 18%;}
  .news-detail-con .news-page-butt a {line-height: 28px;}
  .news-page {text-align: center;}

	/*news-detail*/
	.news-detail-con {padding: 0 5%;}
	.news-detail-con .detail-title {margin-top: 20px;}
	.detail-txt img {width: 100%;}
	.news-detail-con .news-return {margin-top: 10px;}
	/*talent*/
	.talent-list {width: 100%;}
	.talent-list li {width: 100%; height: auto; margin-top: 0; margin-bottom: 4%; margin-right: 0;}
	.talent-list li img {width: 100%;}
	.talent-list .img-txt {width: 100%;}
	.talent-list .img-txt .txt-le {width: 68%;}
	.talent-list .img-txt .txt-ri {width: 32%;}
	.talent-list .img-txt .txt-ri img {width: 40px; height: 40px; margin-top: 18px;}
	
	/*join*/
	.job-in-wz img{width: 100%;}
	.job-in-wz p, .study-in-wz p {width: 100%;}
	.life-in-wz .life-img ul li {width: 100%;margin-right: 0; margin-bottom: 20px;}
	.life-in-wz .life-img ul li img {width: 100%;}
	.study-in-wz img {width: 100%;}
	
	/*recur*/
	.recru-con {width: 100%; height: auto;}
	.recru-campus, .recru-social {float: none; width: 100%; overflow: hidden; margin-left: 0; margin-bottom: 20px;}
	.recru-campus-inner img, .recru-social-inner img {height: auto;}
	.recru-campus-inner span, .recru-social-inner span {margin-top: 10px;}
	
	/*recu-detail*/
	.recru-list dl dt {width: 100%;}
	.recru-list dl dt {padding-left: 3%;}
	.recru-list dl dt .recru-name {width: 40%; font-size: 12px;}
	.recru-list dl dt .recru-time {margin-left: 3%; width: 30%;}
	.recru-list dl dt .recru-icon {width: 16%; margin-left: 3%;}
	.white_content {width: 80%; padding: 20px;}
	.inputs {margin-top: 30px; width: 100%;font-size: 14px;padding: 6% 10px;}
	.filename {width: 65%; font-size: 14px; padding:  6% 10px;}
	.grayBtn {width: 30%; margin-left: 5%;padding: 5% 10px; font-size: 14px;}
	.tjbtn{font-size: 14px;padding: 5% 15px!important;}
	
	/*contact*/
	.m-contact-nav {text-align: center !important; }
	#allmap {width: 100% !important;}
	.map-txt {padding: 0 4%;}
	
	
	
	/*business-de**/
	.bus-img {display: none!important;}
	.m-bus-img {display: block!important;}
	.business-return {width: 80px;}
}


