* { font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; box-sizing: border-box; } body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; line-height: 1; font-size: 16px; overflow-x: hidden; transition: all 0.4s ease-in 0s; } html, body { min-height: 100%; overflow-x: hidden; } html { } .clear::after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } input, button, textarea { background: none; outline: none; border: none; appearance: none; border-radius: 0px; } input:focus { border: none; } .img_zd { position: relative; width: 100%; } .img_zd .img_hezi { padding-bottom: 67.8% !important; } .img_zd > img { position: absolute; inset: 0px; object-fit: cover; height: 100%; width: 100%; } a { text-decoration: none; outline: none; } a, input, img, :focus { outline-style: none; } ul { list-style: none; } img { border: 0px; } ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p { padding: 0px; margin: 0px; font-weight: normal; } ul li { list-style: none; } h3, h4, h5 { font-weight: normal; } h4 a:hover, h5 a:hover { transition: all 0.36s ease-in-out 0s; } hr { display: block; height: 1px; border: 0px; background: rgb(216, 216, 216); padding: 0px; margin-bottom: 0.5rem; margin-top: 2.5rem; } abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block; } video { object-fit: cover; } .fl { float: left;} .fr { float: right;} .slow img:hover { transform: scale(1.05); } .slow img { transition: all 0.2s ease-in-out 0s; } h5 a, .more a { transition: all 0.36s ease-in-out 0s; } .slow01 { transition: all 0.6s ease-in-out 0s; } .slow02 { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .shadow { box-shadow: rgb(153, 153, 153) 1px 1px 10px; } .radius { border-radius: 3px; } .opacity { opacity: 1; } .gray { filter: grayscale(100%); opacity: 0.6; } .ie_bg { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.9; z-index: 99998; } .ie9tips { width: 600px; height: 300px; position: fixed; top: 50%; left: 50%; margin: -150px 0px 0px -300px; line-height: 1.8; color: rgb(255, 255, 255); z-index: 99999; text-align: center; } .ie9tips a { color: red; } .ie9tips img { display: block; margin: 0px auto; max-width: 100%; } .ie9tips p { padding-top: 10px; color: rgb(255, 255, 255); width: 420px; margin: 10px auto; line-height: 1.8; } input::-webkit-input-placeholder { color: rgb(153, 153, 153); } textarea::-webkit-input-placeholder { color: rgb(153, 153, 153); } .reveal1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .reveal2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .reveal3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .w100 { width: 100%; } .w14 { max-width: 14rem; margin: 0px auto; } .w15{ max-width: 15rem; margin: 0px auto; } @media (max-width: 1720px) { .w172 {width: 95%;} } @media (max-width: 1400px) { .w14 {width: 95%;} } @media (max-width: 1500px) { .w15 { width: 95%;} } .fanhui { position: fixed; right: 30px; bottom: 75px; width: 48px; height: 48px; border-radius: 50%; } img {vertical-align: middle;} .flex { display: flex; justify-content: space-between; flex-wrap: wrap;} .flex-center { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .flex-start { display: flex; justify-content: flex-start; flex-wrap: wrap;} .flex-end { display: flex; justify-content: flex-end; flex-wrap: wrap; } #gotop {position: fixed;display: block; z-index: 90;height: 0px; opacity: 0; /* visibility: hidden; */ bottom: 80px; right: 30px; box-sizing: border-box; text-align: center; cursor: pointer; transition: all 0.5s ease 0s; } #gotop.hide {width: 40px; height: 50px;opacity: 1;} #gotop img{display: block;width: 40px;} #gotop { cursor: pointer; } #gotop svg { width: 100%; height: 100%; fill: rgb(13, 113, 230);} @media (max-width: 1920px) { html { font-size: 16px; } table { width: 100% !important; } } @media (min-width: 1400px) and (max-width: 1600px) { html { font-size: 15px; } table { width: 100% !important; } } @media (min-width: 640px) and (max-width: 1399px) { html { font-size: 14px; } table { width: 100% !important; } } @media (min-width: 471px) and (max-width: 639px) { html { font-size: 13px; } table {overflow-x: auto; white-space: nowrap; width: 100% !important; } } @media (min-width: 329px) and (max-width: 470px) { html { font-size: 12px; } table {overflow-x: auto; white-space: nowrap; width: 100% !important; } } @media (max-width: 328px) { html { font-size: 12px; } table {overflow-x: auto; white-space: nowrap; width: 100% !important; } } .header_box { z-index: 100; left: 0px; right: 0px; top: 0px; position: fixed;} #header {z-index: 999; width: 100%; transition: all 0.6s ease 0s;position: relative;margin-top: 0.5rem;} .header{width: 61.85%;} .headerNav {position: relative;z-index: 99;justify-content: flex-end;align-items: center;} .header .search_btn{ cursor: pointer; text-align: center; transition: all 0.6s ease 0s;display: block;position: relative; } #logo {width: 30.71%;height: 0.8rem;position: relative;z-index: 99;} #logo a { display: block;} #logo img{display: block;width: 100%;} .header_top{justify-content: flex-end;} .header_top li{margin-left: 0.1rem;} .header_top li.li1 a{display: block;width: 0.86rem;height: 0.32rem;line-height: 0.32rem;background: rgba(255,255,255,0.1);border: 0.01rem solid rgba(255,255,255,0.2);border-radius: 0.16rem;font-size: 0.14rem;color: #fff;text-align: center;transform: 0.6s all;} .header_top li.ewm{position: relative;cursor: pointer;} .header_top li.ewm .icon{overflow: hidden;} .header_top li.ewm .icon img{display: block;width: 0.32rem;height: 0.32rem;} .header_top li.ewm .pic{display: none; position: absolute;left: 50%;top: 100%;width: 1.2rem;margin-left: -0.6rem;padding-top: 0.1rem;z-index: 99;} .header_top li.ewm .pic img{display: block;width: 100%;border-radius: 0.08rem;} .header_top li.ewm:hover .pic{display: block;} .header_top li.li1:hover a{background: #ca9754;transform: 0.6s all;} #header.show #nav{display: none;} #header.show .menu-pc{background-size: cover;} @media (max-width: 1500px) { #m_header #logo { width: 50%; } #logo img { width: 100%; } } @media (max-width: 850px) { .header_box { height: 0.5rem; } #m_header #logo{width: 85%;} } @media (max-width: 414px) { .header_box { height: 0.5rem; } } @media (max-width: 340px) { } #nav {position: relative;} #nav ul { position: relative;} #nav ul li { position: relative; z-index: 9; } #nav ul li a { display: block; padding: 0px; } #nav ul li h3 { font-size: 0.2rem;color: rgb(255, 255, 255);line-height: 0.5rem; position: relative; transition: all 0.6s ease 0s; } #nav ul li:hover a h3 {} #nav ul li:hover a { color: rgb(255, 255, 255); } #nav ul li.on h3 { font-weight: bold; } #nav ul li:hover a h3 span, #nav ul li.on h3 span { background: url("") left center no-repeat; } #nav ul li a i { display: inline-block; background: url("") center center / contain no-repeat; width: 9px; height: 6px; vertical-align: middle; margin-left: 8px; } #nav ul li .sub { position: absolute;padding-top: 0.12rem; top: 100%; width: 2rem; left: 50%; margin-left: -1rem; z-index: 10000; visibility: hidden; opacity: 0; transition: all 0.5s ease 0s;border-radius: 0.05rem; } #nav ul li:last-child .sub { margin-left: 0px; left: auto; right: 0px; } #nav ul li .sub .box { padding: 0.1rem 0.2rem; text-align: center;background: rgba(255, 255, 255, 0.95); } #nav ul li .sub a { padding: 0px;border-bottom: 0.01rem solid #e7e7e7; line-height: 2.5; transition: all 0.3s ease 0s; font-size: 0.18rem; color: rgb(102, 102, 102); } #nav ul li .sub a:hover { color: #9d080c;font-weight: 600;} #nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateY(0px); } #nav ul > li.on h3, #nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3 {font-weight: 600; } #nav .navBox > ul > li:last-child h3::after { left: auto; margin-left: 0px; right: 0px; } #nav .navBox > ul > li:hover h3.ej::after, #nav ul li.on h3.ej::after { transform: scale(1); } #nav .navBox > ul > li:hover h3.er::before, #nav > ul > li.on h3.ej::before { opacity: 1; visibility: visible; } .header_box.xg {height: auto; transition: all 0.4s ease 0s; margin-top: 0px;border-top: none;background: #830a0c;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);} .header_box.xg #header{padding: 0.1rem 0;transition: 0.6s all;margin-top: 0;} #logo .logo_black { display: none; } .top_search_black { display: none; } @media (max-width: 1200px) { .header_box { display: none; } } @media (max-width: 850px) { #header { display: none; } #gotop{right: 0.15rem;bottom: 0.3rem;} #gotop img,#gotop.hide{width: 0.3rem;} #gotop.hide{height: 0.3rem;} } .tc2 .tc-box form { border-radius: 4px; overflow: hidden; background: rgb(255, 255, 255); height: 60px; width: 100%; } .tc2 .tc-box input[type="text"] { border: none; width: 94%; display: block; height: 60px; text-align: left; color: rgb(67, 67, 67); font-size: 14px; background: none; line-height: 60px; padding: 0px 20px; } .tc2 .tc-box input[type="text"]:focus { text-align: left; } .tc2 .tc-box input[type="submit"] { position: absolute; right: 0px; top: 50%; padding: 0px; z-index: 2;height: 60px; width: 70px; cursor: pointer; border: none; margin-top: -30px; } .tc2 .tc { transition: all 300ms ease 0s; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9999; } .tc2 .tc { pointer-events: none; opacity: 0; transform: scale(1.1); visibility: hidden; } .tc2 .tc.act { opacity: 1; pointer-events: auto; transform: scale(1); visibility: visible; } .tc2 .close:hover { transform: rotate(180deg); } .tc2 .close, .tc { transition: all 400ms ease 0s; } .tc2 .tc-box { position: absolute; border-radius: 4px; overflow: hidden; top: 50%; z-index: 9999; background: rgb(255, 255, 255); height: 60px; width: 50%; left: 50%; margin-left: -25%; margin-top: -40px; } .tc2 .tc.act { display: block; } .tc2 .close { position: absolute; cursor: pointer; font-size: 20px; right: 30px; top: 30px; } .tc2 .tc-bg { height: 100%; background: rgba(206, 180, 114, 0.9); position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; opacity: 0.8; } .search_btn { cursor: pointer; width: 0.32rem;height: 0.32rem;} .search_btn img{display: block;width: 100%;} .search_btn svg { display: inline-block; fill: rgb(255, 255, 255); width: 16px; height: 16px; vertical-align: middle; } .menu-pc{cursor: pointer;margin-left: 0.2rem; width: 0.5rem;height: 0.5rem;background-size: cover;} .nav-pc{position: absolute;top: 0;left: 0;right: 0;height: 100vh;z-index: -1;background-repeat: no-repeat;background-position: center;-o-background-size: cover;background-size: cover;display: none;} .nav-pc .navBox{position: absolute;top: 162px;left: 5%;bottom: 0;overflow-y: auto;width: 90%;} .nav-pc .navBox dt{font-size: 0.22rem;font-weight: bold;margin-bottom: 0.3rem;} .nav-pc .navBox dt a{color: #fff;transition: 0.6s all;} .nav-pc .navBox dt a:hover{opacity: 0.6;transition: 0.6s all;} .nav-pc .navBox dd{margin-bottom: 0.34rem;} .nav-pc .navBox dd a{color: #fff;font-size: 0.18rem;transition: 0.6s all;opacity: 0.8;} .nav-pc .navBox dd a:hover{opacity: 1;transition: 0.6s all;} .search-dialog-box { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000000; opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; } .search-dialog-box::before { content: ""; position: absolute; top: 0px; height: 0px; background: none; transition: all 0.6s ease 0s; left: 0px; right: 0px; z-index: 1; } .search-dialog-box.on::before { height: 100%; } .search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none; } .search-dialog-box .search-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; margin: 0px; background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7); transform-origin: center center; transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; } .search-dialog-box .wrap-inner { transform: translateY(100%); transition: all 0.6s ease 0s; } .header-right .bubbles-bg { opacity: 0; visibility: hidden; transition: all 0.5s ease 0.8s; } .search-dialog-box .bubbles-bg .bubble { position: absolute; } .search-dialog-box .bubbles-bg .bubble .circle { border-radius: 100%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .search-dialog-box .bubbles-bg .bubble1 { width: 6%; padding-top: 6%; left: 26.875%; top: -6.67%; } .search-dialog-box .bubbles-bg .bubble1 .circle { border: 1px solid rgb(255, 255, 255); } .search-dialog-box .bubbles-bg .bubble2 { width: 12px; padding-top: 12px; left: 13.54%; top: 18%; } .search-dialog-box .bubbles-bg .bubble2 .circle { background-color: rgb(41, 167, 65); } .search-dialog-box .bubbles-bg .bubble3 { width: 36px; padding-top: 36px; left: 8.854%; top: 30.55%; } .search-dialog-box .bubbles-bg .bubble3 .circle { background-color: rgb(255, 255, 255); } .search-dialog-box .bubbles-bg .bubble4 { width: 56.875%; padding-top: 56.875%; left: -28.6458%; top: 51.85%; } .search-dialog-box .bubbles-bg .bubble4 .circle { background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05) 100%); } .search-dialog-box .bubbles-bg .bubble5 { width: 54px; padding-top: 54px; left: 26.3%; top: 70.83%; } .search-dialog-box .bubbles-bg .bubble5 .circle { background-color: rgb(255, 255, 255); opacity: 0.1; } .search-dialog-box .bubbles-bg .bubble6 { width: 56.875%; padding-top: 56.875%; left: 73.4375%; top: -52.77%; } .search-dialog-box .bubbles-bg .bubble6 .circle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 100%); } .search-dialog-box .bubbles-bg .bubble7 { width: 2rem; padding-top: 2rem; left: 60.9375%; top: 18.5%; } .search-dialog-box .bubbles-bg .bubble7 .circle { background-color: rgb(41, 167, 65); } .search-dialog-box .bubbles-bg .bubble8 { width: 1.35rem; padding-top: 1.35rem; left: 95.83%; top: 70.83%; } .search-dialog-box .bubbles-bg .bubble8 .circle { border: 1px solid rgb(255, 255, 255); } .search-dialog-box .bubbles-bg .bubble9 { width: 16px; padding-top: 16px; left: 76.5625%; top: 96.296%; } .search-dialog-box .bubbles-bg .bubble9 .circle { background-color: rgb(255, 255, 255); } .search-dialog-box .bubbles-bg .bubble10 { width: 56.875%; padding-top: 56.875%; left: 71.354%; top: 87%; } .search-dialog-box .bubbles-bg .bubble10 .circle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.3) 100%); } .search-dialog-box .bubbles-bg .bubble { animation: 8s linear 0s infinite normal none running spin; transform-origin: 50% 45%; } .search-dialog-box .bubbles-bg .bubble:nth-child(2n) { animation: 8s linear 0s infinite normal none running spin2; } .search-dialog-box .bubbles-bg .bubble .circle { animation: 8s linear 0s infinite normal none running spin-reverse; } .search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle { animation: 8s linear 0s infinite normal none running spin-reverse2; } .search-dialog-box .bubbles-bg .sm-bubble { transform-origin: 30% 30px; } .search-dialog { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; } .search-dialog .search-tit { font-size: 2.75rem; line-height: 3.5rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: none; } .search-dialog .search-inner { overflow: hidden; margin-top: 0px; } .search-dialog .search-input { width: 50%; margin: 0px auto; padding: 0px 0rem 0px 1.5rem; box-sizing: border-box; transition: all 0.3s ease 0s; max-width: 94%; } .search-dialog .search-input input[type="text"] { float: left; height: 1rem; width: calc(100% - 1rem); background-color: transparent; font-size: 0.18rem; line-height: 1rem; color: rgb(145, 145, 145); transition: all 0.3s ease 0s; outline: none; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.6); } .search-dialog .search-input input[type="text"]::-webkit-input-placeholder { color: rgb(145, 145, 145); } .search-dialog .search-input input[type="image"], .search-dialog .search-input .clear-btn { float: right; height: 0.8rem; width: 0.8rem; } .search-dialog .search-input input[type="image"] { background: url("../images/search02.png") center center no-repeat #830a0c; height: 0.8rem; width: 0.8rem; border-radius: 100px; } .search-dialog .search-input .clear-btn { background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: center center; background-image: url(); background-size: 3.5rem; border-radius: 100%; margin-right: 1rem; display: none; } .search-dialog .search-input.on { background-color: rgb(255, 255, 255); } .search-dialog .search-input.on input[type="image"] { background-image: url(""); } .search-dialog .hot-search { font-size: 0px; width: 19.5rem; margin: 0.6rem auto 0px; box-sizing: border-box; padding: 0px 0.6rem; overflow: hidden; } .search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; zoom: 1; vertical-align: top; } .search-dialog .hot-search .hot-tit { font-size: 0.375rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.6rem; background-repeat: no-repeat; background-position: left center; background-size: 0.5rem; background-image: url(""); } .search-dialog .hot-link { margin-left: 1rem; } .search-dialog .hot-link a { display: inline-block; zoom: 1; font-size: 0.375rem; line-height: 0.5rem; margin-right: 0.75rem; color: rgb(255, 255, 255); padding-bottom: 5px; position: relative; } .search-dialog .hot-link a::before { content: ""; position: absolute; left: 0%; bottom: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease 0s; } .search-dialog-box .bottom-box { position: absolute; left: 0px; bottom: 5.1%; width: 100%; } .search-dialog-box .bottom-box .share-box { overflow: hidden; } .search-dialog-box .bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-family: gilroy-regular; margin-top: 0.5rem; overflow: hidden; } .header-right.is-open .bubbles-bg { visibility: visible; opacity: 1; } .header-right.is-open .search-btn .con-box { display: none; } .header-right.is-open .close-btn { display: block; } .header-right.is-open .item .search-bg { transform: scale(1); } .search-dialog-box.on { opacity: 1; visibility: visible; } .search-dialog-box.on .search-bg { height: 100vh; } .search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible; } .search-dialog-box.on .wrap-inner { transform: translateY(0px); } .pub-close { position: absolute; width: 51px; height: 52px; z-index: 10; right: 0.8rem; top: 0.8rem; border-radius: 100%; } .pub-close .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(28, 90, 183); transform: scale(0); border-radius: 100%; transition: transform 0.3s ease 0s; } .pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url("../images/search_close.png"); transition: all 0.6s ease 0s; } .pub-close i:hover { transform: rotate(180deg); } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes spin2 { 100% { transform: rotate(-1turn); } } @keyframes spin-reverse { 0% { transform: rotate(1turn); } } @keyframes spin-reverse2 { 0% { transform: rotate(-1turn); } } .tc_search { margin: 0.3rem 0.2rem 0px; width: calc(100% - 0.4rem); position: relative; } .tc_search form { height: 40px; border-radius: 0px;position: relative; width: 100%; margin-bottom: 1rem; } .tc_search .keyword { font-size: 0.18rem; color: rgb(255, 255, 255); height: 40px; line-height: 40px; box-shadow: none; appearance: none; background: none; width: 100%; outline: none; border: 1px solid rgba(255, 255, 255, 0.5); padding: 0px 51px 0 16px; } .tc_search .btn_blue { position: absolute; right: 0px; width: 40px; height: 40px; line-height: 38px; border: 0px; background: url("../images/search_white.png") center center / 0.2rem no-repeat; } .tc_search .btn_blue.fr { background: rgb(233, 237, 239); color: rgb(78, 79, 83); } .tc_search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } .tc_search input:focus::-webkit-input-placeholder { color: transparent; } #nav_btn_box { height: 100%; z-index: 999999999; float: right;} #nav_btn_box.on { background: none; } #nav_btn { } #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: rgb(255, 255, 255); } #nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; } #nav_btn .point { display: inline-block; width: 0.24rem; height: 22px; position: relative; outline: none; } #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 0.3rem; } #nav_btn .navbtn { position: absolute; top: 12px; left: 0px; display: inline-block; width: 24px; height: 1px; transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255); } #nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0px; display: inline-block; width: 0.2rem; height: 1px; content: ""; transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255); } #nav_btn .navbtn::after { top: -8px; } #nav_btn .navbtn::before { top: 8px; } #nav_btn .point.on .navbtn { background: transparent; } #nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; } #nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; } .m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; margin: 0.3rem 0px 0px; } .m_nav_list::-webkit-scrollbar { display: none; } #m_nav { z-index: 99999; position: fixed; width: 100%; height: 100vh; right: -105%; top: 0px; padding: 0.3rem 0px 0.2rem; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out 0s; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: #830a0c; } #m_nav .close { position: absolute; top: 6px; right: 15px; font-size: 28px; color: rgb(255, 255, 255); z-index: 10000; } #m_nav.act { pointer-events: auto; right: 0px; overflow: auto; } #m_nav > ul > li { width: 100%; overflow: hidden; padding: 0px 0px 0px 0.3rem; position: relative; } #m_nav > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #m_nav li .a { display: inline-block; width: calc(100% - 30px); } #m_nav li .a { line-height: 0.6rem; height: 0.6rem; color: rgb(255, 255, 255); padding: 0px; font-size: 14px; float: left; } #m_nav li .a span { display: block; position: absolute; top: 0px; right: 10px; width: 20px; height: 50px; text-align: center; } #m_nav li .a span i { font-size: 0px; } #m_nav li i { opacity: 1; width: 0.6rem; height: 0.6rem; background-image: url("../images/arrow_down.png"); background-position: calc(100% - 30px) center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: 0px; background-size: 13px 13px !important; } #m_nav li.on i { background: url("../images/arrow_down_on.png") calc(100% - 30px) center no-repeat; } #m_nav .on.title .a i { transform: rotate(-90deg); } #m_nav li { display: block; width: 100%; } .slide_nav { position: absolute; left: 0px; height: 70px; z-index: 998; padding: 15px; top: 0px; width: 100%; } #m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0px; margin-left: 0px; background: none; border: 0px; clear: both; padding-bottom: 10px; } #m_nav .title .list span { background: none; } #m_nav .title .list span a:hover { color: #0a5aa8; } #m_nav .title .list a { display: block; font-size: 0.2rem; color: rgba(255, 255, 255, 0.6); text-align: left; line-height: 40px; height: 40px; border: 0px; font-weight: 300; } #m_nav .title .list .void > a { background-size: 10px; position: relative; } #m_nav .title .list .void > a::before { content: "??????莽炉鈥�???猫路炉??a茅鈥澟该┾�溌懊柯�???茅鈥澟该р�÷�???忙沤鲁"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; } #m_nav .title .list span { position: relative; display: block; } #m_nav .title .list span .sub { position: static; width: 100%; overflow: hidden; display: block !important;} #m_nav .title .sub a { background: none; font-size: 0.875rem; opacity: 0.8; min-width: 50%; float: left; display: inline-block; color: rgb(153, 153, 153); } #m_nav p{text-align: center;width: 100%;} #m_nav>p{margin-bottom: 15px;} #m_nav p a{color: #fff;padding: 0 10px;font-size: 14px;} .m_links{width: 100%;padding: 0 0.3rem;margin-top: 0.3rem;} .m_linksT dd{width: 24%;margin-bottom: 0.1rem;border: 0.01rem solid #bb5355;border-radius: 0.05rem;transition: 0.6s all;} .m_linksT dd a{display: block;padding: 0.15rem 0.1rem;font-size: 0.16rem;color: #fff;text-align: center;} .m_linksT dd:hover{border: 0.01rem solid #fff;transition: 0.6s all;} .m_links .language{position: relative;} .m_links h5{border: 0.01rem solid #bb5355;border-radius: 0.05rem;padding: 0.15rem 0.1rem;font-size: 0.16rem;color: #fff;text-align: center;} .m_links .content{position: absolute;top: 100%;left: 0;} .m_links .language div{position: absolute;display: none; z-index: 99999; width: 100%;padding: 0.3rem; right: 0;top: 100%;border-top: 0.03rem solid #fbee0b;background: #fff;} .m_links .language h3{font-size: 0.16rem;line-height: 0.22rem; color: #323232;text-align: center;margin-bottom: 0.2rem;padding-bottom: 0.2rem;border-bottom: 0.01rem solid #eeeeee;} .m_links .language dl{margin-bottom: -0.12rem;justify-content: flex-start;} .m_links .language dd{width: 20%;padding-left: 0.12rem;line-height: 0.2rem;margin-bottom: 0.12rem;} .m_links .language dd a{line-height: 0.2rem;font-size: 0.12rem;color: #666666;margin-right: 0;padding-right: 0;transition: 0.6s all;} .m_links .language dd a::after{display: none;} .m_links .language dd a:hover{color: #9c080c;transition: 0.6s all;opacity: 1;} .m_links .language .content{display: none;} .nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; } .m_header_box { transition: all 0.6s ease 0s; display: none; height: 70px; } #m_header #logo .box_table { width: auto; float: left; display: table; height: 100%; } #nav_btn_box .box_table { width: auto; float: left; display: table; height: 100%; } #nav_btn_box .box_table .box_table_cell { vertical-align: middle; display: table-cell; } #m_header #logo .box_table .box_table_cell { vertical-align: middle; display: table-cell; margin: 0px auto; } #m_header #logo .box_table .box_table_cell a { display: block; } .m_header_box header { padding: 0px 5%; height: 70px;position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100;background: #830a0c;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);} #m_header #logo { float: left; height: 50px;margin-top: 10px; } #m_header #logo img { max-height: 0.7rem; width: auto; } #m_header .yuyan { height: 4.5rem; float: right; margin-right: 4rem; } #m_header .yuyan span { display: block; width: 24px; height: 24px; line-height: 24px; color: rgb(255, 255, 255); font-size: 0.9rem; text-align: center; margin-left: 17px; background: rgba(255, 255, 255, 0.3); } .ej .toubu_div { position: initial; } .ej #nav ul li h3 { color: rgb(51, 51, 51); font-family: "microsoft yahei"; } .ej #nav ul li.on h3, .ej #nav ul li:hover h3 { color: rgb(255, 255, 255); } .ej .list_box0 .li { line-height: 3rem; } .ej .list_box0 .li > a { color: rgb(102, 102, 102); } .ej .list_box0 .li input.txt { border-bottom: 1px solid rgb(102, 102, 102); } .ej #header #logo .box_table { height: 132px;} .ej #header { height: 8.18rem; } .ej .header_box_li { height: 8.18rem; } #fp-nav.fp-right { display: none; } #m_nav .phone{padding: 0 0.3rem;} #m_nav .phone p{font-size: 0.14rem;color: #fff;line-height: 0.24rem;text-align: left;margin-bottom: 0.05rem;} @media (max-width: 1820px) { #header .w163{margin: 0 100px;width: calc(100% - 200px);} } @media (max-width: 1200px) { .m_header_box { display: block; } .header_box { display: none; } } @media (max-width: 768px) { .m_links .language h3{font-size: 0.2rem;} .m_links .language dd{width: 25%;} .m_links .language dd a{font-size: 0.16rem;} } @media (max-width: 540px) { .m_links .language dd{width: 33.3%;} } /* banner */ .bannerBox{position: relative;height: 100vh;} .bannerBox::after{content: "";width: 3.76rem;height: 1.11rem;background: url(../images/bannerSvg.png) no-repeat bottom center;background-size: cover;position: absolute;bottom: 0;left: 50%;margin-left: -1.88rem;z-index: 9;} .bannerBox .swiper-container{max-width: 100%;} .bannerBox{width:100%;position: relative;z-index: 1;} .bannerBox .swiper-slide a{display: block;position: relative;} .bannerBox .swiper-slide a::after{content: "";width: 100%;height: 100%;background: url(../images/topBG.png) repeat-x top;position: absolute;left: 0;top: 0;} .bannerBox img{display: block;width: 100vw;height: 100vh; position: relative;object-fit: cover;} .bannerBox .swiper-button-prev,.bannerBox .swiper-button-next{width: 0.8rem;height: 0.8rem;border: none;border-radius: 50%;margin-top: -0.4rem;margin-left: 0;opacity: 1;} .bannerBox .swiper-button-prev{left: 2%;background: url(../images/bannerL.png) no-repeat center;background-size: cover;} .bannerBox .swiper-button-next{right: 2%;left: auto;background: url(../images/bannerR.png) no-repeat center;background-size: cover;} @media(max-width: 1720px){ .bannerBox .swiper-pagination{width: 100% !important;left: 0 !important;margin-left: 0;padding-right: 2.5%;} } @media(max-width: 1400px){ .bannerBox .text{width: 100%;left: 0;margin-left: 0;} .bannerBox .text p{width: 95%;margin: 0 auto;} } @media(max-width: 1200px){ .bannerBox .swiper-slide a::after{display: none;} .bannerBox img{height: 40vw;} .bannerBox .swiper-pagination-bullet{margin: 0 0.1rem !important;} .bannerBox{height: auto;margin-top: 0;} } @media(max-width: 850px){ .banner a{height: 100%;width: 100%;} .bannerBox .swiper-button-prev, .bannerBox .swiper-button-next{display: none;} } @media(max-width: 640px){ } @media(max-width: 540px){ .bannerBox .swiper-pagination{bottom: 0.15rem !important;} } /*下拉箭头*/ .xlbtn{position: absolute;bottom: 0.2rem;left: 50%;width: 0.24rem;height: 0.14rem;margin-left: -0.12rem;z-index: 99;} .xlbtn img{display: block;width: 100%;height: 0.14rem;animation: bb 2s linear 0s infinite;cursor: pointer;} @media(max-width: 1200px){ .sy_xjt{display: none;opacity: 0;} } /* banner end */ .Cotitle{margin-bottom: 0.4rem;padding-left: 1.58rem;align-items: center;} .Cotitle h5{display: table;margin:0 auto;font-size: 0.36rem;color: #323232;font-weight: 600;position: relative;} .Cotitle h5::after{content: "";width: 0.44rem;height: 0.44rem;background: url(../images/title01.png) no-repeat center;background-size: 0.44rem 0.44rem;position: absolute;left: -0.54rem;top: 50%;margin-top: -0.22rem;} .Cotitle .more{width: 1.58rem;transition: 0.6s all;position: relative;padding-left: 1.1rem;} .Cotitle .more::after{content: "";width: 1.1rem;height: 100%;background: url(../images/more.png) no-repeat right center;background-size: cover; position: absolute;left: 0;bottom: 0;} .Cotitle .more a{display: block;text-align: right;font-size: 0.14rem;color: #830a0c;} .Cotitle .more:hover{padding-left: 0.06rem; transition: 0.6s all;} /* part1 */ .part1{padding: 0.7rem 0;background: url(../images/part1BG.png) no-repeat left top;} .part1Con{align-items: flex-start;} .part1L{width: 48.57%;} .part1L a{display: block;} .part1L .pic{overflow: hidden;} .part1L .pic img{display: block;width: 100%;object-fit: cover;transition: 0.6s all;height: 4rem;} .part1L .textCon .time{width: 0.6rem;height: 0.6rem;background: #ca9754;} .part1L .textCon .time .day{font-size: 0.32rem;font-family: "times new roman";text-align: center;font-weight: bold;color: #fff;line-height: 0.4rem;} .part1L .textCon .time .year{font-size: 0.14rem;color: #fff;font-family: "times new roman";text-align: center;} .part1L .textCon .text{margin-top: -0.4rem;position: relative;z-index: 2;} .part1L .textCon .text{width: calc(100% - 0.6rem);background: #fff;border-top-left-radius: 0.3rem;padding: 0.3rem 0 0 0.3rem;} .part1L .textCon .text h5{font-size: 0.18rem;color: #323232;line-height: 0.22rem;height: 0.22rem;font-weight: 600;margin-bottom: 0.15rem;transition: 0.6s all;} .part1L .textCon .text p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;height: 0.48rem;} .part1L a:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .part1L a:hover .textCon .text h5{color: #830a0c;transition: 0.6s all;} .part1R{width: 49.28%;margin-bottom: -0.2rem;} .part1R li{width: 48.55%;margin-bottom: 0.2rem;} .part1R li a{display: block;background-color: rgb(255, 255, 255);box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.18);padding: 0.3rem;border-top: 0.02rem solid #ca9754;} .part1R li p{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.56rem;margin-bottom: 0.14rem;} .part1R li i{font-style: normal;font-size: 0.14rem;color: #830a0c;font-family: "times new roman";} .part1R li+li a,.part1R li+li+li+li+li+li a{background: #830a0c;transition: 0.6s all;} .part1R li+li p,.part1R li+li+li+li+li+li p{color: #fff;transition: 0.6s all;} .part1R li+li i,.part1R li+li+li+li+li+li i{color: #dfcccc;transition: 0.6s all;} .part1R li+li+li+li a{background: #fff;} .part1R li+li+li+li p{color: #323232;} .part1R li+li+li+li i{color: #830a0c;} .part1R li:hover a{background: #ca9754;transition: 0.6s all;} .part1R li:hover p{color: #fff;transition: 0.6s all;} .part1R li:hover i{color: #dfcccc;transition: 0.6s all;} @media(max-width: 850px){ .Cotitle{padding-left: 0.54rem;} .Cotitle h5{margin: 0;} .part1{padding: 0.5rem 0;} .Cotitle{margin-bottom: 0.3rem;} .part1L{width: 100%;margin-bottom: 0.3rem;} .part1R{width: 100%;} .part1L .pic img{height: 52vw;} .Cotitle .more a{font-size: 0.16rem;} .part1R li p{font-size: 0.22rem;line-height: 0.32rem;height: 0.64rem;} .part1R li i{font-size: 0.18rem;} .part1L .textCon .time .year{font-size: 0.16rem;} .part1L .textCon .text h5{font-size: 0.22rem;} .part1L .textCon .text p{font-size: 0.18rem;line-height: 0.28rem;height: 0.56rem;} } /* part2 */ .part2 .Cotitle{padding-left: 0.54rem;} .part2 .Cotitle h5{margin: 0;} .part2 .part2L .Cotitle h5::after{content: ""; background: url(../images/title02.png) no-repeat center;background-size: 0.44rem 0.44rem;} .part2 .part2R .Cotitle h5::after{content: ""; background: url(../images/title03.png) no-repeat center;background-size: 0.44rem 0.44rem;} .part2{padding: 0.7rem 0 1.26rem 0;background: url(../images/part2BG.jpg) no-repeat bottom center;background-size: cover;} .part2L{width: 50.71%;} .part2LT li{width: 48.59%;} .part2LT li a{display: block;background: #fff;box-shadow: 0px 2px 26.46px 0.54px rgba(0, 0, 0, 0.1);padding: 0.2rem 0.1rem 0.1rem;border-radius: 0.1rem;} .part2LT li .text{margin-bottom: 0.2rem;} .part2LT li .time,.part2LB li .time{margin-bottom: 0.12rem;justify-content: flex-start;align-items: flex-end;} .part2LT li .time .day,.part2LB li .time .day{font-size: 0.32rem;color: #830a0c;font-family: "times new roman";font-weight: bold;} .part2LT li .time .year,.part2LB li .time .year{font-size: 0.14rem;color: #999999;font-family: "times new roman";margin-left: 0.08rem;} .part2LT li p{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.56rem;transition: 0.6s all;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .part2LT li .pic{overflow: hidden;border-radius: 0.1rem;overflow: hidden;} .part2LT li .pic img{display: block;width: 100%;transition: 0.6s all;height: 2.2rem;object-fit: cover;} .part2LB li{margin-top: 0.3rem;} .part2LB li a{display: block;} .part2LB li p{font-size: 0.18rem;color: #323232;line-height: 0.22rem;height: 0.22rem;transition: 0.6s all;overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .part2LT li:hover .pic img{transition: 0.6s all;transform: scale(1.1);} .part2LT li:hover p,.part2LB li:hover p{color: #830a0c;transition: 0.6s all;} .part2R{width: 45%;} .part2R li a{align-items: center;transition: 0.6s all;position: relative;} .part2R li .time{width: 0.85rem;position: relative;z-index: 2;border-right: 0.01rem solid #e4d3bf;padding: 0.2rem 0;} .part2R li .time::after{content: "";width: 0.11rem;height: 0.11rem;background: url(../images/part2-02.png) no-repeat center;position: absolute;right: -0.06rem;top: 50%;margin-top: -0.06rem;} .part2R li a::before{content: "";width: 0.85rem;height: 0;background: #ca9754;position: absolute;left: 0;top: 0;border-bottom-left-radius: 0.06rem;border-top-left-radius: 0.06rem;transition: 0.6s all;} .part2R li .time .day{font-size: 0.32rem;color: #830a0c;font-weight: bold;font-family: "times new roman";text-align: center;margin-bottom: 0.1rem;transition: 0.6s all;} .part2R li .time .year{font-size: 0.14rem;color: #666666;font-family: "times new roman";text-align: center;transition: 0.6s all;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .part2R li p{width: calc(100% - 0.85rem);padding: 0 0.3rem;font-size: 0.18rem;color: #323232;line-height: 0.3rem;height: 0.6rem;transition: 0.6s all;} .part2R li:hover a{background: #830a0c; box-shadow: 0px 6px 47px 3px rgba(63, 49, 49, 0.25);border-radius: 0.06rem; transition: 0.6s all;} .part2R li:hover a::before{height: 100%;transition: 0.6s all;} .part2R li:hover .time .day{color: #fff;transition: 0.6s all;} .part2R li:hover .time .year{color: #fff;transition: 0.6s all;} .part2R li:hover .time::after{background: url(../images/part2-02on.png) no-repeat center;transition: 0.6s all;} .part2R li:hover p{color: #fff;transition: 0.6s all;} @media(max-width: 850px){ .part2L{width: 100%;margin-bottom: 0.4rem;} .part2R{width: 100%;} .part2LT li .pic img{height: 28vw;} .part2{padding: 0.5rem 0 1.06rem 0;} .part2R li .time .year{font-size: 0.18rem;} .part2R li p{font-size: 0.22rem;} .part2LB li p{font-size: 0.22rem;} .part2LT li .time .year, .part2LB li .time .year{font-size: 0.18rem;} .part2LT li p{font-size: 0.22rem;} } /* part3 */ .part3{position: relative;padding: 0.3rem 0 0 0;} .part3::after{content: "";width: 100%;height: 63.96%;background: #830a0c;position: absolute;left: 0;top: 0;} .part3::before{content: "";width: 3.44rem;height: 1.25rem;background: url(../images/part3BG.png) no-repeat center;background-size: cover;position: absolute;top: -1.25rem;left: 50%;margin-left: -1.72rem;} .part3 .Cotitle{position: relative;z-index: 2;} .part3 .Cotitle h5{color: #fff;} .part3 .Cotitle h5::after{background: url(../images/title04.png) no-repeat left center;background-size: 0.44rem 0.44rem;} .part3 .Cotitle .more a{color: #fff;} .part3 .Cotitle .more::after{background: url(../images/moreW.png) no-repeat right center;background-size: cover;} .part3 .swiper-container{padding: 0.82rem 0 1.2rem 0;position: relative;} .part3 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; filter: brightness(1); transform: scale(0.8);} .part3 .swiper-slide-active,.part3 .swiper-slide-duplicate-active{transform: scale(1.5);} .part3 .swiper-slide .pic{overflow: hidden;} .part3 .swiper-slide .pic img{display: block;width: 100%;height: 2.6rem;object-fit: cover;} .part3 .swiper-slide-prev{left: -4vw;} .part3 .swiper-slide-next{right: -4vw;} .part3 .swiper-slide a{display: block;box-shadow: 0px 1px 19.8px 0.2px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 0.1rem;} .part3 .swiper-slide .pic{overflow: hidden;border-top-left-radius: 0.1rem;border-top-right-radius: 0.1rem;} .part3 .swiper-slide .pic img{display: block;width: 100%;transition: 0.6s all;} .part3 .swiper-slide .text{padding: 0.28rem;} .part3 .swiper-slide .text h5{font-size: 0.22rem;line-height: 0.32rem;color: #323232;height: 0.64rem;overflow: hidden;transition: 0.6s all;} .part3 .swiper-slide .text p{display: none;} .part3 .swiper-slide-active .text{padding: 0.2rem 0.2rem 0.24rem 0.2rem;position: relative;} .part3 .swiper-slide-active .text::after{content: "";width: 0.35rem;height: 0.35rem;background: url(../images/part3-02.png) no-repeat center;background-size: cover; position: absolute;right: 0.3rem;bottom: -0.16rem;} .part3 .swiper-slide-active .text h5{font-size: 0.13rem;line-height: 0.2rem;height: 0.2rem;overflow: hidden;font-weight: 600;} .part3 .swiper-slide-active .text p{display: block;font-size: 0.1rem;color: #999999;margin-top: 0.1rem;line-height: 0.18rem;height: 0.36rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .part3 .swiper-slide:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .part3 .swiper-slide:hover .text h5{color: #830a0c;transition: 0.6s all;} .part3 .part3D{position: absolute;width: 14rem; left: 50%;margin-left: -7rem;top: 0;justify-content: flex-end;} .part3 .part3D .swiper-button-prev,.part3 .part3D .swiper-button-next{position: relative;left: auto;margin-left: 0;top: 0;margin-top: 0;border: none;width: 0.48rem;height: 0.48rem;background: url(../images/part3L.png) no-repeat center;background-size: 0.48rem 0.48rem;} .part3 .part3D .swiper-button-next{margin-left: 0.2rem;background: url(../images/part3R.png) no-repeat center;background-size: 0.48rem 0.48rem;} @media(max-width: 1400px){ .part3 .part3D{width: 95%;left: 2.5%;margin-left: 0;} } @media(max-width: 850px){ .part3 .swiper-slide-active,.part3 .swiper-slide-duplicate-active{transform: scale(1) !important;} .part3 .swiper-slide-prev{left: 0;} .part3 .swiper-slide-next{right: 0;} .part3 .swiper-slide .pic img{height: 46vw;} .part3 .swiper-container{padding: 0;width: 95%;} .part3 .swiper-slide-active .text h5{font-size: 0.22rem;line-height: 0.3rem;height: 0.3rem;} .part3 .swiper-slide-active .text p{font-size: 0.18rem;line-height: 0.28rem;height: 0.56rem;margin-top: 0.15rem;} .part3 .swiper-slide-active .text::after{display: none;} .part3 .part3D{left: auto;top: 45%;justify-content: space-between;width: 100%;padding: 0 2.5%;} } /* part4 */ .part4{padding: 0.5rem 0 1.2rem 0;background: url(../images/part4BG.png) no-repeat left bottom;} .part4 .part4Cotitle{width: 1.6rem;} .part4 ul{width: calc(100% - 1.6rem);} .part4Cotitle h5{width: 0.5rem;margin: 0 auto;font-size: 0.36rem;color: #323232;font-weight: 600;text-align: center;padding-top: 0.6rem;background: url(../images/title05.png) no-repeat center top;background-size: 0.44rem 0.44rem;} .part4Cotitle .more{margin-top: 1rem;transition: 0.6s all;position: relative;padding-top: 1.2rem;} .part4Cotitle .more::after{content: "";width: 100%;height: 1.1rem; background: url(../images/moreS.png) no-repeat top center;background-size: 0.16rem 1.1rem;position: absolute;left: 0;top: 0;} .part4Cotitle .more a{width: 0.2rem;margin: 0 auto;display: table;font-size: 0.14rem;color: #830a0c;text-align: center;} .part4Cotitle .more:hover{margin-top: 0.94rem;transition: 0.6s all;} .part4 li{width: 22.58%;} .part4 li a{display: block;overflow: hidden;position: relative;} .part4 li .pic{overflow: hidden;border-bottom-left-radius: 3rem;border-bottom-right-radius: 3rem;} .part4 li .pic img{display: block;width: 100%;transition: 0.6s all;height: 5.5rem;object-fit: cover;} .part4 li .text{position: absolute;width: 0.14rem;left: 50%;margin-left: -0.07rem;bottom: 0;padding-bottom: 0.9rem;} .part4 li .text::after{content: "";width: 0.01rem;height: 0.8rem;background: #fff;position: absolute;left: 50%;bottom: 0;} .part4 li .text p{font-size: 0.12rem;color: #fff;text-align: center;line-height: 0.18rem;} .part4 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} @media(max-width: 1024px){ .part4 li .pic img{height: 4.5rem;} } @media(max-width: 850px){ .part4{padding: 0.3rem 0 0.8rem 0;} .part4 .part4Cotitle{width: 100%;display: flex;justify-content: space-between;padding-left: 0.54rem;align-items: center;margin-bottom: 0.3rem;} .part4 ul{width: 100%;} .part4 li{width: 24.5%;} .part4Cotitle h5{background: none; width: auto;padding-top: 0;margin: 0; font-size: 0.36rem;color: #323232;font-weight: 600;position: relative;} .part4Cotitle h5::after{content: "";width: 0.44rem;height: 0.44rem;background: url(../images/title05.png) no-repeat center top;background-size: 0.44rem 0.44rem;position: absolute;left: -0.54rem;top: 50%;margin-top: -0.22rem;} .part4Cotitle .more{width: 1.58rem;transition: 0.6s all;position: relative;padding-left: 1.1rem;padding-top: 0;margin-top: 0;} .part4Cotitle .more a{width: auto;} .part4Cotitle .more::after{content: ""; width: 1.1rem; height: 100%; background: url(../images/more.png) no-repeat right center; background-size: cover; position: absolute; left: 0; bottom: 0;} } @media(max-width: 680px){ .part4 li .pic img{height: 45vw;} .part4 li .text{display: none;} } /* footer */ .footer{background: url(../images/footerBG01.png);padding: 0.4rem 0;position: relative;} .footer .w14{align-items: center;} .footer::after{content: "";width: 2.08rem;height: 0.7rem;background: url(../images/footerBG02.png) no-repeat center;background-size: cover;position: absolute;left: 50%;margin-left: -1.04rem;top: -0.7rem;} .footerL{width: 40%;} .footerC{width: 20%;} .footerR{width: 40%;display: flex;justify-content: flex-end;} .footerL{margin-bottom: -0.2rem;} .footerL p{font-size: 0.14rem;color: #dbcccc;margin-bottom: 0.2rem;line-height: 0.24rem;} .footerL p a{color: #dbcccc;transition: 0.6s all;} .footerL p a:hover{color: #fff;transition: 0.6s all;} .footerC img{display: table;margin: 0 auto;max-width: 100%; max-height: 1.88rem;} .footerEwm{max-width: 1.3rem;width: 100%;margin-left:0.2rem;} .footerEwm .pic{overflow: hidden;} .footerEwm .pic img{display: block;width: 100%;} .footerEwm p{margin-top: 0.15rem;font-size: 0.14rem;color: #decccc;text-align: center;} @media(max-width: 850px){ .footerC{order: 1;width: 100%;} .footerL{order: 3;width: 100%;} .footerR{order: 2;width: 100%;margin: 0.2rem auto;justify-content: center;} .footerL p{text-align: center;font-size: 0.18rem;} .footerEwm{margin-left:0.1rem;margin-right:0.1rem;} } /* list */ .list-banner{position: relative;} .list-banner .pic{overflow: hidden;position: relative;} .list-banner .pic::after{content: "";width: 100%;height: 100%;background: url(../images/topBG.png) repeat-x top;position: absolute;left: 0;top: 0;} .list-banner .pic img{display: block;width: 100%;} .list-nav{box-shadow: 0px 3px 9.8px 0.2px rgba(163, 42, 85, 0.14);line-height: 0.6rem;} #nav_slide{line-height: 0.5rem;position: relative;z-index: 2;display:none;} #nav_slide #bnt_back{ position:absolute; left: 0.15rem; top:-2px; } #nav_slide #bnt_back img{height: 0.2rem;vertical-align: middle;} #nav_slide .n_title{ height: 0.5rem;background: #830a0c;} #nav_slide h1{font-size: 0.16rem;color: #fff;text-align: center;} #bnt_sub_nav{position: absolute;right: 0.15rem;top: 0.14rem;cursor: pointer;} #bnt_sub_nav img{display: block;height: 0.2rem;} #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f9f9f9; display: none; z-index: 9;width: 100%;} #sub_nav_content ul{} #sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 0.15rem;} #sub_nav_content ul li a{display: inline-block;font-size: 0.14rem;padding: 0;color: #333;width: 88%;} #sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;} #sub_nav_content ul li ul li{border:0;line-height: 0.28rem;padding-left: 0.1rem;} #sub_nav_content ul li ul li a{font-size: 0.14rem; color: #666;} #sub_nav_content ul li.on>a{color: #830a0c;} #sub_nav_content ul li ul{ display:none} .listBox{padding: 0 0 0.6rem;min-height:500px;background: #f4f6f9 url(../images/part2BG.jpg) no-repeat bottom center;background-size: 100%;} .listBox .n_left{width: 2.9rem;position: relative;z-index: 1;margin-top: -1rem;} .listBox .n_left h1{height: 1rem;width: 100%;background: #830a0c;border-top-left-radius: 0.5rem; display: flex;justify-content: center;align-items: center;} .listBox .n_left h1 span{font-size: 0.3rem;color:#fff;position: relative;} .listBox .n_left .sider_nav{position: relative;z-index: 1;background: #fff;padding-bottom: 0.3rem;box-shadow: 0px 2px 33.6px 1.4px rgba(29, 46, 71, 0.2);} .listBox .n_left ul{position:relative;} .listBox .n_left .con{position: relative;} .listBox .n_left .con ul li{line-height: 0.3rem;font-size: 0.18rem;color: #303030;position:relative;} .listBox .n_left .con ul li.on{background: #f7f7f7;} .listBox .n_left .con ul li:hover{color: #830a0c;} .listBox .n_left .con ul li::after{content: "";width: calc(100% - 60px);height: 1px;border-bottom: 1px dashed #f0f0f0;position: absolute;left: 0.3rem;bottom: 0;} .listBox .n_left .con ul li:last-child::after{display: none;} .listBox .n_left .con ul li.on:before,.listBox .n_left .con ul li:hover:before{height: calc(100% + 2px);} .listBox .n_left .con ul li.on dl{display:block !important;} .listBox .n_left .con ul li>a img{ margin:-3px 14px 0 0} .listBox .n_left .con ul li>a{color: #323232;font-size: 0.2rem; display: block;padding: 0.25rem 0.3rem;transition: 0.36s;position: relative;} .listBox .n_left .con ul li.on>a{color: #830a0c;font-weight: 600; background: #fbe7c1;border-left: 0.04rem solid #8f5a33;} .listBox .n_left .con ul li:hover>a{color: #830a0c;} .listBox .n_left .con ul li.on:hover>a{color: #830a0c;} .listBox .n_left .con ul li dl{display:none;padding: 0.15rem 0.3rem;position:relative;} .listBox .n_left .con ul li dl dd{height: auto;margin-bottom: 0.18rem;padding-left: 12px;position: relative;} .listBox .n_left .con ul li dl dd::after{content: "";width: 4px;height: 4px;background: #8f5a33;position: absolute;left: 0;top: 0.12rem;} .listBox .n_left .con ul li dl dd a{font-size: 0.18rem;color: #666666;position:relative;line-height: 24px;transition: 0.6s all;} .listBox .n_left .con ul li dl dd.onn a{color: #830a0c;} .listBox .n_left .con ul li dl dd:hover a{color: #830a0c;transition: 0.6s all;} .listBox .n_left .con ul li dl dd:last-child{margin-bottom: 0;} .listBox .n_left .con ul li dl dd a:before{content:"";position:absolute;left: 15px;top: 0;width: 10px;height: 100%;} .listBox .n_left .con ul li i{width: 0.08rem;height: 0.12rem;position:absolute;right: 0.3rem;top: 0.35rem;transition:0.36s;cursor: pointer;} .listBox .n_left .con ul li dl dd a:hover, .listBox .n_left .con ul li dl dd.on a{color: #830a0c !important;} .listBox .listNr{width: calc(100% - 3.6rem);position: relative;margin-top: 0.3rem;} .listBox .n_right .n_news{} .listNr{padding-bottom: 1.1rem;} .mianbao{margin-bottom: 0.25rem;padding-bottom: 0.15rem;border-bottom: 1px solid #c8c8c8;} .mianbao h5{font-size: 0.26rem;color: #323232;line-height: 0.4rem;font-weight: 600;} .position{font-size:0.14rem;color: #888888;line-height: 0.36rem;} .position a{color: #888888;transition:0.36s;} .position span{font-size:14px;color:#888888;margin: 0 4px;} .position .on{color: #830a0c;} .position a:hover{color: #830a0c;} .fanye{margin-top: 0.4rem;} .fanye img{display: block;max-width: 100%;margin: 0 auto;} @media(max-width: 1200px){ .m_header_box{ display:block} #header{display: none;} #nav{display: none;} .banner_top{display: none;} .listBox .n_left{ display:none} .listBox .n_right{width:100%;padding: 0rem 0 0;} .mianbao{ display:none;} #nav_slide{ display:block;} .list-banner .pic::after{background: none;} .listBox .listNr{width: 100%;} } @media(max-width: 850px){ #nav_slide h1{font-size: 0.22rem;} #sub_nav_content ul li ul li a{font-size: 0.18rem;} #sub_nav_content ul li a{font-size: 0.2rem;} } @media(max-width: 540px){ .list-banner img{height: 100%;object-fit: cover;} } /* 题图列表 */ .n_tt li a{padding: 0.2rem;border-bottom: 0.01rem solid #e4e4e4;transition: 0.6s all;} .n_tt li .pic{width: 3.4rem;} .n_tt li .pic img{display: block;width: 100%;height: 2.1rem;object-fit: cover;transition: 0.6s all;} .n_tt li .text{width: calc(100% - 3.6rem);} .n_tt li .text .time{width: 1.34rem;font-size: 0.18rem;color: #393939;font-family: "times new roman";transition: 0.6s all;margin-bottom: 0.2rem;} .n_tt li .text .time i{font-style: normal;font-size: 0.42rem;font-family: "times new roman";font-weight: bold;color: #830a0c;margin-right: 0.05rem;} .n_tt li .text h5{font-size: 0.18rem;color: #323232;line-height: 0.22rem;height: 0.22rem;transition: 0.6s all;} .n_tt li .text p{font-size: 0.15rem;line-height: 0.3rem;height: 0.6rem;margin-top: 0.2rem;color: #8b8b8b;transition: 0.6s all;} .n_tt li:hover a{background: #fff;box-shadow: 0px 2px 55.2px 4.8px rgba(0, 0, 0, 0.1);align-items: flex-start;} .n_tt li:hover .time{color: #830a0c;transition: 0.6s all;} .n_tt li:hover .text h5{font-weight: bold;transition: 0.6s all;} @media(max-width: 1200px){ .position{display: none;} } @media(max-width: 1000px){ } @media(max-width: 850px){ #nav_slide{display: block;} .list-nav{display: none;} } @media(max-width: 768px){ .n_tt li a{padding: 0.2rem 0;} .n_tt li .pic{width: 100%;} .n_tt li .pic img{height: 52vw;} .n_tt li .text{width: 100%;margin-top: 0.2rem;} .n_tt li .text .time{font-size: 0.22rem;} .n_tt li .text h5{font-size: 0.22rem;} .n_tt li .text p{font-size: 0.18rem;} } @media(max-width: 500px){ } /* 新闻列表页 */ .n_bt li a{padding: 0.2rem;border-bottom: 0.01rem solid #e4e4e4;transition: 0.6s all;align-items: center;} .n_bt li .time{width: 0.7rem;height: 0.7rem;background: #ca9754;} .n_bt li .time .day{font-size: 0.32rem;color: #fff;font-weight: bold;font-family: "times new roman";text-align: center;line-height: 0.44rem;} .n_bt li .time .year{font-size: 0.14rem;color: #fff;font-family: "times new roman";text-align: center;} .n_bt li p{width: calc(100% - 0.9rem); font-size: 0.18rem;line-height: 0.3rem;height: 0.3rem;color: #323232;transition: 0.6s all;} .n_bt li:hover a{background: #fff; box-shadow: 0px 2px 55.2px 4.8px rgba(0, 0, 0, 0.1);} .n_bt li:hover p{color: #830a0c;transition: 0.6s all;} @media(max-width: 850px){ .n_bt li a{padding:0.2rem 0;} .n_bt li .text p{display: none;} .n_bt li .time{font-size: 0.22rem;} .n_bt li .text h5{font-size: 0.22rem;line-height: 0.34rem;height: 0.68rem;display: -webkit-box;white-space: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .n_bt li .text{padding-right: 0;background: none;width: calc(100% - 1.4rem);} .n_bt li p{font-size: 0.22rem;height: 0.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;} } /* 人物列表 */ .n_teacher li{margin-bottom: 0.2rem;padding-bottom: 0.2rem;border-bottom: 0.01rem solid #e4e4e4;} .n_teacher li .pic{width: 1.8rem;overflow: hidden;} .n_teacher li .pic img{display: block;width: 100%;height: 2.4rem;object-fit: cover;transition: 0.6s all;} .n_teacher li .text{width: calc(100% - 2rem);padding-top: 0.2rem;} .n_teacher li .text h5{font-size: 0.16rem;color: #830a0c;margin-bottom: 0.2rem;} .n_teacher li .text h5 b{font-size: 0.18rem;color: #323232;margin-right: 0.2rem;} .n_teacher li .text p{font-size: 0.16rem;color: #323232;line-height: 0.24rem;height: 0.96rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .n_teacher li .text i{font-style: normal;display: table;font-size: 0.14rem;color: #ca9754;line-height: 0.4rem; padding-right: 0.4rem; margin-top: 0.3rem;background: url(../images/part3-02.png) no-repeat center right;background-size: 0.3rem 0.3rem;transition: 0.6s all;} .n_teacher li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .n_teacher li:hover .text i{padding-right: 0.36rem;transition: 0.6s all;} /* 机构设置 */ .n_jgsz h5{font-size: 0.36rem;color: #323232;text-align: center;line-height: 0.36rem;font-weight: 600;margin-bottom: 0.3rem;} .n_jgsz li{width: 30%;margin-bottom: 0.3rem;border-top: 0.02rem solid #ca9754;background: #fff url(../images/part1BG.png) no-repeat left top;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);transition: 0.6s all;} .n_jgsz li p{} .n_jgsz li p a{display: block; padding: 0.5rem 0.3rem;font-size: 0.18rem;line-height: 0.28rem; color: #323232;transition: 0.6s all;} .n_jgsz li:hover{background: #830a0c;transition: 0.6s all;} .n_jgsz li:hover a{color: #fff;transition: 0.6s all;} @media(max-width: 850px){ .n_jgsz li{width: 48%;} .n_jgsz li p a{font-size: 0.22rem;line-height: 0.32rem;} } /* show */ .show01 { margin-bottom: 0.3rem;position: relative; } .show01 h5 { font-size: 0.28rem; color: rgb(0, 0, 0); line-height: 0.4rem; margin-bottom: 0.2rem;text-align: center; } .show01 p{padding: 0.15rem;background: #f9f6f2;text-align: center;} .show01 p i{font-style: normal;margin: 0 0.15rem;font-size: 0.16rem;color: #666666;line-height: 0.26rem;} .show02 p {line-height: 0.36rem !important;/*text-indent:0.32rem !important;*/font-size: 0.18rem !important;color: #323232;margin-bottom: 0.2rem;} .show02 img {/*display: block;*/margin: 0px auto 0.15rem auto;max-width: 100%;/*margin-left: -2em;*/margin: 0 auto;max-width: 100%;height: auto !important;border:none !important;} .show03 { padding-top: 0.3rem;border-top: 1px solid #c8c8c8; position: relative; } .show03 p { font-size:0.18rem; color: rgb(51, 51, 51); margin-bottom: 0.2rem;line-height: 0.26rem; } .show03 p a { color: rgb(51, 51, 51); transition: all 0.2s ease 0s; } .show03 p a:hover { color: #830a0c; transition: all 0.2s ease 0s; } .pb_sys_style1 .p_no_d{border: 1px solid #830a0c !important;background-color: #830a0c !important;} .keywordfontcolor1116755{font-size:0.2rem !important;color:#dd4b39 !important;} #adu20{z-index:9999999 !important;}