@media screen and (min-width: 1201px) and (max-width: 1600px) {
.navigation:before { width: 24% }
}

@media screen and (min-width: 979px) and (max-width: 1200px) {
body { margin: 0 4px; }
.w1170, .sy_new_group, .sy_new_box, .sy_pro,.ind_pro_tit,.ind_pro_tj, #footer_feilei, .container, .pro_lei, .product_list, .case_list, .news_tj, .case_detail, .xg_case_detail, .sol_list { width: 100%; }
.navigation:before { width: 26% }
.ind_pro_tj li { width:45%; }
.sy_new_group { height: auto; }
.nav_img, .farming, .sub_bg { display: none; }
.prolist-con ul li { height: auto; }
.navul li a.li0 { padding: 5% 5%; }
.navul li a.li1 { padding: 5% 5%; }
.navul li { width: 10.8%; }
.chatonline { width: 55% }
.sy_pro li a:hover .mask, .sy_pro li b, .sidebar, .sol_list a:hover .bg, .sol_list dt:hover .i6 { display: none; }
#subjects { display: none; }
.sub_banner, .con_banner, .pro_banner, .prodetail_banner, .new_banner, .about_banner, .case_banner { height: 250px; }
.es-carousel li .img { margin: 8% 0 8% 12%; }
.videoList .left, .videoList .right { width: 100% }
.videoList .right li { width: 50% }
.detail_tj_left img { width: 100%; margin: 0 auto; height: auto }
.sy_new dl { width: 85%; }
.sy_new h2 { width: 12% }
.product_list ul { margin-left: 2% }
.sol_list { padding-left: 0 }
.w1170 .welcome { display: none; }
}

@media screen and (min-width: 768px) and (max-width:978px) {
body { margin: 0 4px; }
.nav_img { display: none; }
.nav_img { display: block; float: right; margin-top: 20px; margin-right: 15px; z-index: 99999 }
.nav_img a { width: 30px; height: 30px; display: inline-block; }
.daohang { width: 100%; background: #222; position: absolute; top: 88px; 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: #ff4a00; display: block; }
.navul, .xg_news .date, .sidebar { display: none; }
.w1170, .sy_pro, .sy_new_group, .sy_new_box,.ind_pro_tit,.ind_pro_tj, .container, .pro_lei, .product_list, .case_list, .news_tj, .sub_new_tit, .list_img, .xg_case, .case_detail, .xg_case_detail, .sol_list { width: 100% }
.ind_pro_tj li { width:45%; }
.sy_new_group { height: auto; }
.header_top_bg .tel, .sy_new dl, .nav1170 { width: 100% }
.sy_new h2, #subjects { display: none }
.sy_pro li a:hover .mask, .sy_pro li b, .farming, .sub_bg, .sol_list a:hover .bg, .sol_list dt:hover .i6 { display: none; }
#footer_feilei { width: 100%; }
.sub_banner, .con_banner, .pro_banner, .prodetail_banner, .new_banner, .about_banner, .case_banner { height: 200px; }
.es-carousel li .img { margin: 8% 0 8% 0; width: 100%; height: auto }
.historyContent .child .childImg { width: 37%; }
.historyContent .child .childInfo { width: 45% }
.case_list li h4 { font-size: 13px; }
.case_zi { font-size: 15px; }
.videoList .left, .videoList .right { width: 100% }
.videoList .right li { width: 50% }
.detail_tj_left img { width: 100%; margin: 0 auto; height: auto }
.product_list ul { margin-left: 2% }
.sol_list { padding-left: 0 }
.hezuo img { width: 100%; height: auto }
.w1170 .welcome { display: none; }
}

@media screen and (max-width: 767px) {
body { margin: 0 4px; }
.bottomlist, .footer_txt, .top.cd-is-visible { 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 }
.w1170, .sy_new_group, .sy_new_box,.ind_pro_tit,.ind_pro_tj,.ind_pro_tj li, .sy_sol, .que, .g-wrap, .header_top_bg .tel, .service .ren, .container, .pro_lei, .news_tj, .sub_new_tit, .list_img, .xg_case, .case_detail, .xg_case_detail, .sol_list { width: 100%; }
.header_top_bg .tel { float: right; background: url(../images/tel.png) no-repeat left 5px; }
.que { float: left }
.que h3 { text-align: left }
.sy_pro, .sy_new dl, .sy_new_group, .sy_new_box, .nav1170, .product_list, .case_list, .sub_new ul li, .videoList .left, .videoList .right { width: 100% }
.sy_new_group { height: auto; }
.sy_new h2 { display: none }
.sy_pro li a:hover .mask, .sy_pro li b, .farming, .sidebar, .sol_list a:hover .bg, .sol_list dt:hover .i6 { display: none; }
.sy_pro li { height: auto; margin-bottom: 40px; }
.product_list ul { margin-left: 0 }
#subjects { display: none; }
#footer { display: none; }
.nav_img { display: block; float: right; margin-top: 18px; margin-right: 15px; }
.nav_img a { width: 30px; height: 30px; display: inline-block; }
.daohang { width: 100%; background: #222; position: absolute; top: 88px; 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: #ff4a00; display: block; }
.navul, .sub_bg { display: none; }
.sub_banner, .con_banner, .pro_banner, .prodetail_banner, .new_banner, .about_banner, .case_banner { display: none }
.historyContent .child .childImg { margin-left: 0; width: 100%; }
.historyContent .child .childInfo { width: 100%; float: left; text-align: center; margin-top: 3%; }
.es-carousel li .img { margin: 8% 0 8% 0; width: 100%; height: auto }
.es-carousel h4 { font-size: 12px; }
.es-carousel li .bg { height: 80% }
.case_list li h4 { font-size: 12px; }
.case_zi { font-size: 14px; }
.videoList .left, .videoList .right, .contact-info, .detail_tj_left, .detail_tj_right, .Process .left, .Process .right, .left_form2, .right_contact, .news_l, .news_r { width: 100% }
.Process .right img, .sol_tj_left img { width: 100%; height: auto }
.videoList .right li { width: 50% }
#respond { float: left; width: 100%; padding-left: 0; border: 0 }
.detail_tj_left img { width: 100%; margin: 0 auto; height: auto }
.right_contact { margin-top: 30px; }
.case_img { width: 100%; height: auto }
.thumb-info-title p, .xg_news .date { display: none }
.sol_list { padding-left: 0 }
.yanjiu .wenzi { width: 100%; }
.yanjiu .pic img { width: 100%; height: auto }
.hezuo img { width: 100%; height: auto }
.w1170 .welcome { display: none; }
.sol_list dd p { display: none }
.sol_tj_left { width: 100%; margin-bottom: 15px; }
.sol_tj_right { width: 100%; }
.sy_pro { margin-bottom: 25px; }
.service { margin-bottom: 50px; }
}