@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{ width:90%;}
.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;}
.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;}
}
@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 li{ width:48%; margin-right:4%; margin-bottom:30px;}
.new-list li:nth-child(3n+3){ margin-right:4%;}
.new-list li:nth-child(2n+2){ margin-right:0;}
.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: 18px;}
.footer-tel b{ font-size: 26px;}
.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;}
.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 li{ width:100%; margin-right: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;}
}