@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: 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;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;}
}