.nav ul li .down-icon { display: none; } .pad-btn { float: right; display: none; align-items: center; font-size: 0; } .pad-btn .search-btn { position: relative; z-index: 5; display: inline-block; width: 36px; height: 36px; background-image: url(../images/index_08.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: #007B42; background-size: auto; border-radius: 4px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3); } .pad-btn .nav-btn { position: relative; z-index: 5; width: 36px; height: 36px; margin-left: 10px; vertical-align: middle; cursor: pointer; background: #007B42; border-radius: 4px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3); box-sizing: border-box; padding-top: 3px; } .pad-btn .nav-btn i { display: block; width: 22px; height: 2px; margin: 6px auto; background: #fff; -webkit-transition: all 0.36s linear 0s; -moz-transition: all 0.36s linear 0s; -ms-transition: all 0.36s linear 0s; -o-transition: all 0.36s linear 0s; transition: all 0.36s linear 0s; } .pad-btn .nav-btn.close i:nth-child(1) { -webkit-transform: translate(0px, 8px) rotate(45deg); -moz-transform: translate(0px, 8px) rotate(45deg); -ms-transform: translate(0px, 8px) rotate(45deg); -o-transform: translate(0px, 8px) rotate(45deg); transform: translate(0px, 8px) rotate(45deg); } .pad-btn .nav-btn.close i:nth-child(2) { opacity: 0; } .pad-btn .nav-btn.close i:nth-child(3) { -webkit-transform: translate(0px, -8px) rotate(-45deg); -moz-transform: translate(0px, -8px) rotate(-45deg); -ms-transform: translate(0px, -8px) rotate(-45deg); -o-transform: translate(0px, -8px) rotate(-45deg); transform: translate(0px, -8px) rotate(-45deg); } #mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background: rgba(0, 0, 0, 0.75); } #mask .close { width: 45px; height: 45px; position: absolute; top: calc(70px + 5vh); right: 10%; bottom: auto; left: auto; z-index: 1; cursor: pointer; } #mask .close i { display: block; width: 100%; height: 3px; background: #fff; } #mask .close i:nth-child(1) { -webkit-transform: translate(0, 22px) rotate(45deg); -moz-transform: translate(0, 22px) rotate(45deg); -ms-transform: translate(0, 22px) rotate(45deg); -o-transform: translate(0, 22px) rotate(45deg); transform: translate(0, 22px) rotate(45deg); } #mask .close i:nth-child(2) { -webkit-transform: translate(0, 19px) rotate(-45deg); -moz-transform: translate(0, 19px) rotate(-45deg); -ms-transform: translate(0, 19px) rotate(-45deg); -o-transform: translate(0, 19px) rotate(-45deg); transform: translate(0, 19px) rotate(-45deg); } .search-box { position: absolute; top: 40%; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; padding: 20px 0; overflow: hidden; box-sizing: border-box; } .search-box form { background: #fff; white-space: nowrap; padding: 12px 8px 12px 8px; width: 80%; max-width: 600px; margin: 0 auto; opacity: 0; -webkit-transition: all 0.42s linear 0s; -moz-transition: all 0.42s linear 0s; -ms-transition: all 0.42s linear 0s; -o-transition: all 0.42s linear 0s; transition: all 0.42s linear 0s; box-shadow: 0 0 2px 0 #ccc; border-radius: 2px; -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); transform: translateY(150%); } .search-box .input { width: calc(100% - 50px); height: 46px; padding: 0 10px 0 15px; vertical-align: top; font-size: 14px; font-weight: 500; line-height: 46px; color: #333; text-align: left; border: 1px solid #eee; box-sizing: border-box; } .search-box .submit { width: 46px; height: 46px; vertical-align: top; background-image: url("../images/search2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; border: none; outline: none; } .search-box.show form { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: .2s; -ms-transition-delay: .2s; } .overflow { overflow: hidden; height: 100vh; } .sidebar { position: relative; display: none; width: 94%; margin: 20px auto; border-radius: 2px; overflow: hidden; } .sidebar h1 { display: block; position: relative; padding: 0 18px; font-size: 20px; color: #fff; line-height: 50px; text-align: left; background: #007B42; } .sidebar h1 i { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 50px; height: 50px; background-image: url(../images/down2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; cursor: pointer; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.36s linear 0s; -moz-transition: all 0.36s linear 0s; -ms-transition: all 0.36s linear 0s; -o-transition: all 0.36s linear 0s; transition: all 0.36s linear 0s; } .sidebar h1 i.down { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .sidebar .lv2-nav { display: none; padding: 6px 20px 12px; background: #fff; } .sidebar .lv2-nav li { border-bottom: 1px dashed #ddd; } .sidebar .lv2-nav li:last-child { border: none; } .sidebar .lv2-nav a { display: block; text-align: left; font-size: 16px; line-height: 45px; color: #333; } .sidebar .lv2-nav a.cur { font-weight: 700; color: #007B42 !important; } .sidebar .lv2-nav .lv3 { padding-left: 20px; padding-bottom: 10px; } .sidebar .lv2-nav .lv3 a { display: inline-block; text-align: left; font-size: 14px; line-height: 35px; color: #333; margin-right: 20px; } .phone-page { display: none; }.nrr table, .nrr img, .nrr video, .nrr iframe { max-width: 100%; } @media screen and (max-width: 1220px) { body { min-width: 320px; } .head .tcon, .con, .foot .bcon, .nav ul, .liscon { width: 94%; } .nav ul li { width: 10%; } .xwzx, .mtnd { width: 35%; box-sizing: border-box; } .con .zsjh { width: 26.666%; } .spnn, .zsjh .tup, .foot .link { width: 100%; box-sizing: border-box; } .xwzx .dt .nr { width: calc(100% - 146px) } .xwzx .bd ul li a { display: inline-block; width: calc(100% - 45px); } .mtnd .tzlb .nr { width: calc(100% - 75px); } .zsjh .tup ul li { width: 50%; } .zsjh .wsbm ul .c1, .zsjh .wsbm ul .c2 { width: 48.5%; } .zsjh .wsbm ul .c1 a, .zsjh .wsbm ul .c2 a { width: 62px; font-size: 14px; } .spnn { height: auto; padding-bottom: 15px; } .spnn .bd ul li { width: calc((100% - 90px) / 4); padding-right: 0px; margin-right: 30px; } .spnn .bd ul li > a { position: relative; display: block; padding: 56% 0 0; } .spnn .bd ul li img { position: absolute; top: 0; left:0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .foot .bq { width: calc(100% - 240px); } .xwzx .dt .nr h1 a, .xwzx .bd ul li a, .mtnd .tzlb .nr .bt a, .mtnd .tzlb .nr .jj, .mtnd .bd ul li a, .spnn .bd ul li p a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xwzx .dt .nr h3 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .xwzx .dt .nr h3 { height: 40px; } .ad, .ad img, .nrbm { width: 100%; height: auto; } .liscon { box-sizing: border-box; } .cjcx, .bm { margin-left: auto; } .nrr { width: calc(100% - 250px); } } @media screen and (max-width: 1024px) { .head { position: relative; z-index: 100000; } .head { height: auto; } .head .tcon { display: flex; align-items: center; justify-content: space-between; height: 70px; }.head .sos { display: none; } .head .logo { padding-top: 0; } .pad-btn { display: flex; } .nav { display: none; } .xwzx, .mtnd { width: 48.3%; } .mtnd { float: right; } .con .zsjh { width: 100%; margin-top: 20px; } .zsjh .tup { height: auto; padding-top: 20px; background-size: cover; } .zsjh .tup ul li { width: 25%; } .zsjh .tup::after { display: block; content:""; clear: both; } .zsjh .wsbm ul .c1, .zsjh .wsbm ul .c2 { background-repeat: repeat; } .spnn { padding-bottom: 0; } .spnn .bd ul li { width: calc((100% - 30px) / 2); margin-bottom: 20px; } .spnn .bd ul li:nth-child(3) { margin-right: 0; } .nav { position: fixed; top: 70px; right: 0; bottom: 0; left: 0; z-index: 1000; display: block; width: auto; height: calc(100vh - 70px); margin: 0; padding: 20px 0; overflow-x: hidden; background-color: #f5f5f5; visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); box-sizing: border-box; border-top: 2px solid #007B42; transition: all .5s; } .nav ul { height: 100%; padding: 10px 22px; background: #fff; overflow-x: hidden; border-radius: 10px; box-sizing: border-box; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1); }.nav ul li { float: none; display: block; width: 100%; height: auto; max-width: 100%; border-bottom: 1px dashed #ddd; background: none !important; } .nav ul li:first-child { border-top: none; } .nav ul li:last-child:after { display: block; content: ""; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: -2px; left: 0; z-index: 1; width: 100%; height: 1px; background: #fff; } .nav ul li a { display: block; padding: 0; font-size: 17px; line-height: 52px; text-align: left; color: #494949 !important; background: transparent !important; } .nav ul li > a::before { display: inline-block; content: ""; width: 2px; height: 18px; background: #007B42; margin: 0 10px 2px 0px; vertical-align: middle; } .nav ul li .down-icon { display: block; position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 52px; height: 52px; background-image: url("../images/down1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.36s linear 0s; -moz-transition: all 0.36s linear 0s; -ms-transition: all 0.36s linear 0s; -o-transition: all 0.36s linear 0s; transition: all 0.36s linear 0s; } .nav ul li .down-icon.close { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .nav ul li .endh { display: none; position: static; visibility: visible; opacity: 1; padding-bottom: 10px; border: none; background: none; box-shadow: none; transition: none; } .nav ul li .endh a { color: #333 !important; text-align: left; text-indent: 2em; padding: 8px 5px; } .nav.show { visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cjcx, .bm { width: 100%; } .cjcx ul li, .bm ul li { width: 31%; margin-right: 3.5%; box-sizing: border-box; } .sidebar { display: block; } .dh { display: none; } .nrr { width: 100%; } .nrr table { box-sizing: border-box; } .content .btsq { padding-left: 0; padding-right: 0; } .content .timesq { line-height: 20px; padding: 15px 0; } .liscon { padding-top: 6px; } .nrbm .dqwz, .nrr .dqwz { background: none; height: auto; } .nrbm .dqwz .lmmcy, .nrr .dqwz .lmmcy { display: none; } .nrbm .dqwz .dq, .nrr .dqwz .dq { display: block; float: none; width: 100%; line-height: 20px; padding: 12px 0; } .nrr .cx, .cxjg { width: 100%; height: auto; padding-bottom: 25px !important; box-sizing: border-box; } } @media screen and (max-width: 820px) { .cx .so { width: 100%; } .kaos { float: none; width: 100%; margin: 0; } .kaoh { float: none; width: 100%; margin: 25px 0 0; } .kaos .sotxt, .kaoh .sotxt { width: calc(100% - 100px); } } @media screen and (max-width: 768px) { .head .logo { width: calc(100% - 100px); display: flex; align-items: center; } .head .logo img { max-width: 100%; height: auto; } .xwzx, .mtnd { width: 100%; margin: 0; } .mtnd { margin: 20px 0 0; } .zsjh .tup ul li a { font-size: 14px !important; } .foot .bq { width: 100%; margin-top: 17px; } .foot .bcon .weix { width: 100%; margin-top: 6px; } .foot .bcon .weix ul { display: flex; justify-content: center; } .foot .bcon .weix ul li { width: auto; height: auto; padding: 0 0 45px; background-position-y: 100% !important; } .foot .bcon .weix ul li .ewma { display: block; position: static; padding: 0; } .hdp .hd { display: none; } .cjcx ul li, .bm ul li { width: 48%; margin-right: 4% !important; } .cjcx ul li:nth-child(2n), .bm ul li:nth-child(2n) { margin-right: 0 !important; } .nrr .cx { padding: 0 15px; } .cx h1 { line-height: 20px; padding: 15px 0; font-size: 18px; } .cx h1 span { display: none; } .lilb ul li { background-position: 5px 21px; padding: 12px 0; } .lilb ul li a { display: block; line-height: 22px; } .lilb ul li .time { float: none; display: block; line-height: 30px; } .phone-page { display: block; } .pc-page { display: none; }} @media screen and (max-width: 520px) { .xwzx { height: auto; padding-bottom: 15px; } .xwzx .dt .pic { width: 100%; margin: 0 0 14px; } .xwzx .dt .pic img { width: 100%; height: auto; } .xwzx .dt .nr h3, .xwzx .dt { height: auto; } .xwzx .dt .nr { width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .spnn .bd ul li { width: 100%; margin-right: 0 !important; } .cjcx ul li, .bm ul li { width: 100%; margin-right: 0 !important; } .sidebar h1 { line-height: 45px; font-size: 18px; } .sidebar h1 i { width: 45px; height: 45px; } .search-box form { width: 70%; padding: 8px 6px; } } @media screen and (max-width: 400px) { .zsjh .tup ul li { width: 50%; } .nrr table #wbtitle { width: 100% !important; } }