@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;}
	.specialT{ font-size: 50px;}
}
@media screen and (max-width:1370px){
	.nav li{ font-size: 14px; width: 100px;}
	.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;}
	.inner-2021,.inner-1300-2021{ width: 80%;}
	.nav-2021 li{ margin: 0 6px;}
	.schemeinfo-top{ width: 90%;}
	.schemeinfo-top .schemeinfo-right{ width: auto; flex: 1; display: flex;}
	.schemeinfo-top .schemeinfo-right-img{ width: 70%;}
	.schemeinfo-top .schemeinfo-right-info{ width: auto; flex: 1;}
	.schemeinfo-top .schemeinfo-right-img img{ object-fit: cover;}
	.schemeinfo-product-type{ box-sizing: border-box; width: 90%;}
	.schemeinfo-product-list{ width: 90%;}
	.card-img img{ max-width: 100%; height: auto !important;}
	.grid{ grid-template-columns: repeat(3, 1fr) !important;}
	.c_caseinfo{ display: flex;}
	.c_casetext{ overflow: hidden;}
	.c_casetop{ padding: 28px 22px; display: flex;}
	.c_casebann{ flex: 1;}
	.container .scheme{ width: 90%;}
	.r-cus-ti{ font-size: 40px;}
	.r-cus-nav-box .r-cus-nav{ margin-top: 50px;}
	.r-cus-nav-one .i{ margin-right: 0; transform: scale(0.7);}
	.r-cus-nav-one .x{ font-size: 20px;}
	.r-cus-finished-list .picItem .img{ height: auto;}
	.r-cus-finished-list .bodr{ height: auto;}
	.r-free-design .s-input+.s-input, .r-free-design .s-select+.s-select{ margin-left: 0;}
	.r-free-design .s-select:first-child{ margin-bottom: 12px;}
	.r-cdt-tx .r-free-design{ padding: 23px 30px;}
	.r-cus-list .txts{ margin-left: 600px; padding-left: 30px;}
	.r-cus-list li>.r-cl-img{ width: 600px; height: auto;}
	.r-cus-list li>.r-cl-img img{ width: 100%; height: auto;}
	.r-cus-list li{ height: auto;}
	.r-cl-ti{ font-size: 26px;}
	.r-cus-list .tx{ height: 60px;}
	.r-cus-list .r-cl-btn{ margin-top: 20px; display: flex; justify-content: space-between;}
	.r-cl-btn a{ width: 48%;}
	.c_desiger .ibox-make{ height: auto;}
	.ibox-make{ box-sizing: border-box; padding: 42px 5%; height: auto; width: 90%; display: flex;}
	.ibox-make-r{ flex: 1;}
	.ibox-make-c{ margin: 0 50px; width: 320px;}
	.ibox-make .line2{ left: 760px;}
	.ibox-make-l{ width: 180px;}
	.itemC img{ width: 100%;}
	.ibox-make .line{ left: 268px;}
	.c_worksli li{ width: 48%;}
	.addpbanner img{ width: 100%; height: 100%; object-fit: cover;}
	.three-detail{ display: flex;}
	.three-detail-rbox{ margin-right: 0; margin-left: 30px; flex: 1;}
	.three-detail-lbox{ width: 550px;}
	.three-bigvideo{ height: 500px;}
	.three-page-2021{ display: flex;}
	.c_desigerlist li .item span{ height: 26px;}
	.container .scheme .search-group .search-params-value span{ width: 80px;}
	.ibox-designer-l2021 .tel{ font-size: 20px;}
}
@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%;}
	.collocation-list .img{ height: auto;}
	.c_appointments{ display: flex;}
	.c_appdown{ display: flex;}
	.c_maptext{ display: flex;}
	.help-page-box{ display: flex;}
	.inspiration-info-list .picItem{ box-sizing: border-box; width: 100%;}
	.picItem .img{ height: auto;}
	.inspiration-list dd{ display: flex;}
	.inspiration-num .num{ font-size: 60px;}
	.insItme .title{ font-size: 20px;}
	.insItme .btn{ position: relative; left: 0; bottom: 0; margin-top: 30px;}
	.r-banner-tx{ right: 5%; margin-right: 0;}
	.terminal-left{ width: 60%;}
	.terminal-right{ width: 40%;}
	.insItme .btn{ width: 150px; height: 44px; line-height: 44px;}
}
@media screen and (max-width:1200px){
	.sj-desc{ display: none;}
	.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;}
	.top-2021{ display: none;}
	.header-2021{ display: none;}
	.header-iphone{ display: block;}
	.mtops{ height: 60px;}
	.ibox-design-2021{ display: none;}
	.banner-2021 .slick-dots{ bottom: 30px;}
	.dock-box{ display: none;}
	.ibox-productlist-2021 .c{ display: none;}
	.ibox-productlist-2021 li{ text-align: center;}
	.ibox-productlist-2021 .title{ float: none;}
	.ibox-productlist-2021 li::before{ left: 0;}
	.ibox-productlist-2021 li:first-child:before{ display: none;}
	.ibox-padding-2021{ padding: 60px 0;}
	.ibox-whole-2021 li{ width: 48%; margin-left: 2%;}
	.ibox-activity-2021 .title{ font-size: 20px;}
	.ibox-activity-2021 .c{ font-size: 13px;}
	.ibox-designer-l2021{ background: rgba(0,0,0,0.1); padding: 50px 5%; float: none; width: 100%; box-sizing: border-box;}
	.ibox-rimg-2021{ display: none;}
	.ibox-designer-r2021{ float: left; margin-right: 0; margin-left: 5%; width: 90%;}
	.ibox-arrivalsd-2021 li{ margin-bottom: 30px; width: 48%;}
	.ibox-store-2021 li{ margin-left: 0; width: 100%;}
	.ibox-store-2021{ margin-left: 0;}
	.ibox-padding-20212{ padding-top: 50px;}
	.ibox-padding-2021{ padding: 50px 0;}
	.linkA{ background-size: cover;}
	.ibox-dynamics-l{ width: 100%;}
	.ibox-firstnew-2021{ display: none;}
	.ibox-process-2021 .num span{ font-size: 60px;}
	.ibox-process-2021 .ico img{ max-width: 42px; max-height: 50px;}
	.ibox-process-2021{ flex-wrap: wrap; justify-content: flex-start;}
	.ibox-process-2021 li{ margin-bottom: 20px; width: 25%;}
	.foot-top-2021{ display: none;}
	.foot-bot-2021{ padding: 36px 0;}
	.header-iphone-top{ box-shadow: 0 0 5px rgba(0,0,0,0.16);}
	.t-VideoBox .vbBox .vico{ transform: scale(0.7);}
	.aboutNav ul{ overflow: hidden;}
	.pvideo-box{ width: 90%; margin-left: -45%;}
	.pv-close{ right: 0; top: -50px;}
	.companyPage .mz2{ width: 90%;}
	.companyBox{ width: 90%; padding-bottom: 30px;}
	.footer-menus{ display: block;}
	.foot-bot-2021{ padding-bottom: 120px;}
	.schemeinfo-top{ flex-direction: column-reverse;}
	.schemeinfo-top .schemeinfo-right{ display: block;}
	.schemeinfo-top .schemeinfo-right-img{ width: 100%;}
	.schemeinfo-top .schemeinfo-left{ width: 100%; height: auto; display: flex; flex-direction: row; overflow: hidden; overflow-x: auto;}
	.c_caseinfo{ display: block;}
	.c_casele{ width: 100%;}
	.c_casebann{ width: 100%; padding-right: 0;}
	.container .scheme .search-group .search-params{ display: block;}
	.container .scheme .search-group{ padding: 20px 5%;}
	.container .scheme .search-group .search-params-value{ margin-top: 12px; line-height: 32px;}
	.container .scheme .search-group .search-params-value span:first-child{ margin-right: 30px; width: auto !important;}
	.container .scheme .search-group .search-params-value span{ width: auto; margin-right: 30px;}
	.container .scheme-list .scheme-item{ margin-left: 2%; box-sizing: border-box; width: 48%;}
	.r-cus-ti{ font-size: 30px;}
	.r-cus-nav-box .r-cus-nav{ margin-top: 40px;}
	.r-cus-nav a{ margin-left: 28px; padding: 0 20px;}
	.r-cus-nav .ti{ font-size: 20px;}
	.r-cdt-img{ width: 100%; float: none;}
	.r-cdt-tx{ padding-left: 0; padding-top: 30px;}
	.r-cl-img img{ width: 100%; height: auto;}
	.r-cdt-big-img{ height: auto;}
	.r-cdt-tx .b .r-share{ display: none;}
	.r-free-design .s-input{ float: none;}
	.r-free-design li{ display: flex; justify-content: space-between;}
	.r-free-design .s-input,.r-free-design .s-select{ box-sizing: border-box; width: 48%;}
	.r-cdt-small-img,.r-cdt-small-img .r-cl-img{ height: auto;}
	.r-cdt-tx .r-cl-ti{ font-size: 22px;}
	.r-cdi-l,.r-cd-intro:before{ display: none;}
	.r-cdi-r{ margin-left: 0;}
	.r-cdi-nav .r-nowti{ line-height: 46px;}
	.r-cdi-nav{ height: 46px;}
	.r-cdi-nav a{ font-size: 13px;}
	.r-cus-list li>.r-cl-img{ width: 100%; float: none;}
	.r-cus-list .txts{ width: auto; padding: 12px 0; margin-left: 0;}
	.r-cus-list .b{ margin-right: 0; width: 100%;}
	.r-cl-btn a{ height: 44px; line-height: 44px;}
	.r-cl-ti{ font-size: 22px;}
	.r-cus-step .r-cl-img{ height: auto; width: 100%;}
	.r-cus-step .r-cn-btn{ float: none;}
	.r-cus-step{ height: auto; background-size: cover; background-repeat: no-repeat; background-position: center; padding-bottom: 20px;}
	.mz-btn-c2{ float: none; margin-bottom: 12px; width: 200px; height: 55px; line-height: 55px; font-size: 18px;} 
	.mz-btn-c .x{ padding-left: 40px;}
	.r-cus-step .r-cl-img:before{ display: none;}
	.r-dly-list li{ width: 100%;}
	.dly-a .r-cl-img,.dly-a{ height: auto;}
	.iboxT{ padding: 0;}
	.c_desigerlist li{ width: 25%;}
	.site-bn-bar{ display: none !important;}
	.ibox-make{ display: block;}
	.ibox-make-l{ float: none; width: auto;}
	.ibox-make .line{ display: none;}
	.ibox-make-c{ float: none; width: 100%; margin: 30px 0;}
	.itemC img{ width: auto; max-width: 100%;}
	.ibox-make-r{ width: 100%; float: none;}
	.ibox-make .title{ font-size: 22px;}
	.experline{ height: 34px; font-size: 24px;}
	.c_expericen{ padding-top: 80px;}
	.experline i{ height: 40px;}
	.pbanner-img{ width: 100%; height: 0; padding-bottom: 32%;}
	.help-page-box{ display: block;}
	.help-sider{ float: none; width: 100%;}
	.help-page{ float: none; width: 100%; box-sizing: border-box; padding: 32px 5%;}
	.help-page-c{ min-height: auto;}
	.inspiration-info-list li{ width: 33.3333%;}
	.three-detail{ display: block;}
	.three-detail-lbox{ margin-left: 0; width: 100%;}
	.three-detail-rbox{ padding: 35px 5%; box-sizing: border-box; width: 100%; margin-left: 0;}
	.three-page-2021{ display: block;}
	.three-detail-tab{ box-sizing: border-box; width: 100%;}
	.three-detail-bar{ display: none;}
	.page-padding-2021{ padding-bottom: 50px;}
	.three-pp-name{ width: 80px;}
	.three-pp-con{ margin-left: 80px;}
	.three-list-2021 li{ width: 32%; margin-left: 1%;}
	.serbannerbox{ position: relative;}
	.telserBox .tel2{ font-size: 40px;}
	.serbannerbox .telserBox{ padding-left: 80px;}
	.r-sd-img .r-cl-img{ height: 0; padding-bottom: 52.166%; background-size: cover; background-position: center; background-repeat: no-repeat;}
	.r-sd-img{ height: auto;}
	.r-show-hot-box{ padding: 50px 0;}
	.r-show-list li{ width: 50%;}
	.specialT{ font-size: 40px;}
	.specialtitle .name{ font-size: 28px;}
	.terminal-left{ width: 100%;}
	.terminal-right{ 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%;}
	.companyDemo{ padding-bottom: 0;}
	.ceobox{ top: 0;}
	.companyBox{ top: 0;}
	.companyPage{ padding-top: 0;}
	.ceoPage{ padding: 50px 0;}
	.ceobox .con .pageC{ width: 100%; padding: 35px 5%; box-sizing: border-box;}
	.ceobox .mz3, .ceobox .mz4{ font-size: 80px;}
	.r-cus-nav li{ margin-bottom: 20px; width: 50%;}
	.r-cus-nav-box>.inner{ padding-top: 50px;}
	.r-cus-finished-list .item{ width: 50%;}
	.c_appointments{ display: block;}
	.appintle{ width: 100%; height: 350px;}
	.appointri{ width: 100%; border-left: 1px solid #e1e1e1;}
	.c_appintwr{ box-sizing: border-box; padding: 35px 5%;}
	.experienban .slick-arrow{ width: 42px; height: 42px; margin-top: -21px;}
	.storelists li{ width: 100%;}
	.c_maptext{ flex-wrap: wrap;}
	.c_selicts{ margin-right: 4%; margin-bottom: 18px; width: 48%; padding-left: 16px; box-sizing: border-box;}
	.c_selicts:nth-child(2n+2){ margin-right: 0;}
	.c_experser{ width: 48%;}
	.epertext{ box-sizing: border-box; padding-left: 16px; width: 100%;} 
	.inspiration-info-list li{ width: 50%;}
	.inspiration-info-list .picItem{ padding: 22px ;}
	.inspiration-list dd{ display: block;}
	.insItme .con{ box-sizing: border-box; padding: 30px 5%; width: 100%;}
	.insItme .img{ width: 100%;}
	.trans img{ width: 100%; height: auto;}
}
@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*/
	.banner-2021 .slick-dots{ bottom: 20px;}
	.ibox-whole-2021 li{ width: 100%; margin-left: 0;}
	.ibox-whole-2021{ margin-left: 0;}
	.ibox-whole-2021 li{ margin-bottom: 30px;}
	.btn-more2021{ width: 180px; height: 44px; line-height: 44px;}
	.ibox-title-2021 .zh{ font-size: 20px;}
	.ibox-padding-2021{ padding: 40px 0;}
	.ibox-activity-2021 li.item1{ float: none; width: 100%;}
	.ibox-activity-2021 li{ margin-left: 0;}
	.ibox-activity-2021 li.item2,.ibox-activity-2021 li.item3{ width: 100%;}
	.ibox-activity-2021 li.item4{ width: 100%;}
	.ibox-activity-2021 li.item5{ width: 100%;}
	.ibox-designer-l2021 .desc{ padding: 30px 0;}
	.ibox-design-tab{ padding-top: 40px; margin-bottom: 30px;}
	.ibox-designlist-2021{ padding-bottom: 30px;}
	.ibox-arrivalsd-2021 li.item2{ width: 100%; float: none;}
	.btn-more20212{ padding: 18px 30px; background-size: cover;}
	.ibox-arrivalsd-2021 .type{ padding: 2px 12px;}
	.ibox-arrivalsd-2021 li{ margin-bottom: 20px;}
	.ibox-arrivalsd-2021 .title{ font-size: 16px;}
	.btn-more20212{ width: 110px;}
	.ibox-store-2021 .pov2021{ width: 48%;}
	.ibox-store-2021 .desc{ padding-left: 53%;}
	.ibox-store-2021 .title{ font-size: 16px;}
	.ibox-store-2021 .c{ margin-bottom: 6px;}
	.ibox-store-2021 .tel i{ font-size: 18px;}
	.ibox-store-2021 .tel{ margin-bottom: 10px; font-size: 14px;}
	.ibox-store-2021 .c{ display: none;}
	.ibox-title-2021{ padding-bottom: 32px;}
	.ibox-dynamics-ldemo{ display: none;}
	.ibox-dynamics-rdemo{ margin-left: 0;}
	.inner-dynamics-2021{ margin-bottom: 35px;}
	.ibox-process-2021 .num span{ font-size: 50px;}
	.ibox-process-2021 .num{ height: 35px;}
	.ibox-process-2021 li p{ font-size: 12px;}
	.ibox-process-2021 .ico img{ max-width: 34px; max-height: 40px;}
	.ibox-dynamics-rdemo .item-con{ padding: 35px 24px;}
	.ibox-dynamics-bot{ left: 24px; right: 24px;}
	.aboutNav{ padding: 40px 5% 0; box-sizing: border-box;}
	.aboutNav ul{ display: flex; justify-content: center; flex-wrap: wrap;}
	.aboutNav li{ width: 33.333%;}
	.pv-close{ width: 32px; height: 32px; background-size: cover; top: -40px;}
	.companyPage .mz2{ font-size: 50px;}
	.ceobox .img{ width: 100%;}
	.ceobox .mz3, .ceobox .mz4{ font-size: 50px;}
	.pageC img{ height: 40px;}
	.visitem .t{ font-size: 26px;}
	.visitem1,.visitem3,.visitem4{ height: 380px;}
	.honorPage .leftBox, .honorPage .rightBoxP{ padding: 50px 0;}
	.honorPage .con{ font-size: 14px;}
	.footer-menu-li li a span{ font-size: 14px;}
	.footer-menu-li li a{ padding: 10px 0;}
	.videoList{ display: flex; justify-content: center;}
	.videoList a{ flex: 1;}
	.videoList a img{ display: block; width: 100%; height: auto;}
	#videoPage{ padding-bottom: 40px;}
	.videopBOX{ height: 300px;}
	.transbg{ background-size: cover; background-position: center;}
	.historyImg .con{ padding: 100px 0; font-size: 20px;}
	.historyImg .con .cred{ font-size: 36px;}
	.historyDemo .title{ padding: 20px 0; font-size: 22px;}
	.historyDemo .c{ font-size: 14px;}
	.brandStoryDL .img img{ width: 100%; height: auto;}
	.schemeinfo-top .schemeinfo-left{ flex-wrap: wrap;}
	.schemeinfo-top .schemeinfo-left-item{ width: 25%;}
	.schemeinfo-product-type .slelect_tab h2:not(:last-of-type){ margin-right: 40px;}
	.schemeinfo-product-type .slelect_tab h2{ font-size: 20px;}
	.schemeinfo-product-type .product-type{ margin: 18px 0 10px;}
	.schemeinfo-product-type .product-type li{ width: 80px;}
	.schemeinfo-product-type .product-type li a{ font-size: 14px;}
	.grid{ grid-template-columns:repeat(1, 1fr) !important; }
	.card-img{ margin: auto;}
	.casebannr{ height: auto;}
	.c_casebox{ padding: 40px 0;}
	.c_caseinfo{ padding-bottom: 30px; margin-bottom: 50px;}
	.c_casedown{ padding: 26px 22px;}
	.c_casetit strong{ font-size: 20px;}
	.c_caseli{ height: auto;}
	.casew:before{ width: 100%; height: 100%; box-sizing: border-box;}
	.c_caseli .slick-prev{ left: 12px;}
	.c_caseli .slick-next{ right: 12px;}
	.c_casebann{ padding-top: 0;}
	.caselistd li a{ padding: 0 12px; height: 35px; line-height: 35px; font-size: 13px;}
	.c_casebtn .name{ font-size: 22px;}
	.c_pages a{ display: none; width: 34px; height: 32px; line-height: 32px; font-size: 12px;}
	.c_pages a.cprev{ display: inline-block;}
	.c_pages{ padding-top: 20px;}
	.c_caseinfo{ margin-bottom: 0;}
	.c_casebtn{ padding: 40px 0 20px;}
	.container .scheme .search-group .search-params-group{ margin-top: 12px; width: 100%;}
	.container .scheme .search-group .search-params-group input{ width: 60px;}
	.container .scheme-list .scheme-item{ width: 100%; margin-left: 0;}
	.container .scheme-list{ margin-left: 0;}
	.card-img img{ width: 100% !important; height: auto !important;}
	.collocation-list li{ margin-left: 0; width: 100%;}
	.r-cus-ti{ font-size: 26px;}
	.r-cus-nav a{ height: 180px;}
	.r-cus-nav a:after{ bottom: 20px;}
	.r-cus-nav-box .r-cus-nav{ margin-left: -28px;}
	.r-cus-nav .tx{ height: 36px; overflow: hidden;}
	.r-cus-select .name{ position: relative; width: 100%; padding: 10px 0;}
	.r-cus-select-a{ margin-left: 0; border-left: none; padding: 15px 10px;}
	.r-cus-select-a>a:first-child{ margin-left: 0;}
	.r-cus-select-a>a{ display: inline-block; margin-bottom: 6px; margin-left: 0; margin-right: 20px; white-space: nowrap;}
	.r-cus-nav-one a{ padding: 12px 0;}
	.r-cus-nav-one .x{ font-size: 18px;}
	.r-cus-nav-one .i{ margin-right: -6px;}
	.r-pager a{ display: none;}
	.r-pager a.aw{ display: inline-block; height: 36px; line-height: 36px; font-size: 13px;}
	.r-cus-finished-list .bodr{ padding: 14px;}
	.r-cd-top{ padding: 0;}
	.r-cd-box{ border: none;}
	.r-cdt-tx .r-free-design{ padding: 22px 5%;}
	.r-free-design .subBtn{ margin-top: 28px; width: 180px;}
	.r-cdi-nav{ display: flex; flex-wrap: wrap; height: auto; border-bottom: none;}
	.r-cdi-nav a{ width: 25%; border-bottom: 1px solid #e3e3e3;}
	.r-cdi-tx{ padding: 30px 0;}
	.r-cl-price .n{ font-size: 28px;}
	.iprocess-ico{ transform: scale(0.7);}
	.ibox-process-list .zh{ font-size: 14px;}
	.ibox-process-list .arrow{ margin-top: 25px;}
	.r-cus-step .ibox-process-list li.itemImg{ margin-bottom: 12px; width: 23.333%;}
	.r-cus-step .r-cn-btn{ margin-right: 0; width: 100%;}
	.mz-btn-c2{ margin: auto;}
	.mz-btn-c2{ font-size: 16px;}
	.r-dly-list .r-dly-cta{ right: 0; bottom: 0; display: none;}
	.dly-a{ padding: 20px;}
	.dly-a .r-nowti{ margin-top: 15px; max-width: 100%;}
	.r-design-banner .ti{ margin-top: 30px; font-size: 24px;}
	.iboxT .name{ font-size: 20px;}
	.c_worksli li{ width: 100%;}
	.pbanner1 img{ width: 100%; height: 140px; object-fit: cover;}
	.type-one dd{ width: 100%;}
	.applicationList li{ margin-left: -5px;}
	.c_appointop strong{ margin-bottom: 20px; font-size: 20px;}
	.c_appointop{ margin-bottom: 40px; height: auto;}
	.c_appintwr{ height: auto;}
	.storetitle{ font-size: 20px;}
	.c_selicts{ width: 100%; margin-right: 0;}
	.c_experser{ width: 100%;}
	.ninfoT{ padding: 40px 0;}
	.ninfoT .t{ font-size: 22px;}
	.ninfoT .infoI{ padding-top: 24px;}
	.ninfoC .pageC{ width: 100%;}
	.pager{ position: relative; margin-top: 30px; width: auto; display: flex;}
	.pager a{ display: flex; justify-content: center; align-items: center;}
	.ninfoC{ padding-bottom: 0;}
	.inboxT .t{ font-size: 20px;}
	.inspiration-num .num{ font-size: 50px;}
	.insItme .btn{ width: 150px; height: 44px; line-height: 44px;}
	.join-type .item{ width: 130px; height: 130px;}
	.join-type .item .cbg1, .join-type .item .cbg2{ width: 110px; height: 110px;}
	.join-type .item .ico{ margin-top: -5px; transform: scale(0.7);}
	.join-type .item .con .name{ display: block; margin-top: -10px;}
	.join-type .item .bor{ width: 15px; height: 15px;}
	.page-menu{ display: none;}
	.mzinner{ padding: 40px 5%; margin: 0;}
	#developmentPage1 .t{ font-size: 16px;}
	.paging a{ display: none;}
	.paging a.prev,.paging a.next{ display: inline-block;}
	.partnerImgDemo .c{ left: 0; bottom: 20px; font-size: 14px;}
	.partnerImgDemo .inner,.partnerImgDemo .bg{ opacity: 1; visibility: visible;}
	.trans img{ transform: scale(1);}
	.storyPage .con .t{ font-size: 20px;}
	.storyPage{ padding: 50px 0;}
	.sotreQuery .selbox{ width: 48%; margin-right: 4%;}
	.sotreQuery .selbox:nth-child(2){ margin-right: 0;}
	.storeQueryPage{ padding: 50px 0;}
	.three-detail-rbox .price{ margin-bottom: 35px; font-size: 22px;}
	.three-detail-rbox .name{ font-size: 20px;}
	.three-detail{ padding-bottom: 0;}
	.three-smallPic .three-video{ height: 100%; line-height: normal; display: flex; justify-content: center; align-items: center;}
	.three-smallPic{ display: flex;}
	.three-bigvideo{ height: 400px;}
	.three-pp-name{ width: 100%; float: none;}
	.three-pp-con{ margin-left: 0;}
	.three-protype{ padding: 12px 5%;}
	.three-list-2021 li{ width: 49%;}
	.three-list-2021 .price{ font-size: 16px;}
	.specialBox .img{ height: 240px; object-fit: cover;}
	.specialBox .con .t{ font-size: 24px;}
	.specialBox .con .c{ font-size: 20px;}
	.responsibilityIpage{ padding: 50px 0;}
	.standardOne .pageC{ font-size: 14px;}
	.telserBox .tel2{ font-size: 30px;}
	.serbannerbox .telserBox{ padding-left: 55px; background-size: 50px 50px;}
	.serbannerbox .name{ display: none;}
	.servicePage .con i{ width: 40px; height: 40px;}
	.servicePage .con{ font-size: 18px; text-align: center;}
	.servicePage .bg{ width: 140px; height: 140px; margin: -70px 0 0 -70px;}
	.f18{ font-size: 16px;}
	.zhinanBox{ box-sizing: border-box; width: 100%;}
	.linian2{ padding: 50px 0;}
	.mapCon .add5{ font-size: 18px;}
	.zhinanBox{ padding: 30px 22px;}
	#serPage3{ padding-top: 50px;} 
	.r-sd-img .slick-arrow{ width: 44px; height: 44px; margin-top: -22px;}
	.r-sd-tx .ti{ font-size: 20px;}
	.r-show-hot-box{ padding: 42px 0;}
	.r-show-list li{ width: 100%;}
	.show-item{ padding: 20px;}
	.show-item .img{ height: auto;}
	.r-cus-result .num{ margin-left: 30px;}
	.r-banner-tx{ position: relative; right: auto; margin: auto; text-align: center; display: none; bottom: 0; margin-top: 30px;}
	.mz-btn-c1{ width: 180px; height: 42px; line-height: 42px;}
	.mz-btn-c .x{ background-position: 0 -10px;}
	.socialCon{ width: 100%;}
	.socialBox{ padding: 50px 0;}
	.paging2 a, .paging2 span{ display: none;}
	.paging2 a.prev,.paging2 a.next{ width: 60px; height: 42px; line-height: 42px;}
	.specialT{ font-size: 30px;}
	.specialtitle .name{ font-size: 22px;}
	.terminal-list .terminal-item{ padding: 20px 5%;}
	.terminal-item .img{ width: 100%; height: auto; float: none;}
	.terminal-item .t{ padding-top: 18px;}
	.terminal-item .c{ height: auto;}
	.terminalPage{ padding: 40px 0 40px;}
	.ibox-designer-l2021 .tel{ font-size: 18px;}
	.container .scheme .search-group .search-params-group .btn{ white-space: nowrap;}
	.three-protype{ margin-bottom: 30px;}
	.three-detail-name{ width: auto; margin-bottom: 12px;}
	.three-detail-type{ display: block; margin-bottom: 10px;}
	.insItme .inspiration-num{ display: none;}
	.insItme .c{ height: auto;}
	.inspiration-list dd{ display: flex; flex-direction: column-reverse;}
	.show-item .t span{ padding-left: 0;}
	.show-item .c{ height: auto;}
	.c_desigerlist li .item span{ height: 24px;}
	.designers-box{ padding: 45px 0;}
	.joinT{ font-size: 22px; padding: 35px 0;}
	.joinP3List li{ padding-left: 60px;}
	.standardImg .itemA .ico{ margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.specialBox .con{ height: 50%; top: 25%;}
	.back-top{ text-align: center; line-height: 66px;}
}
@media screen and (max-width:481px){
	.ibox-real-2021{ margin: 0 3.4%; margin-bottom: 40px;}
	.ibox-real-2021 .slick-next{ right: 3%;}
	.ibox-title-2021{ padding-bottom: 32px;}
	.ibox-design-tab .title span{ display: block; margin-left: 0;} 
	.ibox-process-2021 li{ width: 33.3333%;}
	.ibox-title-2021 .zh{ line-height: 1.5;}
	.ceobox{ width: 100%;}
	.ceoPage{ padding-top: 0; padding-bottom: 0;}
	.ceobox .con .pageC{ margin-top: 0;}
	.historyDemo .slick-arrow{ width: 50px; height: 70px;}
	.historyImg .con .cred{ font-size: 32px;}
	.historyImg .con .bot{ margin: 16px auto; width: 50px; height: 4px;}
	.brandStoryDL dd .imgbox{ width: 100%;} 
	.brandStoryDL .con{ margin-left: 0;}
	.brandStoryDL dd .con .t{ padding-top: 20px; font-size: 24px;}
	.brandStoryDL .con{ width: 100%;}
	.brandStoryDL .img{ width: 100%;}
	.brandStoryDL dd .time,.brandStoryDL .two .time{ margin-left: 0; margin-top: 30px;}
	.jwplayer .jwdisplayIcon{ transform: scale(0.7);}
	.schemeinfo-top .schemeinfo-left-item{ width: 33.3333%;}
	.schemeinfo-top .schemeinfo-right-info{ padding: 28px 5%;}
	.schemeinfo-top .schemeinfo-right-info-title{ font-size: 18px;}
	.r-cus-nav-one a:before{ right: 22px;}
	.c_desigerlist li{ width: 33.333%;}
	.c_desigerlist li .item{ padding: 18px;}
	.iboxT .iboxT-nav{ margin-left: 0;}
	.picItem .img{ margin-bottom: 18px;}
	.inspiration-info-list .picItem{ padding: 18px;}
	.inspiration-info-list{ margin-bottom: 40px;}
	.three-pp-con span{ margin-right: 12px; margin-bottom: 12px;}
	.three-pp-name{ padding-bottom: 10px;}
	.serT{ font-size: 25px;}
	.serB{ margin: 30px auto;}
	.specialT{ font-size: 24px;}
	.specialItem1 .con .t{ font-size: 20px;}
	.terminal-page{ padding: 0 5% 22px;}
}