@media (max-width:1440px) { .in_banner .container h2 { font-size: 60px; } .in_banner .container h3 { font-size: 24px; } .in_banner .container span a { font-size: 14px; color: #fff; border: 1px solid #fff; padding: 10px 20px; } .nav .nLi h3 a { width: 110px; } } @media (max-width:960px) { body { min-width: auto; padding-top: 50px; } .container { width: 100%; box-sizing: border-box; padding: 0px 20px; } .top { top: 0px; background: #fff; height: 50px; } .top .logo { width: 100px; } .top .logo img:nth-child(1) { display: none; } .top .logo img:nth-child(2) { display: block; } .nav_r { display: none; } .phone_btn { display: block; margin-top: 8px; } .top .phone_btn span { width: 20px; height: 17px; display: inline-block; position: relative; } .top .phone_btn span:before { content: ''; width: 22px; height: 2px; background: #000; position: absolute; top: 0; left: 0; } .top .phone_btn span:after { content: ''; width: 22px; height: 2px; background: #000; position: absolute; bottom: 0; left: 0; } .top .phone_btn span i { position: absolute; top: 50%; left: 0; width: 22px; height: 2px; background: #000; margin-top: -1px; } .in_module { height: auto; } .in_module .section { height: auto; } .in_banner .container { display: none; } .in_banner .pimg { display: none; } .in_banner .phone_img { display: block; } .in_banner .phone_img img { width: 100%; height: auto; } .in_banner .swiper-button-next, .in_banner .swiper-button-prev { width: 50px; } .in_banner .swiper-button-next::after, .in_banner .swiper-button-prev::after { font-size: 26px; } .in_banner .gun { bottom: 0px; } .in_box { height: 350px; } .in_box .swiper-slide h2 img { width: 50px; } .in_box .swiper-slide p { font-size: 17px; } .in_box .swiper-slide span { display: block; } .in_box .swiper-slide span a { font-size: 13px; padding: 5px 10px; } .in_box .swiper-button-next, .in_box .swiper-button-prev { border-radius: 50%; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.2); padding: 0; cursor: pointer; } .in_box .swiper-button-next::after, .in_box .swiper-button-prev::after { color: #fff; font-size: 17px; } .in_bt h2 { font-size: 26px; } .in_bt h2 p { font-size: 16px; } .in_bt h3 a { font-size: 13px; padding: 5px 10px; } .in_box1 { height: auto; } .in_box1 .container { padding-top: 40px; padding-bottom: 40px; } .in_box1_nr .swiper-slide { flex-direction: column; } .in_box1_nr .swiper-slide .left { width: 100%; } .in_box1_nr .swiper-slide .right { width: 100%; padding: 20px; } .in_box1_nr .swiper-slide .right h2 { font-size: 17px; } .in_box1_nr .swiper-slide .right h2 b { display: none; } .in_box1_nr .swiper-slide .right p { font-size: 13px; line-height: 24px; } .in_box1_nr .swiper-slide .right span a { font-size: 13px; padding: 8px 15px; } .in_box1 .container .in_box1_swiper-button-prev, .in_box1 .container .in_box1_swiper-button-next { background: rgba(255, 255, 255, 0.2); width: 35px; height: 35px; top: -20px; right: 0px; } .in_box1 .container .in_box1_swiper-button-prev { left: auto; right: 40px; } .in_box1 .in_box1_swiper-button-prev::after, .in_box1 .in_box1_swiper-button-next::after { font-size: 16px; } .in_box2 .container { padding-top: 20px; padding-bottom: 20px; flex-direction: column; } .in_box2_l { width: 100%; margin-bottom: 15px; } .in_box2_l h2 { font-size: 24px; } .in_box2_l p { font-size: 14px; line-height: 24px; } .in_box2_l span a { font-size: 13px; padding: 10px 20px; } .in_box2_r { width: 100%; } .in_box2_r ul { display: flex; } .in_box2_r ul li { width: 33.3%; height: auto; } .in_box2_r ul li h2 { font-size: 14px; } .in_box2_r ul li h2 b { font-size: 30px; } .in_box2_r ul li p { font-size: 14px; } .in_box3 { padding-top: 0px; } .in_box3_nr { padding: 20px 0px; } .in_box3_news { flex-direction: column; } .in_box3_news_l { width: 100%; flex-direction: column; margin-bottom: 15px; } .in_box3_news_l .img { width: 100%; margin-bottom: 10px; } .in_box3_news_l .nr { width: 100%; padding-left: 0px; } .in_box3_news_l .nr b { display: none; } .in_box3_news_l .nr h2 a { font-size: 17px; } .in_box3_news_l .nr h3 { padding: 10px 0px; } .in_box3_news_l .nr p { font-size: 13px; line-height: 24px; } .in_box3_news_r { width: 100%; } .in_box3_news_r ul li { padding-bottom: 10px; } .in_box3_news_r ul li span { font-size: 12px; width: 90px; } .in_box3_news_r ul li h2 { width: calc(100% - 90px); } .in_box3_news_r ul li h2 a { font-size: 15px; } .di1 { padding: 20px 0px; } .di1 .di1_l { width: 100%; } .di1_r { display: none; } .di2 { flex-direction: column; } .ny_banner { height: 250px; } .ny_banner .container h2 { font-size: 25px; } .ny_banner .container p { font-size: 16px; } .ny_nav { height: 45px; padding: 0px 20px; } .ny_nav .container { display: block; white-space: nowrap; padding: 0px; } .ny_nav .container a { font-size: 13px; line-height: 45px; } .ny_nav .container a::after { height: 20px; top: 13px; } .ny_nav .container a b { bottom: 5px; } .pro { padding: 20px 0px; } .pro table tr th { background: #0055a6; font-size: 14px; padding: 15px 10px; white-space: nowrap; } .pro table tr td { font-size: 13px; padding: 10px 10px; white-space: nowrap; } .pro_detail { padding: 20px 0px; } .pro_detail1 { padding: 15px; flex-direction: column; } .pro_detail1_l { width: 100%; margin-bottom: 20px; } .pro_detail1_l p { font-size: 15px; } .pro_detail1_r { width: 100%; } .pro_detail1_r .bt h2 { font-size: 22px; } .pro_detail1_r .bt p { font-size: 13px; } .pro_detail1_r .zb { padding: 15px 0px; } .pro_detail1_r .zb .xbt { font-size: 16px; } .pro_detail1_r .zb ul li { width: 100%; font-size: 13px; line-height: 24px; } .pro_detail1_r .xiaz a i { width: 36px; height: 36px; font-size: 17px; } .pro_detail1_r .xiaz a p { font-size: 14px; } .pro_detail2 { display: block; white-space: nowrap; overflow-x: auto; height: 40px; } .pro_detail2 a { line-height: 40px; font-size: 14px; padding: 0px 10px; } .pro_detail2 a::after { top: 4px; } .pro_detail3 { padding-top: 20px; } .pro_detail3 .bt { font-size: 18px; } .pro_detail3 .nr p { font-size: 14px; line-height: 28px; } .dingwei { padding-top: 50px; margin-top: -50px; } .solution { padding: 20px 0px; } .solution ul li { padding: 20px 0px; } .solution ul li .container, .solution ul li:nth-child(even) .container { flex-direction: column; } .solution ul li .left { width: 100%; margin-bottom: 10px; } .solution ul li .right { width: 100%; } .solution ul li .right h2 { font-size: 20px; } .solution ul li .right p { font-size: 13px; padding: 15px 0px; } .solution ul li .right dl dd { font-size: 13px; } .solution ul li .right span { padding-top: 15px; } .solution ul li .right span a { font-size: 13px; padding: 6px 15px; } .solution_banner { padding: 30px 0px; } .solution_banner h2 { font-size: 24px; padding-bottom: 15px; } .solution_banner p { font-size: 14px; line-height: 25px; } .solution_detail .solution_box { padding: 20px 0px; } .solution_detail .solution_box .bt { font-size: 22px; padding-bottom: 10px; } .solution_detail .solution_box .swiper-slide h2 { font-size: 14px; line-height: 40px; } .solution_detail .solution_box .nr p { font-size: 14px; line-height: 26px; } .about_box { padding: 30px 0px; } .about_bt { font-size: 24px; padding-bottom: 20px; } .about_box_nr { flex-direction: column; } .about_box_nr_l { width: 100%; margin-bottom: 15px; } .about_box_nr_r { width: 100%; } .about_box_nr_r h2 { font-size: 22px; } .about_box_nr_r h3 { font-size: 17px; } .about_box_nr_r p { font-size: 14px; line-height: 26px; } .about_box1 .about_box_nr { flex-direction: column; } .about_box_nr1 { margin-top: 20px; flex-wrap: wrap; } .about_box_nr1 li { width: 32.3%; flex: auto; font-size: 13px; margin-bottom: 10px; } .about_box_nr1 li:nth-child(3) { border: 0px; } .about_box_nr1 li p b { font-size: 26px; } .about_box2 { padding: 30px 0px; } .about_box2_box .swiper-slide { font-size: 14px; } .about_box2_box2 .swiper-slide { flex-direction: column; padding: 0px; padding-bottom: 30px; } .about_box2_box2 .swiper-slide .left { width: 100%; margin-bottom: 15px; } .about_box2_box2 .swiper-slide .right { width: 100%; } .about_box2_box2 .swiper-slide .right h2 { font-size: 20px; } .about_box2_box2 .swiper-slide .right h3 { font-size: 15px; padding: 10px 0px; } .about_box2_box2 .swiper-slide .right b { margin-bottom: 10px; } .about_box2_box2 .swiper-slide .right p { font-size: 13px; } .about_box2_box2 .swiper-button-next, .about_box2_box2 .swiper-button-prev { bottom: 0px; } .about_box2_box2 .swiper-button-prev { left: 0px; } .about_box3 { padding: 30px 0px; } .about_box3 ul { flex-wrap: wrap; padding-top: 10px; } .about_box3 ul li { width: 33.3%; margin-bottom: 20px; } .about_box3 ul li:nth-last-child(1) { margin-bottom: 0px; } .about_box3 ul li .icon { width: 50px; height: 50px; } .about_box3 ul li .icon img { width: 50%; } .about_box3 ul li p { font-size: 15px; } .about_box4 { padding: 20px 0px; } .about_box4 ul { margin: 0px -10px; } .about_box4 ul li { width: calc(50% - 20px); margin: 0px 10px; margin-bottom: 20px; height: 150px; } .about_box4 ul li:nth-child(1), .about_box4 ul li:nth-child(2) { width: calc(50% - 20px); margin: 0px 10px; margin-bottom: 20px; } .about_box4 ul li a h2 { font-size: 16px; } .news_detail { padding: 30px 0px; width: 100%; } .news_detail .bt h2 { font-size: 17px; } .news_detail .bt h3 { font-size: 14px; padding: 6px 0px; } .news_detail .nr p { font-size: 13px; padding-bottom: 10px; line-height: 26px; } .news_detail .fanhui { flex-direction: column; padding: 20px 0px; } .news_detail .fanhui .left { width: 100%; } .news_detail .fanhui .left p { font-size: 14px; } .news_detail .fanhui .right { width: 100%; padding-top: 10px; text-align: left; } .news_detail .fanhui .right a { width: 120px; height: 40px; font-size: 15px; line-height: 40px; } .news_box { padding: 30px 0px; } .news_box ul li { margin-bottom: 20px; } .news_box ul li a { flex-direction: column; } .news_box ul li a .img { width: 100%; } .news_box ul li a .nr { width: 100%; } .news_box ul li a .nr { width: 100%; padding: 15px; } .news_box ul li a .nr h2 { font-size: 16px; margin: 0px; } .news_box ul li a .nr h3 { padding: 10px 0px; } .news_box ul li a .nr p { font-size: 14px; line-height: 24px; } .news_box ul li a .nr span { font-size: 13px; padding-top: 10px; } .contact_box { padding: 30px 0px; } .contact_box ul { flex-direction: column; } .contact_box ul li { width: 100%; margin-bottom: 10px; } .contact_box ul li h2 img { width: 38px; height: auto; } .contact_box ul li h3 { padding: 10px 0px; } .contact_box1 { padding-bottom: 30px; display: block; } .contact_box1 .map { height: 300px; } .hr { padding: 30px 0px; flex-direction: column; } .hr h2 { font-size: 24px; } .hr h3 { font-size: 14px; line-height: 28px; } .jobli { margin-bottom: 30px; } .jobli li .link .nr { padding: 0px 15px; } .jobli li .link .nr h2 { font-size: 15px; } .jobli li .jobnr { padding: 15px; } .jobli li .jobnr .zc dd h2 { font-size: 16px; } .jobli li .jobnr .zc dd p { font-size: 14px; } } @media (max-width:640px) {}