@media screen and (min-width:1601px) {
	.branditem {
		float: right;
		height: 47px;
	}

	.footList dd {
		width: 33%;
		float: right;
		display: block;
	}

	.footList dd.lin3 {
		text-align: left;
		float: left;
	}

	.specialBox .con .t {
		font-size: 60px;
	}

	.specialBox .con .c {
		font-size: 40px;
	}

	#serPage5 .mz5,
	#serPage5 .mz6 {
		font-size: 139px;
	}

	.storyPage .con .t {
		font-size: 32px;
		height: 106px;
	}

	.joinT {
		font-size: 42px;
	}

	.joinP5List dd {
		margin-left: 1%;
		width: 19%;
	}

	/*add*/
	.pbanner .addCon .zh {
		font-size: 40px;
	}

	.type-one .t {
		font-size: 22px;
	}

	.type-one .con .more {
		height: 62px;
		line-height: 62px;
	}

	.jnew-Pbox-t {
		width: 28%;
	}

	.jnew-Pbox-c {
		width: 72%;
	}

	.jnew-Pbox-t .t .en {
		font-size: 30px;
	}

	.type-two .t {
		font-size: 32px;
	}

	.institutionsList li {
		font-size: 16px;
	}

	.com-con {
		top: 35%;
	}

	.com-con .num {
		font-size: 240px;
	}

	.com-con .name {
		font-size: 60px;
	}
}

@media screen and (max-width:1440px) {
	.firstNewBox .con .t {
		font-size: 22px;
		height: 62px;
		overflow: hidden;
	}

	.specialBox .con .t {
		font-size: 50px;
	}

	.storyPageIDL .con .year {
		left: 10%;
		top: -50px;
	}

	.storyPageIDL .con .txt {
		left: 10%;
		top: 30px;
	}

	.storyPageIDL .con .imgP {
		width: 620px;
	}

	.proListBanner .proinner {
		height: 360px;
		margin-top: -180px;
	}

	.proListBanner .pcon {
		padding: 44px 8%;
	}

	.proListBanner .t .name {
		font-size: 62px;
	}

	.proListBanner .c {
		font-size: 14px;
		width: 90%;
		margin-top: 25px;
		height: 164px;
	}

	.proListBanner .title {
		font-size: 24px;
	}

	.proListBanner .mz6,
	.proListBanner .mz7 {
		font-size: 80px;
	}

	.proListBanner .ico {
		width: 60px;
	}

	.pbanner-box .t {
		font-size: 40px;
	}

	.pbanner-box .c {
		font-size: 18px;
	}
}

@media screen and (max-width:1370px) {
	.binbox {
		top: 20%;
	}

	.binbox .t {
		font-size: 44px;
	}

	.binbox .bot {
		margin: 25px auto 10%;
	}

	.newIimg .newIbox {
		padding: 0px 15px;
	}

	.newIimg .img {
		padding-top: 15px;
	}

	.newIimg .con {
		bottom: 15px;
		padding-top: 6px;
		height: 90px;
		position: initial;
	}

	.newIimg .con .t {
		margin-bottom: 6px;
	}

	.newIimgDemo .slick-arrow {
		margin-top: -56px;
	}

	.iboxT .zh {
		font-size: 40px;
	}

	.moreR {
		width: 196px;
	}

	.productIList a {
		padding-left: 10%;
		height: 80px;
	}

	.productIList .ico {
		padding: 30px 0px;
		width: 60px;
	}

	.productIList .line_1 {
		right: 37px;
	}

	.productIList .line_2 {
		right: 50px;
	}

	.firstNewBox .con {
		width: 35%;
	}

	.specialBox .con .t {
		font-size: 40px;
	}

	.visitem .c {
		width: 100%;
	}

	#serPage2 .boxCon .t {
		margin-bottom: 18%;
	}

	.linianImg2 .t .by {
		font-size: 28px;
	}

	.serT {
		font-size: 45px;
	}

	.serT2 {
		font-size: 30px;
	}

	#videoPage .t {
		font-size: 24px;
		padding: 80px 0px;
	}

	.videopBOX {
		height: 400px;
	}

	.storyPageIDL .con {
		width: 100%;
	}

	.storyPageIDL .img {
		width: 40%;
		display: none;
	}

	.pbanner-box .t {
		font-size: 34px;
	}

	.pbanner-box .c {
		font-size: 16px;
	}
}

