@media screen and (max-width:1030px){
.header .head ,.nav_bg .nav,.i_box_a,.i_news,.i_box_b,.f_bg .foot,.scd{width:740px; margin:0px auto;}
.nav_bg .nav li{ float:left;}
.nav_bg .nav li a{ font-size:15px; padding:0px 13px;}
.i_pl li{ margin-right:50px; margin-bottom:30px;}
.i_news .i_nr{ width:100%; margin-top:30px;}
.i_news .i_nl{ width:100%;}
.i_news .i_nl dd{ width:465px;}
.i_box_b .i_about dt img{ width:297px; height:212px;}
.i_box_b .i_about dt{ width:301px; height:216px;}
.i_about dd{ width:430px;}
.contact dt, .contact dt img{ width:401px; height:231px;}
.scd .scd_r{ width:510px;}
.news dl dd{ width:280px;}
.news dl dd .des{ height:98px;}
.pro_d dl dt{ float:left; margin-bottom:20px;}
.pro_d dl dd{ width:100%;}
.scd_r .pro_l li{ margin-right:26px !important;}
}
@media screen and (max-width:770px) {
.header .head ,.nav_bg .nav,.i_box_a,.i_news,.i_box_b,.f_bg .foot,.scd,.nav_m{width:480px; margin:0px auto;}
.head .logo{ width:100%; float:none;}
.head .head_r{ width:100%; margin-top:20px; text-align:left;}
.head_r .search{ margin-top:0px;}
.nav_m .n_icon{ display:block;}
.nav_m .nav{ display:none;}
.nav_bg{ height:auto;}
.nav_m{ min-height:50px; position:relative;}
.nav_m .nav{ width:100%; padding-top:50px;}
.nav_m .nav li , .nav_m .nav li a{ width:100%; height:50px; line-height:50px;}
.i_pl li{ margin:20px  24px 0 !important;}
.i_news .i_nl dt , .i_news .i_nl dt img{ width:207px; height:177px;}
.i_news .i_nl dd{ width:255px;}
.i_box_b .i_about dt{ width:478px; height:343px;}
.i_box_b .i_about dt img{ width:474px; height:339px;}
.i_about dd{ width:100%; margin-top:20px;}
.contact dt, .contact dt img{ width:480px; height:276px; margin-bottom:20px;}
.contact dd,.scd .scd_l ,.scd .scd_r{ width:100%;}
.scd_r .pro_l li{ margin:10px 5px !important;}
.scd_r .pro_l{ padding:30px 0;}
.pro_d dl dt, .pro_d dl dt img{ width:478px; height:332px;}
.news dl dt, .news dl dt img{ width:184px; height:139px;}
.scd_r .pst{ height:auto; padding:10px 0; line-height:160%;}
}
@media screen and (max-width:500px) {
.header .head ,.nav_bg .nav,.i_box_a,.i_news,.i_box_b,.f_bg .foot,.scd,.nav_m{width:320px; margin:0px auto;}
.head .logo img,.head .logo{ width:320px; height:50px;}
.head_r .search{ width:320px; float:none; margin-top:20px;}
.head_r .search .text{ width:300px;}
.pro_d dl dt, .pro_d dl dt img{ width:318px; height:220px;}
.i_pl li{ width:100%; margin:0px !important; margin-bottom:20px !important; height:auto;}
.i_pl li img{ width:318px; height:259px;}
.i_news .i_nl{ height:auto;}
.i_news .i_nl dt, .i_news .i_nl dt img{ width:318px; height:271px;}
.i_news .i_nl dd{ width:100%;}
.i_box_b .i_about dt{ width:318px; height:228px;}
.i_box_b .i_about dt img{ width:314px; height:224px;}
.scd_r .pro_l li{ width:100%; margin:0px !important; margin-bottom:20px !important;}
.scd_r .pro_l li img{ width:318px; height:257px;}
.pages a, .pages span, .pages input{ margin-bottom:10px;}
.contact dt, .contact dt img{ width:318px; height:182px;}
.news dl dt, .news dl dt img{ width:318px; height:240px;}
.news dl dd{ width:100%; margin-top:10px;}
}