@media screen and (min-width: 1025px) { .transXT50 { 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; } .transYT50 { transform: translateY(50px); -webkit-transform: translateY(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; } .transYT502 { transform: translateY(-50px); -webkit-transform: translateY(-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{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .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{ transition-delay: 500ms; -webkit-transition-delay: 500ms; } .dly_6{ transition-delay: 600ms; -webkit-transition-delay: 600ms; } .dly_7{ transition-delay: 700ms; -webkit-transition-delay: 700ms; } .dly_8{ transition-delay: 800ms; -webkit-transition-delay: 800ms; } .dly_9{ transition-delay: 900ms; -webkit-transition-delay: 900ms; } .dly_10{ transition-delay: 1000ms; -webkit-transition-delay: 1000ms; } .dly_11{ transition-delay: 1100ms; -webkit-transition-delay: 1100ms; } .item-span span{ visibility: hidden; display: inline-block;} .item-span2 i{ visibility: hidden; display: inline-block;} .action .item-span span,.action .item-span2 i{visibility: visible; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:wordsRFade; animation-name:wordsRFade; } .fixedImg { background-attachment: fixed;} .iboxT.action .zh.item-span span,.pboxT.action .item-span span{ -webkit-animation-name:bounceIn; animation-name:bounceIn; } .ibox-solution .item:hover:before{ opacity: 0; visibility: hidden\9; /* background: none rgba(0,0,0,0.2); */} .ibox-solution .item:hover .desc{ opacity: 1; visibility: visible; transform: initial; -webkit-transform: initial; transition-delay:0.5s; -webkit-transition-delay: 0.5s;} .ibox-solution .item:hover .title{ opacity: 0; visibility: hidden\9;} .img-demo .item:hover figure{ box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: scale(1.03); -webkit-transform: scale(1.03);} .img-demo .item:hover .txt{ color: #00A2E9;} .solution-bannerC{ transform: translateY(50px); -webkit-transform: translateY(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; transition-delay: 0.5s; -webkit-transition-delay: 0.5s;} .active .solution-bannerC{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .news-list li:hover,.news-list li:hover h4{ color: #fff;} .news-list li:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.1);} .news-list li:hover:before{ opacity: 1; visibility: visible\9; transform: initial; -webkit-transform:inherit;} } @media screen and (max-width: 1650px) { .ibox-inner{ width: 90%;} .solution-bannerC .zh{ font-size: 42px;} .solution-bannerC .en{ font-size: 70px; margin-bottom: 5%;} .about-bannerC{ top: 30%;} .about-bannerC .en2{ font-size: 50px;} } @media screen and (max-width: 1440px) { .banner .desc { height: 325px;} .banner .en{ font-size: 50px;} .banner .zh{ font-size: 28px;} .iboxT .zh{ font-size: 32px;} .ibox-padding{ padding: 120px 0;} .ibox-advantages{ padding: 80px 0;} .ibox-solution{ height: 540px;} .ibox-case-demo,.ibox-case-demo .imgBox{ height: 400px;} .ibox-case-demo .type{ margin-bottom: 10px;} .ibox-case-demo .title{ font-size: 20px; margin-bottom: 10px;} .ibox-case-demo .c{ margin-bottom: 25px;} .nitem-box h4{ font-size: 18px;} .ibox-new{ padding-bottom: 120px;} .foot-nav li{ padding-left: 50px; margin-left: 50px;} .pbanner-c .zh{ font-size: 34px; padding-left: 20px;} .pbanner-c .zh:before{ width: 3px;} .f30{ font-size: 28px;} .solution-bannerC .zh{ font-size: 36px;} .solution-bannerC .en{ font-size: 60px;} .about-box-r{ width: 320px; height: 320px;} .history-scroll{ height: 450px;} .honor-scroll{ height: 450px;} .company-list .desc{ /* top: 25%; */} } @media screen and (max-width: 1370px) { .inner{ width: 1100px;} .banner .desc { height: 285px;} .banner .en{ font-size: 46px;} .banner .zh{ font-size: 24px;} .banner .btn-more{ margin-top: 45px;} .iboxT .zh{ font-size: 28px;} .ibox-padding{ padding: 100px 0;} .ibox-advantages{ padding: 80px 0;} .ibox-solution{ height: 480px;} .ibox-solution h4{ font-size: 24px;} .ibox-case-demo,.ibox-case-demo .imgBox{ height: 360px;} .ibox-case-demo .type{ margin-bottom: 8px;} .ibox-case-demo .title{ margin-bottom: 8px;} .ibox-case-demo .c{ margin-bottom: 20px;} .ibox-new{ padding-bottom: 100px;} .foot-nav li{ padding-left: 40px; margin-left: 40px;} .pbanner-c{ width: 1100px; margin-left: -550px;} .pbanner-c .zh{ font-size: 30px;} .product-list .t{ font-size: 24px;} .product-list .c{ margin-bottom: 30px;} .pro-info-box{ padding: 140px 0;} .solution-list .t{ font-size: 20px;} .solution-list .desc{ margin-left: 5%; float: left; display: block; width: 45%; padding-top: 5%;} .solution-bannerC .zh{ font-size: 30px;} .solution-bannerC .en{ font-size: 54px;} .solution-casedemo .desc{ margin-top: 4%;} .solution-casedemo .title{ font-size: 18px;} .history-scroll{ height:340px;} .honor-scroll{ height: 300px;} .company-list .desc{ /* top: 20%; */} .company-list .desc h4{ font-size: 18px;} .news-list h4{ font-size: 20px;} .about-box-l{ padding-top: 35px;} .page-padding2{ padding: 100px 0;} .noPage{ margin-left: -550px; margin-top: -265px;} .no-t{ font-size: 130px; padding: 40px 0;} .no-by{ font-size: 24px;} .no-c{ margin-bottom: 30px;} } @media screen and (max-width: 1280px) { .banner .desc { height: 265px;} .banner .en{ font-size: 40px;} .banner .zh{ font-size: 20px;} .ibox-solution{ height: 440px;} .f30{ font-size: 26px;} .solution-bannerC .zh{ font-size: 28px;} .solution-bannerC .en{ font-size: 50px; margin-bottom: 4%;} .solution-bannerC .bot{ height: 4px;} .pro-info-box{ padding: 100px 0;} } @media screen and (max-width: 1260px) { .inner{ width: 960px;} .ibox-solution{ height: 400px;} .nitem-box h4{ font-size: 16px;} .foot-nav li{ padding-left: 30px; margin-left: 30px;} .pbanner-c{ width: 960px; margin-left: -480px;} .pbanner-c .zh{ font-size: 28px;} .f30{ font-size: 24px;} .solution-list .t{ font-size: 18px;} .solution-list .c{ margin-bottom: 30px;} .solution-casedemo .desc{ margin-left: 5%; margin-top: 3%; width: 40%;} .solution-casedemo .bot{ height: 2px; margin-bottom: 18px;} .solution-casedemo .title{ margin-bottom: 5px;} .about-bannerC { left: 5%; margin-left: 0; width: 90%;} .noPage{ margin-left: -480px; margin-top: -210px;} .no-t{ font-size: 110px; padding: 35px 0;} .no-by{ font-size: 20px;} .no-c{ margin-bottom: 25px;} .no-btn{ width: 140px; height: 44px; line-height: 44px;} } @media screen and (max-width: 1024px) { .item-span span{ display: inline-block;} .vwrap .videobox { width: 700px; height: 422px; margin: -211px 0 0 -350px; } .inner,.w900{ width: 90%;} .top{ width: 100%; padding: 0; height: 54px; color: #666; background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1); -webkit-transition:-webkit-transform .5s cubic-bezier(.25,.46,.45,.94); transition:transform .5s cubic-bezier(.25,.46,.45,.94);} .top .ibox-inner{ width: auto;} .logo{ margin: 14px 0 0 5%;} .logo a{ height: 26px;} .logo img.img1{ display: none;} .logo img.img2{ display: block;} .nav{ display: none;} .menu-handler,.menuBox{ display: block;} .site-lang{ margin: 12px 60px 0 0;} .lang-act span:before{ border-color: #666 transparent transparent transparent;} .body-right{ -webkit-transition:transform .5s cubic-bezier(.25,.46,.45,.94); transition:transform .5s cubic-bezier(.25,.46,.45,.94);} .pageH{ height: 54px;} .banner{ margin-top: 54px;} .banner-video,.banner-video video{ display: none; z-index: -1;} .banner .desc{ top: 50%; width: 90%; left: 5%; bottom: auto; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .banner .en{ font-size: 30px;} .banner .zh{ font-size: 16px;} .banner .btn-more{ margin-top: 25px;} .banner .pimg{ width: 140%; margin-left: -20%;} .banner .slick-dots{ left: 5%; width: 90%; text-align: center;} .banner .slick-dots li{ width: 8px; height: 8px; border-radius: 50%; margin: 0px 8; } .btn-more{ width: 80px; height: 34px; line-height: 34px; font-size: 12px;} .iboxT .zh{ font-size: 24px;} .ibox-padding{ padding: 80px 0;} .ibox-advantages-list figure img{ width: 46px; } .ibox-solution{ height: auto !important;} .ibox-solution .item{ position: relative; right: auto !important; left: auto !important; padding: 60px 0;} .ibox-solution .title{ display: none;} .ibox-solution .desc{ position: relative; left: auto; right: auto; top: auto; width: 90%; margin: 0px auto; opacity: 1; visibility: visible; transform: initial; -webkit-transform: initial; } .ibox-solution h4{ font-size: 20px;} .ibox-solution h4:before{ width: 2px;} .ibox-case-demo,.ibox-case-demo .imgBox{ height: 320px;} .ibox-case-demo .type{ margin-bottom: 5px;} .ibox-case-demo .title{ margin-bottom: 5px; font-size: 18px;} .ibox-case-demo .by{ top: 5%;} .ibox-case-demo .by img{ width: 8px;} .ibox-new{ padding-bottom: 80px;} .foot{ padding: 40px 0;} .foot-l,.foor-topr,.foot-r{ float: none; display: block; width: auto;} .foot-l{ border-bottom: 1px solid #484747; padding:0 0 25px; margin-bottom: 25px;} .foot-r{ padding-top: 0;} .foot-erm-box{ margin-bottom: 30px;} .foot-sharp{ margin-bottom: 0px;} .foor-topr{ border-bottom: 1px solid #484747; padding-bottom: 25px; margin-bottom: 25px;} .foot-nav li{ width: 20%; margin:0 5% 0 0; padding-left: 0;} .foot-r{ text-align: left; margin-top: 25px;} .link-select-box{ float: none;} .pbanner .load-img{ width: 120%; margin-left: -10%;} .pbanner-c{ width: 90%; left: 5%; margin: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .pbanner-c .zh{ font-size: 24px; padding-left: 16px;} .pbanner-c .zh:before{ width: 2px; } .pro-nav-box{ display: none;} .pro-nav-btn{ width: 100%;} .pro-nav-btn li:first-child>a{ border-left: 0px none;} .pro-nav-btn a{ height: 40px; line-height: 40px; font-size: 13px;} .product-list .t{ font-size: 18px;} .product-list .desc{ padding: 5% 0 0;} .paging a{ padding: 6px 10px;} .f30{ font-size: 22px;} .pro-list li{ float: left; width: 27.33%;} .pro-list .ico{ width: 46px;} .pro-padding{ padding: 60px 0;} .page-padding2{ padding: 80px 0;} .pro-view-list dd{ display: block; margin-bottom: 25px;} .pro-view-list figure{ float: none; width: 100%;} .pro-view-list .desc{ float: none; width: 90%; padding: 30px 5% 40px; background-color: #F1F1F1;} .img-demo .item{ padding: 0;} .pro-info-box{ padding: 80px 0;} .pro-page-tab{ overflow-x: auto;overflow-y: hidden; -webkit-overflow-scrolling: touch;} .page-nav-box{ height: 40px;} .page-nav-btn{ position: absolute; left: 0; top: 0; width: 100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap; text-align: left;} .page-nav-btn>ul{ display: inline-flex; display:-webkit-inline-flex;} .page-nav-btn>ul>li{ width: auto;} .page-nav-btn a{ line-height: 40px; height: 40px; font-size: 14px; padding: 0px 25px;} .page-nav-btn a:before{ display: none;} .page-nav-btn a.active,.page-nav-btn a:hover{ color: #00A2E9;} .solution-list figure{ width: 50%;} .solution-list .desc{ width: 40%;} .solution-bannerC{ left: 5%; width: 90%; margin-left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .solution-bannerC .zh{ font-size: 24px;} .solution-bannerC .en{ font-size: 44px; margin-bottom: 20px;} .solution-bannerC .bot{ height: 3px;} .soution-ico-list .ico{ width: 46px;} .characteristic-list .img{ width: 110px; height: 110px; margin-bottom: 40px;} .characteristic-list .img:before{ left: -16px; top: -16px; right: -16px; bottom: -16px;} .characteristic-list .img img{ width: 50px; height: 50px;} .solution-casedemo{ width: 90%; margin: 0px auto 50px;} .solution-casedemo figure{ float: none; width: 100%;} .solution-casedemo .desc{ float: none; margin: 0 auto; width: 90%; padding: 25px 0 85px;} .solution-casedemo .slick-arrow{ width: 50%; background-color: #666666;} .solution-casedemo .slick-prev{ color: #fff;} .down-list li{ height: 44px; line-height: 44px;} .down-list .name{ padding-left: 14px; margin-right: 88px;} .down-list .name i{ font-size: 18px; top: 0; margin-right: 10px;} .down-list .itemA{ width: 44px; height: 44px; line-height: 44px; font-size: 18px;} .down-list .open{ right: 44px;} .down-select{ width: 20%; margin-right: 2%;} .down-search{ width: 30%; box-sizing: border-box;} .video-list .desc{ position: relative; left: auto; bottom: auto; color: #333; margin-top: 20px;} .video-list .t{ font-size: 14px;} .video-list .c{ font-size: 12px; height: 42px; overflow: hidden;} .video-list .vico{ opacity: 1; transform: initial; -webkit-transform: initial;} .video-list .yy{ display: none;} .service-list{ margin-left: -5%;} .service-list li{ width: 45%; margin-left: 5%; padding-right: 0;} .service-list figure{ width: 50px;} .service-list .desc{ padding-left: 70px;} .service-list .t{ font-size: 16px;} .service-list .c{ font-size: 12px;} .service-map{ padding: 80px 0 160px;} .service-address{ margin-left: 0;} .service-address li{ margin-left: 0; margin-top: 20px; float: none; width: 100%;} .service-form .title{ display: block; padding-bottom: 10px; } .service-form .slabel{ margin-right: 10px; margin-left: 0; display: inline-block;} .service-form .slabel:last-child{ margin-right: 0;} .about-bannerC .en2{ font-size: 30px; margin: 5px 0 40px;} .about-box-r{ width: 260px; height: 260px;} .history-scroll{ height: auto; width: auto;} .about-history .imgBox{ display: none;} .honor-scroll{ height: auto;} .company-list .black{ display: none;} .company-list .desc{ /* position: relative; left: 0; top: auto; width: auto; padding-top: 25px; color: #666; opacity: 1; visibility: visible\9; transform: translateY(0px); -webkit-transform: translateY(0px); */} .company-list .name{ display: none;} .info-right .title{ font-size: 18px; margin-bottom: 25px;} .contactPage .w50{ width: auto;} .contact-list dt{ font-size: 16px;} .join-icolist li{ width: 31.33%;} .join-icolist .icon{ width: 60px;} .join-list .title{ font-size: 70px;} .join-list .t{ font-size: 16px; margin-bottom: 5px;} .social-page{ padding: 100px 0; min-height: auto;} .strength-ico-list li{ margin: 0px 15px 10px;} .strength-num-list .num{ font-size: 50px;} .strength-num-list .add{ top: -25px;} .noPage{ position: relative; left: auto; top: auto; margin: 0; padding: 15% 0;} .no-list li{ float: none;} .no-list .item1,.no-list .item2{ float: none; width: auto;} .no-list .item1{ text-align: center;} .no-list .item2{ width: 60%; margin: 0px auto;} .no-btn{ margin: 0px auto;} .dock{ width: 44px; top: auto; bottom: 0; margin-top: 0;} .dockCon li a .iconfont{ font-size: 24px;} .dockCon li a .txt{ font-size: 12px; line-height: 1.2; display: none; margin-top: 2px;} .dockCon li:hover .con{ display: none;} .messagePage{ width: 90%; padding: 45px 5%;} .md-content{ margin: 0 auto;} .form-box-close{ position: fixed; border-radius: 50%; width: 44px; height: 44px; line-height: 44px; margin-top: 0; top: 2%; right: 3%;} .form-box-close i{ line-height: 44px;} .down-btn{ font-size: 12px;} .down-btn i{ font-size: 40px;} .downclose{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; border-radius: 0;} .downclose i{ line-height: 40px;} } @media screen and (max-width: 860px) { .vwrap .videobox { width: 560px; height: 315px; margin:-158px 0 0 -280px; } .ibox-advantages{ width: 90%;} .ibox-advantages-list{ margin-top: 80px;} .ibox-case-demo{ border: 0px none;} .ibox-case-demo,.ibox-case-demo .imgBox{ height: auto;} .ibox-case-demo .imgBox{ float: none; width: auto;} .ibox-case-demo .imgBox .imgw{ visibility: visible;} .ibox-case-demo .desc{ float: none; width: auto; padding: 25px 5% 40px; margin: 0; border: 1px solid #F1F1F1;} .ibox-case-demo .c{ height: 50px;} .ibox-case-demo .slick-arrow{ background-color: #00A2E9; color: #fff; width: 38px; height: 38px; line-height: 38px; bottom: 0; top: 50%; margin-top: -136px; opacity: 0.8;} .ibox-case-demo .slick-prev{ right: auto; left: 0;} .ibox-case-demo .slick-next{ left: auto; right: 0;} .ibox-new-demo{ padding-bottom: 20px;} .ibox-new-demo .item{ float: none; width: auto;} .nitem-box{ padding: 30px 5%; box-shadow: 0 0 18px rgba(0,0,0,0.1);} .nitem-box .c{ height: auto; max-height: 75px;} .pbanner-c .zh{ font-size: 20px;} .product-list .t{ font-size: 16px;} .product-list .c{ font-size: 12px; height: 63px; margin-bottom: 25px;} .f30{ font-size: 18px;} .pro-info-box .img,.pro-info-box .desc{ float: none; width: auto;} .pro-info-box .img{ margin-bottom: 25px;} .solution-list { margin-left: -4%;} .solution-list dd{ float: left; width: 46%; margin-left: 4%;} .solution-list figure,.solution-list .desc{ float: none; width: auto;} .solution-list .desc{ padding: 25px 0 35px; width: 84%; margin: 0 auto;} .solution-list .t{ font-size: 16px;} .solution-list .c{ font-size: 12px; height: 42px; margin-bottom: 25px;} .solution-bannerC .zh{ font-size: 20px;} .solution-bannerC .en{ font-size: 40px;} .service-maplist li{ margin: 0 0 60px 0; width: 33.33%;} .about-box-r{ width: 200px; height: 200px;} .strength-list li{ margin-right: 30px; width: auto;} .strength-list .sitem{ width: 100px; height: 100px;} .strength-list .num{ font-size: 38px;} .company-list li{ width: 48%;} .company-list li:nth-child(odd){ clear: both;} .news-list figure{ width: 250px;} .news-list h4{ padding-top: 0; font-size: 18px;} .info-list .txt{ font-size: 12px;} .join-list li{ width: 48%; margin-right: 2%; margin-left: 0;} .w756{ width: 90%;} } @media screen and (max-width: 640px) { .vwrap .videobox { width: 400px; height: 300px; margin: -155px 0 0 -200px; } .vwrap .close{ right: 0; top:-37px;} .banner .en{ font-size: 20px; margin-bottom: 10px;} .banner .txt{ padding-left: 0;} .banner .txt:before{ display: none;} .banner .zh{ font-size: 14px;} .banner .btn-more{ margin: 15px 0 0;} .banner .slick-dots{ bottom: 4%;} .btn-more{ width: 70px; height: 30px; line-height: 30px; padding: 0px 10px;} .btn-more i{ right: 10px;} .iboxT{ margin-bottom: 25px;} .iboxT .zh{ font-size: 22px;} .ibox-padding{ padding: 50px 0;} .ibox-advantages-list{ margin-top: 60px; text-align: center;} .ibox-advantages-list li{ width: 31.33%; float: none; display: inline-block;} .ibox-advantages-list figure img{ width: 36px; } .ibox-solution h4{ font-size: 16px; padding-left: 12px;} .ibox-solution .c{ margin-bottom: 35px;} .ibox-new{ padding-bottom: 50px;} .nitem-box .c{ font-size: 12px; height: 63px;} .foot{ padding: 30px 0;} .foor-topr{ display: none;} .foot-erm-box .item{ width: 80px;} .page-padding{ padding: 30px 0;} .pbanner-c .zh{ font-size: 15px; padding-left: 10px;} .product-list dd{ margin-bottom: 25px;} .product-list figure{ float: none; width: 100%;} .product-list .desc{ float: none; width: 90%; padding: 25px 5% 30px; margin: 0; border-top: 1px solid #F1F1F1;} .paging{ padding: 30px 0;} .paging a.prev{ margin-right: 0px;} .paging a.next{ margin-left: 0px;} .paging a{ font-size: 12px;} .pro-padding{ padding: 45px 0;} .page-padding2{ padding: 60px 0;} .f30{ font-size: 16px;} .pboxT{ margin-bottom: 25px;} .pro-list .ico{ width: 40px;} .pro-view-list .desc{ padding: 25px 5% 35px;} .pro-info-box{ padding: 60px 0;} .page-nav-box{ width: 100%;} .solution-list { margin-left:0;} .solution-list dd{ float: none; width: 100%; margin-left: 0;} .solution-list .desc{ width: 90%;} .solution-bannerC .zh{ font-size: 14px;} .solution-bannerC .en{ font-size: 24px; margin-bottom: 15px;} .solution-bannerC .bot{ width: 28px; height: 2px;} .soution-ico-list .ico{ width: 40px;} .soution-ico-list li{ width: 46%;} .soution-ico-list .txt{ font-size: 12px; height: 42px;} .characteristic-list .item{ margin-top: 30px;} .characteristic-list .img{ width: 60px; height: 60px; margin-bottom: 28px;} .characteristic-list .img:before{ left: -10px; top: -10px; right: -10px; bottom: -10px;} .characteristic-list .img img{ width: 30px; height: 30px;} .characteristic-list .txt{ font-size: 12px; height: 42px;} .characteristic-list .slick-dots{ margin-top: 15px;} .characteristic-list .slick-dots li{ margin: 0px 4px;} .characteristic-list .slick-dots li a{ width: 8px; height: 8px;} .solution-prodemo .imgBox{ margin-bottom: 8px;} .solution-prodemo{ overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: touch;} .solution-prodemo ul{ display: inline-flex; display: -webkit-inline-flex;} .solution-prodemo .item{ width: 180px; padding: 0; margin-right: 15px; } .solution-prodemo .item:last-child{ margin-right: 0;} .solution-prodemo .txt{ font-size: 12px; height: 42px;} .solution-prodemo .slick-dots{ margin-top: 15px;} .solution-prodemo .slick-dots li{ margin: 0px 4px;} .solution-prodemo .slick-dots li a{ width: 8px; height: 8px;} .partent-box .slick-dots{ margin-top: 15px;} .partent-box .slick-dots li{ margin: 0px 4px;} .partent-box .slick-dots li a{ width: 8px; height: 8px;} .solution-casedemo .title{ font-size: 16px; margin-bottom: 8px;} .solution-casedemo .txt{ font-size: 12px;} .solution-casedemo .slick-arrow{ height: 40px; line-height: 40px;} .down-select{ width: 48%; margin-right: 4%; margin-bottom: 10px;} .down-select:nth-child(2){ margin-right: 0;} .down-search{ float: none; width: 100%;} .down-search .txt{ margin-left: 16px;} .video-list{ margin-left: 0;} .video-list li{ margin-left: 0; width: auto; float: none;} .video-list .desc{ margin-top: 10px;} .video-list .c{ height: auto;} .solution-bannerC .c{ font-size: 12px;} .service-banner .load-img{ width: 100%; margin-left: 0;} .service-bannerC{ position: relative; left: auto; top: auto; margin: 0px auto; padding: 35px 5%; background-color: #666; transform:initial;-webkit-transform: initial;} .service-list{ margin-left: 0;} .service-list li{ float: none; width: 100%; margin:0 0 25px 0;} .service-list figure{ width: 40px; margin-top: 5px;} .service-list .desc{ padding-left: 55px;} .service-list .t{ margin-bottom: 5px;} .service-map{ padding: 40px 0 80px;} .service-maplist li{ margin-bottom: 30px;} .service-maplist .name{ width: 80px; height: 80px; font-size: 14px; line-height: 80px;} .service-maplist .name:before{ left: -6px; top: -6px; bottom: -6px; right: -6px;} .service-address .item{ padding: 20px;} .service-address h5{ font-size: 18px;} .service-hot{ padding: 60px 0;} .service-hot .tel{ font-size: 40px;} .service-hot .bot{ margin-top: 20px; width: 20px; height: 2px;} .service-form .item{ padding: 8px 15px;} .service-form li{ float: none; width: auto;} .service-form .w49{ width: auto;} .service-form .mr2{ margin-right: 0;} .about-bannerC .en2{ font-size: 18px; margin: 5px 0 25px;} .about-box-l{ float: none; width: auto; padding-top: 0;} .about-box-l .pageC{ margin-top: 35px; line-height: 1.8;} .about-box-r{ float: none; margin: 35px auto;} .strength-desc{ padding-right: 0;} .strength-desc .pageC{ margin: 20px 0 45px;} .strength-box .btn-more{ position: relative; right: auto; top: auto;} .strength-list{ padding-bottom: 45px;} .strength-list .num{ font-size: 28px; padding-right: 2px;} .strength-list .add{ font-size: 16px; line-height: 1;} .strength-list .sitem .t{ padding-top: 28%;} .strength-list .c{ font-size: 12px;} .history-scroll,.honor-scroll,.partent-box,.company-list{ margin-top: 30px;} .news-list li{ padding: 15px;} .news-list figure{ width: 150px;} .news-list h4{ font-size: 14px; margin-bottom: 8px;} .news-list .c{ font-size: 12px; height: 42px; margin-bottom: 10px;} .news-list .time{ font-size: 12px;} .infoPage,.info-right{ float: none; width: auto;} .info-right{ margin-top: 20px;} .info-right .title{ font-size: 16px;} .info-list{ margin-left: -2%;} .info-list li{ float: left; display: block; width: 31.33%; margin-left: 2%;} .info-time{ padding-bottom: 15px; margin-bottom: 25px;} .pager a{ float: none; width: 100%;} .pager .next{ text-align: left; margin-top: 5px;} .contactPage{ padding: 60px 0; min-height: 0;} .contact-list dt{ font-size: 14px;} .cermbox{ width: 90px;} .contactPage .item{ margin-right: 15px;} .join-icolist li{ width: 48%;} .join-icolist .icon{ width: 45px;} .join-icolist .txt{ font-size: 12px;} .img-demo .txt{ font-size: 12px;} .img-demo .slick-dots,.strength-ico-list .slick-dots{ margin-top: 15px;} .img-demo .slick-dots li,.strength-ico-list .slick-dots li{ margin: 0px 4px;} .img-demo .slick-dots li a,.strength-ico-list .slick-dots li a{ width: 8px; height: 8px;} .join-list li{ width: 100%; padding: 0; margin: 0 0 25px;} .join-list .title{ font-size: 40px;} .join-list .desc{ padding-left: 45px;} .join-list .t{ font-size: 14px;} .social-page{ position: relative; padding: 80px 0; z-index: 1;} .social-page:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: -1;} .social-bot{ width: 24px; height: 2px; margin-top: 55px;} .strength-num-list{ margin-left: -5%; padding-top: 0;} .strength-num-list li{width: 45%; margin-left: 5%; padding: 0; margin-bottom: 30px; float: left; text-align: center;} .strength-num-list li:before{ content: ""; display: none;} .strength-num-list .num{ font-size: 40px;} .strength-num-list .add{ top: -20px;} .no-t{ font-size: 80px;} .no-by{ font-size: 18px;} .downPage{ width: 80%; padding: 40px 5%;} } @media screen and (max-width: 481px) { .vwrap .videobox { width: 300px; height: 240px; margin: -120px 0 0 -150px; } .strength-list li{ margin-right: 20px;} .strength-list li:last-child{ margin-right: 0;} .strength-list li{ text-align: left;} .strength-list .sitem{ width: auto; border: 0px none; border-radius: 0; height: auto; margin-bottom: 0;} .strength-list .sitem .t{ padding-top: 0;} .honor-list li{ width: 48%; margin-bottom: 20px;} } @media screen and (max-width: 421px) { .pro-list li{ width: 44%;} .pro-list .ico,.soution-ico-list .ico{ width: 36px;} .characteristic-list .img{ width: 46px; height: 46px; margin-bottom: 20px;} .characteristic-list .img:before{ left: -8px; top: -8px; right: -8px; bottom: -8px;} .characteristic-list .img img{ width: 20px; height: 20px;} .news-list li{ padding: 10px; margin-bottom: 15px;} .news-list figure{ width: 120px;} .news-list h4{ margin-bottom: 5px;} .news-list .c{ line-height: 1.5; height: 36px; margin-bottom: 5px;} .info-list li{ width: 48%;} .info-list li:nth-child(3){ display: none;} } @media screen and (max-width: 340px) { }