@media screen and (max-width:1550px){

}
@media screen and (max-width:1450px){
   .casevide{ height:460px;}
   .common-text figure{ width:550px;}
   #preview{ margin-left:0px; width:550px;}
   #spec{ padding:0 96px;}
   #specList{ width:360px;}
   #specList ul li{ margin-right:26px;}
   .product-tits{ margin-bottom:104px;}
   .case li{ width:31%; margin-right:3.5%;}
   .case li:nth-child(4n+4){ margin-right:3.5%;}
   .case li:nth-child(3n+3){ margin-right:0;}
}
@media screen and (max-width:1280px){ 
   .common-text figure{ width:60%;}
   .vwrap .videobox{ width:800px; height:400px; margin-left:-400px; margin-top:-200px;}
   .nav li{ margin-left:22px;}
   .nav{ margin-right:10px;}
}
@media screen and (max-width:1220px){
  .nav li{ margin-left:24px;}
}
@media screen and (max-width:1165px){
  .header-ri{ display:none;}
  .header-box{ width:100%; height:80px; padding-top:26px; position:fixed; left:0; top:0;}  
  .header{ padding:0 30px 0;}
  .menuBtn{ display:block;}
  .mtop{ height:81px; display:block;}
  .iphemake,.menu-fiex{ display:block;}
  .footer-top,.footer-inner,.tels{ width:95%;}
  .techinical-lis{ display:none;}
  .iphone-pro{ display:block;}
  .technical{ padding:0; width:100%;}
  .new{ width:95%;}
  .news{ width:90%; left:5%;}
  .new-center{ width:40.5%; box-sizing:border-box; padding-left:2%; padding-right:2%;}
  .company{ width:56.3%;}
  .profile{ width:39%; height:272px; box-sizing:border-box;}
  .new-title a{ margin-top:10px;}
  .case-fix{ width:61%;}
  .case-fix ul li img{ height:272px; width:auto;}
  .new-list li a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .new-list li figcaption{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; margin-left:18px; width:auto;}
  .new-list li figure{ width:33.33%;}
  .new-list li figure img{ width:100%; height:auto;}
  .tels{ padding:30px 0; margin-top:0;}
  .new-box{ padding:50px 0 58px;}
  .projext{ width:90%;}
  .case-text{ width:90%;}
  .area:nth-child(1){ width:45%;}
  .case-info figcaption{ padding:28px 30px 0;}
  .desiginname{ width:100%;}
  .common-text{ padding-bottom:20px;}
  .desigin-box{ padding:80px 5%;}
  .commin-fix{ width:100%;}
  .strongs p{ margin-top:30px;}
  .common-text .strongs{ margin-right:20px;}
  .major{ width:95%;}
  .major-left{ height:320px;}
  .netbannr{ padding:80px 0 120px;}
  .netseivice img{ width:60%;}
  .honor-wr,.honorImg{ width:95%;}
  .productbanner{ display:block;}
  #preview{ display:none;}
  .producttext{ width:100%;}
  .videos{ display:block;}
  .banner,.banner .slides li{ height:auto !important;}
  .banner .slides li img{ left:0 !important; top:0 !important; margin-left:0 !important; margin-top:0 !important; height:auto !important; width:100% !important;}
  .bannerText{ position:relative; margin-left:0; left:0; top:0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); width:100%;}
  .bann{ width:100%; background:rgba(0,52,89,1);}
  .banner .flex-direction-nav{ width:100%; margin-left:0; left:0; margin-top:0; top:auto; bottom:15px;}
}
@media screen and (max-width:1024px){
  .new-list li figure{ width:105px; line-height:0;}
  .new-list li figcaption h3{ height:40px; overflow:hidden; margin-bottom:5px;}
  .new-list li figcaption p{ height:40px; overflow:hidden;}
  .downs{ display:none;}
  .banner .flex-direction-nav{ display:none;} 
  .numble{ bottom:10px;}
  .bamnline{ display:none;}
  .inner{ width:90%;}
  .inner2{ width:90%;}
  .second-level{ padding-top:29px;}
  .second-list >li{ padding-bottom:18px;}
  .leval-fix{ display:none; visibility:visible; opacity:1; top:75px;}
  .second-list >li.now .leval-fix{ display:block;}
  .second-list >li > a > i{ bottom:-13px;}
  .new-ifno li .new-content .new-more{ margin-right:22px;}
  .new-ifno li .new-content,.new-in{ width:100%;}
  .new-in{ box-sizing:border-box; padding:0 22px;}
  .new-in a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -webkit-box-align:center; align-items:center;  -webkit-align-items:center;}
  .new-in figure{ margin-left:0; width:200px;}
  .new-in figcaption{ width:auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
  .datas{ width:100%; margin-top:12px;}
  .datas .datfix{ display:inline-block; padding-left:18px;}
  .datas span{ display:inline-block;}
  .datas .datfix b{ text-align:left;}
  .new-in figcaption h4{ font-size:20px; height:56px; overflow:hidden;}
  .new-in figcaption p{ margin-top:6px; height:50px; overflow:hidden;}
  .page-info:hover a b{ width:30%;}
  .menu-fix{ padding-right:5%;}
  .new-view{ padding-top:60px;}
  .view-title{ margin-bottom:40px;}
  .view-banner{ padding:0 10% 12px;}
  .abouttitle{ background-attachment:local !important; padding:80px 0;}
  .about-title{ padding:60px 0;}
  .abouttitle h3{ font-size:40px; padding-top:25px; padding-bottom:25px;}
  .abouetext{ padding:60px 0;}
  .case-banner{ padding:160px 0; background-attachment:local !important;}
  .case-banner h3{ font-size:38px;}
  .case-box{ padding-left:5%; padding-right:5%;}
  .casevide{ height:320px; padding:0;}
  .case-title{ padding:36px 0 36px;}
  .case-title h3{ font-size:38px;}
  .case-info figcaption{ padding-top:18px;}
  .case-info figcaption h3{ font-size:22px;}
  .case-info figcaption p{ margin-top:5px;}
  .case-text{ margin-top:54px;}
  .morecase{ padding:30px 0 45px;}
  .morecase h2{ font-size:22px;}
  .desigin-introduct p{ width:100%;}
  .desiginname figure{ width:42%;}
  .desigin-text{ width:50%;}
  .common-text{ margin-bottom:60px;}
   .common-text .strongs{ margin-right:0px;}
  .desigin-box{ padding:80px 0;}
  .major-left{ height:auto;}
  .major-fix{ position:relative; margin-top:45px;}
  .locate-list li .lacate-wr strong{ font-size:58px; line-height:58px; margin-bottom:12px;}
  .locate-list li .lacate-wr p{ line-height:1.8;}
  .netbannr{ padding:70px 0;}
  .net-fix,.nettitle{ left:5%;}
  .search-box{ padding:80px 0 60px;}
  .search-info{ padding:100px 0 110px;}
  .product-box{ padding:100px 0 150px;}
  .product-sele{ margin-bottom:38px;}
  .searchs{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .searchs input[type="text"]{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
  .honor-wr,.honorImg{ width:90%;}
  .honorImg img{ max-height:240px;}
  .offices .flex-nav-prev .flex-prev{ left:0;}
  .offices .flex-nav-next .flex-next{ right:0;}
  .vwrap .videobox { width: 700px; margin-left: -350px; }
  .office-box{ padding:70px 0;}
  .office-list{ padding-top:20px; margin-top:20px;}
  .product-tits{ padding-top:48px; margin-bottom:40px;}
  .videos{ display:block;}
  .pameter-ha{ white-space:nowrap;}
  .paremeter-list{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%;}
  .pameter-list{ position:absolute; width:100%; box-sizing:border-box; padding-left:123px; left:0; top:0;}
  .video-list li figure span{ opacity:1;}
  .bannerText{ width:100%;}
  .case li figcaption h3{ height:46px; overflow:hidden; line-height:1.4;}
}
@media screen and (max-width:861px){
 .iphone-pro li{ width:50%;}
 .iphone-pro li:nth-child(1),.iphone-pro li:nth-child(2){ border-bottom:1px solid #e5e5e5;}
 .new-center{ width:100%; float:none; padding-left:0; padding-right:0; background:#eeeeee; padding-bottom:40px; height:auto;}
 .news{ width:100%; left:0; position:static; height:auto;}
 .news .flex-direction-nav{ right:0; height:48px; position:static; margin-top:40px;}
 .news .flex-direction-nav a{ height:48px;}
 .new-list li figure{ width:136px;}
 .new-title{ width:100%; margin:auto; margin-bottom:16px;}
 .new-title a{ margin-right:0;}
 .new-list li figcaption{ 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; flex-flow: row wrap; -webkit-flex-flow: row wrap;} 
 .new-list li figcaption h3,.new-list li figcaption p{ height:auto; widows:100%;}
 .news .flex-direction-nav{ width:100%; }
 .company{ width:100%; float:none; position:relative; padding-bottom:86px; background:#fff;}
 .profile{ width:100%; box-sizing:border-box; height:auto; position:static;}
 .city{ padding:0;}
 .city span{ box-sizing:border-box; width:90%; margin:auto;}
 .profile .new-title{ box-sizing:border-box; padding:0; width:90%;}
 .case-fix{ width:100%;}
 .case-fix ul li img{ width:100%; height:auto;}
 .new-box{ padding-top:0; padding-bottom:0;}
 .about{ width:90%;}
 .case-info{ padding:30px 0;}
 .case-info figure,.case-info figcaption{ width:100%; float:none;}
 .case-info figcaption{ padding-top:28px;}
 .caseview figcaption{ padding:28px 0 0;}
 .desiginname figure{ width:100%; max-width:100%;}
 .desiginname figure img{ width:auto; max-width:100%;}
 .desigin-text{ width:100%; margin-top:30px;}
 .desigin-text h3{ text-align:left;}
 .common-text figure{ width:90%; float:none; margin:auto;}
 .strongs{ width:100%; float:none;}
 .strongs p{ margin-top:26px;}
 .major-left{ width:100%; margin-bottom:30px; float:none;}
 .major{ margin-top:10px;}
 .major-fix{ margin-top:25px;}
 .location-box{ padding-bottom:50px;}
 .majorImg{ max-width:100%; float:none; width:auto;}
 .majorImg img{ width:auto; max-width:100%;}
 .locate-list{ margin-top:30px;}
 .locate-list li{ width:48%; margin-right:4%; margin-bottom:30px;}
 .locate-list li:nth-child(2n+2){ margin-right:0;}
 .nettitle{ top:160px;}
 .nettitle h4{ font-size:28px;}
 .product-list li{ width:31%; margin-right:3.5%;}
 .product-list li:nth-child(4n+4){ margin-right:3.5%;}
 .product-list li:nth-child(3n+3){ margin-right:0;}
 .searchs{ width:80%;}
 .fackbak a{ padding:12px 40px;}
 .desigin figcaption .desigin-wr{ width:160px; height:160px; margin-left:-80px; margin-top:-80px;}
  .desigin figcaption .desigin-wr::before{ background-size:cover !important;}
  .desigin figcaption .desigin-wr span{ margin-top:20px;}
  .desigin figcaption .desigin-wr b{ margin-top:18px;}
  .desigin figcaption .desigin-wr h3{ font-size:18px; margin-top:5px;}
  .office-list .office-info{ width:45%; margin-right:10%; margin-bottom:30px;}
  .office-list .office-info:nth-child(3n+3){ margin-right:10%;}
  .office-list .office-info:nth-child(2n+2){ margin-right:0;}
  .office-list .office-info h2{ font-size:24px;}
  .download-list li span,.down-title span:nth-child(1){ padding-left:48px;}
  .new-center.article-block,.company.article-block{ transform:translate(0,50px); -webkit-transform:translate(0,50px); -moz-transform:translate(0,50px);}
  .new-center.articleShow,.company.articleShow{ transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); transition:880ms;}
  .company.articleShow{ transition:880ms 430ms;}
} 
@media screen and (max-width:751px){
  .address{ width:100%; float:none;}
  .wechat{ width:100%; float:none; margin-top:40px;}
  .code{ float:left; margin-right:90px;}
  .eq-list{ float:left;}
  .footerris{ float: left;}
  .numble{ left:85%; bottom:26px;}
  .banne-list,.banne-list li{ height:100%;} 
  .technology{ position:absolute; left:0; bottom:26px;}
  .menu-fiex,.menu-wr{ width:70%; right:-70%;}
  .new-ifno li .new-content time{ width:auto; margin-right:30px;}
  .view-text{ width:100%; margin-bottom:0;}
  .case li{ width:48%; margin-right:4%;}
  .case li:nth-child(3n+3){ margin-right:4%;}
  .case li:nth-child(2n+2){ margin-right:0;}
  .morecase .case li{ width:50%; margin-bottom:12px; margin-right:0;}
  .video-list li{ width:48%; margin-right:4%; margin-bottom:32px;}
  .video-list li:nth-child(3n+3){ margin-right:4%;}
  .video-list li:nth-child(2n+2){ margin-right:0;}
  .vwrap .videobox { width: 560px; margin-left: -280px; }
  .banne-list h3{ line-height:50px; width:100%; line-height:1.4; font-size:26px;}
  .technology{ font-size:22px; width:150px;}
  .bannerText{ height:auto;}
  .banne-list li.on{ position:relative;}
  .technology{ position:relative; bottom:0; margin-top:20px; float:left; font-size:18px; padding:10px 0;}
  .bann{ padding:30px 5%; height:auto;}
}
@media screen and (max-width:641px){
  .iphone-logo img{ width:52%; height:auto;}
  .mune-list > li > a{ height:45px; line-height:45px; font-size:22px;}
  .leval-menu li a{ font-size:18px;}
  .header-box{ padding-top:20px; height:auto; padding-bottom:20px;}
  .logo{ width:180px;}
  .header{ padding:0 5%;}
  .menuBtn{ top:0; right:5%;}
  .mtop{ height:66px;}
  .footer-top,.footer-inner,.tels{ width:90%;}
  .footer-top{ padding-bottom:30px;}
  .address h2{ font-size:26px;}
  .code{ margin-right:10%;}
  .eq-list{ width:auto;}
  .iphone-pro li figcaption{ font-size:18px;}
  .new{ width:90%;}
  .news .flex-direction-nav{ margin-top:28px; height:38px;}
  .news .flex-direction-nav a{ height:38px;}
  .tels{ padding:20px 0;}
  .new-ifno li .new-content time{ width:100%;}
  .new-ifno li .new-content span{ margin-left:25px;}
  .new-in figcaption h4{ font-size:18px; height:48px;}
  .new-in figcaption p{ font-size:12px; height:43px;}
  .new-in figure{ width:180px;}
  .new-fix{ padding-top:30px;}
  .datas span{ margin-top:0; margin-left:4.8%;}
  .pages{ padding:40px 0;}
  .pagenumble{ top:32px;}
  .pages{ width:100%;}
  .datas .datfix strong{ display:inline-block; font-size:20px;}
  .datas .datfix b{ display:inline-block; margin-left:10px;}
  .datas .datfix{ width:180px; box-sizing:border-box; text-align:left;}
  .view-banner{ padding:0 40px 12px;}
  .view-banner .flex-prev{ left:0; width:12px; height:20px; background-size:cover !important;}
  .view-banner .flex-next{ right:0; width:12px; height:20px; background-size:cover !important;}
  .about-title h2{ font-size:24px; margin-bottom:18px;}
  .abouetext{ padding:50px 0 40px;}
  .abouttitle h3{ font-size:30px;}
  .second-list{ padding-left:0;}
  .case-banner{ height:280px;}
  .case-banner h3{ font-size:32px; padding:12px 0;}
  .case-info,.caseview{ padding-bottom:0;}
  .case-title h3{ font-size:28px;}
  .case-info figcaption h3{ font-size:20px;}
  .case-title h3{ padding-top:14px; font-size:22px;}
  .case-title time{ padding-bottom:16px;}
  .area strong{ font-size:18px;}
  .desiginname{ padding:40px 0;}
  .desigin-introduct{ padding:30px 0;}
  .briefing{ margin-top:24px;}
  .desiginname{ padding-top:25px;}
  .name strong{ font-size:28px;}
  .desigin-box{ padding:80px 0 40px;}
  .common-text{ margin-bottom:30px;}
  .vwrap .videobox { width: 400px; margin-left: -200px; height: 350px;  margin-top:-175px;}
  .governing-box,.governing,.wisdom{ padding:35px 15px;}
  .governing-box h3{ padding:16px 0; font-size:20px;}
  .governing h3,.wisdom h3{ font-size:20px;}
  .governing b,.wisdom b{ margin-top:18px; margin-bottom:14px;}
  .desigin-list li{ width:48%; margin-right:4%;}
  .desigin-list li:nth-child(2n+2){ margin-right:0; margin-bottom:35px;}
  .desigin-list{ padding-bottom:20px;}
  .locate-list li .lacate-wr{ height:280px;}
  .locate-list li .lacate-wr strong{ font-size:46px; line-height:46px;}
  .locate-list li .lacate-wr p{ font-size:12px;}
  .desigin-box{ padding-bottom:20px;}
  .location-box{ padding-bottom:20px;}
  .netseivice img{ width:80%;}
  .netbannr{ height:auto;}
  .net-fix{ width:140px;}
  .net-fix h2{ font-size:20px;}
  .net-fix h2::after{ width:90px;}
  .nettitle h4{ font-size:20px;}
  .nettitle small{ font-size:16px;}
  .product-box{ padding:60px 0 80px;}
  .search-box{ padding:40px 0;}
  .searchs{ width:90%;}
  .search-info{ padding:60px 0;}
  .fackbak{ margin-top:46px;}
  .columntitle a,.columntitle span{ padding-top:12px; height:42px;}
  .columntitle a:hover:before, .columntitle a.now:before{ bottom:8px;}
  .product-title span:nth-child(1),.product-fix li b{margin-right:12%;}
  .columntitle span{ width:100%; padding-top:0;}
  .download-box{ padding:60px 0 40px;}
  .honorImg img{ max-height:180px;}
  .honor-wr span{ width:80%; height:55px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .honor-box{ padding:80px 0 40px;}
  .office .offices-fix{ margin:0 40px;}
  .office-box{ padding:50px 0 0;}
  .office-list{ margin-top:20px; padding-top:0;}
  .down-title span:nth-child(1){ width:50%;}
  .download-list li span{ width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .download-list li span,.down-title span:nth-child(1){ padding-left:28px;}
  .download-list li:hover span{ background-position:10px center;}
  .download-list li strong{ padding-left:22px;}
  .download-box{ padding-bottom:0;}
  .productbanner{ padding:0 50px;}
  .productbanner .owl-theme .owl-controls .owl-buttons div{ width:42px; height:38px; margin-top:-19px;}
  .product-tits h3{ font-size:22px;}
  .product-tits{ margin-bottom:20px; padding-top:38px;}
  .explain{ padding-bottom:30px;}
  .paramete-info{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .paramete-info dt{ width:120px;}
  .paramete-info dd{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
  .producfix .explain,.producfix .environment{ width:100%; margin-bottom:0;}
  .producfix .explain{ margin-bottom:40px;}
 /* .xzy-share-box .weixin{ display: none;}*/
}
@media screen and (max-width:520px){
  .second-list >li >a{ padding-left:0; padding-right:0; width:100%; text-align:center;}
  .second-list >li{ width:25%;}
}
@media screen and (max-width:481px){
  .leval-menu{ padding-left:5%;}
  .menu-fiex,.menu-wr{ width:75%; right:-75%;}
  .editebtn{ padding-left:5%; padding-right:5%; box-sizing:border-box;}
  .editebtn > a{ padding-left:42px; font-size:16px; line-height:30px; margin-top:3px;}
  .editebtn > a:before{ width:34px; height:28px; background-size:34px 28px !important;}
  .share-fix a{ transform:scale(0.8); margin-right:6px;}
  .new-list li figure{ width:110px;}
  .new-list li figcaption h3{ height:40px; overflow:hidden;}
  .new-list li figcaption p{ height:36px; overflow:hidden; text-overflow:ellipsis;}
  .numble{ left:80%;}
  .new-ifno li .new-content span{ width:55%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .new-ifno li .new-content time,.new-ifno li .new-content span{ margin-left:18px;}
  .new-ifno li .new-content .new-more{ margin-right:18px;} 
  .new-in figure,.datas .datfix{ width:160px;}
  .view-title h3{ font-size:20px;}
  .view-text p{ font-size:12px;}
  .case li{ width:100%; margin-right:0;}
  .new-view{ padding-top:38px;}
  .case-box{ padding-top:20px;}
  .case li figcaption h3{ font-size:14px;}
  .second-list >li >a{ white-space:nowrap; font-size:13px;}
  .leval-fix{ top:71px; box-sizing:border-box;}
  .leval-fix li a i{ font-size:12px;}
  .second-level{ padding-top:28px; }
  .leval-fix li:nth-child(1){ margin-left:0;}
  .leval-fix{ padding-left:5%; box-sizing:border-box;}
  .swiper-button-next,.swiper-button-prev{ display:block;}
  .case-banner h3{ font-size:28px;}
  .case-banner{ height:200px;}
  .area{ float:none; margin-bottom:5px; }
  .area span,.area strong{ display:inline-block;}
  .area:nth-child(1){ width:100%;}
  .area strong{ font-size:18px;}
  .project-address{ padding:20px 0;}
  .sharepro{ float:none; width:100%;}
  .sharepro a{ display:inline-block; margin-bottom:0; margin-right:20px;}
  .case-info figcaption{ padding-left:0; padding-right:0;}
  .morecase{ padding-bottom:30px;}
  .morecase h2{ font-size:20px;}
  .fancybox-next{ right:-40px;}
  .fancybox-prev{ left:-40px;}
  .governing h3,.wisdom h3,.governing-box h3{ font-size:18px;}
  .name strong{ font-size:20px;}
  .major-fix{ margin-top:10px;}
  .major-info strong{ font-size:30px;}
  .major-info:nth-child(1){ margin-right:5%;}
  .location h3 small{ text-indent:0;}
  .locate-list li{ width:100%; margin-right:0;}
  .locate-list li .lacate-wr{ height:auto; padding-bottom:60px;}
  .locate-list li .lacate-wr strong{ font-size:36px; line-height:36px;} 
  .case-banner{ height:auto; padding:40px 0;}
  .net-fix{ top:10px;}
  .nettitle{ top:120px;}
  .net-fix h2{ line-height:26px;}
  .product-list li{ width:48%; margin-right:4%;}
  .product-list li:nth-child(3n+3){ margin-right:4%;}
  .product-list li:nth-child(2n+2){ margin-right:0;}
  .product-list li{ margin-bottom:20px;}
  .product-title span:nth-child(1), .product-fix li b{ margin-left:12px; margin-right:5%;}
  .product-fix li span,.product-fix li b,.product-title span{ font-size:14px;}
  .product-fix li span{ width:50%; overflow:hidden; height:48px;}
  .columntitle a{ width:30%;}
  .honorImg{ text-align:center;}
  .honorImg img{ max-height:120px; margin:auto;}
  .desigin{ width:100%;}
  .vwrap .videobox { width: 300px; margin-left: -150px; height: 300px; margin-top:-150px; }
  .office .offices-fix{ margin:0 60px;}
  .offices .flex-nav-next,.offices .flex-nav-prev{ height:72px;}
  .office .offices-fix span{ width:33.3333%; margin-bottom:10px;}
  .offices .flex-nav-next .flex-next{ top:20px;}
  .offices .flex-nav-prev .flex-prev{ top:20px;}
  .office-list .office-info{ margin-bottom:20px;}
  .office-list .office-info h2{ font-size:20px; margin-bottom:10px;}
  .office-list .office-info .office-text span{ font-size:12px; padding-left:20px;}
  .download-list li span{ font-size:14px;}
  .down-title span{ white-space:nowrap;}
  .down-title span:last-child{ margin-right:10px;}
  .down-title span:nth-child(1){ width:50%;}
  .down-title span:nth-child(2){ width:35%;}
  .down-title{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;  }
  .explain p, .environment p{ font-size:12px;}
  .environment{ margin-bottom:60px;}
  .mune-list > li > a{ font-size:20px;}
  .code-fix{ width:100%; left:0; margin-left:0;}
 }
@media screen and (max-width: 380px){
  .new-in figure{ width:120px;}
  .new-in figcaption h4{ height:24px;}
  .video-list li{ width:100%; margin-right:0;}
  .down-title span:nth-child(1){ width:40%;}
  .download-list li span{ width:40%;}
  .tels h2{ font-size:28px;}
}
@media screen and (max-width: 320px){
}