@media screen and (min-width:1601px){
	.branditem{ float: right; height: 47px;}
	.footList dd{ width: 30.33%; float: right; display: block;}
	.footList dd.lin2{ width: 36.33%;}
	.footList dd.lin3{ text-align: 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%;}
	.storyPageIDL .con .txt { left: 10%;}
	.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: 70px;}
	.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: 140px;}
	.productIList .ico{ padding: 30px 0px;}
	.productIList .con{ padding: 0px 100px 0px 200px; height: 140px;}
	.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: 60%;}
	.storyPageIDL .img{ width: 40%;}
	.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: 340px;}
	.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%;}
	.top{ height: 60px;}
	.nav,.sharpBox{ display: none;}
	.menu-handler{ display: block;}
	.logo{ margin: 0px 2%; padding: 18px 0px;}
	.logo2{ background-color: #fff; display: block; padding:18px 30px 19px; box-sizing: border-box;}
	.logo2 a img{ display: block; margin: 0px; max-width: 100%;}
	.mtop{ height: 60px;}
	.banner .item{ background-size: cover; background-repeat: no-repeat; background-position: center center; height: 400px;}
	.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: 80px 0px 40px;}
	.iboxT .zh{ font-size: 38px;}
	.productIpage{ padding-bottom: 100px;}
	.productIdemo .moreR{ bottom: 0;}
	.productIList a{ padding-left: 5%;}
	.productIList .t{ padding: 58px 0 5px;}
	.productIList .con{ width: 256px;}
	.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: 12%;}
	.transbg{ background-attachment:initial;}
	.cinner{ width: 80%;}
	.companyIpage{ padding-bottom: 235px;}
	.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: 49%;}
	.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;}
	.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;}
	.storyPageIDL dd{ margin-bottom: 70px;}
	.storyPageIDL .con .imgP{ width: 400px;}
	.storyPageIDL .con .year{ font-size: 80px;}
	.storyPageIDL .con .txt,.storyPageIDL .two .con .txt{ width: 80%;}
	.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{ width: 100%; margin: 0px auto;}
	.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: 190px; height: 190px;}
	.serviceIcon{ padding-bottom: 40px;}
	.companyIbox .more{ position: static; right: auto; bottom: auto;}
	.aboutType{ width: 100%;}
	.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 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;}
	/*add*/
}