@media (max-width: 750px){ .all_left, #bay{ display: none; } .simple-article{ font-size:14px; } .contain{ width: 94%; } .header .logo{ width: 234px; margin-top: 10px; } .header .nav{ display: none; } .header{ padding-bottom: 10px; } .small_nav_btn{ display: block; } .all_left{ width: 100%; margin-top: 30px; } .left_title .p1{ font-size: 16px; line-height: 30px; } .left_title{ padding: 10px; } .inside_banner{ width: 100%; height: 120px; } .all_left .main .btn span{ margin-left: 15px; padding-left: 15px; } .all_left .main .btn{ line-height: 40px; font-size: 14px; } .all_right{ width: 100%; margin-top: 30px; } .all_right .title em{ font-size: 16px; padding-left: 25px; } .about .simple-article .p1{ font-size: 16px; margin-bottom: 15px; } .about .simple-article{ margin-top: 25px; } .about .simple-article .p2{ font-size: 14px; line-height: 25px; } .footer .content_box{ display: block; } .footer .top .left{ width: 100%; height: inherit; padding-right: 0; border-right:0; margin-bottom: 20px; margin-right: 0; } .footer .left .title .p1{ font-size:16px; } .footer .top .mid{ width: 100%; padding-left: 0; padding-right: 0; border-right:0; } .footer .top .p0{ margin-bottom: 20px; } .footer .top .left div a{ margin-right: 0; width: 50%; } .footer .top .left div a:nth-of-type(2n){ float: right; } .footer .top .left:before, .footer .top .right:before{ display: none; } .footer .top .right{ width: 100%; padding-left: 0; padding-right: 0; margin-top: 20px; } .footer .right .qr_code{ right: 0; } .footer .copy{ line-height: 20px; padding: 10px 0; margin-top: 20px; } .footer .copy span{ width: calc( 100% - 40px ) } .footer .back{ margin-top: 5px; } .footer{ margin-top: 50px; } .all_left .main .btn i{ width: 40px; height: 40px; } .all_left .main li .show a{ text-indent: 30px; font-size: 14px; } .business_work .list li{ margin-top: 40px; } .business_work .list dl{ width: 100%; } .business_work .list .img{ margin-bottom: 20px; } .business_work .list .img p{ font-size: 16px; } .business_work .list dl dd{ width: 48.5%; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; font-size: 12px; margin-right: 3%; } .business_work .list dl dd:nth-of-type(3n){ margin-right: 3%; } .business_work .list dl dd:nth-of-type(2n){ margin-right: 0; } .code_list .list li{ width: 48.5%; margin-right: 3%; margin-bottom: 20px; } .code_list .list li:nth-of-type(2n){ margin-right: 0; } .code_list .list li p{ margin-top: 5px; } .contact .all_right .main dl dd{ width: 100%; } .contact .all_right .main dl{ margin-bottom: 40px; } .contact .all_right .main .btn1{ width: 100%; margin-top: 20px; } .banner .slider{ width: 100%; height: 150px; } .banner .slider-nav{ bottom: 10px; } .in_top .banner{ width: 100%; height: inherit; } .banner .slider-arrows{ display: none; } .in_top .font{ width: 100%; margin-top: 20px; } .in_top .tab a{ font-size: 16px; } .in_top .main .a1{ font-size: 16px; } .in_top .main li a{ font-size: 14px; width: calc( 100% - 70px ) } .in_top{ margin-bottom: 30px; } .in_mid{ margin-top: 30px; } .in_mid .left dl dd{ box-sizing: border-box; } .in_mid .left dl{ width: 100%; } .in_mid .left{ width: 100%; } .in_mid .left dl dt span{ font-size: 15px; } .in_mid .left dl dd a{ width: calc( 100% - 40px ); overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; } .in_mid .right{ width: 100%; } .in_mid .right a img{ width: 100%; height: 245px; } .in_mid .right a p{ font-size: 14px; } .in_title span i{ font-size: 15px; } .in_title em{ display: none; } .in_end .list li{ margin-right: 0; width: 100%; margin-bottom: 20px; } .in_end .list li img{ width: 100%; height: 210px; } .in_end .list li p span{ font-size: 15px; line-height: 40px; display: block; } .in_end .main span{ margin: 0 7px; } .in_end{ margin-top: 30px; } .news .main .list li a{ width: calc( 100% - 85px ); margin-left: 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; } .news .main .list li span{ margin-right: 0; } .news .main .list li{ padding: 10px 0; line-height: 30px; } .paging{ padding-top: 30px; } .news_detail .main .p1{ font-size: 16px; } .news_detail .main .p2{ margin-bottom: 20px; } .np p{ display: block; width: 100%; line-height: 30px; } .footer .mid1{ margin-right: 0; margin-top: 20px; } } @media (min-width: 751px) and (max-width: 1200px){ .footer .mid1{ margin-right: 0; } .all_left{ display: none; } .contain{ width: 94%; } .header .logo{ width: 234px; margin-top: 10px; } .header .nav{ display: none; } .header{ padding-bottom: 10px; } .small_nav_btn{ display: block; } .all_left{ width: 100%; margin-top: 30px; } .left_title .p1{ font-size: 16px; line-height: 30px; } .left_title{ padding: 10px; } .inside_banner{ width: 100%; height: 120px; } .all_left .main .btn span{ margin-left: 15px; padding-left: 15px; } .all_left .main .btn{ line-height: 40px; font-size: 14px; } .all_right{ width: 100%; margin-top: 30px; } .all_right .title em{ font-size: 16px; padding-left: 25px; } .about .simple-article .p1{ font-size: 16px; margin-bottom: 15px; } .about .simple-article{ margin-top: 25px; } .about .simple-article img{ width: 48.5%; } .about .simple-article .p2{ font-size: 14px; line-height: 25px; } .footer .top .left{ width: 50%; margin-right: 0; } .footer .top .mid{ width: 50%; padding-left: 0; } .footer .top .p0{ margin-bottom: 20px; } .footer .top .left div a{ margin-right: 0; width: 50%; } .footer .top .left div a:nth-of-type(2n){ float: right; } .footer .top .left:before, .footer .top .right:before{ display: none; } .footer .top .right{ width: 50%; margin-top: 20px; } .footer .copy{ line-height: 20px; padding: 10px 0; margin-top: 20px; } .footer .copy span{ width: calc( 100% - 40px ) } .footer .back{ margin-top: 5px; } .footer{ margin-top: 50px; } .all_left .main .btn i{ width: 40px; height: 40px; } .all_left .main li .show a{ text-indent: 30px; font-size: 14px; } .business_work .list li{ margin-top: 40px; } .business_work .list dl{ width: 100%; } .business_work .list .img{ margin-bottom: 20px; } .business_work .list .img p{ font-size: 16px; } .business_work .list dl dd{ width: 32%; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; font-size: 12px; } .code_list .list li{ width: 32%; margin-right: 2%; text-align: center; margin-bottom: 20px; } .code_list .list li:nth-of-type(4n){ margin-right: 2%; } .code_list .list li:nth-of-type(3n){ margin-right: 0; } .code_list .list li p{ margin-top: 5px; } .contact .all_right .main dl dd{ width: 100%; } .contact .all_right .main dl{ margin-bottom: 40px; } .contact .all_right .main .btn1{ width: 100%; margin-top: 20px; } .banner .slider{ width: 100%; height: 200px; } .banner .slider-nav{ bottom: 10px; } .in_top .banner{ width: 50%; height: inherit; } .banner .slider-arrows{ display: none; } .in_top .font{ width: 48%; margin-top: 0; } .in_top .tab a{ font-size: 16px; } .in_top .main .a1{ font-size: 16px; } .in_top .main li a{ font-size: 14px; width: calc( 100% - 70px ) } .in_top{ margin-bottom: 30px; } .in_mid{ margin-top: 30px; } .in_mid .left dl dd{ box-sizing: border-box; } .in_mid .left dl{ width: 48.5%; margin-right: 3%; } .in_mid .left dl:nth-of-type(2n){ margin-right: 0; } .in_mid .left{ width: 100%; } .in_mid .left dl dt span{ font-size: 15px; } .in_mid .left dl dd a{ width: calc( 100% - 40px ); overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; } .in_mid .right{ width: 100%; } .in_mid .right a{ float: left; margin-right: 20px; } .in_mid .right a p{ font-size: 14px; } .in_title span i{ font-size: 15px; } .in_title em{ display: none; } .in_end .list li{ margin-right: 2%; width: 32%; margin-bottom: 20px; } .in_end .list li:nth-of-type(3n){ margin-right: 0; } .in_end .list li img{ width: 100%; height: 210px; } .in_end .list li p span{ font-size: 15px; line-height: 40px; display: block; } .in_end .main span{ margin: 0 7px; } .in_end{ margin-top: 30px; } .news .main .list li a{ width: calc( 100% - 85px ); margin-left: 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; } .news .main .list li span{ margin-right: 0; } .news .main .list li{ padding: 10px 0; line-height: 30px; } .paging{ padding-top: 30px; } .news_detail .main .p1{ font-size: 16px; } .news_detail .main .p2{ margin-bottom: 20px; } .np p{ display: block; width: 100%; line-height: 30px; } #bay{ display: none; } } @media (min-width: 1201px) and (max-width: 1455px){ .inside_banner{ width: 1200px; height: 300px; } }