@media screen and (min-width: 1025px) { 
	.transXT50,.tXT50 { transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT50,.tYT50 { transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT502 { transform: translateY(-80px); -webkit-transform: translateY(-80px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.tXT502 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.action .transYT50,.action .transYT502,.action.tYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action .transXT50,.action.tXT50,.action.tXT502 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.p-image { opacity: 0; filter: grayscale(100%); transform-origin: center top; transform: translateY(100px) scale(1.2); transition: opacity 0.8s linear .0s,filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s,transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);}
	.action .p-image { opacity: 1;  filter: grayscale(0%);transform: translateY(0) scale(1);}
	.img-wrap.action:after { right: -150%; z-index: 10;}
	.tscaleUp{ opacity: 0; -webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transition: .6s; transition: .6s; }
	.action .tscaleUp{ -webkit-transform: scale(1);transform: scale(1); opacity: 1;}
	.dly_1{ transition-delay: 100ms; -webkit-transition-delay: 100ms; }
	.dly_2{ transition-delay: 200ms; -webkit-transition-delay: 200ms; }
	.dly_3{ transition-delay: 300ms; -webkit-transition-delay: 300ms; }
	.dly_4{ transition-delay: 400ms; -webkit-transition-delay: 400ms; }
	.dly_5,.action .day_5{ transition-delay: 500ms; -webkit-transition-delay: 500ms; }
	.dly_6,.action .day_6{ transition-delay: 600ms; -webkit-transition-delay: 600ms; }
	.dly_7,.action .day_7{ transition-delay: 700ms; -webkit-transition-delay: 700ms; }
	.dly_8,.action .day_8{ transition-delay: 800ms; -webkit-transition-delay: 800ms; }
	.dly_9,.action .day_9{ transition-delay: 900ms; -webkit-transition-delay: 900ms; }
	.dly_10,.action .day_10{ transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
	.dly_11,.action .day_11{ transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
	.dly_12,.action .day_12{ transition-delay: 1200ms; -webkit-transition-delay: 1200ms; }
	.dly_13,.action .day_13{ transition-delay: 1300ms; -webkit-transition-delay: 1300ms; }
	.dly_14,.action .day_14{ transition-delay: 1400ms; -webkit-transition-delay: 1400ms; }
	.dly_15,.action .day_15{ transition-delay: 1500ms; -webkit-transition-delay: 1500ms; }
	.dly_16,.action .day_16{ transition-delay: 1600ms; -webkit-transition-delay: 1600ms; }
	.dly_17,.action .day_17{ transition-delay: 1700ms; -webkit-transition-delay: 1700ms; }
	.dly_18,.action .day_18{ transition-delay: 1800ms; -webkit-transition-delay: 1800ms; }
	.dly_19,.action .day_19{ transition-delay: 1900ms; -webkit-transition-delay: 1900ms; }
	.dly_20,.action .day_20{ transition-delay: 2000ms; -webkit-transition-delay: 2000ms; }
	.dly_21,.action .day_21{ transition-delay: 2100ms; -webkit-transition-delay: 2100ms; }
	.fixedImg { background-attachment: fixed;}
	.tealist .item:hover .imgw{ opacity: 0.7;}
	.tealist .item:hover .txt{ transform:translate(-50%,-50%) scale(1); opacity: 1; visibility: visible;}
	.tealist .item:hover  .boxt-s1{ height: 100%;}
	.tealist .item:hover  .boxt-s2 { width: 100%;}
	.tealist .item:hover  .boxt-s3 { height: 100%;}
	.tealist .item:hover  .boxt-s4 { width: 100%;}

}
@media screen and (max-width: 1650px) { 
	.ivideo-box{ width: 1000px;}
	.ijoin-list{ width: 90%;}
	.ijoin-list .line{ width: 30%; left: 85%;}
	.ijion-box .jbg1{ left: 8px; top: 4px;}
	.ijion-box .jbg2{ left: 16px; top: 10px;}
	.ijion-box .jbg3{ left: 24px; top: 16px;}
	.ijoin-desc{ padding: 10px 10px 60px;}
	.ijion-box .jline{ width: 14px;}
	.ijoin-desc:before{ left: 10px; top: 10px; right: 10px; bottom: 10px;}
	.ijoin-desc .title{ font-size: 28px;}
	.ijoin-list .num{ width: 100px;  height: 100px; line-height: 100px; font-size: 44px;}
	.ijoin-list .num:before{ left: 6px; top: 6px; bottom: 6px; right: 6px;}
	.ijoin-list .line{ top: 50px;}
	.ijoin-list .line:before{ width: 8px; height: 8px; background-size: cover;}
	.ijoin-list .txt{ font-size: 16px;}
	.ijoin-list2:before{ top: 50px;}
	.ijoin-list li:nth-child(5) .line{ height: 92px;}
	.ibox-join{ padding-bottom: 200px;}
	.ijion-box .jline{ height: 196px;}
	.pbanner-desc .t{ font-size: 130px;}
	.f18{ font-size: 16px;}
	.about-demo .swiper-slide{ width: 820px;}
	.about-demo .swiper-slide-active .pimg{ padding: 10px;}
	.about-demo .swiper-pagination-bullet{ width: 14px; height: 14px;}
	.aboutPage5{ padding: 100px 0 140px;}
	.media-img .name{ font-size: 32px;}
	.sider-box{ left: 85px; top: 115px;}
	.sider-logo{ width: 70px; left: -70px;}
	.sider-nav li{ font-size: 14px; padding: 10px 0;}
	.join-type li{ border-width: 2px;}
	.join-type .item{ padding-bottom: 25px;}
	.join-type .txt{ font-size: 14px;}
	.join-type .num,.join-type .num:before{ border-width: 1px;}
	.join-type .num{ font-size: 30px;}
	.join-type .txt:before, .join-type .txt:after{ border-width: 1px;}
	.join-type .iyuan{ margin: 40px auto 68px;}
	.join-type .txt{ width: 70%;}
	.join-type .txt:before{ left: -3px; top: -3px;}
	.join-type .txt:after{ right: -3px; bottom: -3px;}
	.process-item .icon{ border-width: 2px; font-size: 40px; width: 80px; height: 80px; line-height: 80px;}
	.process-item .t{ font-size: 24px;}
	.process-item .desc{ padding: 5px 0 5px 104px;}
	.help-box{ padding-top: 200px;}
	.help-box .xian{ display: none;}
	.help-item .title{ font-size: 22px;}
	.help-item .f18{ font-size: 14px;}
	.help-item{ width: 28%; border-width: 2px;}
	.help-item .f18{ border-width: 2px;}
	.help-img{ width: 370px;}
	.pageby{ font-size: 84px;}
	.store-demo .swiper-slide{ width: 860px; margin: 0px 40px;}
	.store-demo .swiper-button-prev{ margin-left: -472px;}
	.store-demo .swiper-button-next{ margin-right: -472px;}
	.store-demo .swiper-pagination{ padding-top: 30px;}
	.store-demo .swiper-pagination-bullet{ width: 12px; height: 12px;}
	.mapBox{ height: 600px;}
	.f36{ font-size: 34px;}
	.f21,.message-tab{ font-size: 20px;}
	.message-tab .mtxt,.message-tab .mtxt2,.message-tab .mbtn{ font-size: 18px;}
	.boxt-s1,.boxt-s3 { width: 10px;}
	.boxt-s2,.boxt-s4 { height: 10px;}
	.tealist .type{ font-size: 28px;}
	.bubble-nav,.bubble-nav li,.bubble-nav li:first-child{ border-width: 2px;}
	.bubble-nav a{ padding: 24px 30px; font-size: 18px;}
	.bubble-nav .io{ border-width: 2px; width: 22px; height: 22px; margin-top: 3px;}
	.bubble-nav .io::before{height: 23px; top: -3px;}
	.bubble-nav a.active .io::before{ width: 30px; }
	.dock-list a{ width: 56px; border-width: 8px;}
	.obox-page{ width: 900px; border-width: 4px;}
	.obox-page .c{ font-size: 16px;}
	.obox-page .title{ font-size: 28px;}
	.obox-page a.btn-close{ height: 70px; line-height: 70px; font-size: 28px;}
}
@media screen and (max-width: 1440px) {
	.top-t{ padding-top: 80px;}
	.logo{ width: 90px;}
	.nav-box{ border-width: 0 4px 4px 4px; padding: 6px;}
	.nav-box::before{ left: 6px; top: 6px; bottom: 6px; right: 6px; border-width: 2px;}
	.nav a{ height: 90px;}
	.nav a::before{ border-width: 2px;}
	.nav a::after{ height: 6px; bottom: -6px;}
	.nav .zh{ font-size: 18px; width: 90px; font-weight: 600; padding-top: 18px;}
	.nav .en{ font-size: 12px;}
	.nav-box .nico{ width: 40px; height: 40px; left: 2%;}
	.nav-box .nico2{ left: auto; right: 2%;}
	.logo2 a{ height: 68px;}
	.bot-lin1{ height: 4px; margin-top: 6px;}
	.bot-lin2{ height: 6px; margin-top: 12px;}
	.bot-lin3{ height: 8px; margin-top: 18px;}
	.bot-lin4{ height: 12px; margin-top: 18px;}
	.iboxT .t{ width: 420px;}
	.iabout-desc .img1{ width: 300px;}
	.iabout-desc .img2{ width: 540px;}
	.ivideo-box{ width: 960px; border-width: 8px;}
	.vico .ico{ width: 100px;}
	.ipro-box .pos-ov{ margin: 0 25px; }
	.ipro-box{ padding-bottom: 100px;}
	.foot-txt .t{ font-size: 24px; padding: 15px 0;}
	.foot-txt .c{ font-size: 16px;}
	.btn-online{ font-size: 16px; padding: 0 20px 0 26px;}
	.btn-online:before{ width: 2px; left: 10px; height: 14px; top: 12px;}
	.flogo{ width: 180px;}
	.foot-t dd.foot-erm{ width: 100px;}
	.foot-erm .txt{ font-size: 12px; padding-top: 10px;}
	.foot-c .name{ font-size: 16px;}
	.pbanner-desc .t{ font-size: 120px;}
	.inner{ width: 76%;}
	.pageT .t{ font-size: 28px;}
	.about-logo{ width: 120px; height: 120px; top: -60px; left: 10%;}
	.about-demo{ padding-bottom: 55px; margin-bottom: 55px;}
	.about-demo .swiper-slide{ width: 760px;}
	.about-demo .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 8px;}
	.aboutPage3{ padding-top: 120px;}
	.ip-desc{ width: 35%; margin-left: 10%;}
	.aboutPage5{ padding: 90px 0 120px;}
	.aboutPage4{ padding-top: 110px;}
	.media-img .name{ font-size: 30px;}
	.pbot-lin1{ height: 14px; margin-bottom: 6px;}
	.pbot-lin2{ height: 8px; margin-bottom: 6px;}
	.pbot-lin3{ height: 6px;}
	.sider-box{ left: 30px; top: 105px;}
	.sider-logo{ left: -25px; width: 50px; top: -60px;}
	.sider-logo .yuan{ width: 20px; height: 20px;}
	.sider-nav .active a:after{ width: 12px; height: 12px; border-width: 1px; left: -6px;}
	.process-item .t{ font-size: 20px;}
	.process-item .txt{ font-size: 14px;}
	.process-list .num{ width: 60px; height: 60px; line-height: 60px; font-size: 26px; border-width: 1px; margin: -30px 0 0 -30px;}
	.help-img{ width: 340px;}
	.help-item3,.help-item4{ top: 190px;}
	.help-item5,.help-item6{ top: 380px;}
	.helo-dian .dian{ width: 20px; height: 20px;}
	.help-iteml .helo-dian{ right: -11px;}
	.help-itemr .helo-dian{ left: -11px;}
	.pageby{ font-size: 80px;}
	.contact-t{ font-size: 24px;}
	.contact-t span{ border-width: 8px;}
	.contact-page{ padding-left: 12%;}
	.f36{ font-size: 32px;}
	.f21,.message-tab{ font-size: 19px;}
	.message-tab .mtxt,.message-tab .mtxt2,.message-tab .mbtn{ font-size: 16px;}
	.message-bot{ height: 8px; margin-bottom: 80px;}
	.message-tab .cpadding{ padding: 70px 5% 30px 0;}
	.pageby2{ margin-bottom: 80px;}
	.boxt-s1,.boxt-s3 { width: 8px;}
	.boxt-s2,.boxt-s4 { height: 8px;}
	.tealist .txt{ font-size: 16px; padding: 8px 30px;}
	.tealist .type{ font-size: 26px;}
	.bubble-bg{ height: 40px;}
	.bubble-bg::before,.bubble-bg::after{ width: 6px; height: 6px; margin-top: -3px;}
}
@media screen and (max-width: 1370px) {
	.nav{ margin: 0 80px;}
	.bot-lin1{ height: 3px; margin-top: 5px;}
	.bot-lin2{ height: 5px; margin-top: 10px;}
	.bot-lin3{ height: 7px; margin-top: 16px;}
	.bot-lin4{ height: 9px; margin-top: 16px;}
	.iboxT .t{ width: 400px;}
	.iabout-desc .img1{ width: 280px;}
	.iabout-desc .img2{ width: 500px; margin-bottom: -180px;}
	.iabout-desc .btn-more{ bottom: 145px; width: 220px;}
	.iabout-img{ bottom: 160px;}
	.ivideo-box{ width: 900px; border-width: 5px;}
	.vico .ico{ width:90px;}
	.ibox-pro .btn-more{ width: 220px;}
	.foot-t,.foot-b{ width: 90%;}
	.foot-c{ padding: 0 5%;}
	.ijion-box{ width: 90%;}
	.ibox-join{ padding-bottom: 160px;}
	.ijion-box .jline{ height: 156px;}
	.ibox-join .btn-more{ width: 220px;}
	.pbanner-desc .t{ font-size: 100px;}
	.aboutPage1 .desc{ margin-top: 0;}
	.about-demo .swiper-slide{ width: 680px;}
	.aboutPage3{ padding-top: 100px;}
	.pding1{ padding: 100px 0;}
	.aboutPage4{ padding-top: 100px;}
	.media-img .name{ font-size: 28px;}
	.pageby{ font-size: 74px;}
	.contact-t{ font-size: 22px;}
	.contact-t span{ border-width: 6px;}
	.f36{ font-size: 30px;}
	.f21,.message-tab{ font-size: 18px;}
	.message-tab .mtxt,.message-tab .mtxt2,.message-tab .mbtn{ font-size: 15px;}
	.message-bot{ height: 6px; margin-bottom: 60px;}
	.message-tab .cpadding{ padding: 60px 5% 25px 0;}
	.pageby2{ margin-bottom: 70px;}
	.boxt-s1,.boxt-s3 { width: 6px;}
	.boxt-s2,.boxt-s4 { height: 6px;}
	.tealist .txt{ font-size: 14px; padding: 8px 20px;}
	.tealist .type{ font-size: 24px;}
	.dock-list li{ margin-bottom: 12px;}
	.dock-list a{ width: 50px; border-width: 6px;}
	.dock-list .txt{ margin-top: -30px;}
}
@media screen and (max-width: 1260px) {
	.nav{ margin: 0;}
	.nav a{ padding: 0;}
	.nav a::before{ display: none;}
	.nav-box .nico{ display: none;}
	.ivideo-box{ width: 800px; border-width: 3px;}
	.vico .ico{ width: 80px;}
	.iabout-desc .btn-more{ width: 200px;}
	.ibox-pro .btn-more{ width: 200px;}
	.ibox-join .btn-more{ width: 200px;}
	.pbanner-desc .t{ font-size: 80px;}
	.f18{ font-size: 14px;}
	.about-logo{ width: 100px; height: 100px; top: -50px;}
	.about-demo .swiper-slide{ width: 600px;}
	.sider-box{ display: none;}
	.inner{ width: 80%;}
	.pageby{ font-size: 70px;}
	.store-demo .swiper-slide{ width: 700px; margin: 0px 30px;}
	.store-demo .swiper-button-prev{ margin-left: -392px;}
	.store-demo .swiper-button-next{ margin-right: -392px;}
	.store-demo .swiper-pagination{ padding-top: 20px;}
	.store-demo .swiper-pagination-bullet{ width: 10px; height: 10px;}
	.contact-page{ padding-left: 10%;}
	.message-tab .mbtn{ width: 140px;}
	.f36{ font-size: 28px;}
	.f21,.message-tab{ font-size: 16px;}
	.message-tab .mtxt,.message-tab .mtxt2,.message-tab .mbtn{ font-size: 14px;}
	.message-bot{ height: 4px; margin-bottom: 50px;}
	.message-tab .cpadding{ padding: 40px 5% 20px 0;}
	.bubble-nav a{ padding: 20px; font-size: 16px;}
	.bubble-nav .io{ width: 18px; height: 18px;}
}
@media screen and (max-width: 1024px) {
	.inner{ width: 90%;}
	.top-t,.nav-box{ display: none;}
	.top{ position: fixed; left: 0; right: 0; top: 0; z-index: 1000; height: 54px; background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
	.pageH{ height: 54px;}
	.logo3,.menu-handler, .menubarM{ display: block;}
	.banner-box{ padding: 0;}
	.banner .item .img{ width: 120%; margin-left: -10%;}
	.bot-lin1{ height: 2px; margin-top: 4px;}
	.bot-lin2{ height: 4px; margin-top: 8px;}
	.bot-lin3{ height: 6px; margin-top: 12px;}
	.bot-lin4{ height: 8px; margin-top: 12px;}
	.iboxT .t{ width: 300px;}
	.iabout-desc .img1{ width: 240px;}
	.iabout-desc .img2{ width: 400px; margin-bottom: -150px;}
	.iabout-img{ bottom: 130px;}
	.ibox-video{ padding: 220px 0 80px; background-size: 70% auto;}
	.ivideo-box{ width: 90%;}
	.vico .ico{ width: 60px;}
	.vico .txt{ font-size: 14px; margin-bottom: 10px; letter-spacing: 1px;}
	.iabout-desc .btn-more{ width: 180px; display: none;}
	.ipro-dots{ display: none;}
	.ipro-box{ padding-bottom: 0; width: 90%;}
	.ipro-box .pos-ov{ margin: 0 20px;}
	.ibox-pro{ border-top-width: 8px;}
	.ibox-pro .btn-more{ position: relative; right: auto; top: auto; width: 180px; margin: 30px auto 0; transform: rotate(7deg); -webkit-transform: rotate(7deg);}
	.ipro-numbox{ position: initial; left: auto; right: auto; height: auto; line-height: auto;}
	.ipro-numbox:before{ display: none;}
	.ipro-box .slick-arrow{ top: 50%; margin-top: -20px; background-size: 6px auto;}
	.ibox-joinT .nico{ width: 44px; height: 44px;}
	.foot-t dd{ float: none; width: 100%; margin-right: 0; text-align: center;}
	.flogo{ width: 120px; margin: 0 auto;}
	.foot-txt .t{ font-size: 16px; padding: 15px 0 5px;}
	.foot-txt .c{ font-size: 12px;}
	.foot-t .btn-box{ text-align: center;}
	.btn-online{ float: none; font-size: 14px;}
	.btn-online:last-child{ margin-right: 0;}
	.foot-t dd.foot-erm{ float: none; display: block; margin: 20px auto 0;}
	.ibox-join .btn-more{ position: relative; right: auto; top: auto; width: 180px; margin: 30px auto 0; transform: rotate(8deg); -webkit-transform: rotate(8deg);}
	.ijion-box .jbg,.ijion-box .jline{ display: none;}
	.ibox-jointxt{ width: 90%;}
	.ijoin-desc .title:before, .ijoin-desc .title:after{ top: 14px; width: 8px; height: 8px;}
	.ijoin-desc .title{ font-size: 20px; width: 50%; background: none #af251b; border-radius: 0 0 15px 15px; line-height: 1.5; height: auto; padding: 5px 10px 15px;}
	.ijoin-list{ justify-content: left;}
	.ijoin-list .line{ display: none;}
	.ijoin-list .num{ width: 80px; height: 80px; line-height: 80px; font-size: 34px;}
	.ijoin-list .txt{ font-size: 14px;}
	.ijoin-list2{ flex-direction:initial;}
	.ijoin-list2 li:first-child{ margin-right: 0;}
	.ijoin-list2:before{ display: none;}
	.ijoin-list li{ margin-bottom: 20px;}
	.pbanner .imgbox{ height: calc(100vh - 54px);}
	.pbanner .imgbox p{ background-attachment: initial;}
	.pageT{ padding-bottom: 30px;}
	.pageT .t{ font-size: 24px;}
	.aboutPage1 .desc{ margin-left: 0;}
	.aboutPage1 .pimg{ margin-right: 0; width: 40%;}
	.about-logo{ width: 80px; height: 80px; top: -40px; left: 50%; margin-left: -40px;}
	.pding1{ padding: 80px 0;}
	.about-demo{ padding-bottom: 45px; margin-bottom: 45px;}
	.about-demo .swiper-slide{ width: 74%;}
	.about-demo .swiper-slide-active .pimg{ padding: 6px;}
	.about-demo .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 3px;}
	.aboutPage3{ padding-top: 80px;}
	.ip-desc{ margin-left: 5%; width: 40%;}
	.ip-img{ width: 36%; padding: 0 7% 25%;}
	.ip-desc .ico{ width: 60px;}
	.ip-desc .ico img{ width: 100%; display: block;}
	.aboutPage4{ padding-top: 80px;}
	.media-img .name{ font-size: 26px;}
	.aboutPage5{ padding: 80px 0 100px;}
	.join-list .desc{ padding: 30px 5% 60px;}
	.join-list .Abox{ padding: 5px 0;}
	.join-list .pageC{ margin: 0;}
	.join-list .desc:before{ height: 14px;}
	.join-list li{ margin-bottom: 25px;}
	.join-ico{ width: 24px; height: 24px;}
	.join-type .num{ font-size: 28px; width: 50px; height: 50px; line-height: 50px;}
	.join-type .iyuan{ margin: 25px auto 35px;}
	.join-type li{ width: 48%;}
	.process-item .icon{ width: 60px; line-height: 60px; height: 60px; font-size: 30px;}
	.process-item .desc{ padding: 3px 0 3px 80px;}
	.process-item .t{ font-size: 18px;}
	.process-list .num{ width: 40px; height: 40px; font-size: 20px; line-height: 40px; margin: -20px 0 0 -20px;}
	.help-box{ padding: 0;}
	.help-img{ display: none;}
	.help-item{ position: relative; left: auto; top: auto; bottom: auto; right: auto; width: auto; margin-bottom: 20px;}
	.helo-dian{ display: none;}
	.help-item .title{ font-size: 20px; padding: 4px 60px 4px 3%;}
	.help-item i{ width: 4px; height: 4px; border-width: 1px;}
	.help-item .i2{ right: 28px;}
	.help-item .i3{ right: 38px;}
	.help-item .f18{ padding: 25px 3%;}
	.pageby{ font-size: 60px;}
	.store-demo .swiper-slide{ width: 80%; margin: 0 10px;}
	.store-demo .swiper-arrow{ width: 40px; height: 40px; border-radius: 50%; font-size: 14px; margin-top: -20px;}
	.store-demo .swiper-button-prev{ left: 10%; margin-left: -20px;}
	.store-demo .swiper-button-next{ right: 10%; margin-right: -20px;}
	.contact-page{ padding:0 5%;}
	.contact-t{ font-size: 18px;}
	.contact-t span{ border-width: 4px;}
	.contact-desc{ float: none; width: auto; text-align: center;}
	.contact-desc .pageC{ text-align: center;}
	.mapBox{ margin:30px 0 0; height: 300px;}
	.messagePage .pageT{ float: none;}
	.message-desc{ margin-left: 0;}
	.f36{ font-size: 24px;}
	.message-bot{ height: 3px; margin-bottom: 40px;}
	.message-tab .cpadding{ padding: 30px 5% 20px 0;}
	.pageby2{ margin-bottom: 60px;}
	.boxt-s1,.boxt-s3 { width: 4px;}
	.boxt-s2,.boxt-s4 { height:4px;}
	.tealist .txt{ font-size: 16px;}
	.tealist .type{ font-size: 20px;}
	.pding3{ padding: 60px 0;}
	.tealist .txt{ opacity: 1; visibility: visible; left: 0; right: 0; bottom: 0; top: auto; transform: initial;}
	.bubble-nav{ width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap;}
	.bubble-nav ul{ display: inline-flex;display: -webkit-inline-flex;}
	.bubble-nav a{ padding: 20px 25px;}
	.bubble-nav .io{ float: none; top: 2px; width: 12px; height: 12px;}
	.bubble-nav .io::before{ height: 15px;}
	.bubble-nav a.active .io::before{ width: 20px;}
	.pswp__button--arrow--left, .pswp__button--arrow--right{ width: 60px; height: 60px; margin-top: -30px;}
	.dock-list li{ margin-bottom: 8px;}
	.dock-list a{ width: 44px; border-width: 4px;}
	.dock-list .txt{ display: none;}
	.ermclose{ width: 58px; height: 58px; border-width: 2px; background-size: 46% auto; left: 60%;}
	.obox-page{ width: 90%; border-width: 3px; border-radius: 14px;}
	.obox-page .bt img{ width: 80px; display: block; margin: 0px auto;}
	.obox-page .c{ font-size: 14px; padding: 25px 0;}
	.obox-page .title{ font-size: 24px;}
	.obox-page a.btn-close{ height: 60px; line-height: 60px; font-size: 24px;}
}
@media screen and (max-width: 860px) { 
	.aboutPage1 .pimg{ margin-right: 0; margin-top: 50px; width: 45%; border-width: 2px; padding: 8px;}
	.w616{ width: 90%;} 
	.pbanner-desc .t{ font-size: 70px;}
	.process-list:before{ display: none;}
	.process-item{ width: auto; padding: 20px 3%;}
	.process-item .icon{ background-color: #fff; color: #af251b;}
	.process-item2{ margin-left: auto;}
	.process-item1 .sj,.process-item2 .sj{ display: none;}
	.process-list .num{ display: none;}
	.pageby{ font-size: 50px;}
	.f36{ font-size: 22px;}
	.pageby2{ margin-bottom:50px;}
	.tealist .type{ font-size: 18px;}
	
}
@media screen and (max-width: 640px) { 
	.banner .item .img{ width: 130%; margin-left: -15%;}
	.banner-item1 .img2{ width: 26%; left: 37%;}
	.banner-item1 .img4{ width: 8%;}
	.banner-item1 .img5{ width: 8%;}
	.banner-item1 .img6{ width: 8%;}
	.banner-item1 .img7{ width: 28%; right: 14%;}
	.iboxT{ margin-bottom: 30px;}
	.iboxT .t{ width: 240px;}
	.iabout-desc .img1{ width: 180px; margin-bottom: 25px;}
	.iabout-desc .img2{ width: 240px; margin-bottom: -80px;}
	.ibox-about{ padding-top: 60px;}
	.iabout-img{ bottom: 60px;}
	.vico .txt{ font-size: 12px; margin-bottom: 5px;}
	.vico .ico{ width: 40px;}
	.ibox-video{ padding: 120px 0 60px;}
	.ibox-pro{ padding: 60px 0; border-top-width: 6px;}
	.ipro-box .pos-ov{ margin: 0 40px 0 60px;}
	.ibox-join{ padding-bottom: 80px;}
	.ibox-joinT .nico{ width: 24px; height: 24px;}
	.ijoin-desc .title{ font-size: 16px; padding: 2px 0px 12px;}
	.ijoin-desc .title:before, .ijoin-desc .title:after{ top: 10px; width: 4px; height: 4px;}
	.ijoin-desc{ padding: 6px 6px 40px; }
	.ijoin-desc:before{ left: 6px; top: 6px; right: 6px; bottom: 6px;}
	.ijoin-list .txt{ font-size: 12px;}
	.ijoin-list{ display: block;}
	.ijoin-list li{ width: 33.33%; float: left; }
	.pbanner-desc .t{ font-size: 60px;}
	.pding1,.pding2{ padding: 45px 0;}
	.aboutPage1 .desc{ float: none; width: auto;}
	.aboutPage1 .pimg{ float: none; width: auto; margin-top: 35px; margin-bottom: 35px;}
	.pageT{ padding-bottom: 20px;}
	.pageT .t{ font-size: 18px;}
	.pbanner .imgbox{ height: 240px;}
	.about-demo{ padding-bottom: 35px; margin-bottom: 35px;}
	.about-demo .swiper-slide-active .pimg{ padding: 4px;}
	.about-demo .swiper-pagination-bullet{ width: 6px; height: 6px;}
	.aboutPage3{ padding-top: 0;}
	.aboutPage3:before{ display: none;}
	.aboutPage3 .title{ display: none;}
	.ip-desc{ float: none; width: 90%; margin: 0 auto;}
	.ip-desc .ico{ width: 40px; margin-top: 8%;}
	.ip-img{ float: none; width: 50%; padding: 30px 25%; background:url(../images/a7.png) no-repeat scroll right bottom #af251b; background-size: cover;}
	.aboutPage4{ padding-top: 0px;}
	.media-desc{ float: none; width: 90%;}
	.media-img{ float: none; width: 50%;}
	.media-img .name{ font-size: 20px;}
	.aboutPage5{ padding: 60px 0 80px;}
	.pbot-lin1{ height: 12px; margin-bottom: 4px;}
	.pbot-lin2{ height: 6px; margin-bottom: 4px;}
	.pbot-lin3{ height: 4px;}
	.aboutPage6{ padding-top: 60px;}
	.join-list .title{ padding: 8px 50px 8px 40px;}
	.join-list .title:before{ width: 10px; height: 10px; border-width: 1px; left: 10px; top: 14px;}
	.process-item .t{ font-size: 16px;}
	.process-item .icon{ width: 50px; height: 50px; line-height: 50px; }
	.process-item .desc{ padding-left: 70px;}
	.help-item .title{ font-size: 18px;}
	.help-item .f18{ padding: 15px 5%;}
	.pageby{ font-size: 40px; text-stroke: 1px #af251b; -webkit-text-stroke: 1px #af251b; margin-bottom: 20px;}
	.store-demo .swiper-pagination{ padding-top: 10px;}
	.store-demo .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0px 4px;}
	.store-demo .swiper-arrow{ width: 30px; height: 30px; margin-top: -15px;}
	.store-demo .swiper-button-prev{ left: 2%; margin-left: 0;}
	.store-demo .swiper-button-next{ right: 2%; margin-right: 0;}
	.contact-t{ font-size: 16px;}
	.contact-t span{ border-width: 2px;}
	.mapBox{ height: 200px;}
	.f36{ font-size: 20px;}
	.f21, .message-tab{ font-size: 15px;}
	.message-tab li{ float: none; width: auto; margin-right: 0;}
	.message-tab .cpadding{ padding-right: 0;}
	.message-tab .mtxt{ border-width: 2px;}
	.message-tab .mtxt2{ height: 150px;}
	.message-tab .mbtn{ width: 100px; margin-right: 15px;}
	.pageby2{ margin-bottom: 30px;}
	.pding3{ padding: 35px 0;}
	.tealist .item,.tealist .frist-item{ width: 48%;}
	.tealist .type{ font-size: 16px;}
	.tealist .txt{ font-size: 12px;}
	.bubble-nav a{ font-size: 14px; padding: 15px;}
	.bubble-bg { height: 30px; margin-top: 2px;}
	.bubble-bg .line{ width: 86%; left: 7%; right: 7%; height: 1px;}
	.bubble-bg::before, .bubble-bg::after{ width: 4px; height: 4px; margin-top: -2px;}
	.pswp__button--arrow--left, .pswp__button--arrow--right{ width: 40px; height: 40px; margin-top: -20px;}
	.pswp__caption__center .txt{ font-size: 18px;}
	.pswp__caption__center .desc{ font-size: 14px;}
	.ermclose{ width: 40px; height: 40px; border-width: 2px; background-size: 46% auto; left: 62%;}
	.obox-page{ position: relative; top: auto; left: auto; margin: 30px auto; transform: initial;}
	.obox-page .title{ font-size: 20px; margin-bottom: 10px;}
	.obox-page a.btn-close{ font-size: 20px; height: 50px; line-height: 50px;}
}
@media screen and (max-width: 481px) { 
	.iboxT .t{ width: 60%;}
	.iabout-desc .img1{ width: 38%;}
	.iabout-desc .img2{ width: 60%;}
	.pbanner-desc .t{ font-size: 40px;}
	.media-img .name{ font-size: 18px;}
	.pageby{ font-size: 30px;}
	.mapBox{ height: 180px;}
}
@media screen and (max-width: 421px) {
	.media-img .name{ font-size: 16px; bottom: 20%;}
	.pbanner-desc .t{ font-size: 32px;}
}
	
@media screen and (max-width: 360px) {
	.pbanner-desc .t{ font-size: 28px;}
	.f36{ font-size: 18px;}
	.f21, .message-tab{ font-size: 14px;}
	.message-tab .cname{ width: 50px;}
	.message-tab .citem,.message-tab .cbtn{ padding-left: 50px;}
	.tealist .type{ font-size: 14px;}
}