@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;}
}
@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;}
}
@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%;}
}
@media screen and (max-width:1245px){
	.productfix { width: 98%;}
  .classlistd li figure{ height: 160px; width: 20%;}
  .classbox{ width: 80%;}
}
@media screen and (max-width:1160px){
   body{ padding:0;}
  .nav{ display:none;}
  .logo img{ width:442px; height:auto;}
  .edition{ display:none;}
  .header-box{ position:fixed; width:100%; top:0;}
  .header{ padding:31px 0 18px; width:90%; margin:auto;}
  .menuBtn{ display:block;}
  .mtop{ display:block; height:90px;}
  .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%;}
}
@media screen and (max-width:1024px){
  .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;}
  .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%;}
}
@media screen and (max-width:861px){
  .logo img{ width:410px;}
  .mtop{ height:74px;}
  .menu-down{ top:74px;}
  .menuBtn{ width:46px; height:32px; top:17px;}
  .menuBtn .burger{ height:4px;}
  .menuBtn .burger-2{ top:13px;}
  .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;}
  .menu-list{ padding:24px 0 48px;}
  .header{ padding:18px 0 18px;}
  .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:85px;}
  .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 li a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content: space-between; -webkit-justify-content: space-between;}
  .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%;}
}
@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;}
}
@media screen and (max-width:641px){
	body{ cursor:pointer;}
   .logo img{ width:380px;}
   .menu-down{ top:71px;}
   .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;}
   .mtop{ height:71px;}
   .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 h3{ 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;}
   .data-loads li{ padding: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%;}
   .data-loads li span{ margin-left:5px; margin-right:5px; overflow:hidden; height:26px;}
   .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%;}
   .classwrs{ padding: 22px 36px;}
   .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;}
}
@media screen and (max-width:520px){
   .logo img{ width:340px;}
   .menu-down{ top:68px;}
   .mtop{ height:67px;}
   .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;}
    .logo img{ width:300px;}
	.lect-list{ width:100%;}
	.lect-list a{ margin-right:6px;}
	.lect-list a i{ padding:4px 8px;}
	.mtop{ height:63px;}
	.menuBtn{ width:34px; height:23px;}
	.menuBtn .burger-2{ top:9px;}
	.menu-list{ padding:15px 0 38px;}
	.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 h3{ 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;}
	.data-loads li a{ display:block;}
	.data-loads li time{ float:none; display:inline-block;}
	.data-loads li time strong{ float:right;}
	.data-loads li time b{ float:left; font-size:18px; margin-right:10px;}
	.data-loads li span{ display:block; float:none; width:100%; height:auto; margin:0;}
	.data-loads li .paf{ float:none; display:inline-block; margin-top:0;}
	.fancybox-next{ right:-36px;}
	.fancybox-prev{ left:-36px;}
	.fancybox-close{ right:0; top:-30px;}
	.classwrs{ padding: 20px 28px;}
	.classinfo p{ width: 100%;}
	.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;}
 }
@media screen and (max-width: 380px){
    .logo img{ width:255px;}
	.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;}
}
@media screen and (max-width: 320px){
}