@media screen and (min-width: 1201px) and (max-width: 1800px) {
#playBox { width: 100%; height:400px; }
#playBox .oUlplay li img { height: 400px; width:1440px; }     
}
@media screen and (min-width:1000px) and (max-width: 1200px) {
body { margin: 0 8px; }
.head_left { width: 68%; }   
.foot_l { width: 45%; text-indent: 10px; }
.bottomright { width: 65%; }
.bottom1 { width: 32%; float: left; margin-right: 20px; font-size: 12px; color: #999; line-height: 18px; margin-left: 1%; }
.bottom1 img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE */ filter: alpha(opacity=30); /* IE */ opacity: 0.3; margin: 25px 0 10px 18px; }
.products1 p { color: #000; padding-left: 10px; }
.bottom3 { width: 30%; float: left; margin-top: 10px; }
.bottom3 li { background: url(../images/bg_title.gif) no-repeat left center; padding-left: 12px; }
.products2 { width: 25%; float: left; margin-right: 20px; }
.filters-options li { margin: 2% 2px 0 0; }
.filters-options { margin: 2% 0 4% 0; }
#playBox { width: 100%; height:350px; }
#playBox .oUlplay li img { height: 350px; width: auto; }
.nav_img { display: none; }     	.prolist-con ul li { height: auto;}   .navul li a.li0 { padding: 23px 0;}   .navul li a.li1 { padding: 23px 0;}    .navul li { margin-left:30px;}  #header-wrapper ul{ width:100%}
.chatonline { width:55%}     
.detail-list ul li{ width:28%}  
#header .wrapper,#header .main_nav{ width:100%}   #header:after{ width:auto; height:auto}  #header .tab a{ padding:0 5%;min-width:25%; font-size:12px;}
.prodetail_bj{ background:#3A4352; text-align:center; text-indent:0; }  .prodetail_bj a{ color:#fff}
#header .tab{ width:12%}  .logo,.logo:after{ height:auto; }    #header .home:after{ height:auto}  #header{ height:52px;}   .mumping_mun,.main, .why-con{ width:100%}
.service dd{ width:85%;}
}
@media screen and (max-width: 999px) {
body { margin: 0 8px; }  #playBox,.pro_feilei ul{ width:100%}
.bottomlist { display: none; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #000; position: absolute; width: 80%; z-index: 65535; }   .case_detail .mes{ display:none}   .sub_left img{ width:100%; height:auto}
.sub_news_left img{ width:100%; height:auto}
.sy_choose { width: 100%; }
.sy_about { width: 100%; }
.sy_product,.container { width: 100%; }
.sy_choose h3, .sy_new h3 { margin: 20px 0 10px 0; }
.header { display: none; }
.sy_product h3 { margin:10% 0 5% 0 }
ul.slidecontrols { margin-top: 20px; }
.footbg{ display: none; }
.product li { width: 47%; margin-right: 3%; }
.contact_left { width: 100%; }
.contact-info { width: 100%; float: left; }
.sub_left { width: 100%; margin-bottom:5%; }
.sub_news_left { width: 100%; margin-bottom:5%; }
.sub_right { display:none}
.pimg { width: 100%; }
.describe { width: 100%; }
.pimg img { width: 100%; height: auto; }
.newar { display: none; }
.newal { float: left; width: 100%; }
.sub_tit strong { width: 100%; }
.sub_tit span { display: none; }
.block_1 { width: 100%; }
.sy_product h3 { text-indent: 0; }
.nav_img { display: block; float: right; margin-top:18px; margin-bottom:15px; margin-right: 15px; }
.nav_img a { width: 30px; height: 30px; display: inline-block; }
.daohang { width: 100%; background: #3d3d3d; position: absolute; top: 58px; left: 0; z-index: 99999; display: block; }
.daohang p.navli { height: 40px; width: 100%; font-size: 15px; color: #333; line-height: 40px; cursor: pointer; }
.daohang p.navli a { color: #fff; display: block; border-bottom: 1px solid #ccc; padding-left: 20px; }
.daohang p.navli a:hover { color: #fff; background: #FFD204; display: block; }
.navul { display: none; }
.bottombg { margin-top: 30px; padding: 0; background: none; }
.preview { width: 100%;    margin: 2% 0 1% 0; }
.pro_right { width: 100%; margin-top:10px; }
.top_search { display:none }
.sy_new { display:none}    ul.slidecontrols{ display:none} 
.filters-options li { margin: 2% 2px 0 0; }
.filters-options { margin: 2% 0 4% 0; }
.list-solution dl { width: 100%; }
.contact-left, .contact_right { width: 100%; }
.xg_pro a.leftbtn, .xg_pro a.rightbtn { display: none; }
#ISL_Cont_1 { width: 100%; }
.xg_pro ul li, #List1_1 li { width: 30%; float: left; text-align: center; margin:0 1.4% 3%;}
.ScrCont { width: auto; overflow: hidden; }
.Contentbox img { width: 100%; height: auto; }
.Contentbox video{ width:100%;}
.peijian ul li { width: 47%; margin-right: 3%; }
.about img { width: 100%; height: auto; }
.imagedesc_370 { width: 47%; margin-right: 3%; }
.baselayout li { width: 50%; }
.prodetail_tit h1 { width: 100%; }
.xg_case li { width: 47%; margin-right: 3%; }
.case_con ul li{ width: 47%; margin-right: 3%;}    .searchresult ul li{ width: 47%; margin-right: 3%;height:auto;} 
.con_pro ul li { float: left; }
.service dt img ,.case_detail img{ width: 100%; height: auto; }   .fz-left,.lx-right{ width:100%;}   	.prolist-con ul li { height: auto;}   .contact-left img{ width:100%; height:auto}
.prod_thumb{ display:none}   .detail-list ul li{padding: none;}
.wgt-featureGroup dt { width:35%; float:left}  .wgt-featureGroup dd{ width:62%; float:right}   
.wgt-featureGroup { width:100%; margin-left:0;}   .wgt-featureGroup dl{ margin-bottom:4%; width:100%; overflow:hidden;}   .wgt-featureGroup h5{ line-height:15px; margin:0 0 2% 0;}
.pages a, .pages .cpb{padding:4px 6px; float:left; margin:2px;}      
.prolist-con{ float:left; clear:both; width:100%; margin:0 0 40px 0;}
.pro_contact .send-message1{ background: url(../images/message.png) no-repeat 20px center /*#00BCD5*/#FFCD11; display:none;  }  
.pro_contact .send-message2{ background-image:none; display:block; text-align:center }    
.pro_contact a{ text-indent:0; font-size:16px;}
.pro_contact .sale-service {  background-image:none; text-align:center;}  #header-wrapper{ margin-top:30px;}
.feed-con { margin-top:20px;padding-top:0}
.con ul li {line-height: 30px; padding:0 10px;float: left;}      
.fu_lv_cc,.pro_ly{ width:100%}      .wap-search {display: inline-block;/*position: relative;*/ float:left}
.wap-search a.wap-sou-btn{ background: url(../images/wap-search.png) no-repeat;width: 30px;height: 30px;float: left; margin:18px 10px 0 0;}
.sousuo {width: 228px;position: absolute;right: 40px; top: 18px;transition: all 0.3s ease 0s;      z-index: 999;}
.wap-search input.wap-sub {background: url(../images/find-icon.png) no-repeat center center;width: 30px;height: 30px;float:right;font-size: 0;line-height: 0;text-indent: -999em;position: relative;z-index: 2;cursor: pointer;border-left: 0;}
.wap-search .form-control {width: 228px;position: absolute;height:30px; line-height:30px;transition: all 0.3s ease 0s; background:#f0f0f0; text-indent:15px;}
#tmpAreaLmtDiv{ display:none;}
.feed-con .tit h4{ font-size:18px; background:#3A4352; color:#fff;}   .row2 textarea{ height:60px; font-size:12px;}  .feed-con form p{ display:none}
.pages{ margin:3% 0 50px 0;}   .wuliao{ display:none} .prolist-con ul li .bd-con p{ display:none;}  .prolist-con ul li .bd-con{ height:auto}  .
prolist-con ul li { border-bottom:none;margin: 0 1.5% 0 1.5%; padding-bottom:0}   .sub_tit,.liuyan{ display:none}
#gotoTop2{ right:4px;    background: url(../images/his-totop.gif) no-repeat -8px -4px;width: 40px;height: 40px;}
.feed_row{ width:100%;}
.feed-con .tit{position: relative;float: left;clear: both;width: 100%;margin: 0px;padding: 0px;text-align: center;-webkit-transform: translate();}   
.xg_pro,.xg_case{ display:none;}   
#header-wrapper ul{ width:100%}.detail-list ul li{ width:49.3%}   #header .wrapper,#header .main_nav{ width:100%;}  .logo,.logo:after{ width:30%; height:auto; float:left}     #header,#header:after{ height:auto}    .pro-banner,.feed_row span,.right-pdf{ display:none}  .prolist-con ul li .bd-con a{ font-size:14px;}
.left-pdf { width:98%; margin-left:0}    .left-pdf label{ width:15%;}  .mesWindow{ width:100%; top:10%}
.row3 input.sub00{ border:#0c4a9b 2px solid; color:#000; background:none;padding: 0 50px;}
.pro_tit,.prodetail_tit .tit_right{ display:none}  .detail-list ul li.cur3{ background:none}
.detail-list ul li.cur3 span{  font-weight:500;}  .prodetail_bj,.prodetail-con{ display:none}      #respond #submitcc{ background:#3A4352}  .digital,.pro_feilei .out p{ display:none}
  }

@media screen and (min-width: 480px) and (max-width: 767px) {
.company li { width: 45%; margin-right: 3%; }
.block_r { width: 100%; }
.con_bg { padding: 10px 0; }
.baselayout li { width: 48%; float: left; margin-right: 2%; margin-bottom: 2%; }
.xg_pro ul li, #List1_1 li { width: 47%; float: left; text-align: center; margin:0 1.5% 3%;}
.ScrCont { width: auto;  overflow: hidden; }
#playBox { width: 100%; height: 200px; }
#playBox .oUlplay li img { height: 200px; width: auto;   }      #msgcc_tit{ font-size:16px}
.ps,.xk,.mf,.jc{ background-size: 100px 100px;}

}

@media screen and (min-width: 320px) and (max-width: 479px) {
#playBox { width: 100%; height: 180px; }
#playBox .oUlplay li img { height: 180px; width: auto; }
.company li { width: 100%; }
.product li { width: 100%; }
.con_bg { padding: 10px 0; }
.baselayout li { width: 100%; float: left; margin-right: 0; margin-bottom: 2%; }
.block_r { width: 100%; float: left; }
.prolist-con ul li { float: left; width: 47%; }
.chatonline{ width:100%;}  
.ScrCont { width: auto; height: auto; }        
.xg_pro ul li{width: 47%;float: left;text-align: center;margin: 0 1.5% 3%;   }    
#msgcc_tit{ font-size:15px; width:80%;}   .mesWindow{ width:100%;}  
	 
}


@media screen and (max-width: 319px) {
#playBox { width: 100%; height: 160px; }
#playBox .oUlplay li img { height: 160px; width: auto; }
.company li { width: 100%; }
.product li { width: 100%; }
.con_bg { padding: 10px 0; }
.block_r { width: 100%; float: left; }
.baselayout li { width: 100%; float: left; margin-right: 0; margin-bottom: 2%; }
.prolist-con ul li { float: left; width: 100%; }
.peijian ul li { width: 100%; }
.imagedesc_370 { width: 100%; }   .chatonline{ width:100%;}     
.xg_pro ul li{width: 47%;float: left;text-align: center; margin: 0 1.5% 3%;}   
#msgcc_tit{ font-size:12px; width:80%}
	 
}

@media screen and (max-width: 480px) {
.sy_product li{ width:47%}  .sy_product li h5{ height:40px; font-size:13px;}.ps,.xk,.mf,.jc{ background-size: 70px 70px;}
.pro-icon{ height:83px;}  .pro_feilei{ height:auto; background:none} .out h3, .in h3{ font-size:14px;}
}