@media screen and (max-width:1280px) {
	.inner {
		width: 1000px;
	}

	.logo {
		padding: 28px 3% 28px 2%;
	}

	.nav {
		float: left;
		display: block;
	}

	.serviceBox {
		right: 2%;
	}

	.sharpBox,
	.serviceBox {
		right: 1%;
	}

	.binbox .bot {
		margin: 25px auto 8%;
	}

	.serviceIlist,
	.cinner {
		width: 1000px;
	}

	.firstNewBox .slick-dots {
		bottom: 80px;
	}

	.firstNewBox .slick-dots li {
		margin: 0px 5px;
		width: 30px;
	}

	.firstNewBox .slick-dots li a {
		width: 30px;
	}

	.specialBox .con {
		width: 1000px;
		margin-left: -500px;
	}

	.specialBox .con .t {
		font-size: 35px;
	}

	.specialBox .con .c {
		font-size: 28px;
	}

	.socialPage,
	.environmentalPage {
		width: 495px;
	}

	.employeePage {
		width: 726px;
	}

	.enterpriseHonorPage {
		width: 262px;
	}

	.honorPage .con {
		width: 400px;
	}

	.honorPage .img {
		width: 412px;
	}

	.coreList li .n {
		width: 100%;
	}

	#serPage2 .boxCon .t {
		margin-bottom: 15%;
	}

	.linianImg2 .t .by {
		font-size: 24px;
	}

	.serT {
		font-size: 40px;
	}

	.serT2 {
		font-size: 28px;
	}

	.specialItem1 .con .t {
		line-height: 1.5;
		margin-top: 0px;
	}

	.joinP2List dd .t .name {
		font-size: 24px;
	}

	.storyPageIDL .con .imgP {
		width: 470px;
	}

	.storyPageIDL .con {
		height: 300px;
		margin-top: 70px;
	}

	.proInfoBox dd .con {
		width: 80%;
	}

	.proInfoBox dd .con .t {
		font-size: 18px;
		margin-bottom: 15px;
	}

	#joinPage4 {
		width: 100%;
	}

	.pbanner-box {
		margin-left: -500px;
	}

	.mapCon {
		width: 100%;
	}
}

@media screen and (max-width:1200px) {
	.com-pro li {
		width: 100px;
	}

	.com-pro .bot {
		width: 98px;
		height: 82px;
	}

	.comBot {
		height: 84px;
	}

	.comBot .clogo {
		padding: 34px 20px 35px;
	}

	.comBot .clogo img {
		width: 168px;
	}

	.mz-link2 .name {
		padding-top: 50px;
		background-position: center 20px;
	}

	.com-con {
		padding-left: 140px;
	}

	.com-con .name {
		font-size: 30px;
	}

	.com-con .en {
		font-size: 16px;
	}

	.com-con .num {
		font-size: 150px;
	}

	.com-more {
		margin-top: 35px;
		height: 40px;
		line-height: 40px;
	}

	.com-more i {
		background-size: 50% auto;
	}

	.community-ibox {
		padding: 60px 0px;
	}

	.community-ilist {
		width: 850px;
	}

	.community-ilist .item1 {
		width: 100%;
	}

	.ar-list-box {
		width: 410px;
	}

	.community-ilist .item2 {
		margin-left: 0px;
		height: auto;
		width: 100%;
	}

	.rb-ibox {
		height: auto;
		padding: 35px 0px;
	}

	.community-ilist .item3 {
		width: 100%;
		height: auto;
	}

	.community-ilist .item3 .ic {
		height: auto;
		padding: 25px 0px 15px;
	}

	.zm-ibox li {
		width: 23%;
	}

	.community-ilist .item4 {
		margin-left: 0px;
		width: 452px;
	}

	.page-menu {
		margin-left: -500px;
	}

	.mzinner {
		width: 735px;
	}

	#slider {
		width: 1000px;
	}
}

