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

@media screen and (max-width:1100px) {
  
  .box{width:96%}  
  .top .mobile-header{display:block;}
  .top #cd-menu-trigger{display:block;top:10px;}
  .top #cd-lateral-nav{display:block}
  .top .logo{width:100%;float:none;height:auto}
  .top .logo img{width:300px;height:61px}
  .top .top-right{width:650px;margin:20px auto 0;float:none}
  .nav{display:none;}
  .slider_model{display:none;}
  .tt{display:block;}
  
  .footer .foot-main .foot-left{width:100%;text-align:center;padding-top:0}
  .footer .foot-main .foot-right{width:100%;text-align:center;}
  .footer .foot-main .foot-right .help{width:100%;margin-bottom:20px;padding-top:10px}
  .footer .foot-main .foot-right .help a{float:none;display:inline-block;margin:0 10px}
  .footer .foot-main .foot-right .weixin{width:100%;margin-left:0}
  .download .li0{width:36%;}
}


@media screen and (max-width:1000px) {
  
  .sub-banner{height:auto;}
  .sub-banner .sub-text{padding:3%}
  .container .c-left{width:100%;margin-bottom:2%}
  .container .c-left .c-section{display:none}
  .container .c-right{margin-left:0;float:left;width:100%}
  .container .location .link{display:none}

}


@media screen and (max-width:980px) {
  
  .slider_model{height:400px}
  .slider_model .slider_model_box a{background-size:1536px 400px!important;height:400px}

}

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

  .index-main .home-display ul li{width:100%;margin-right:0;margin-bottom:3%}
  .index-main .home-display ul li a .text{height:auto}
	
  .index-main .contact-display ul li{width:100%;margin-right:0;margin-bottom:3%}
  .index-main .contact-display ul li a .text{height:auto}
  
  .index-main .about-display ul li{width:100%;margin-right:0;margin-bottom:3%}
  .index-main .about-display ul li a .text{height:auto}
  
  .productlist ul li{width:100%;margin-right:0;margin-bottom:3%}
	
  .index-main .home-news .section{width:100%!important;margin-right:0;margin-bottom:3%;height:auto}
  .index-main .videos .left-video{width:100%;margin-bottom:2%}
  .index-main .videos .left-video video{height:auto}
  .index-main .videos .right-video{width:100%}
}

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


  .dbd{ display:block;}
  .foot-main{ display:none;}
  .top{padding:10px 0;}
  .top .top-right{width:100%;margin:10px auto 0;float:none;display:none;}
  .top .top-right .phone{width:100%;text-align:center;float:none;display: none;}
  .top #cd-menu-trigger{display:block;top:65px;}
  .phone{width:100%;text-align:center;float:none; display:block;}
  .qq{width: 100%;text-align: center;float: none;display: block;}
  .top .top-right .search{float:none;margin:10px auto 0}
  .slider_model{height:300px}
  .slider_model .slider_model_box a{background-size:1152px 300px!important;height:300px}
  .container .pro-list ul li{width:48%;}
  .search ul .s-pro{width:48%;}
  .container .pro-list ul li a .text{height:auto}
  .container .pro-list ul li a .text .article{display:none}
  .picFocus{width:100%;margin-bottom:2%}
  .big-pic .consult{width:100%}
  .big-pic .consult .wx{display:none}
  .video-slide .slideBox .bd{width:100%;margin-bottom:2%}
  .video-slide .slideBox .hd{width:100%;}
  .video-slide .slideBox .hd ul li{float:left;width:48%;margin:0 1%;text-align:center}

}


@media screen and (max-width:640px) {
  
.news-list ul li a .text .article{display:none}
.search-from input.in1{width:80%;}
.search ul li a .text .article{display:none}
.mod18Box{width:450px;}
  .mod18{width:450px;}
  
.mod18 #prev,.mod18 #next{display:none}
  
.mod18 #prevTop{left:0;top:20%}
  
.mod18 #nextTop{right:0;top:20%}
  
.slideBox2{width:450px;}
.slideBox2 .bd ul{height:300px}
  
.slideBox2 .bd{height:300px}
  
.slideBox2 .bd li{width:450px;height:auto}
 
.slideBox2 .bd li video{width:450px;height:auto}
  
.slideBox2 .hd{width:450px;}
  
.slideBox2 .hd li{width:150px;}
  
.slideBox2 .hd li img{width:120px;height:84px}
/*
.mod18 .picBox ul{height:300px}
  
.mod18 .picBox{height:300px}
  
.mod18 .picBox li{width:450px;height:auto}
 
.mod18 .picBox li video{width:450px;height:auto}
  
.mod18 .listBox{width:450px;height:110px;}
  
.mod18 .listBox li{width:150px;height:110px;}
  
.mod18 .listBox li img{width:120px;height:84px}
*/
.download .li0{width:32%;}
}

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

.download .li0{width:28%;overflow:hidden;}
}

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


   .top .top-right .phone a{display:block;}
   .top .top-right .phone .fa{display:none}
   .top .top-right .phone span{display:none}
   .top .logo img{width:250px;height:51px}
   .slider_model{height:200px}
   .slider_model .slider_model_box a{background-size:768px 200px!important;height:200px}
   .index-main .videos .right-video ul li{width:48%}
   .friendly-link .friend-list{margin-left:0;float:left}
   .footer .foot-main .foot-right .help a{display:block;text-align:center;margin-bottom:10px}

   .sub-banner .sub-text h1{font-size:20px}
   .other .other-main ul li{width:98%;margin-bottom:2%}
   .container .application .pro-list ul li{width:48%}
   .news-list ul li a .img img{width:150px;height:96px;}
   .search ul li a .img img{width:150px;height:96px;}
   .news-list ul li a .text{margin-left:170px}
   .search ul li a .text{margin-left:170px;}
	
   .slideBox2{width:300px;}
  
   .slideBox2 .bd ul{height:220px}
  
   .slideBox2 .bd{height:220px}
  
   .slideBox2 .bd li{width:300px;height:auto}
  
   .slideBox2 .bd li video{width:300px;height:175px}
 
   .slideBox2 .hd{width:300px;}
  
   .slideBox2 .hd li{width:100px;}
  
   .slideBox2 .hd li img{width:80px;height:56px}

   .mod18Box{width:300px;}
  
   .mod18{width:300px;}
  
   .mod18 #prev,.mod18 #next{display:none}
  
   .mod18 .picBox ul{height:220px}
  
   .mod18 .picBox{height:220px}
  
   .mod18 .picBox li{width:300px;height:auto}
  
   .mod18 .picBox li video{width:300px;height:175px}
 
   .mod18 .listBox{width:300px;height:60px;}
  
   .mod18 .listBox li{width:100px;height:60px}
  
   .mod18 .listBox li img{width:80px;height:56px}
   .download .li0{width:15%;overflow:hidden;}
   .download .li1{width:10%;}
   .download .li2{width:10%;}
   .download .li3{width:10%;}
   .download .li4{width:10%;}
}

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

   .slider_model{height:150px}
   .slider_model .slider_model_box a{background-size:576px 150px!important;height:150px}
   .download .li0{width:16%;overflow:hidden;}

}

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


}

img{max-width:100%;height:auto;width:auto\9; /* ie8 */}/*弹性图片*/
.map img{max-width:none}
html{-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}