@media screen and (max-width:1200px){
.t_bg .top,.head,.nav_m,.i_ma,.i_mb,.i_mc,.f_nav,.bq,.scd{width:800px; margin:0px auto;}
.head .search{ margin-left:35px; width:258px;}
.head .search input[type="text"]{ width:248px;}
.nav_m .nav li a{ font-size:15px;}
.nav_m .nav li,.nav_m .nav li a{ width:82px;}
.nav_m .nav li a i{ left:35px;}
.head .tel{ width:0px; height:0px; float:left; margin-top:0px;}
.head .tel img{ width:0px; height:0px; vertical-align:top;}
.central { width:800px; margin:0px auto; background:#ffffff; margin-top:20px;}
.i_ma .ip_l{ width:100%; padding:0;}
.i_ma .ip_l li{ margin-right:15px; margin-bottom:15px; }
.i_ma .ip_l li,.i_ma .ip_l li .tu,.i_ma .ip_l li .des{width:250px; height:100px;}
.i_ma .ip_l li .tu img{ width:250px; height:100px;}
.i_ma .ip_l li .tu .title{ width:90%;}
.i_ma .ip_l li .des .more{ display:none;}
.i_mb dl{width:250px; margin-right:15px; margin-bottom:15px;}
.i_mb .listbox{ width:250px; float:left; border:1px solid #fff; padding:10px 0px;}
.i_mc .i_mcl,.i_mc .i_mcr,.f_nav .f_nl,.f_nav .f_nr{ width:360px;}
.i_mc .i_mcl{ margin-right:20px;}
.i_mc dl dt, .i_mc dl dt img{ width:172px; height:99px;}
.i_mc .i_mcr dl{ padding-bottom:18px; margin-bottom:18px;}
.f_nav .f_nr li{ margin-left:15px; width:90px;}
.f_nav .f_nr li img{ width:90px; height:90px;}
.bq{ font-size:13px;}
.scd .scd_l{ width:200px;}
.s_nav li a{ padding-left:30px;}
.s_nav li a,.s_nav li.now a,.s_nav li:hover a{ background-position:15px center;}
.scd .scd_r{ width:520px;}
.pro li{ width:259px; height:570px;}
.contact dl dt{ width:165px;}
.contact dl dd{ width:340px;}
}
@media screen and (max-width:780px) {
.t_bg .top,.head,.nav_m,.i_ma,.i_mb,.i_mc,.f_nav,.bq,.scd{width:600px; margin:0px auto;}
.head .search{ margin:0px; float:right; margin-top:10px;}
.head .search input[type="text"],.head .search,.head .search input[type="submit"]{ height:30px; line-height:30px;}
.head .tel{ width:0px; height:0px; float:left; margin-top:0px;}
.head .tel img{ width:0px; height:0px; vertical-align:top;}
.nav_m .nav li.now a i, .nav_m .nav li:hover a i{ display:none;}
.nav_m .n_icon{ display:block;}
.nav_m .nav{ display:none; position:absolute; left:0; top:42px; background:#4994C9; z-index:99999;}
.nav_m .nav li{ width:100%; text-align:left; height:auto;}
.nav_m .nav li a{ width:90%; padding:0 5%; margin:0px auto; text-align:left;}
.nav_m .nav li .er{ position:static; display:block;}
.nav_m .nav li .er a{ width:80%; padding:0 10%; text-align:left;}
.central { width:600px; margin:0px auto; background:#ffffff; margin-top:20px;}
.i_ma .ip_l li .des{ display:none;}
.i_ma .ip_l li, .i_ma .ip_l li .tu, .i_ma .ip_l li .des{ width:280px; height:100px;}
.i_ma .ip_l li,.i_mb dl{ margin:0 5px 15px !important;}
.i_ma{ padding-bottom:15px;}
.i_mb dl{ width:280px;}
.i_mb .listbox{ width:280px; float:left;  padding:10px 0px;}
.i_mc .i_mcl, .i_mc .i_mcr, .f_nav .f_nl, .f_nav .f_nr{ width:100%; margin-right:0px; margin-bottom:25px;}
.f_nav .f_nr li{ float:left; width:140px;}
.f_nav .f_nr li img{ width:100px; height:100px;}
.scd .scd_l{ width:478px; margin-bottom:25px;}
.s_nav li a{ width:448px;}
.scd .scd_r{ width:100%;}
.pro li{ width:239px; height:555px;}
.contact dl dd{ width:310px;}
}
@media screen and (max-width:600px) {
.t_bg .top,.head,.nav_m,.i_ma,.i_mb,.i_mc,.f_nav,.bq,.scd{width:100%; margin:0px auto;}
.head{ height:auto; padding-bottom:10px; position:relative;}
.l_bg{ width:100%; height:100px; }
.head .logo img{height:60px;}
.head .tel{display: none; }

.central { width:350px; margin:0px auto; background:#ffffff; margin-top:20px;}
.i_ma .ip_l li, .i_ma .ip_l li .tu, .i_ma .ip_l li .des{ width:298px; height:100px;}
.i_ma .ip_l li .tu img{ width:298px; height:100px;}
.i_mb dl{ width:310px;}
.i_mb .listbox{ width:310px; float:left;  padding:10px 0px;}
.i_mc dl dt, .i_mc dl dt img{ width:146px; height:84px;}
.f_nav .f_nr li{ width:95px; margin:10px 5px;}
.f_nav .f_nr li img{ width:85px; height:85px;}
.i_mc .box_m{ height:300;}
.i_mc .i_mcr{ margin-bottom:0;}
.i_mc .i_mcr .box_m{ padding-bottom:0;}



.scd .scd_l{ width:318px;}
.s_nav li a{ width:288px;}
.scd_r .dq{ margin-bottom:50px;}
.scd_r .dq .pst{ width:100%; text-align:left; top:40px; border-bottom:1px dashed #eee;}
.pro li{ width:100%; border-left:0 !important; height:auto;}
.scd_m img{  
border:none;
max-width:300px;
width:expression(this.width>300?"300px":this.width); 
height:auto;
}
.case li em a, .case li p a:hover,.news li em{ font-size:12px;}
.case li em{ width:90px;}
.contact dl dt{ display:none;}
.contact dl dd{ width:100%;}
}