@media screen and (max-width:1024px) {
	.vwrap .videobox {
		width: 700px;
		margin-left: -350px;
	}

	.inner {
		width: 90%;
		height: auto;
	}

	.top {
		height: 70px;
	}

	.nav,
	.sharpBox {
		display: none;
	}

	.menu-handler {
		display: block;
	}

	.pro_r {
		display: block;
		overflow: hidden;
	}

	.pro_r li {
		width: 48%;
		float: left;
		margin: 1%;

	}

	.pro_r li img {
		width: 100%;


	}

	.picBox {
		/* display: none !important; */
	}

	.navMobile {
		padding: 0;
		padding-top: 5%;
	}

	.logo {
		margin: 0px 2%;
		padding: 6px 0px;
	}

	.logo2 {
		background-color: #fff;
		display: block;
		padding: 10px;
		box-sizing: border-box;
	}

	.logo2 a img {
		display: block;
		margin: 0px auto;
		width: 50%;
	}

	.pagenav {
		margin-top: 10px;
		height: auto;

	}

	.mtop {
		height: 60px;
	}

	.banner .item {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		height: 250px;
	}

	.banner .item .pimg {
		display: none;
	}

	.binbox {
		width: 80%;
		left: 10%;
		margin-left: 0px;
	}

	.binbox .t {
		font-size: 38px;
	}

	.binbox .c {
		font-size: 18px;
	}

	.binbox .bot {
		margin: 0px;
		display: none;
	}

	.binbox .more {
		width: 140px;
		height: 40px;
		line-height: 40px;
		margin-top: 30px;
	}

	.iboxList {
		padding: 0px;
	}

	.iboxList dd {
		width: 50%;
		margin-top: 5px;
	}

	.newIimg {
		top: 50%;
		height: 50%;
	}

	.iboxT {
		padding: 20px 0px 20px;
	}

	.iboxT .zh {
		font-size: 38px;
		margin-bottom: 0;
	}

	.productIpage {
		padding-bottom: 100px;
	}

	.productIdemo .moreR {
		bottom: 0;
	}

	.productIList a {
		padding-left: 5%;
	}

	.productIList .t {
		padding: 32px 0 5px;
	}

	.productIList .con {
		width: 300px;
		padding: 0px 0px 0px 70px;
		height: 140px;
	}

	.productIList .c {
		height: 50px;
	}

	.productIList a:hover .t {
		padding-top: 20px;
	}

	.serviceIlist {
		width: 90%;
	}

	.serviceIlist a {
		width: 170px;
		height: 170px;
	}

	.serviceIlist .y1 {
		box-sizing: border-box;
		border: 1px solid #969696;
		border-radius: 50%;
		background: none;
	}

	.serviceIlist .y2 {
		box-sizing: border-box;
		border-radius: 50%;
		background: none rgb(205, 0, 15);
	}

	.serviceIlist .txt {
		top: 5%;
	}

	.transbg {
		background-attachment: initial;
	}

	.cinner {
		width: 80%;
	}

	.companyIpage {
		padding-bottom: 105px;
		padding-top: 50px;
	}

	.companyIbox .c {
		width: 100%;

	}

	.telbox .tel {
		font-size: 30px;
	}

	.navMobile .subnav {
		display: none;

	}

	.navMobile .subnav dd {
		margin-bottom: 0;
		padding: 2px 0;

	}

	.serviceIbox,
	.aboutIbox,
	.storyPageIbox {
		display: none;

	}

	.productIList .ico .i1 {
		width: 35px;
		height: 34px;
		background: url(../images/ico30.png);
	}

	.productIList .ico .i2 {
		width: 35px;
		height: 35px;
		background: url(../images/ico100.png);
	}

	.productIList .ico .i3 {
		width: 35px;
		height: 32px;
		background: url(../images/ico0.png);
	}

	.content2 {
		width: 90% !important;
		margin: 0 5%;
		line-height: 25px !important;

	}

	.content2 img {
		width: 90% !important;
		margin: 0 auto;
	}

	.content2 p,
	.content2 p span {
		line-height: 25px !important;

	}

	.usertel {

		width: 90% !important;

	}

	.guestinfo {
		width: 88% !important;
		float: inherit !important;

	}

	.page2 li {
		width: 100% !important;
		text-align: left !important;
		margin-top: 10px;

	}

	.prointr img,
	.block img {
		width: 90% !important;

	}

	.logo img {
		width: 70%;
		margin-top: 5px;


	}

	.page2 {

		overflow: hidden;
	}

	.page2 li span {
		padding: 3px 10px !important;
	}

	.brandIbox .moreBot {
		visibility: visible;
		-webkit-transform: perspective(600px) rotateX(0deg);
		-moz-transform: perspective(600px) rotateX(0deg);
		-ms-transform: perspective(600px) rotateX(0deg);
		transform: perspective(600px) rotateX(0deg);
	}

	.firstNewBox .img {
		width: 50%;
	}

	.firstNewBox .con .c {
		display: none;
	}

	.newUl li {
		width: 90%;
		margin: 0 5% !important;
	}

	.ninfoT .t {
		width: auto;
	}

	.ninfoC .pageC {
		width: 76%;
	}

	.pager a {
		padding: 15px 0px;
	}

	.specialBox .con {
		width: 90%;
		left: 5%;
		margin-left: 0px;
		top: 15%;
	}

	.specialBox .con .t {
		font-size: 30px;
	}

	.specialBox .con .c {
		width: 100%;
		font-size: 24px;
	}

	.specialBox .more {
		width: 170px;
		height: 40px;
		line-height: 40px;
	}

	.socialPage,
	.environmentalPage {
		width: 49.5%;
	}

	.socialPage {
		margin-right: 1%;
	}

	.employeePage {
		width: 64%;
		margin-right: 1%;
	}

	.enterpriseHonorPage {
		width: 35%;
	}

	.responsibilityIpage dd {
		margin-bottom: 1%;
	}

	.standardImg {
		padding: 0px 40px;
	}

	.standardImg .slick-prev {
		left: 0px;
	}

	.standardImg .slick-next {
		right: 0px;
	}

	.aboutNav {
		left: 0%;
		width: 100%;
		margin-left: 0px;
	}

	.companyIbox .t {
		font-size: 34px;
	}

	.companyPage .mz2 {
		font-size: 80px;
	}

	.companyBox {
		padding: 35px 5% 70px;
		width: 70%;
	}

	.honorPage .leftBox,
	.honorPage .rightBox {
		float: none;
		width: 100%;
		padding: 90px 0px;
	}

	.honorPage .con {
		width: 80%;
		margin-right: 10%;
		float: none;
		margin: 0px auto;
		text-align: center;
	}

	.honorPage .img {
		width: 500px;
		margin: 0px auto;
	}

	.visionBox {
		width: 100%;
	}

	.visionBox dd {
		height: auto;
	}

	.pagenav.fixed {
		top: 60px;
	}

	.pagenavBox {
		height: auto;
		position: relative;
	}

	.cpnav {
		display: block;
	}

	.pagenav .pnavbox {
		line-height: 1.5;
	}

	.pnavbox {
		position: absolute;
		left: 0px;
		top: 50px;
		width: 100%;
		z-index: 800;
		display: none;
	}

	.pnavbox a {
		width: 100%;
		display: block;
		border-right: 0px none;
		background-color: rgba(186, 0, 42, 0.7);
		padding: 10px 0px;
		color: #fff;
	}

	.pnavbox a .bot {
		display: none;
	}

	.pnavbox a:hover,
	.pnavbox a.act {
		background-color: rgba(186, 0, 42, 0.8);
	}

	.pnavbox span {
		display: none;
	}

	.pnavbox span.name {
		display: block;
	}

	.pbanner2 {
		margin-top: 0px;
	}

	.servicePage {
		padding: 60px 0px 0px;
		width: 100%;
	}

	.servicePage .bg {
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		background: none rgba(255, 255, 255, 0.3);
		width: 160px;
		height: 160px;
		margin: -80px 0px 0px -80px;
	}

	.servicePage #serPage2 .t {
		font-size: 18px;
	}

	.linianImg2 {
		width: 100%;
	}

	#serPage4 {
		width: 100%;
		padding: 15% 0px 0px;
	}

	.slider-for,
	.slider-nav {
		width: 90%;
	}

	.zhinanList li {
		width: 33.33%;
		margin-bottom: 20px;
	}

	.mapCon {
		width: 100%;
	}

	.mapCon dd {
		padding: 0px 5%;
		width: 90%;
		float: none;
	}

	.mapCon .ewm {
		float: none;
		margin-right: 0px;
		margin-left: 18px;
	}

	.mapbox {
		height: 360px;
	}

	.specialItem2 li {
		width: 49%;
	}

	.specialItem3 {
		padding-bottom: 60px;
	}

	.specialItem3 .img {
		float: none;
		margin: 0px auto 20px;
	}

	.specialItem1 .con .t {
		font-size: 22px;
	}

	.specialItem1 .infoI {
		padding: 5% 0px;
	}

	.specialItem1 .con .c {
		height: 100px;
		margin-bottom: 25px;
	}

	.specialItem1 dd {
		float: none;
		width: auto;
	}

	.specialItem1 .img {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.storyPage .con .t {
		height: auto;
		font-size: 24px;
	}

	.sotreQueryList li {
		width: 48%;
	}

	.partnerInfoPage {
		width: 90%;
	}

	.partnerInfoPage .tname {
		font-size: 26px;
	}

	.pbanner-box {
		margin-left: 0px;
		left: 5%;
	}

	.pbanner-box .t {
		font-size: 30px;
	}

	.pbanner-box .c {
		margin: 15px auto 4%;
	}

	#joinPage4 {
		width: 100%;
	}

	.procesList dd {
		width: 20%;
	}

	.joinP5List dd {
		width: 49%;
	}

	.joinP5List .bot .name {
		font-size: 22px;
	}

	.joinP1List dd .t {
		width: 80%;
		padding: 0px 10%;
	}

	.joinP1List dd .con {
		width: 80%;
		padding: 0px 10%;
		float: none;
	}

	.joinP2List dd.act,
	.joinP2List dd {
		float: none;
		width: 100%;
		height: auto;
	}

	.joinP2List dd .box {
		padding: 100px 0px;
	}

	.joinP2List dd.act .num,
	.joinP2List dd .num {
		font-size: 80px;
		line-height: 1.5;
	}

	.joinP2List dd.act .t,
	.joinP2List dd .t {
		position: relative;
		left: auto;
		top: auto;
		width: 80%;
		margin: 0px auto 40px;
	}

	.joinP2List dd.act .c,
	.joinP2List dd .c {
		position: relative;
		left: auto;
		top: auto;
		width: 80%;
		margin: 0px auto;
		height: auto;
	}

	.joinP2List dd .bg {
		background-color: rgba(255, 255, 255, 0.9);
		z-index: 0;
	}

	.joinP2List dd .num {
		color: #323232;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.joinP2List dd .t {
		color: #e60012;
	}

	.joinP2List dd .c {
		opacity: 1;
		visibility: visible;
	}

	.joinP6List {
		width: 90%;
	}

	.joinP6List .telIbox {
		float: none;
		width: auto;
		margin: 0px 0px 20px 0px;
	}

	.telIbox select.selbox {
		width: 240px;
	}

	.joinP6List .formBox {
		float: none;
		width: auto;
	}

	.historyImg .con {
		padding: 150px 0px;
	}

	.historyDemo {
		width: 90%;
	}

	.brandStoryDL dd {
		background-color: #fff;
		margin-bottom: 20px;
	}

	.brandStoryDL dd .img {
		height: auto;
	}

	.brandStoryDL dd .imgbox {
		display: block;
		opacity: 1;
		visibility: visible;
	}

	.brandStoryDL dd .line {
		opacity: 0px;
		visibility: hidden;
	}

	.brandStoryDL dd .time,
	.brandStoryDL dd:hover .time,
	.brandStoryDL .two .time {
		color: #c80000;
		font-size: 22px;
		line-height: 1;
		margin-left: 35px;
		text-align: left;
	}

	.storyPageIDL {
		margin-top: -70px;

	}

	.storyPageIDL .con:first-child {
		height: 250px;
	}

	.container {
		width: 100% !important;
		margin: 0 auto;
	}

	.brandStoryDL dd .time .y2,
	.brandStoryDL dd:hover .time .y2 {
		position: relative;
		top: 0px;
		left: 0px;
	}

	.brandStoryDL dd .time .zs,
	.brandStoryDL dd:hover .time .zs {
		opacity: 0;
		visibility: hidden;
		color: #000;
	}

	.brandStoryDL dd .con .t {
		font-size: 30px;
		padding-top: 30px;
	}

	.storyPageIboxt {
		width: auto;
		padding: 20px 30px;
	}

	/*	.storyPageIDL dd{ margin-bottom: 70px;}*/
	.storyPageIDL .con .imgP {
		width: 30%;
	}

	.storyPageIDL dd:last-child .con .imgP {
		width: 20%;
	}

	.storyPageIDL .con .year {
		font-size: 32px;
	}

	.storyPageIDL .con .txt,
	.storyPageIDL .two .con .txt {
		width: 80%;
	}

	.maincontent-inner,
	#articlebox .artcontent,
	#videoview,
	#ckplayer_a1 {
		width: 95% !important;


	}

	.artcontent span {
		line-height: 30px !important;
		font-size: 14px !important;
	}

	.videolist li {
		width: 95% !important;

	}

	#videoview p img {
		width: 100% !important;
		height: auto;
	}

	.prodetails {
		width: 90% !important;
		margin-left: 5%;
	}

	.storyPageIDL .two .con .year {
		right: 10%;
		width: 80%;
	}

	.storyPageIDL .two .con .txt {
		right: 10%;
	}

	.storyPageIbox .moreR {
		bottom: 0px;
	}

	.pagenavBox2 .pnavbox .pi {
		display: none;
	}

	.pagenavBox2 .pnavbox a {
		padding: 14px 0px;
		height: auto;
	}

	.proListBanner {
		margin-bottom: 20px !important;
		width: 100%;
		margin: 0px auto;
		height: 150px !important;
	}

	.proListBanner p {
		font-size: 32px !important;
		padding-top: 30px !important
	}

	.proListBanner .img {
		display: none;
	}

	.proListBanner .proinner {
		position: relative;
		left: auto;
		bottom: auto;
		margin: 0px;
		width: auto;
		height: auto;
	}

	.proListBanner .pcon {
		padding: 8%;
	}

	.proListBanner .c {
		height: auto;
		width: auto;
		margin-top: 30px;
	}

	.proListBanner .mz6 {
		bottom: 12%;
	}

	.proListBanner .mz7 {
		bottom: 7%;
	}

	.proInfoBox {
		width: 90%;
	}

	.proInfoBox dd .con {
		box-sizing: border-box;
		width: 100%;
		padding: 15px 5%;
	}

	.proInfoBox dd .con .t {
		margin-bottom: 0px;
	}

	.prolistPage {
		width: 90%;
	}

	.prolist {
		margin-left: 0px;
	}

	.prolist dd {
		width: 100%;
		margin-left: 0px;
		float: none;
	}

	.prolist .two .img {
		margin-left: 0%;
	}

	.prolist .two .name {
		left: 78%;
	}

	.prolist .two .linkbox {
		right: 3%;
	}

	/*	.prolist dd:nth-child(2n) .img,.prolist dd:nth-child(2n).two .img{ margin-left: 24%;}*/
	.prolist dd:nth-child(2n) .name,
	.prolist dd:nth-child(2n).two .name {
		left: 2%;
	}

	.prolist dd:nth-child(2n) .linkbox,
	.prolist dd:nth-child(2n).two .linkbox {
		right: 78%;
	}

	.proBot {
		padding: 50px 0px;
	}

	.proBot .moreR {
		position: relative;
		bottom: auto;
		margin: 20px auto 0px;
	}

	/*.serPageBox{ width: 90%; padding: 0px 5%; top: 0px; left: 0px; height: 100%; margin: 0px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; }
	.serClose{ right: 0px; background-color: #C20513; border-radius: 50%;}
	*/
	/*add*/
	.pageTop {
		height: 100px;
	}

	.plogo {
		padding: 18px 0px 18px 2%;
		height: 24px;
		overflow: hidden;
	}

	.pageMTop {
		height: 100px;
	}

	.mz-link {
		height: 60px;
	}

	.mz-link .name {
		background-position: center 5px;
		padding-top: 34px;
	}

	.join-nav {
		padding-top: 60px;
		width: 100%;
	}

	.join-nav li {
		width: 33.33%;
		padding: 0px;
		height: 40px;
		background-color: #e89baf;
	}

	.join-nav a {
		font-size: 14px;
		line-height: 40px;
		color: #fff;
	}

	.join-nav a .bot {
		display: none;
	}

	.pageTop .join-nav a {
		color: #fff;
	}

	.join-type {
		width: 90%;
		left: 5%;
		margin: -90px 0px 0px;
	}

	.join-type .item {
		display: block;
		width: 180px;
		height: 180px;
	}

	.join-type .item .con {
		padding-top: 10%;
	}

	.join-type .item .cbg1,
	.join-type .item .cbg2 {
		background: none #fff;
		border: 10px solid rgba(206, 2, 23, 0.3);
		width: 160px;
		height: 160px;
	}

	.join-type .item .cbg2 {
		display: none;
	}

	.join-type .item .ico {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
	}

	.join-type .item1 .ico {
		background-image: url(../images/j_i12.png);
	}

	.join-type .item2 .ico {
		background-image: url(../images/j_i22.png);
	}

	.join-type .item3 .ico {
		background-image: url(../images/j_i32.png);
	}

	.join-type .item:hover .cbg1 {
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		visibility: visible;
	}

	.join-type .item .bor i {
		background-color: #ce0217;
	}

	.join-type .item .bor i.i2 {
		display: block;
	}

	.addpbanner {
		height: 200px !important;
	}

	.addpbanner .img,
	.addpbanner .addbg {
		display: none;
	}

	.pbanner .addCon {
		margin-top: -47px;
	}

	.pbanner .addCon .ico {
		width: 40px;
		height: 40px;
	}

	.pbanner .addCon .zh {
		font-weight: normal;
		font-size: 24px;
	}

	.j-bs {
		height: 40px;
	}

	.j-bs .ico {
		margin: 18px auto 0px;
	}

	.type-one .t {
		font-weight: normal;
	}

	.type-one .t .line {
		height: 2px;
	}

	.type-one dd:hover .t1 {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		opacity: 1;
		visibility: visible;
	}

	.type-one dd .black,
	.type-one dd .con {
		display: none;
	}

	.applicationBox {
		padding: 50px 0px 100px;
	}

	.applicationList {
		width: 90%;
		;
	}

	.applicationList li,
	.applicationList .item1 {
		width: 20%;
	}

	.applicationList .t {
		margin: 0px auto;
		float: none;
		background-color: rgba(255, 255, 255, 0.8);
	}

	.applicationList li .line {
		display: none;
	}

	.problemBox {
		padding: 50px 0px;
		margin-bottom: 50px;
	}

	.join-select {
		padding: 30px 0px;
	}

	.join-select dd {
		width: 58%;
	}

	.join-select .item1,
	.join-select .item3 {
		padding: 15px 0px;
		width: 21%;
	}

	.join-list .em3,
	.join-list .em5 {
		display: none;
	}

	.join-list .embox {
		width: 25%;
		text-align: center;
	}

	.join-list .em1 {
		width: 50%;
		text-align: left;
	}

	.join-list dt .plem {
		padding-left: 0px;
	}

	.join-list .ib {
		opacity: 1;
		visibility: visible;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}

	.joinPage dt {
		background-color: #e4e4e4;
		border-bottom: 1px solid #ccc;
		color: #0C0C0C;
	}

	.blackBox {
		display: block;
	}

	.jtype-list a {
		padding: 15px 4%;
	}

	.jnew-Pbox {
		background-color: #fff;
	}

	.jnew-Pbox .jnew-Pbox-t {
		float: none;
		width: 100%;
		height: 158px;
	}

	.jnew-Pbox .jnew-Pbox-c {
		float: none;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-bottom: 40px;
	}

	.jnew-tab {
		margin: 0px auto;
		width: 96%;
	}

	.jnew-Pbox-t .t {
		background: none;
		padding-left: 0px;
		left: 45%;
		text-align: center;
	}

	.jnew-Pbox-t .t .zh {
		line-height: 2;
	}

	.jnew-t {
		position: relative;
		left: auto;
		top: auto;
		width: 96%;
		margin: 0px auto;
		padding: 20px 0px;
	}

	.jnew-t a {
		display: inline-block;
		margin-right: 10px;
	}

	.jew-Img {
		position: relative;
		right: auto;
		top: auto;
		width: 96%;
		margin: 0px auto 20px;
	}

	.jew-Img .img {
		display: block;
	}

	.type-two .con {
		margin-top: 0px;
		height: auto;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.type-two .ico {
		width: 70px;
		height: 70px;
	}

	.type-two .t {
		font-weight: normal;
		font-size: 20px;
	}

	.type-two dd {
		float: none;
		width: 96%;
		margin: 0px auto 20px;
	}

	.type-two dd .ico,
	.type-two dd .t,
	.type-two dd .j-more2 {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}

	.type-two dd .name {
		display: none;
	}

	.type-two dd .black {
		background: none rgba(0, 0, 0, 0.4);
		opacity: 1;
		visibility: visible;
	}

	.type-two dd .line {
		height: 32px;
	}

	.institutionsCon .zh {
		font-size: 26px;
		font-weight: normal;
	}

	.institutionsList li {
		width: 31.33%;
		font-size: 14px;
	}

	.institutionPage {
		width: 500px;
		padding: 35px 5%;
	}

	.institutionDemo {
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.institutionDemo .slick-prev {
		left: 0px;
	}

	.institutionDemo .slick-next {
		right: 0px;
	}

	.community-nav {
		padding-top: 60px;
		width: 100%;
		margin: 0px;
		float: none;
	}

	.community-nav li {
		width: 20%;
		padding: 0px;
		height: 40px;
		background-color: #e89baf;
	}

	.community-nav a {
		font-size: 14px;
		line-height: 40px;
		color: #fff;
	}

	.community-nav a .bot {
		display: none;
	}

	.pageTop .community-nav a {
		color: #fff;
	}

	.ifLoveBox .img {
		float: none;
		width: 100%;
	}

	.ifLoveBox .con {
		float: none;
		width: 90%;
	}

	.ifLoveBox .onumBox {
		left: 5%;
		width: 90%;
		bottom: 15px;
	}

	.ifLoveBox .con .t {
		font-size: 20px;
	}

	.pearl-menu {
		margin-right: 0px;
	}

	.pearl-box-c {
		padding: 20px 20px 40px;
	}

	.pearl-box-c .t {
		font-size: 16px;
	}

	.mzt {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.page-menu.fixed {
		top: 100px;
	}

	.page-menu {
		left: 0px;
		margin-left: 0px;
		font-size: 12px;
		width: 170px;
	}

	.page-menu .t .zh {
		font-size: 20px;
	}

	.mzinner {
		width: auto;
		margin-right: 50px;
		padding-left: 220px;
	}

	.mz-culture3 {
		margin-left: 0px;
	}

	.mz-culture3 li {
		width: 100%;
		margin-left: 0px;
		float: none;
	}

	.mz-culture5 {
		margin-left: 0px;
	}

	.mz-culture5 li {
		width: 100%;
		margin-left: 0px;
		float: none;
	}

	.mz-culture5 .c5 {
		min-height: 0px;
	}

	#developmentPage1 .t,
	.deT {
		font-size: 18px;
	}

	.talent-menu.fixed {
		top: 60px;
	}

	.page-menu .c {
		min-height: 0;
	}

	#slider {
		width: 100%;
	}

	.mz-time-type a {
		height: 40px;
		line-height: 40px;
	}

	.mz-time-list li {
		width: 23%;
	}

	.mz-nav a:hover i {
		display: none;
	}
}

@media screen and (max-width:861px) {
	.vwrap .videobox {
		width: 560px;
		margin-left: -298px;
	}

	.productIdemo .black {
		width: 65%;
	}

	.serviceIlist dd {
		width: 50%;
		margin-bottom: 40px;
	}

	.serviceIlist a {
		width: 150px;
		height: 150px;
	}

	.serviceIcon {
		padding-bottom: 0px;
		width: 90%;
	}

	.companyIbox .more {
		position: static;
		right: auto;
		bottom: auto;
	}

	.aboutType {
		width: 100%;
		display: none;
	}

	.firstNewBox .con .t {
		height: auto;
		font-size: 18px;
	}

	.standimg {
		float: none;
		margin: 20px auto;
	}

	.sociallist li {
		width: 49%;
	}

	.ceobox .img {
		float: none;
		width: 50%;
	}

	.ceobox .con {
		width: 100%;
		float: none;
		margin-left: 0px;
	}

	.visionBox dd {
		float: none;
		width: 100%;
	}

	.servicePage .item {
		width: 90%;
		margin: 0px auto 10px;
		float: none;
	}

	.linianImg2 li {
		float: none;
		width: auto;
	}

	.linian3 .pageC {
		width: 90%;
	}

	.storyPage {
		width: 100%;
	}

	.storyPage dd {
		width: 42.5%;
		float: left;
		margin: 0px 0px 5% 5%;
	}

	.storyPage .con .t .bot {
		display: none;
	}

	.storyPage .img,
	.storyPage .two .img {
		float: none;
		width: auto;
	}

	.storyPage .con {
		float: none;
		width: auto;
		padding: 40px 5%;
	}

	.storyPage .con .c {
		height: auto;
	}

	.sotreQueryList ul {
		margin-left: 0px;
	}

	.sotreQueryList li {
		float: none;
		width: 100%;
		margin-left: 0px;
	}

	.sotreQueryList .bot {
		bottom: 0px;
	}

	.item .filler-left {
		height: 100%;
	}

	.item .filler-right {
		height: 100%;
	}

	.item .filler-top {
		width: 100%;
	}

	.item .filler-bottom {
		width: 100%;
	}

	.partnerInfoPage .tname {
		font-size: 24px;
	}

	.joinP3List li {
		width: auto;
		float: none;
		height: auto;
		margin-bottom: 30px;
	}

	.procesDl {
		width: 80%;
		height: auto;
	}

	.procesDl dd:first-child {
		margin-top: 0 !important;
	}

	.procesDl dd .num {
		width: 30%;
		margin-right: 5%;
	}

	.procesDl dd .c {
		width: 65%;
	}

	.procesDl dd.two .num {
		margin-left: 5%;
		margin-right: 0px;
	}

	.joinP1List dd {
		float: none;
		width: auto;
	}

	.proInfoBox dd {
		padding-bottom: 50px;
		float: none;
		width: 100%;
	}

	.proInfoBox dd.two {
		margin-left: 0px;
	}

	.proInfoBox dd .con {
		width: 88%;
		padding: 20px 5%;
	}

	.proInfoBox dd .con .t {
		margin-bottom: 10px;
	}

	.procesList dd {
		width: 25%;
	}

	.pbanner-box .t {
		font-size: 26px;
	}

	.pbanner-box .c {
		font-size: 14px;
	}

	/*add*/
	.join-type-line1,
	.join-type-line2 {
		display: none;
	}

	.join-select dd {
		float: none;
		width: auto;
	}

	.join-select dd.item1,
	.join-select dd.item2 {
		width: auto;
	}

	.join-btn {
		float: none;
	}

	.institutionsList li {
		width: 48%;
	}

	.com-con {
		top: 40%;
	}

	.comBot .clogo {
		padding: 36px 20px;
	}

	.comBot .clogo img {
		width: 136px;
	}

	.community-ilist {
		width: 90%;
	}

	.community-ilist .item1,
	.community-ilist .item2,
	.community-ilist .item3,
	.community-ilist .item4,
	.community-ilist .item5 {
		float: none;
		width: 100%;
		height: auto;
		margin-left: 0px;
	}

	.ar-ibox {
		height: auto;
	}

	.ar-frist-box {
		float: none;
		width: auto;
		height: auto;
		padding: 24px 0px 0;
		width: 90%;
		margin: 0px auto;
	}

	.ar-frist-box .t {
		position: absolute;
		left: 0px;
		bottom: 0px;
		background-color: rgba(0, 0, 0, 0.5);
		margin-bottom: 0px;
		color: #fff;
		width: 90%;
		padding: 5px 5%;
	}

	.ar-frist-box .c,
	.ar-frist-box .time {
		display: none;
	}

	.ar-list-box {
		float: none;
		padding: 25px 0px;
		margin: 0px auto;
		width: 90%;
	}

	.com-ibox .ic {
		padding: 25px 0px;
		height: auto;
	}

	.mzVideo li {
		width: 48%;
	}

	.mz-time-list li {
		width: 31.33%;
	}
}

@media screen and (max-width:641px) {
	.vwrap .videobox {
		width: 400px;
		margin-left: -218px;
		height: 350px;
		margin-top: -175px;
	}

	.iboxList {
		padding: 0px;
	}

	.iboxList dd {
		float: none;
		width: 100%;
		margin-top: 15px;
	}

	.iboxList .picBox {
		/* width: 50% !important; */
		float: left;

	}

	.iboxList dd .item {
		margin: 0px 15px;
	}

	.newIimg {
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
	}

	.newIimgDemo {
		margin: 0px;
	}

	.newIimg .itembox a {
		height: auto;
		/*padding-bottom: 100px;*/
	}

	.productIdemo .black {
		width: 100%;
	}

	.firstNewBox .img {
		float: none;
		width: 100%;
		margin-left: 0px;
	}

	.firstNewBox .con {
		float: none;
		width: 90%;
		margin-left: 0px;
		padding: 0px 5%;
		text-align: center;
	}

	.firstNewBox .con .t {
		font-size: 20px;
		padding-top: 20px;
	}

	.firstNewBox .con .more {
		position: relative;
		left: auto;
		bottom: auto;
		margin: 0px auto;
	}

	.firstNewBox .slick-dots {
		text-align: center;
		left: 0px;
		width: 100%;
		bottom: 25px;
	}

	.firstNewBox .slick-dots li {
		margin: 0px 5px;
	}

	.responsibilityIpage dd {
		float: none;
	}

	.socialPage,
	.environmentalPage {
		width: 100%;
	}

	.socialPage {
		margin-right: 0%;
	}

	.employeePage {
		width: 100%;
		margin-right: 0%;
	}

	.enterpriseHonorPage {
		width: 100%;
	}

	.honorPage .img {
		width: 80%;
	}

	.serT {
		font-size: 30px;
	}

	.serT2 {
		font-size: 22px;
	}

	.zhinanList li {
		width: 50%;
	}

	.storyPage dd {
		float: none;
		width: 90%;
		margin: 0px auto 5%;
	}

	.partnerTbl dd {
		float: none;
		width: 100%;
		display: block;
	}

	.partnerTbl .c {
		width: auto;
		float: none;
	}

	.procesDl {
		width: 90%;
	}

	.procesDl dd .num {
		float: none;
		width: 100%;
		margin: 0px;
		text-align: center;
	}

	.procesDl dd .c {
		float: none;
		width: 80%;
		padding-left: 10%;
	}

	.procesDl dd.two .num {
		text-align: center;
		float: none;
		margin-left: 0px;
	}

	.joinP5List dd {
		float: none;
		width: auto;
		margin-left: 0px;
	}

	.prolist .two .name {
		font-size: 14px;
	}

	.procesList dd {
		width: 33.33%;
	}

	.pbanner-box .t {
		font-size: 22px;
	}

	.detail {
		margin: 5%;
	}

	/*add*/
}