@media screen and (min-width: 1025px) { .tYT50 { 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; } .articleShow.tYT50 { 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, .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; } } @media screen and (max-width:1550px) { .product-iocn { margin-left: 7%; } .product-text { margin-left: 34px; } .download-list { width: 100%; } .download h4 { margin-bottom: 10px; } .banner-box1 .bannerte { margin-top: -195px; } .banner-box1 .bannerte1 { margin-top: -110px; } .banner-box1 .banner li .bannerte img { width: 620px; } .banner-fix span { margin-top: 38px; } .product-m-item { padding: 32px 40px 30px; } .product-m-info { margin-right: 34px; } .product-m-content .search { margin: 0 40px; } .logo-item img { height: 55px; } .header-searchs { margin-top: 12px; } .header-searchs .text { width: 155px; height: 32px; line-height: 32px; } .header-searchs .sub { height: 32px; line-height: 36px; } .header-logo { padding-right: 18px; } .logo-item { margin-left: 22px; } .edites { margin-top: 22px; } .nav-list { margin-top: 4px; } .nav-list>li { padding-bottom: 20px; } .nav-list>li>a { font-size: 14px; } .header-navs { padding-top: 10px; } .header { padding-top: 16px; } .logo { margin-bottom: 26px; } .product-menu { max-height: calc(100vh - 131px); } .product-m-content { max-height: calc(100vh - 131px); } /* .bannerlis li{ width: 140px;} */ .banner-texts { font-size: 15px; } .header-tel { padding-left: 26px; margin-top: 26px; background-size: 18px 18px; } .banner-ics { margin-bottom: 6px; } .btexts p { font-size: 12px; } .banner-ts strong { font-size: 18px; } .select-tab { padding-bottom: 40px; } .lectoty { margin-top: 40px; } .pagelist { padding-bottom: 40px; } .banner-tt .pimg img { width: 1600px; margin-left: -800px; } .lagtt { margin-top: 12px; } } @media screen and (max-width:1450px) { .application .applicate figure h4 { font-size: 16px; } .application .applicate figure h2 { font-size: 24px; margin-bottom: 5px; } .application .applicate figure p { margin-bottom: 14px; line-height: 1.8; } .apples a figcaption { margin-top: -65px; } .apples a figcaption h2 { font-size: 24px; } .apples a figcaption p { font-size: 14px; } .apples a figcaption span { width: 46px; height: 46px; background-size: cover; } .banner li .bannerte img { width: 140%; margin-left: -60px; } .banner li .bannerte img.transy { opacity: 0; transform: translateX(0px); } .banner li.transShow .bannerte img.transy { opacity: 1; transform: translateX(-50px); } .proselect figcaption h3, .download h4 { font-size: 20px; margin-bottom: 0; } .download { margin-top: -82px; } .proselect figcaption { margin-top: -85px; } .map { height: 550px; } .banner-box1 .banner li .bannerte img { width: 480px; } .banner-box1 .bannerte { margin-top: -174px; } .banner-box1 .bannerte1 { margin-top: -120px; } .banner-box1 .bannerte .banner-fix { margin-top: 30px; } .banner-box1 .bannerte1 .banner-fix { margin-top: 0; } .header-logo { padding-right: 20px; } .logo-item { margin-left: 15px; } .dynamic-list li { line-height: 50px; height: 50px; } .load-list li { padding: 12px 0 8px 2px; } .banner-tt .pimg { /* height: 580px; */ } .bing-box { transform: translateY(-70%); width: 80%; left: 10%; margin-left: 0; } .bing-box figure img { width: 100%; margin-left: 0; } .bing-box h1 { font-size: 30px; } .bing-box h2 { font-size: 28px; padding: 12px 60px 12px 15px; } .bing-box span { margin-top: 35px; } .bing-box h4 { font-size: 16px; } .bing-box1 h4 { margin-bottom: 15px; max-height: 56px; } .bing-box1 p { margin-bottom: 15px; } .bing-box span { width: 160px; font-size: 16px; } .ibox-case .desc h4 { font-size: 20px; } #LRfloater0 { margin-top: -97px !important; width: 90px; } .flex-meun { margin-bottom: -100px; } .flex-meun li a { width: 90px; } .select-tab-btn span { padding: 0 14px; font-size: 13px; } .select-tab-hidden { width: auto; } .claseetop .text { width: 360px; } .lectotype { width: 80%; } } @media screen and (max-width:1340px) { .select-tab-btn span { padding: 0 10px; font-size: 12px; } .productfix { width: 90%; } .bannerlis { display: flex; justify-content: space-between; } } @media screen and (max-width:1280px) { .product-text { margin-left: 20px; } .product-iocn { width: 123px; height: 133px; background-size: cover !important; } .product-wr { height: 320px; } .proselect figcaption { width: 85%; left: 15%; padding-bottom: 0; margin-top: -67px; } .download { width: 85%; left: 0%; padding-left: 30px; padding-bottom: 0; margin-top: -64px; } .map { height: 450px; } .banner-box1 .banner li>a>img { display: none; } .banner-box1 .bannerte1 .banner-fix { margin-top: 67px; } .banner-box1 .banner li { padding: 58px 0 150px; } .banner-box1 .banner li .bannerte img { width: 140%; } .bannerbg { display: block; background-size: cover !important; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .banner-box1 .bannerte { position: static; margin-left: 0; margin-top: 30px; margin: auto; } .bannerte1 .banner-fix h1 { font-size: 54px; } .bannerte1 .banner-fix h4 { font-size: 30px; } .center-tab.owl-theme .owl-controls .owl-buttons div.owl-next { right: -20px; } .center-tab.owl-theme .owl-controls .owl-buttons div.owl-prev { left: -20px; } .bannerte figure { width: 38%; } .bannerte .banner-fix { width: 55%; } .banner-tt .pimg { /* height: 540px; */ } .bing-box h1 { font-size: 28px; } .bing-box h2 { font-size: 24px; padding: 10px 50px 10px 15px; } .bing-box h4 { font-size: 14px; } .bing-box p { display: none; } .bing-box span { margin-top: 35px; } .bing-box span { width: 140px; font-size: 14px; } .ibox-case { margin-top: 8px; } .select-tab { padding: 22px 30px 40px; } .product-m-info { margin-right: 20px; } .product-m-info dt span { font-size: 13px; } .product-menu-left { width: 240px; min-width: 240px; } .product-menu-left .search { width: 90%; } } @media screen and (max-width:1245px) { .productfix { width: 90%; max-width: 90%; } .classlistd li figure { height: 160px; width: 20%; } .classbox { margin-left: 160px; padding-left: 32px; } .bannerlis li { width: 16%; } .ibox-case .desc h4 { font-size: 18px; } .select-products { display: block; } .select-products .product-menu-left { width: 100%; } .select-products .proudct-menu-list { overflow: hidden; } .select-products .proudct-menu-list li { float: left; width: 50%; } .select-tab-hidden { margin: auto; width: 90%; } .claseetop .text { width: 320px; } } @media screen and (max-width:1160px) { .header-box { position: fixed; background-color: #fff; width: 100%; left: 0; right: 0; top: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .logo { margin-top: 0; } .logo img { height: 40px; width: auto; } .header { padding: 15px 3%; } .nav { display: none; } .edition { display: none; } .menuBtn { display: block; } .mtop { display: block; height: 70px; } .menu-down .edition { display: block; } .select, .product-search { width: 48%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-search input[type="text"] { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .lect-list { width: 80%; } .lectotype-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; } .lect-list { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .flex-meun { display: none; } .classinfo p { width: 50%; } .ibox-case li { width: 50%; } .ibox-case .bg { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #007ec8; transition: 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); opacity: 0.5; filter: alpha(opacity=50); z-index: 2; } .ibox-case .desc { margin-bottom: 0; bottom: 50%; transform: translateY(50%); padding: 0 5%; text-align: center; z-index: 3; } .ibox-case .desc::before { display: none; } .ibox-case .desc .c { opacity: 1; } .ibox-case .text { z-index: 3; } .views { width: 90%; } .proudct-menu-list { display: flex; width: 90%; margin: auto; margin-top: 30px; } .proudct-menu-list li { padding-left: 0; } .lectotype { width: 90%; } .claseetop .text { width: 220px; } .header-right { display: none; } .logo { margin-bottom: 0; } .home-header .logo { margin-bottom: 0 !important; } .home-header .logo img { width: auto; } .home-header .header { padding: 15px 3%; width: 100%; } .bvideo { position: absolute; left: 0; top: 0; z-index: 3; } } @media screen and (max-width:1024px) { .suspension { display: none; } .inner { width: 90%; } .main-top { width: 100%; } .main-right { width: 100%; float: left; } .main-right .apples { width: 50%; float: left; } .productTab { width: 50%; float: left; } .main-bottom { width: 100%; } .loadWr { padding: 50px 0 30px; } .load-list { padding: 30px 20px; } .dynamic-list li span { width: 65%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .banner-fix h2 { font-size: 30px; padding-right: 30px; } .data-load { height: 460px; } .load-list li .time time { font-size: 12px; } .load { margin-right: 0; } .load strong { background-size: 60% auto; margin-left: 4px; } .load b { margin-top: 8px; } .load-list li:hover .load strong { background-size: 60% auto; } .dynamic-info figcaption p { height: 48px; overflow: hidden; } .footer-box { margin-bottom: 0; } .attention { float: left; width: 100%; } .attention img { display: none; } .bannerte .banner-fix { margin-top: 0; } .banner-fix span { margin-top: 54px; } .product-info { width: 50%; } .product-more { opacity: 1; visibility: visible; } .product-more a { color: #2d9bcd; border-color: #2d9bcd; background: url(../images/risd1.png) 94px center no-repeat; } .product-info:hover .product-more a { color: #fff; border-color: #fff; background: url(../images/risd2.png) 94px center no-repeat; } .mode-list li img { height: 400px; width: auto; margin: auto; } .modele { height: 400px; } .manual a { width: 148px; } .position span:nth-child(1) { margin-left: 0; } .levals { display: none; } .iphone-fix { display: block; } .contact-right { float: left; } .contact-fa { margin-left: 0; left: 5%; position: static; width: 100%; margin-top: 0; height: auto; } .contact-right { float: none; margin: auto; width: 100%; } .contact-title { padding-left: 5%; } .address-box { padding-left: 5%; padding-right: 5%; } .message-box { padding: 65px 0 50px; } .message { width: 90%; text-align: left; } .message h2 { text-align: left; margin-bottom: 18px; } .message p { text-align: left; } .messaga-input { margin-left: 0; } .message-row { width: 48%; margin-right: 4%; box-sizing: border-box; } .message-row:nth-child(2) { margin-right: 0; } .message-row:nth-child(3) { width: 100%; } .message-row textarea { width: 100%; box-sizing: border-box; } .message-row input[type="text"] { width: 100%; box-sizing: border-box; } .video-tab { width: 90%; } .about { width: 90%; } .view-title { padding-left: 5%; padding-right: 5%; } .view-text { word-wrap: break-word; } .view-text p { margin-bottom: 26px; } .project-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; } .project-row:nth-child(1), .project-row:nth-child(2) { width: 49%; } .project-row span { white-space: nowrap; } .technology-list { display: none; } .technology-left { width: 100%; } .technology-left .selectbox { display: block; } .technology-fix { width: 100%; margin-top: 30px; } .leval-menu { height: 46px; } .selection_new_type ul li { width: 20%; margin-right: 0; } .selection_new_type ul li a { margin-right: 3px; width: auto; } .selection_new_type ul li:nth-child(5n+5) a { margin-right: 0; } .sele-list li { width: 10%; margin-left: 0; } .claseetop .text { width: 300px; } video { width: 100%; } .pro-ip-menu { display: block; } .bannerdown { display: none; } .bing-box { margin-left: 0; left: 5%; transform: translateY(-50%); width: 90%; } .bing-box h1 { font-size: 24px; } .bing-box h2 { font-size: 20px; padding: 10px 50px 10px 15px; } .bing-box h4 { font-size: 16px; } .bing-box span { margin-top: 25px; } .banenr-video .img { display: block; } .banenr-video .video-in { display: none; } .banner-tt .slick-dots { display: block !important; } .ibox-case { margin-top: 6px; } .ibox-case .text .t { margin-bottom: 5px; font-size: 16px; } .ibox-case .text .c { margin-bottom: 10px; } .pro-ip-box.show { opacity: 1; visibility: visible; } .show .pro-ip-content { right: 0; } .select-tab-btn { display: block; } .select-tab-btn span { padding: 0 8px; margin-top: 10px; width: 31%; box-sizing: border-box; } .apply-row { display: block; margin-bottom: 20px; } .apply-row span b { position: relative; top: 0; margin-top: 10px; } .apply-input { margin-top: 10px; } .apply-sub { padding-left: 0; } .purchase-list li span { font-size: 24px; } .purchase { padding: 50px 0 80px; } .footer-navs { display: none; } .footers { padding: 50px 0 16px; } .classificate { margin-left: 0; width: 100%; } .productfix { display: block; } .pronav { width: 100%; margin-bottom: 30px; display: none; } .classbox { padding: 20px 32px 20px 30px; } .page-fix b { display: none; } .page-fix { display: block; padding: 20px 0; } .page-prev, .page-next { float: none; } .page-prev a, .page-next a { padding: 0; background: none !important; text-align: left; } .home-header .logo img.show { opacity: 1; visibility: visible; } .home-header .logo img.hide { opacity: 0; visibility: hidden; } .new-list { margin-left: -3%; } .new-list li { width: 30.33%; margin-left: 3%; } } @media screen and (max-width:861px) { .menuBtn.active .burger-1, .menuBtn.active .burger-3 { top: 12px; } .menu-down .edition .search input[type="text"] { height: 50px; line-height: 50px; } .menu-down .edition .search input[type="button"] { width: 50px; height: 50px; } .menu-down .edition .edites { margin-top: 16px; } .menu-down .edition .edites a { font-size: 16px; font-weight: normal; } .menu-list>li>a { font-size: 18px; padding-left: 20px; } .iphone-menu li a { padding-left: 20px; } .data-load { height: auto; } /*.load-list li:nth-child(5),.load-list li:nth-child(6),.load-list li:nth-child(7),.dynamic-list li:nth-child(4),.dynamic-list li:nth-child(5),.dynamic-list li:nth-child(6),.dynamic-list li:nth-child(7){ display: none;}*/ .menu-list { padding: 24px 0 48px; } .iphone-menu li a { font-size: 14px; } .application { width: 100%; } .application img { display: none; } .application .applicate { position: relative; margin-top: 0; background: #2d9bcd; padding-top: 60px; padding-bottom: 58px; } .application .applicate figure { position: relative; margin-top: 0; } .application .applicate figure h2 { margin-bottom: 20px; } .application .applicate figure p { margin-bottom: 20px; } .apples:hover a figcaption { background: #1eb8b0; } .video { width: 100%; height: 320px; overflow: hidden; } .video img { margin-top: -140px; } .apples img { display: none; } .main-right .apples img { display: block; } .main-right .apples a { position: absolute; } .main-right .apples a figcaption { position: absolute; margin-top: -65px; padding: 0; } .apples { width: 100%; } .apples a { position: relative; } .apples a figcaption { position: relative; margin-top: 0; background: #16aca4; padding-top: 52px; padding-bottom: 40px; transition: 880ms; } .product-select { width: 100%; } .data-load { width: 100%; } .loadWr { padding-top: 30px; } .banner-fix h1 { font-size: 32px; } .banner-fix h2 { font-size: 24px; height: 50px; line-height: 50px; overflow: hidden; } .banner-fix h4 { font-size: 20px; } .banner-fix span { margin-top: 30px; } .banner-box .flex-control-nav { padding: 18px 0 10px; } .banner li .bannerte img { margin-left: -20px; } .banner li { padding: 58px 0; } .proselect { width: 100%; } .proselect figcaption { width: 55.5556%; left: 44.4444%; } .download { width: 55.5556%; left: 0; } .producted li { width: 48%; margin-right: 4%; } .producted li:nth-child(3n+3) { margin-right: 4%; } .producted li:nth-child(2n+2) { margin-right: 0; } .modeTab { width: 100%; } .modele { width: 100%; margin-top: 35px; } .productmodel { display: none; } .iphone-model { display: block; } .iphone-model .selectbox { display: block; } .iphone-model .modele-text p a { width: 50px; height: 24px; } .iphone-model .modele-text p a.modeload:hover { background: url(../images/load1.png) center no-repeat; } .iphone-model .modele-text p a.sample:hover { background: url(../images/car.png) center no-repeat; } .join { width: 90%; } .culture-list li { width: 48%; margin-right: 4%; margin-bottom: 30px; } .culture-list li:nth-child(2n+2) { margin-right: 0; } .culture-fix { padding-bottom: 30px; } .new-list { margin-left: -2%; } .new-list li { width: 48%; margin-left: 2%; margin-bottom: 30px; } .project-row:nth-child(1), .project-row:nth-child(2) { width: 100%; } .project-row>span { min-width: 105px; } .project-row .projetc-sele, .project-row:nth-child(1) input { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; box-flex: 1; padding-left: 10px; } .technology-box { padding-top: 30px; } .technology-left .selectbox { width: 100%; margin-bottom: 4px; } .technology-left .selectbox:nth-of-type(2n+2) { margin-right: 0; } .data-loads .timeBox { width: 70px; } .data-loads .timeBox a { padding: 15px 5px; } .data-loads .moth { font-size: 16px; } .data-loads .year { font-size: 12px; } .data-loads .title { margin: 0 15px; padding: 15px 0; } .data-loads .pdf { padding: 0 10px; } .data-loads .pdf span { background-size: 12px auto; padding-right: 20px; } .honor-list li { width: 48%; margin-right: 4%; } .honor-list li:nth-child(5n+5) { margin-right: 4%; } .honor-list li:nth-child(3n+3) { margin-right: 4%; } .honor-list li:nth-child(2n+2) { margin-right: 0; } .vwrap .videobox { width: 100%; margin-left: -50%; height: 380px; margin-top: -190px; } .center-wr { width: 176px; height: 176px; } .center-wr a { padding-top: 35px; height: 141px; } .center-tab.owl-theme .owl-controls .owl-buttons div { top: 78px; } .pronav { width: 100%; } .classificate { width: 100%; margin-top: 28px; } .videoli li { width: 49%; margin-right: 0; } .videoli li:nth-child(2n+2) { float: right; } .claseetop { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .calsssel { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; box-flex: 1; margin-right: 50px; position: relative; } .claseetop .text { width: 100%; box-sizing: border-box; height: 41px; } .claseetop .sub { position: absolute; right: 0; top: 0; } video { width: 100%; } .select-tab-btn { display: block; font-size: 0; } .select-tab-btn span { box-sizing: border-box; width: 25%; margin-top: 2px; } .project-input { padding: 40px 5%; } .apply-radio { flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 10px; } .radio-info { margin-bottom: 10px; } .apply-row span { width: auto; display: inline-block; padding-right: 10px; } .apply-row { margin-bottom: 10px; } .purchase-list li span { font-size: 20px; } .purchase-list li p { margin-top: 18px; margin-bottom: 12px; font-size: 16px; } .claseetop { display: block; } .calsssel { margin-right: 0; float: none; width: 100%; } .claseetop .text { box-sizing: border-box; width: 100%; float: none; } .model-sele { margin-left: 0; margin-top: 30px; } .classlistd li a { display: block; } .classlistd li figure { width: 100%; margin: auto; float: none; } .classbox { width: 100%; box-sizing: border-box; margin-left: 0; padding: 32px 5%; } .class-in { display: block; padding: 6px 0; } .class-in p { width: 100% !important; line-height: 2; } } @media screen and (max-width:751px) { .product-iocn { width: 100px; height: 108px; } .sele-list li { width: 20%; } .sele-list li:last-child { margin-right: 0; } .sele-list li a { width: 100%; padding-left: 0; padding-right: 0; text-align: center; } .map { height: 380px; } .project-data a { padding-left: 65px; background-position: 30px center; } .project-data:nth-child(2) a { background-position: 30px center; } .selection_new_type ul li { width: 25%; } .selection_new_type ul li a { font-size: 14px; } .selection_new_type ul li:nth-child(5n+5) a { margin-right: 3px; } .selection_new_type ul li:nth-child(4n+4) a { margin-right: 0; } .select-tab-btn span { width: 30%; } } @media screen and (max-width:641px) { body { cursor: pointer; } .logo img { height: 34px; } .mtop { height: 64px; } .menuBtn { width: 30px; height: 24px; top: 20px; } .menuBtn .burger { height: 3px; } .menuBtn .burger-2 { top: 10px; } .menu-down { top: 64px; } .menu-down .edition .search input[type="text"] { width: 180px; } .menu-down .edition .search input[type="text"] { height: 40px; line-height: 40px; font-size: 14px; } .menu-down .edition .search input[type="button"] { width: 40px; height: 40px; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); margin-top: 2px; } .menu-down .edition .edites { margin-top: 12px; } .menu-down .edition .edites a { font-size: 14px; } .menu-list>li>a { font-size: 16px; } .menu-down .edition { padding-right: 8px; } .prodee-row { margin-left: 16px; } .video img { margin-top: -100px; } .application .applicate { padding-top: 40px; padding-bottom: 38px; } .video { height: 300px; } .video img { margin-top: 0; } .menu-list { padding: 15px 0 38px; } .honor-box { padding-top: 30px; } .dynamic-info a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dynamic-info figure { width: 169px; height: 105px; } .dynamic-info figcaption h3 { margin-top: 0; height: 28px; overflow: hidden; } .dynamic-info figcaption { margin-left: 20px; } .news-box { margin-bottom: 32px; } .footer-box { padding: 24px 30px 30px 30px; } .address span { line-height: 1.8; } .banner li .bannerte { position: relative; } .banner li .bannerte figure { width: 80%; position: absolute; right: -20%; bottom: -5%; } .banner li .bannerte figure img { width: 100%; height: auto; margin-left: 0; } .banner li.transShow .bannerte img.transy { transform: translateX(0); } .bannerte .banner-fix { width: 100%; } .banner-fix h1 { font-size: 28px; } .banner-fix h2 { font-size: 24px; height: 45px; line-height: 45px; } .banner-fix h4 { font-size: 14px; } .banner-fix span { margin-top: 20px; } .banner-box .flex-prev { left: 15px; } .banner-box .flex-prev:hover { left: 11px; } .banner-box .flex-next { right: 15px; } .banner-box .flex-next:hover { right: 11px; } .banner-fix h3 { font-size: 22px; } .center-title { padding: 35px 0 45px; } .center-title h3 { font-size: 20px; } .select { width: 100%; margin-bottom: 20px; } .product-search { width: 100%; } .product-info { width: 100%; } .product-text { margin-left: 48px; } .proselect figcaption { margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .download { width: 75%; left: 0; } .proselect figcaption p { margin-bottom: 10px; } .proselect figcaption span { width: 46px; height: 46px; background-size: cover !important; } .selectbox { width: 50%; } .selectbox span { border-right: 1px solid #25bfb7; } .selectbox:nth-child(2n+2) span { border-left: none; } .proclass { width: 100%; } .modele { height: auto; } .model { margin-top: 42px; } .producted li mark { padding-bottom: 30px; } .producted li mark h3 { margin-bottom: 0; font-size: 16px; } .producted li mark p { font-size: 12px; } .product-title { margin-bottom: 40px; } .product-sele { margin-top: 42px; } .sele-list li { width: 20%; margin-right: 0; } .manual { position: static; margin-top: 30px; } .sele-list li a { font-size: 14px; } .iphone-model .selectbox { width: 78%; } .sele-witch { margin-top: 32px; } .products-wr { padding-bottom: 42px; } .lectoty { margin-top: 40px; } .bannertab img { height: 180px; width: auto; } .join-us { padding: 50px 0 65px; } .join-title { margin-bottom: 28px; } .idea { margin-bottom: 38px; } .reruit-info { padding-left: 16px; padding-right: 16px; padding-bottom: 34px; } .reruit-info h4 { margin-top: 20px; } .reruit-info a { width: 124px; height: 38px; line-height: 38px; } .message-box { padding-top: 40px; } .map { height: 320px; } .video-fix li figcaption span { margin-bottom: 5px; margin-top: 10%; } .video-box { padding: 48px 0 50px; } .culture-fix { padding: 35px 0 10px; } .video-title h2 { font-size: 20px; margin-top: 5px; } .video-title { margin-bottom: 15px; } .aboute-box { padding: 42px 0 60px; } .aboute-title { margin-bottom: 32px; } .aboute-title h1 { font-size: 24px; } .new-list li a figcaption h3 { font-size: 14px; } .view-title { padding: 48px 5%; } .view-title .addtt-title { font-size: 20px; } .view-text { padding-bottom: 22px; } .samples { width: 90%; } .apple-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sample-add { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sample-title h2 { font-size: 24px; } .sample-box { padding-top: 30px; padding-bottom: 30px; } .sample-add .textadd { margin-left: 12px; margin-right: 12px; } .project-input { padding: 15px 20px 40px 15px; } .project-textarea b { margin-left: 0; margin-top: 0; } .apple-fix { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; } .apple-fix .appled { width: 48%; margin-right: 4%; } .project-promble { min-height: 280px; } .project-input h2 { font-size: 20px; } .project-input p { margin-bottom: 15px; margin-top: 8px; } .apple-fix .appled:nth-child(2n+2) { margin-right: 0; } .apple-fix .appled input { width: 100%; flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; box-flex: 1; box-sizing: border-box; } .apple-input h2 { font-size: 22px; } .project-row>span { width: 100%; text-align: left; } .project-textarea { width: 100%; } .prodee-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 10px; } .prodee-row span { min-width: auto; } .project-row { margin-bottom: 5px; } .technofix li { padding: 0; } .technofix li a { padding: 22px; } .technofix li figcaption h3 { margin-top: 0; } .technofix li figcaption p { margin-bottom: 5px; font-size: 12px; } .technofix li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-align: center; -webkit-box-align: center; align-items: center; -webkit-align-items: center; position: relative; z-index: 8; } .technofix li figcaption { margin-left: 20px; } .technofix li figure { width: 38%; } .technology-fix .pagelist { text-align: center; } .techno { font-size: 18px; } .banner-box1 .banner li {} .banner-box1 .bannerte .banner-fix { marker-offset: 0; } .banner-box1 .banner li .bannerte { width: 90%; left: 0; top: 0; } .banner-box1 .banner li .bannerte img { width: 100%; } .bannerte1 .banner-fix h1 { font-size: 44px; } .bannerte1 .banner-fix h4 { font-size: 26px; } .banner li .bannerte2 { width: 70%; } .main-bottom.articleShow .product-select { transition: 880ms 700ms; } .main-bottom.articleShow .apples { transition: 880ms 1000ms; } .vwrap .videobox { height: 320px; margin-top: -160px; } .sele-list { display: none; } .product-sele .iphone-fix { display: block; } .center-tab { margin-top: 32px; } .classbox { width: 100%; } .classlistd li figure { width: 100%; } .selection_new_type ul li { width: 33.3333%; } .selection_new_type ul li:nth-child(4n+4) a { margin-right: 3px; } .selection_new_type ul li:nth-child(3n+3) a { margin-right: 0; } .claseetop { display: block; margin-bottom: 16px; } .calsssel { width: 100%; margin-right: 0; margin-bottom: 20px; } .tels { float: left; } .bannerdown { width: 205px; display: none; } .banner-tt .pimg { display: none; } .bing-box { display: none; } .banner-tt .mimg { display: block; } .ibox-case { margin-top: 2px; } .ibox-case .bg { display: none; } .ibox-case .desc { transform: initial; bottom: 0; text-align: left; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); } .ibox-case .desc h4 { font-size: 14px; margin-bottom: 0; padding: 10px 0; font-weight: normal; } .ibox-case .desc .c { font-size: 12px; display: none; height: auto; } .ibox-case .text { top: auto; transform: initial; bottom: 10px; } .ibox-case .text .c { font-size: 12px; height: 63px; display: none; } .ibox-case .text .t { font-size: 14px; } .ibox-case .text .t img { width: 30px; } .ibox-case .more { font-size: 12px; } .ibox-case .more::before { width: 14px; height: 14px; } .select-tab-btn span { width: 49.5%; margin-right: 1%; } .select-tab-btn span:nth-child(2n+2) { margin-right: 0; } .proudct-menu-list { margin-top: 15px; } .select-fix-item { display: block; padding-top: 10px; } .select-fix-item dt { width: auto; margin-bottom: 10px; } .select-fix-item dd a { padding: 0 14px; } .select-tab-btn span:before { display: none; } .purchase-list { display: block; } .purchase-list li { width: 100%; margin-bottom: 30px; } .purchase { padding: 40px 0 20px; } .purchase-list { margin-top: 30px; } .line-message .message { width: 100%; } .select-products .proudct-menu-list li { width: auto; } .select-products .proudct-menu-list { justify-content: space-between; } .product-menu-left { padding-top: 0; } .footer-hotline { padding-left: 0; } .footer-hotline:before { display: none; } .footer-tel p { font-size: 14px; } .footer-tel b { font-size: 22px; } .friendship { display: none; } .suspension-li li a>img { width: 50px; } .suspension-li li:last-child a>img { width: 46px; margin-left: 2px; } .suspension { right: 12px; bottom: 26px; } .addtt-protitle { line-height: 1.5; } .addtt-protitle .t1 { float: none; display: block; } .addtt-protitle .t2 { float: none; display: block; margin-left: 0; } .tt-serach-pro { display: block; } .tt-serach-pro .title { font-size: 20px; } .tt-serach-pro .imgbox { width: auto; margin: 0 auto 20px; } } @media screen and (max-width:520px) { .technol { display: none; } .technofix li figure { width: 43%; } .technofix li figcaption h3 { margin-bottom: 0; font-size: 14px; } .manual .manual-info { width: 48%; margin-right: 4%; } .manual .manual-info:nth-child(2) { margin-right: 0; } .center-tab.owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; } .center-tab.owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; } } @media screen and (max-width:481px) { .header { width: 95%; } .menu-down { top: 64px; } .lect-list { width: 100%; } .lect-list a { margin-right: 6px; } .lect-list a i { padding: 4px 8px; } .application .applicate figure { padding: 0 5%; } .video { height: auto; } .video img { margin-top: 0; } .video figcaption span { width: 48px; height: 48px; background-size: cover !important; } .productTab { width: 100%; float: left; } .main-right .apples { width: 100%; } .main-right .apples { float: right; } .main-right .apples a figcaption { margin-top: 0; } .apples a figcaption { position: relative; margin-top: 0; padding: 52px 0 42px; } .apples img { display: none; } .apples a { position: relative; } .main-right .apples img { display: none; } .main-right .apples a { position: relative; } .main-right .apples a figcaption { position: relative; padding: 52px 0 42px; } .product-select img { height: 280px; width: auto; } .load-list li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; } .load-list li .time { margin-left: 0; width: 80%; overflow: hidden; } .load-list li .time span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .load-list li .load { margin-right: 0; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .banner-fix h1 { font-size: 26px; } .banner-fix h2 { font-size: 20px; padding-right: 0; display: block; height: 45px; line-height: 45px; } .product-text { margin-left: 32px; } .download { width: 100%; } .proselect figure img { height: 200px; width: auto; } .download-list li { width: 50%; } .download-list li a { display: block; width: 100%; } .producted li { width: 100%; margin-right: 0; } .selectbox span { padding-left: 40px; } .selectbox span i { left: 12px; } .pagelist a { width: 30px; height: 28px; line-height: 28px; margin-bottom: 10px } .mode-list li img { height: auto; width: 100%; } .modele-text { height: auto; } .manual { position: static; margin-top: 30px; } .sele-list li { width: 32%; margin-right: 2%; } .sele-list li:nth-child(-n+3) { margin-bottom: 15px; } .sele-list li:nth-child(3n+3) { margin-right: 0; } .lectotype-box { padding: 40px 0 50px; } .lectotype-info { padding: 12px 0 2px; display: block; } .lectotype-info span { width: 100%; margin-bottom: 10px; } .bannertab img { height: 140px; width: auto; } .map { height: 280px; } .message-row { width: 100%; margin-right: 0; } .message-row input[type="text"] { height: 38px; line-height: 38px; } .message h2 { margin-bottom: 6px; } .contact-title { padding-top: 12px; padding-bottom: 12px; } .contact-title h3, .message h2 { font-size: 20px; } .video-fix li figcaption span { width: 30px; height: 30px; background-size: cover !important; } .culture-box { margin-top: 32px; } .culture-info li { margin-bottom: 28px; } .culture-info li figure { width: 100%; float: none !important; } .culture-info li figcaption { position: static; width: 100%; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); padding: 5% 20px; box-sizing: border-box; background: #f6f6f6; } .apple-info .need { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .sample-add .textadd { width: 30px; } .sample-add { display: block; width: 100px; } .aboute-title { margin-bottom: 25px; } .aboute-title h1 { font-size: 20px; } .aboute-box { padding-top: 28px; } .about-text p { font-size: 12px; } .page-fix b { margin: 0 40px; } .view-title .addtt-title { font-size: 18px; } .sample-title { margin-bottom: 18px; } .sample-add .textadd { margin-left: 0; margin-right: 0; } .apple { padding-bottom: 22px; } .apple-fix .appled { width: 100%; margin-right: 0; } .project-row input.proin2 { width: 160px; } .subproble { margin-left: 0; } .project-data { width: 100%; } .project-data a { padding-top: 10px; padding-bottom: 10px; } .project-data a i { top: 20px; } .technofix li a { padding: 12px; } .apples.articleShow { transition: 890ms 500ms; } .productTab.articleShow { transition: 890ms 800ms; } .technofix li { margin-bottom: 18px; } .technology-left .selectbox span b { height: 42px; line-height: 42px; } .technology-left .selectbox .classdown { top: 43px; } .problem-text { padding: 18px 16px 0 15px; } .problem-text p { font-size: 12px; line-height: 1.8; } .fancybox-next { right: -36px; } .fancybox-prev { left: -36px; } .fancybox-close { right: 0; top: -30px; } .classinfo p { width: 100%; height: auto; line-height: 1.5; margin-bottom: 10px; white-space: initial; } .classinfo p span { margin-right: 0; } .classinfo p:last-child { margin-bottom: 0; } .pagelist { padding: 30px 0; } .selection_new_type ul li { width: 50%; } .selection_new_type ul li:nth-child(3n+3) a { margin-right: 3px; } .selection_new_type ul li:nth-child(2n+2) a { margin-right: 0; } .selectsli .lecto-search { float: left; width: 100%; } .video-box { padding: 34px 0; } .videoli li { margin-bottom: 24px; } .videoli li figure span { width: 40px; height: 40px; background-size: cover; } .visele { width: 100%; box-sizing: border-box; } .model-sele { display: block; } .model-sele-item { display: inline-block; margin-bottom: 10px; } .model-sele-item a { width: auto; } } @media screen and (max-width: 380px) { .menu-down { top: 60px; } .mtop { height: 59px; } .menu-down .edition .search input[type="text"] { width: 120px; } .product-select img { height: 240px; } .data-swich span { margin-right: 30px; } .product-text { margin-left: 20px; } .manual a { width: 128px; } .video-fix li figcaption span { margin-top: 15%; margin-bottom: 8px; } .new-list { margin-left: 0; } .new-list li { width: 100%; margin-left: 0; } .view-text p, .view-text img { margin-bottom: 18px; } .page-fix b { margin: 0 25px; } .project-row input.proin2 { width: 110px; } .fancybox-next { right: -30px; } .fancybox-prev { left: -30px; } }