@charset "utf-8"; body { text-align: left !important; font-family: "微软雅黑"; } @media (max-width:1200px) { .banner, #show_1, .section_3 .title, .banner3, .yl-h2 { display: none; } body { padding: 0 10px !important; box-sizing: border-box; } .header .nav { width: 33%; } .header .logo { padding-left: 20px; } .header .nav { padding-right: 20px; } .img-res { max-width: 100%; height: auto; } .hlbanner { display: block; width: 100%; } .hlbanner img { width: 100%; height: auto; } /* section1 */ .section_1 .l p { text-align: left; } .section_1 .r img { max-width: 100%; height: auto; } /* section_2_bd */ .section_2_bd>p { width: 100%; } .section_2_bd>p img { width: 100%; max-width: 100%; height: auto; } .hl-show { display: block; width: 100%; } .hl-show .tl { float: left; margin-left: 20px; font-size: 28px; font-family: "微软雅黑"; color: #333; font-weight: normal; } .hl-show a { display: inline-block; text-align: right; float: right; background: #1179e0; padding: 1px 20px; color: #fff; font-size: 14px; margin-right: 10px; font-weight: normal; } /* section_3 */ .hlb5 { display: block; width: 100%; } .hlb5 img { width: 100%; height: auto; } .section_3 .tab li { height: auto; } .section_3 .nav li img { width: 100%; } .section_3 .tab li div { padding-left: 10px; box-sizing: border-box; } .section_3 .tab li div p { line-height: 18px; } /* biao */ .hlb7 { display: block; width: 100%; } .hlb7 img { width: 100%; height: auto; } .section_4_bd ul { max-width: 1100px; overflow: auto; } .section_4, .section_5 { min-width: 0; } .section_5 ul { margin-right: 0; } .section_5 h2 a { padding-right: 20px; } .section_5 ul li { width: 19%; margin-right: 1%; } .section_5 ul li a img { width: 100%; } .hl-h4 { display: block; margin-top: 20px; margin-bottom: 20px; } .hl-sp { font-family: "微软雅黑"; font-size: 28px; font-weight: bold; color: #333333; padding: 25px 0 15px 15px; } .hl-h4 a { display: inline-block; text-align: right; float: right; background: #1179e0; padding: 5px 30px; color: #fff; font-size: 14px; margin-right: 10px; font-weight: normal; margin-top: -20px; } .ep_leave .r a img { width: 100%; } .ep_leave .msg { max-width: 100%; overflow: auto; } .ep_leave .r>a { width: 100%; height: auto; } .section_1 .l p.c, .section_2_bd ul li p, .section_3 .tab li div p, .section_3 .tab li>p { font-size: 14px; font-family: "微软雅黑"; } .section_3 .tab li div p { padding-top: 0; margin-bottom: 0px; } .section_3 .tab li .hl-p1 p { line-height: 18px; } } @media (max-width:999px) { .ep_leave { margin-bottom: 65px; } .section_3 .nav li p { font-size: 16px; } .section_1 .l, .section_1 .r { width: 100%; } .hl-sp { font-size: 28px; } .section_1 .r img { margin: 0 auto; display: block; } .section_2_bd ul li h4 { font-size: 13px } .header .nav { width: 44%; } } @media (max-width:767px) { .header .nav, .hlbanner, .hlb5, .section_3 { display: none !important; } #fun1 { position: absolute; right: 3%; top: 15px; display: block; cursor: pointer; } .m { font-size: 15px; background: #fff; list-style: none; } .m a { color: #3e3e3e; } .m li { float: none; height: auto; line-height: 34px; border-bottom: 1px solid #cbcbcd; text-align: left; padding-left: 15px; } .dbdh { display: block; width: 100%; position: fixed; bottom: 0; background: #0f70cf; } .dbdh ul li { width: 25%; height: auto; float: left; } .dbdh ul li a { display: block; text-align: center; padding: 5px; color: #fff; } .dbdh ul li a p { line-height: 30px; } .dbdh ul li a img { display: inline-block; } .hlbanner2, .hlb6 { display: block; width: 100%; } .hlbanner2 img, .hlb6 img { width: 100%; height: auto; } .section_2_bd h2 { font-size: 18px; } .section_2 { background: #eee url(none); padding-top: 20px; } .section_2_bd .l, .section_2_bd .r { width: 100%; margin-bottom: 10px; } .hl-show a { margin-bottom: 2px; padding: 5px 0; width: 24%; display: block; margin-right: 1%; text-align: center; } .section_2_bd ul li { width: 50%; } .section_3 .nav li p { font-size: 13px; } .hl-sm { display: none; } .ep_leave .l, .ep_leave .r, .section_3 .tab li div, .section_3 .tab li img { width: 100%; } .header .logo { padding-left: 0; } .hl-sp, .section_5 h2, .ep_leave .l h2 { font-size: 25px; } .hl-h4 a { margin-bottom: 10px; display: block; width: 49%; text-align: center; margin-right: 1%; padding: 5px 0; margin-top: 10px } .hl-show .tl { float: none; margin-bottom: 10px; text-align: center; display: block; } .hl-h4 { text-align: center; } .section_3 .tab li div { padding-top: 10px; } .hl-t1 img, .section_2_bd h2 img { margin-bottom: -12px; } .hl-t1 { margin-bottom: 20px; } .section_5 ul li { width: 49%; } .section_3 .tab li div p, .section_3 .tab li .hl-p1 p { line-height: 28px; } .hl-te { display: block; } .hl-sp2 { display: block; font-size: 16px; color: #1279e2; margin-bottom: 15px; margin-top: 20px; } .img-responsive { max-width: 100%; margin-top: 15px !important; } .hl-lh { line-height: 28px; margin-top: 15px; } .section_1 .r img { margin-top: 20px !important; } .ep_leave .r { margin-bottom: 72px; } } @media (max-width:500px) { .hl-t1 { font-size: 16px } .hlb7 { display: block; clear: both; } }