@charset "utf-8";

.bg-mask .pic{overflow: hidden;}
.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic .a{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}



html { font-size: 100px; }
@media (max-width: 4000px) {
  html { font-size: 100px; }
}
@media (max-width: 1940px) and (min-width: 1600px) {
  html { font-size: 100px; }
}
@media (max-width: 1600px) and (min-width: 1200px) {
  html { font-size: 80px; }
}
@media (max-width: 1199px) and (min-width: 640px) {
  html { font-size: 70px; }
}
@media (max-width: 639px) and (min-width: 471px) {
  html { font-size: 80px; }
}
@media (max-width: 470px) and (min-width: 329px) {
  html { font-size: 80px; }
}
@media (max-width: 328px) {
  html { font-size: 70px; }
}
@font-face { font-family: '思源宋体-Bold'; src: url("../font/BELL.TTF"); }
@font-face { font-family: AvenirLTStd-Heavy; src: url("../font/AvenirLTStd-Heavy.otf"); }
@font-face { font-family: "Avenir LT Std"; src: url("../font/AVENIRLTSTD-BOOKOBLIQUE.OTF"); }

.w1400 {width: 91%;margin: 0px auto;max-width: 1440px;}
.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: all 0.4s ; background-size: cover !important; }
.imged img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ; object-fit: cover; display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ; object-fit: cover; }
.scale { overflow: hidden; transition: all 0.4s ; }
.scale img { transition: all 0.5s ; }
a:hover .imged { transform: scale(1.1); }
a:hover .scale img { transform: scale(1.1); }
.clearflex { }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1; transition: all 0.5s ; }
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.elise { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.a_body { position: relative; z-index: 0; }
.body_home{min-height: 100vh;background-size: cover}
.section { overflow: hidden; }
.header_box_li { position: relative; z-index: 1; }
.header_box { position: relative; z-index: 10000; height: 0px; }
#header { position: fixed; z-index: 999; width: 100%; transition: all 0.36s ; background-size: cover; }
.header_box_li #header::before {content: "";position: absolute;height: 1.38rem;top: 0px;left: 0px;right: 0px;transition: all 0.2s;opacity: 1;visibility: visible;background: url("../video/topmask2-h20241107.png") center top / 100% 100% repeat-x;}
.header_box_li #header::after { content: ""; position: absolute; height: 0px; top: 0px; left: 0px; right: 0px; background-size: 100%; }
#header.xg { background: rgba(255, 255, 255, 0.96); box-shadow: rgba(0, 0, 0, 0.1) 0px 9px 15px 0px; }
#header.xg::before { background: url() center top / auto 99% repeat-x; height: 0px; }
.header_top { position: relative; height: 0.54rem; padding: 0px; text-align: right; z-index: 10000; overflow: hidden; display: flex; justify-content: flex-end; align-items: center; }
.header_top .tianqi { display: inline-block; height: 0.64rem; }
.header_top .search_btn { display: inline-block; float: none; font-size: 0.14rem; }
#header .right { padding-left: 10%; flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-end; }
.header_top .search { width: 0.2rem; height: 0.2rem; position: relative; z-index: 20; }
.header_top .search .input { position: absolute; z-index: 1; left: auto; right: -0.08rem; top: -12px; bottom: auto; height: 40px; width: 0px; background: rgb(255, 255, 255); opacity: 0; visibility: hidden; transition: all 0.5s ; }
.header_top .search .input input { width: 100%; height: 100%; font-size: 13px; padding: 0px 0.32rem 0px 0.16rem; color: rgb(51, 51, 51); }
.header_top .search .btn { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 5; }
.header_top .search .btn input { cursor: pointer; position: absolute; z-index: 1; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; }
.header_top .search .btn svg { width: 18px; height: 18px; fill: rgb(255, 255, 255); }
.header_top .search:hover .btn svg { fill: rgb(101, 16, 173); }
.header_top .search:hover .input { width: 2.6rem; opacity: 1; visibility: visible; }
.list_box0 { display: flex; align-items: center; }
.list_box0 .li { font-size: 0.14rem; color: rgb(255, 255, 255); display: inline-block; transition: all 0.6s ; position: relative; padding-right: 0.2rem; }
.list_box0 .li:last-child { padding-right: 0;}
.list_box0 .li > a {display: flex;justify-content: space-between;align-items: center;transition: 0.5s;}
.list_box0 .li > a .top_ico { border-radius: 50%; border: 1px solid rgb(255, 255, 255); width: 0.26rem; height: 0.26rem; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem; }
.list_box0 .li a > img { vertical-align: middle; }
.list_box0 .li a .ewm_box { border: 1px solid rgb(211, 211, 211); background: rgb(255, 255, 255); position: absolute; left: 50%; transform: translateX(-50%) scaleY(1); top: 0.56rem; opacity: 1; visibility: visible; transform-origin: center top; display: none; }
.list_box0 .li a .ewm_box::before { content: ""; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgb(255, 255, 255); top: -6px; left: 50%; margin-left: -6px; }
.list_box0 .li.li1 > a { font-weight: bold; }
.list_box0 .li.li1 > a.a2 { display: none; }
.list_box0 .li.li1.on > a.a1 { display: none; }
.list_box0 .li.li1.on > a.a2 { display: inline-block; }
.list_box0 .li.li1.on > a span { margin-left: 1.125rem; }
.list_box0 .li:hover a { color: rgb(253, 155, 17); }
.old_rukou { width: 1.5rem; height: 0.54rem; display: inline-block; text-align: center; line-height: 0.54rem; margin-left: 0.34rem; }
.old_rukou a { display: block; width: 100%; font-size: 0.18rem; color: rgb(255, 255, 255); border-radius: 0px 0px 0px 0.1rem; background: rgb(10, 63, 121); }
#m_header .list_box0 { float: right; }
#m_header .list_box0 .li { line-height: 60px; }
#m_header .list_box0 .li a .ewm_box { top: 60px; }
#m_header .list_box0 .li a > img { height: 12px; }
.list_box_01 { font-size: 0px; white-space: nowrap; padding: 0.1rem; }
.list_box_01 li { text-align: center; display: block !important; margin: 0px 15px !important; }
.list_box_01 li h3 img { border: 1px solid rgb(237, 237, 237); width: 85px; height: 85px; }
.list_box_01 li h5 { font-size: 0.12rem; color: rgb(102, 102, 102); line-height: 20px; margin: 0px; }
.list_box0 .li::after { content: ""; position: absolute; left: -0.26rem; width: 1px; height: 16px; top: 50%; margin-top: -8px; opacity: 0.8; }
.list_box0 .li:first-child::after { display: none; }
.header_box .w1200 { height: 1.28rem; position: relative; width: 96%; padding: 0px; display: flex; justify-content: space-between; transition: all 0.5s ; max-width: 16rem; margin: 0px auto; }
#header #logo { }
#header #logo .box_table { width: auto; }
#logo { padding: 0px; height: 100%; position: relative; width: 6.51rem; display: flex; align-items: center; }
#logo img { max-width: 100%; transition: all 0.5s ; height: 0.54rem; }
#logo img.img2 { display: none; }
#nav { width: 100%; max-width: 1022px; }
#nav ul { display: flex; justify-content: space-between; }
#nav ul li { float: left; z-index: 0; height: 100%; position: relative; }
#nav ul li a { display: block; padding: 0px; position: relative; z-index: 2; }
#nav ul li h3 { font-size: 0.2rem; color: rgb(255, 255, 255); line-height: 0.48rem; position: relative; transition: all 0.36s ; display: inline-block; font-family: "PingFang SC"; }
#nav ul li h3::after { content: ""; position: absolute; left: 50%; top: calc(100% + 2px); transition: all 0.6s ; border-left: 0.12rem solid transparent; border-right: 0.12rem solid transparent; border-bottom: 1rem solid rgb(255, 255, 255); margin-left: -0.12rem; opacity: 0; visibility: hidden; }
#nav ul li.on1 h3::after { opacity: 1; visibility: visible; }
#nav ul li a i { margin: -3px 0px 0px 0.1rem; display: inline-block; width: 10px; height: 5px; transition: all 0.5s ; }
#nav ul li a i { display: inline-block; width: 9px; height: 6px; background-size: contain; vertical-align: middle; margin-left: 8px; }
#nav ul li .sub { position: absolute; top: 100%; background: rgb(255, 255, 255); width: auto; left: 50%; z-index: 10000; transform: translateX(-50%) scaleY(0); visibility: hidden; opacity: 0; transition: all 0.5s ; transform-origin: center top; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; border-radius: 0px 0px 0.08rem 0.08rem; }
#nav ul li .sub::after { content: ""; height: 3px; width: 100%; position: absolute; left: 0px; top: 0px; background: #9d1009; }
#nav ul li .sub .box { padding: 0.14rem 0px; text-align: center; }
#nav ul li .sub a { padding: 8px 30px; line-height: 0.28rem; transition: all 0.6s ; font-size: 0.16rem; color: rgb(51, 51, 51); text-align: center; white-space: nowrap; min-width: 1.6rem; font-weight: bold; }
#nav ul li .sub a:hover { color: rgb(255, 255, 255); background: #9d1009; }
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }
#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 { color: rgb(253, 155, 17); }
#nav > ul > li h3::before { content: ""; position: absolute; width: 12px; height: 12px; right: -0.22rem; top: 50%; margin-top: -6px; transition: all 0.3s ; background: url("") center center / 100% no-repeat; display: none; }
#nav > ul > li.xiala h3::before { display: block; }
#nav > ul > li:hover h3::after, #nav ul li.on h3::after { transform: scale(1); }
#nav > ul > li.noSubMenu h3::before { display: none; }
.search_btn { cursor: pointer; text-align: center; float: left; transition: all 0.6s ; margin: 0px; position: relative; }
.search_btn img { margin: 0px; }
#header .dw2 { float: left; height: 90px; width: 53px; cursor: pointer; position: relative; margin-right: 0.24rem; transition: all 0.6s ; margin-left: 0.16rem; }
#header .dw2 .j_tab { }
#header .dw2::after { content: ""; width: 1px; height: 16px; display: block; position: absolute; background: rgba(255, 255, 255, 0.75); right: -0.24rem; top: 50%; margin-top: -8px; }
#header .dw2.yuyan::before { content: ""; width: 1px; height: 100%; position: absolute; left: 0px; top: 0px; display: none; }
#header .dw2 .dh { height: 23px; line-height: 23px; text-align: center; font-size: 13px; color: rgb(255, 255, 255); cursor: pointer; transition: all 0.6s ; }
#header .dw2 .dh span { padding-right: 14px; width: 53px; height: 23px; display: inline-block; font-style: italic; }
#header .dw2 .dd { padding-bottom: 10px; padding-top: 10px; position: absolute; top: 100%; width: 100%; text-align: center; background: rgb(172, 206, 34); left: 0px; border: 1px solid rgb(172, 206, 34); opacity: 0; visibility: hidden; transition: all 400ms ; transform: translateY(15px); }
#header .dw2 .dd::before { content: ""; display: inline-block; border-width: 8px; border-style: solid; border-color: transparent transparent rgb(172, 206, 34); border-image: initial; position: absolute; top: -16px; left: 50%; margin-left: -8px; }
#header .dw2 .dd a { display: block; text-align: center; line-height: 30px; color: rgb(255, 255, 255); font-size: 13px; padding: 0px 10px; }
#header .dw2 .dd a:hover { font-weight: bold; }
#header .dw2.on .dd { opacity: 1; visibility: visible; transform: translate(0px); }
.xg #nav ul li h3 { color: rgb(51, 51, 51); line-height: 0.52rem; }
.xg .list_box0 .li { color: rgb(111, 111, 111); }
.xg #logo img { height: 0.64rem; }
.header_box .xg .w1200 { height: 1.12rem; }
.xg .search_btn svg { fill: rgb(111, 111, 111); }
.search_btn { cursor: pointer; }
.search_btn svg { fill: rgb(255, 255, 255); width: 16px; height: 16px; }
.search-dialog-box { position: fixed; left: 0px; top: 0px; width: 100%; height: 100vh; z-index: 1000000; opacity: 0; visibility: hidden; transition: all 0.6s ; }
.search-dialog-box::before { content: ""; position: absolute; top: 0px; height: 0px; background: rgb(14, 93, 168); transition: all 0.6s ; left: 0px; right: 0px; z-index: 1; opacity: 0.9; }
.search-dialog-box.on::before { height: 100%; display: none; }
.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 ; }
.search-dialog { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
.search-dialog .search-tit { font-size: 0.44rem; line-height: 0.56rem; 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: 8rem; margin: 0px auto; background-color: rgba(255, 255, 255, 0.1); box-sizing: border-box; transition: all 0.3s ; max-width: 94%; }
.search-dialog .search-input input[type="text"] {float: left;height: 0.7rem;width: calc(100% - 1rem);background-color: rgb(255, 255, 255);font-size: 0.2rem;line-height: 0.08rem;color: #666;transition: all 0.3s ;padding: 0px 0.2rem;}
.search-dialog .search-input input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); }
.search-dialog .search-input input[type="submit"], .search-dialog .search-input .clear-btn { float: right; height: 0.72rem; width: 1rem; }
.search-dialog .search-input input[type="submit"] {background-color: #9d1009;background-repeat: no-repeat;background-position: center center;background-size: 0.24rem;background-image: url("../images/search-btn.svg");}
.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("../images/close-btn.svg"); background-size: 0.56rem; border-radius: 100%; margin-right: 0.16rem; display: none; }
.search-dialog .search-input.on { background-color: rgb(255, 255, 255); }
.search-dialog .hot-search { font-size: 0px; width: 0.49rem; margin: 0.096rem auto 0px; box-sizing: border-box; padding: 0px 0.096rem; 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.06rem; line-height: 0.08rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.096rem; background-repeat: no-repeat; background-position: left center; background-size: 0.08rem; }
.search-dialog .hot-link { margin-left: 0.16rem; }
.search-dialog .hot-link a { display: inline-block; zoom: 1; font-size: 0.06rem; line-height: 0.08rem; margin-right: 0.12rem; 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 ; }
.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: 0.48rem; height: 0.48rem; z-index: 10; right: 0.24rem; top: 0.216rem; background-color: rgba(255, 255, 255, 0.1); 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 ; }
.pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-size: 0.12rem; background-repeat: no-repeat; background-image: url("../images/close-btn.svg"); transition: all 0.6s ; }
.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); }
}
#m_nav * { transition: all 0s ; }
.m_header_box { transition: all 0.6s ; display: none; height: 60px; position: relative; z-index: 100000; }
.m_header_box header {padding: 0px 0px 0px 15px;height: 60px;background: #9d1009;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;display: flex;justify-content: space-between;align-items: center;}
.m_header_box header #logo img { height: auto; max-height: 35px; }
.m_header_box header #logo { padding: 0px; width: calc(100% - 80px); }
#nav_btn_box.on { background: none; }
#nav_btn_box { position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; z-index: 1; }
#nav_btn_box::before { content: ""; position: absolute; z-index: -1; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgb(255, 255, 255); }
#nav_btn_box::after { content: ""; position: absolute; z-index: -1; top: 0px; left: -10px; border-right: 11px solid rgb(255, 255, 255); border-top: 60px solid transparent; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.4rem; 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.28rem; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0px;display: inline-block;width: 18px;height: 2px;transition: all 0.3s ease-out 0s;background: #9d1009;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 24px;height: 2px;content: "";transition: all 0.3s ease-out 0s;background: #9d1009;}
#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; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav { z-index: 99999; position: fixed; width: 100%; height: 100vh; right: -105vw; top: 0px; padding: 84px 20px 30px; 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:  0% 0% / cover rgb(247, 247, 247); opacity: 0; visibility: hidden; }
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .search_box input.submit { background: url("../images/submit.svg") center center / 0.28rem no-repeat rgb(6, 86, 183); }
#m_nav .list_box0 { text-align: center; width: 100%; justify-content: center; margin: 0.32rem 0px 0px; flex-wrap: wrap; }
#m_nav .list_box0 .li { text-align: center; color: rgb(51, 51, 51); margin: 0px 0.12rem 0.15rem; font-size: 14px; }
#m_nav .old_rukou { margin: 0.24rem 0px 0px; width: 100%; }
.list_box_nav_mobile { width: 100%; height: 100%; padding: 0px 0px 10px; overflow: hidden scroll; margin: 0px; flex: 1 1 0%; }
.list_box_nav_mobile > li { width: 90%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .a { width: 100%; border-bottom: 1px solid rgb(226, 226, 226); line-height: 0.64rem; color: rgb(51, 51, 51); padding: 0px; font-size: 16px; display: flex; position: relative; transition: all 0.5s ; }
.list_box_nav_mobile > li i { opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: 0px; top: 2px; background-size: 15px 15px !important; }
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); }
.list_box_nav_mobile > li.on .a { border-bottom: 1px solid rgb(226, 226, 226); }
.list_box_nav_mobile > li .list { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .list a { display: block; font-size: 13px; color: rgb(102, 102, 102); line-height: 2.5; }
.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; }
.wap_search { font-size: 16px; border-radius: 5px; color: rgb(255, 255, 255); text-align: center; letter-spacing: 2px; overflow: hidden; width: 100%; height: 60px; display: block; }
.wap_search form { height: 40px; border-radius: 20px; background: rgb(255, 255, 255); position: relative; width: 3.68rem; margin: 10px auto; }
.wap_search .input { font-size: 0.14rem; color: rgb(100, 100, 100); height: 40px; line-height: 40px; padding: 0px 0.24rem; box-shadow: none; appearance: none; float: left; border-right: 0px; background: none; width: calc(100% - 40px); }
.wap_search .btn_blue {position: absolute;cursor: pointer;top: 0px;right: 0px;width: 40px;height: 40px;line-height: 40px;border: 0px;background: url(../images/submit.svg) center center no-repeat #9d1009;border-radius: 20px;}
.wap_search .btn_blue.fr { background: rgb(233, 237, 239); color: rgb(78, 79, 83); }
.wap_search input::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.wap_search input:focus::-webkit-input-placeholder { color: transparent; }
.swiper-box1 {position: relative;overflow: hidden;top: 0;}
.swiper-box1{max-width: 100%;width: 100%;margin: 0 auto;}
.swiper-box1 .swiper-pagination-bullet { width: 0.28rem; height: 0.22rem; opacity: 0.5; border-radius: unset; background: url("../images/cir1.png") no-repeat;background-size: 100% 100% !important; }
.swiper-box1 .swiper-pagination-bullet-active { opacity: 1; }
.swiper-box1 .swiper-pagination-bullets { bottom: 0.35rem; }
.swiper-box1 .bannerimg { overflow: hidden; }
.swiper-box1 .bannerimg img { /*! transform: translate3d(0px, 0px, 0px) scale(1.05); */ /*! transition: opacity 0.5s , transform 0s ease 1s; */ }
.swiper-box1 .swiper-slide-active .bannerimg img { transform: scale(1); /*! transition: all 5s ; */ }
.swiper-box1 .img_zd .img_hezi {}
.new1 {width: 100%;background: url("../images/bg1.jpg") center no-repeat;padding: 1rem 0px 0.8rem;overflow: hidden;background-size: cover;}
.new1-l { width: 62%; }
.new1-r { width: 35%; }
.title {margin-bottom: 0.35rem;}
.title h2 {font-size: 0.36rem;color: rgb(0, 0, 0);display: flex;align-items: center;}
.title h2 ul{display: flex;align-items: baseline;}
.title h2 ul li{white-space: nowrap;padding: 0;margin-bottom: 0;margin-right: .1rem;font-size: .26rem;cursor: pointer;color: #999;}
.title h2 ul li.on{font-size: .36rem;color: #000;}
.title h2 img { margin-right: 0.1rem; max-width: 0.32rem; }
.title a img {margin-left: 0.1rem;max-width: 0.4rem;transition: .5s;}
.title a {align-items: center;font-size: 0.16rem;color: rgb(0, 0, 0);transition: 0.5s;}
.new1-tl { width: 65%; position: relative; }
.new1-tr { width: 34%; }
.new1-t a { display: block; width: 100%; position: relative; overflow: hidden; }
.new1-t h2 { width: 100%; height: 0.5rem; color: rgb(255, 255, 255); padding: 0px 0.2rem; position: absolute; left: 0px; bottom: 0px; font-size: 0.18rem; line-height: 0.46rem; z-index: 1; }
.new1-t .imged::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.5rem; background: url("../images/newshad.png") 0% 0% / 100% 100% repeat-x; z-index: 0; }
.new1-t a:hover h2 { color: rgb(255, 255, 255); opacity: 0.5; }
.new1-tl .imged { padding-bottom: 60%; }
.new1-tr .imged { padding-bottom: 55.8%; }
.newb { margin-bottom: 3%; }
.newb:last-child { margin-bottom: 0px; }
.new1-l ul { padding-top: 0.3rem; }
.new1-l li { margin-bottom: 0.3rem; }
.new1-l li h2 {font-size: 0.18rem;color: rgb(0, 0, 0);width: calc(100% - 1.4rem);transition: 0.5s;}
.new1-l li i {font-size: 0.14rem;color: rgb(51, 51, 51);width: 1.2rem;text-align: right;font-family: "Avenir LT Std";font-style: normal;}
.newdate { width: 0.75rem; height: 0.75rem; background: rgb(253, 155, 17); align-items: center; flex-direction: column; color: rgb(255, 255, 255); font-size: 0.14rem; justify-content: center; text-align: center; position: absolute; left: -0.2rem; top: 0.2rem; }
.newdate span { font-size: 0.3rem; }
a:hover h2, a:hover {color: #9d1009;}
.new1-r .bd ul {border-left: 1px solid #e3e3e3;margin-left: .1rem;}
.new1-r ul li { padding-left: 0.24rem; margin-bottom: 2%; }
.new1-r ul li:last-child { margin: 0px; }
.new1-r ul li::after { width: 0.1rem; height: 0.1rem; border-radius: 50%; background: rgb(201, 201, 201); transition: all 0.5s ; left: -0.05rem; top: 50%; transform: translateY(-50%); }
.new1-r ul li a {height: 0.9rem;align-items: center;background: rgb(227 207 207);background: -webkit-linear-gradient(left, #faf3ea, rgb(255, 255, 255));background: -ms-linear-gradient(left,rgb(227 207 207), rgb(255, 255, 255));padding-left: 0.1rem;}


.new1-r li .new2-rl {width: 0.9rem;height: 100%;flex-direction: column;justify-content: center;text-align: center;font-size: 0.14rem;color: #9d1009;font-weight: 600;}
.new1-r li h2 {font-size: 0.18rem;color: rgb(0, 0, 0);line-height: 0.3rem;width: calc(100% - 1.05rem);transition: 0.5s;}
.new1-r li .new2-rl span {font-size: 0.38rem;font-weight: 600;margin-bottom: 0.05rem;font-family: AvenirLTStd-Heavy;}
.new1-r ul li a::after {border-top: 0.1rem solid transparent;border-bottom: 0.1rem solid transparent;border-right: 0.1rem solid rgb(251 244 235);left: -0.1rem;top: 50%;transform: translateY(-50%);bottom: auto;transition: all 0.5s;height: auto;}
.new1-r li:hover::after {/* width: 0.18rem; *//* height: 0.18rem; */background: url("../images/tzico.png") center center / 100% 100% no-repeat;transform: translateY(-50%) scale(1.8);}
.new1-r li:hover a {background: -webkit-linear-gradient(left, #f1e0c6, rgb(255, 255, 255));}
.new1-r li:hover a::after {border-right: 0.1rem solid rgb(241 224 199);}
a:hover h2 img, .title a:hover img {transform: rotateX(180deg);}
.new2 { width: 100%; overflow: hidden; background: url("../images/bg2.png") center center / cover no-repeat; padding: 0.8rem 0px 1rem; }
.new2 .title h2, .new2 .title a, .new2 h2, .new2 h3, .new2 i { color: rgb(255, 255, 255); }
.new2-l { width: 50%; padding-right: 2%; }
.new2-r { width: 50%; padding-left: 2%; }
.new2-t .new2-tl { width: 58%; }
.new2-t .new2-tr { width: 38%; }
.new2-t { margin-bottom: 0.3rem; }
.new2-t .imged { padding-bottom: 56%; }
.new2-t .new2-tr *{transition:0.5s;}
.new2-t .new2-tr a {display: flex;width: 100%;flex-direction: column;justify-content: center;height: 100%;transition: 0.5s;}
.new2-tr h2 { font-size: 0.18rem; line-height: 0.32rem; }
.new2-tr h3 { font-size: 0.14rem; line-height: 0.26rem; margin: 0.05rem 0px 0.1rem; opacity: 0.6; }
.new2-tr i { opacity: 0.6; }
.new2-tl a { display: block; width: 100%; overflow: hidden; }
.new2 li *{transition:0.5s;}
.new2 li { height: 1rem; flex-direction: column; justify-content: center; border-top: 1px dashed rgba(255, 255, 255, 0.2); }
.new2 li h2 { font-size: 0.18rem; margin-bottom: 0.1rem; }
.new2 li i { font-size: 0.14rem; display: block; }
.new2 a:hover h2 { color: rgb(255, 255, 255); opacity: 0.8; }
.new2 li a:hover i, .new2-t .new2-tr a:hover h3, .new2-t .new2-tr a:hover i { transform: translateX(0.15rem); }
.new2 li a { width: 100%; }
.new3 {padding: 1rem 0px 1.5rem;background: url("../images/bg3.png") left bottom/cover no-repeat;overflow: hidden;}
.tab3 { justify-content: flex-start; }
.tab3 .title {width: 100%;align-items: center;}
.new3h { }
.tab3 .title h2 {width: 2rem;color: rgb(112, 124, 144);justify-content: flex-start;margin-right: 0.4rem;cursor: pointer;align-items: center;}
.tab3 .title h2:last-child { margin: 0px; }
.tab3 .title a { display: none; }
.tab3 .title a.active { display: block; }
.tab3 .title .xy2, .tab3 h2.active .xy1 { display: none; }
.tab3 .title h2.active .xy2 { display: block; }
.tab3 .title h2 { }
.tab3 .title h2.active { color: #9d1009; }
.new3tab1 { margin: 0px 0px 0px 2.4rem; }
.new3tab1.on { margin: 0px auto; }
.new3-t a { display: block; width: 100%; }
.new3-t h2 { font-size: 0.18rem; color: rgb(0, 0, 0); line-height: 0.3rem; margin: 0.25rem 0px 0.15rem; transition: 0.5s;}
.new3-t h3 { font-size: 0.14rem; color: rgb(102, 102, 102); line-height: 0.26rem; }
.new3-t a span { display: inline-block; margin-top: 0.3rem; }
.miso-arrow {width: 0.6rem;height: 0.6rem;border-radius: 50%;background: url("../images/prev.png") center center no-repeat rgb(218, 232, 243);top: 50%;margin-top: -0.3rem;z-index: 10;position: absolute;left: 1.3rem;transition: 0.5s;}
.miso-arrow::after { display: none; }
.miso-arrow:hover { background: url("../images/prev11.png") center center no-repeat #9d1009; }
.new3-t .swiper-button-next1 { transform: rotateY(180deg); right: 1.3rem; left: auto; transition: all 0.5s ; opacity: 0; }
.miso-arrow1_box.on .swiper-button-next1 { opacity: 1; }
.miso-arrow.swiper-button-disabled { display: none; }
/* .newtab li.bd1 { opacity: 0 !important; visibility: hidden !important; }
.newtab li.bd1.swiper-slide-active { opacity: 1 !important; visibility: visible !important; } */
.new4 {padding: 1rem 0px 0.82rem;background: url("../images/bg4.jpg") center top / cover no-repeat;position: relative;z-index: 1;/* overflow: hidden; */}
.new4 .w1400 { flex-wrap: nowrap; align-items: flex-start; }
.new4::after {width: 50vw;background: url("../images/bg5.jpg") center center / cover no-repeat;right: 0px;left: auto;top: -0.6rem;bottom: 0;position: absolute;height: auto;}
.new4-l {width: 60%;margin-left: -6%;background: rgba(255, 255, 255, 0.9);padding: 0.6rem 0.4rem;z-index: 2;}
.new4-r {width: 43%;padding: 0.78rem 0px 0rem;height: 100%;margin-top: -1.5rem;}

.new4-l .aleft{width: 3.35rem;}
.new4-l .aright{width: calc(100% - 3.35rem);padding: 0 0 0 .3rem;}
.new4-l .aleft ul li{width: 100%;height: 2.3rem;position: relative;margin-bottom: .2rem;}
.new4-l .aleft ul li .txt{position: absolute;left: 0;bottom: 0;right: 0;background: url(../images/bamask.png) no-repeat bottom center;background-size: 101% 101%;z-index: 1;color: #fff;padding: .8rem .2rem .15rem;font-size: .16rem}
.new4-l .aleft ul li .txt h4{line-height: 1.5em}
.new4-l .aleft ul li .pic{height: 100%}

.new4-l .aleft ul li .mly{position: absolute;left: -.1rem;top: .25rem;width: .8rem;height: .4rem;background: url(../images/tx3.svg) no-repeat left center;background-size: .8rem .4rem;z-index: 4;padding-left: .15rem;padding-top: .03rem;padding-bottom: .12rem}
.new4-l .aleft ul li .mly span img{max-width: .6rem;max-height: 100%;}

.new4-l .aleft ul li:nth-child(1) .mly span img{max-width: .9rem}
.new4-l .aleft ul li:nth-child(1) .mly{left: -.15rem;top: .25rem;width: 1.2rem;height: .6rem;background: url(../images/tx3.svg) no-repeat left center;background-size: 1.2rem .6rem;padding-left: .2rem;padding-top: .05rem;padding-bottom: .18rem}

.new4-l .aright ul li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: .25rem 0;border-bottom: 1px solid #ddd}
.new4-l .aright ul li:first-child{padding-top: 0}
.new4-l .aright ul li .pic{width: .9rem;height: .5rem;margin-right: .2rem;}
.new4-l .aright ul li .txt{flex: 1;position: relative;overflow: hidden;}
.new4-l .aright ul li .txt h4 a{line-height: 1.4em;max-height: .5rem\0;display: block\0;font-size: .18rem}


.mtewm {/* width: calc(100% - 2.5rem); */}
.mtewm ul {justify-content: flex-start;}
.mtewm li { width: 0.42rem; height: 0.42rem; position: relative; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; background: rgb(255, 255, 255); }
.mtewm li .shre_ico { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.mtewm li .shre_ico img { max-width: 0.24rem; max-height: 0.22rem; }
.mtewm .ewm { background: rgb(255, 255, 255); width: 1.4rem; height: 1.4rem; position: absolute; bottom: calc(100% + 0.15rem); left: 50%; transform: translateX(-50%); transition: all 0.5s ; z-index: 10; display: none; }
.mtewm .ewm::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); border-right: 0.1rem solid transparent; border-left: 0.1rem solid transparent; border-top: 0.1rem solid rgb(255, 255, 255); bottom: -0.1rem; }
.mtewm .ewm img { width: 100%; height: 100%; }
.mtewm li:hover .ewm { display: block; }
.new4-tl {width: 47%;display: none;}
.new4-tr {width: 100%;}
.qj_pic { position: relative; }
.qj_pic::after { width: 100%; height: 1rem; background: url("../images/mt-shad.png") center center / 100% 100% no-repeat; z-index: 1; }
.qj_t { position: absolute; left: 0px; right: 0px; width: 100%; bottom: 0px; z-index: 20; align-items: center; height: 0.5rem; padding-left: 0.1rem; }
.new4-t h2 { font-size: 0.18rem; color: rgb(255, 255, 255); padding: 0px 0.25rem 0px 0rem; width: calc(100% - 0.3rem); line-height: 0.3rem;transition: 0.5s; }
.qj_t img { max-width: 0.24rem; margin-right: 0.05rem; display: inline-block; }
.qj_t::after { width: 2px; height: 0.18rem; background: rgb(0, 200, 0); z-index: 1; top: 50%; transform: translateY(-50%); }
.new4-l .title h2 {color: #9d1009;}
.new4-r .title h2, .new4-r .title a { color: rgb(255, 255, 255); }
.new4-tr li:first-child {}
.new4-tr li {width: 49%;margin-bottom: 2%;}
.new4-tr li .imged {padding-bottom: 50%;}
.new4-tr li:first-child .imged {}
.new4-tl .imged { padding-bottom: 93%; }
.new4-tr li:nth-child(2) .qj_t::after { background: rgb(248, 135, 0); }
.new4-tr li:nth-child(3) .qj_t::after { background: rgb(231, 31, 25); }
.new4-l a:hover h2 { color: rgb(255, 255, 255); }
.new4-r li *{transition:0.5s;}
.new4-r li {/* height: 1rem; */border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 0.15rem 0;}
.new4-r li:first-child{/* padding-top:0; */}
.new4-r li a { width: 100%; flex-direction: column; justify-content: center; }
.new4-r li h2 {width: 100%;padding: 0px;margin-bottom: 0.1rem;font-size: 0.18rem;line-height: 0.3rem;color: rgb(255, 255, 255);max-height: 0.6rem\0;}
.new4-r li i {font-size: 0.14rem;color: rgb(255, 255, 255);opacity: 0.98;font-family: "Avenir LT Std";font-style: normal;}
.new4-r .imged { padding-bottom: 53%; }
.new4-r .scale { margin-bottom: -.06rem}
.new4-r a:hover i { transform: translateX(0.15rem); }
.new5 {padding: 1rem 0px 1.1rem;background: url("../images/bg6.png") right top no-repeat;overflow: hidden;}
.new5-l { width: 58%; }
.new5-r { width: 39%; }
.new5-l .VideoBtn { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.5rem; height: 0.5rem; background: url("../images/bf_btn.png") 0% 0% / 100% no-repeat; }
.new5-l .VideoBtn.on { display: none; }
.vde-t { position: relative; padding: 0.2rem 0.3rem; background: rgb(245, 247, 251); }
.new5-l li h2 {position: absolute;left: 0px;bottom: 0px;width: 100%;color: rgb(255, 255, 255);text-align: center;z-index: 2;}
.vde-siwper li h2 {font-size: 0.24rem;line-height: 0.6rem;font-weight: 600;background: rgba(0,0,0,0.5);}
.vde-siwper2 li h2 { font-size: 0.16rem; line-height: 0.4rem; }
.vde-siwper2 .wl::after { width: 100%; height: 0.7rem; background: url("../images/vde-shad.png") center center / 100% 100% no-repeat; z-index: 1; }
.vde-siwper li:hover h2, .vde-siwper li:hover .VideoBtn { display: none; }
.new5-l .miso-arrow { width: 0.4rem; height: 0.4rem; left: -0.2rem; background: rgb(218, 232, 243); }
.new5-l .swiper-button-next { right: -0.2rem; left: auto; }
.new5-l .swiper-button-next img { transform: rotateY(180deg); }
.new5-l .miso-arrow img { width: 0.12rem; height: 0.14rem; }
.new5-l .miso-arrow .arr2, .new5-l .miso-arrow:hover .arr1 { display: none; }
.new5-l .miso-arrow:hover .arr2 { display: block; }
.new5-l .miso-arrow:hover { background: #9d1009; }
.new5-r li { margin-bottom: 0.2rem; }
.new5-l .vde-siwper .imged { padding-bottom: 58%; }
.new5-r li .imged { padding-bottom: 38%; }
.vde-siwper { width: 100%; }
.vde-siwper2 li:hover { border: 2px solid #9d1009; }
.vde-siwper2 li { border: 2px solid rgba(0, 0, 0, 0); transition: all 0.5s ; }
.new6 { width: 100%; padding: 0.5rem 0px; background: rgb(232, 237, 245); }
.new6 ul { justify-content: center; }
.new6 li { font-size: 0.16rem; color: rgb(0, 0, 0); margin-bottom: 0.2rem; }
.new6 li a {padding: 0px 0.15rem;transition: 0.5s;}
footer {background: url("../images/fbg.jpg") center center / cover no-repeat;}
.fot-t { padding: 0.6rem 0px; }
.fot-l img { width: 3.93rem; }
.fot-m { border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); padding: 0px 0.6rem; }
.fot-t h3, .fot-b p { color: rgb(255, 255, 255); font-size: 0.16rem; line-height: 0.3rem; opacity: 0.9; }
.fot-b { padding: 0.3rem 0px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.fot-b p { text-align: center; opacity: 1; padding: 0px 0.2rem; }





.dtjj table{border:none !important;margin: 0 auto;display: table !important;}
.dtjj table .firstRow{background: #1e4da1;
    background: -webkit-linear-gradient(left, #1e4da1 40%, #18bebf);
    background: -moz-linear-gradient(left, #1e4da1 40%, #18bebf);
    background: -webkit-gradient(linear, left, right, color-stop(#1e4da1) 40%, color-stop(#18bebf));
    background: -o-linear-gradient(left, #1e4da1 40%,#18bebf);
    background: -ms-linear-gradient(left, #1e4da1 40%,#18bebf);
    background: #9d1009;}
.dtjj table .firstRow *{color:#fff;font-size:16px}

.dtjj table td{border-color:rgba(0,0,0,.1) !important}
.dtjj table .firstRow td{border-color:rgba(255,255,255,.2) !important}


.dtjj table .firstRow *{font-size: 18px;}




@media screen and (max-width: 1600px) {
  .new4-l {margin: 0px;width: 54%;}
}
@media screen and (max-width: 1400px) {
  #header .right { padding-left: 5%; }
  #nav ul li h3 { font-size: 0.18rem; }
  .list_box0 .li { padding-right: 0.1rem; }
  .list_box0 .li > a .top_ico { margin-right: 0.05rem; }
}
@media screen and (max-width: 1199px) {
  .header_box { display: none; }
  .m_header_box { display: block; }
  .swiper-box1{ width: 100%; top: 0}
  .swiper-box1 .img_zd .img_hezi {padding-bottom: 50% !important;}
.fix-top{top: 0;position: relative !important;}
  
  .body_home{ min-height: auto}
}
@media screen and (max-width: 1024px) {
  .w1400 {/* padding: 0px 20px; *//* width: 100% !important; */}
  .new1, .new2, .new3, .new4, .new5, .new6 { padding: 0.4rem 0px; }
  .new4 .w1400 { flex-wrap: wrap; }
  .new4-l, .new4-r { width: 100%; }
  .new4-r {background: url("../images/bg5.png") center center / cover no-repeat;transform: translateY(0px);padding: 0.4rem 0.2rem;margin-top: 0;}
  .new4::after { display: none; }
  .new5-l .vde-siwper .imged{padding-bottom: 50%;}
 .vde-siwper2 .imged{padding-bottom: 61%;}
 .new4-r li{height:auto;padding:0.1rem 0;}
 .new3tab1{margin-left:1rem;}
}
@media screen and (max-width: 768px) {
  .new1-l, .new2-l, .new5-l, .fot-l, .fot-m { width: 100%; margin-bottom: 0.3rem; }
  .new1-r, .new2-r, .new5-r, .fot-r { width: 100%; }
  .miso-arrow {left: 0.5rem;width: 0.4rem;height: 0.4rem;background: url(../images/prev.png) center center no-repeat rgb(218, 232, 243);background-size: 0.15rem !important;}
  .new3-t .swiper-button-next1 { right: 0.5rem; }
  .fot-m { border: none; }
  .fot-t, .fot-l { text-align: center; }
  .fot-t { padding: 0.3rem 0px; }
  .title h2,.tab3 .title h2{font-size: 0.3rem;}
  .new5-l .swiper-button-next{right:0;}
  .new5-l .swiper-button-prev{left:0;}

  .new4-tr li .imged{ padding-bottom: 65%}

  .new4-l .aright{width: 100%;padding: 0;}
  .new4-l .aleft{ width: 100%}
  .new4-l .aleft ul li{ height:50vw}
}
@media screen and (max-width: 600px) {
  .mtewm { display: none; }
  .new4-tl { width: 100%; margin-bottom: 4%; }
  .new4-tr { width: 100%; }
  .new4-l { padding: 0.4rem 0.2rem; }
  .title a img{width:0.3rem;}
  .title h2 img{width:0.24rem;}
   .tab3 .title h2 {/* font-size: 0.3rem; */margin-right: 0.15rem;width: auto;}

  
.dtjj table .firstRow *{font-size: 15px;}


}
@media screen and (max-width: 420px) {
  .new2-t .new2-tl, .new2-t .new2-tr { width: 100%; }
  .new2-t .new2-tr { padding-left: 0rem;margin-top: 0.2rem;}
  .tab3 .title h2 {/* font-size: 0.3rem; */margin-right: 0.15rem;width: auto;}
  .title h2,.tab3 .title h2{font-size: 0.26rem;}
}
@media (min-width: 200px) {
  [aos="zoom-in"] { transform: scale(0.5); }
}

img.img_vsb_content {
    margin-left: -26px;
}
.xygk .fl03 p {
    font-size: .18rem;
    color: #000000;
    line-height: .36rem;
    text-align: justify;
    text-indent: 2em;
}
.xygk .fl02 p {
    font-size: .18rem;
    color: #fff;
    line-height: .36rem;
    margin-bottom: 0.36rem;
    text-indent: 2em;
}
.xygk .fl01 .content .right p {
    font-size: .18rem;
    color: #000000;
    line-height: .36rem;
    text-align: justify;
    margin: 0.26rem 0 0;
    text-indent: 2em;
}
div#vsb_content table {
    width: 97% !important;
}
div#vsb_content_2 table {
    /*! width: 100%; */
}
#vsb_content_2 TABLE TD P {
    text-indent: 0em;
    margin: 0;
    font-size: 14px;
    LINE-HEIGHT: 150%;text-align:center;
}
#vsb_content_2 TABLE TD {
    text-indent: 2em;
    border: 1px solid #000;
    padding: 10px 20px;
}

.jj-cont table .firstRow td{padding: 20px;}
.jj-cont table tbody tr td p {
    text-align: center!important;
    margin: 0 !important;
    text-indent: 0 !important;
}
.jj-cont TABLE tr td{
    padding: 20px 5px!important;
}
#vsb_content_2 span{
    font-size: 0.18rem !important;
    color: #000;
    line-height: 0.34rem !important;
    margin-bottom: 0.2rem;
}
div.WordSection1 {
    page: WordSection1;
    overflow: auto;
}
.v_news_content iframe {
    width: 100% ;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.article .MsoNormalTable p.MsoNormal {
    text-indent: 0 !important;
}
iframe{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
#vsb_content_2 p{
text-indent: 2em !important
}
#vsb_content_2 TABLE TD P{
text-indent: 0em !important
}
table .MsoNormal span span{
    font-size:11.0pt;
    font-family: fangsong;
    color:black
}
.show{
    display:none;
}
.active_1{
  /* margin-top:150px; */
}

.img{position:relative;width:99%}
.slow{overflow: hidden;}
.img .imgLi{padding-bottom:60%;transition: .5s;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.imgBox img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.none{display:none!important;}

.home1-2{background: url(../images/home1-2_b1.jpg) center no-repeat;background-size: cover;overflow: hidden;position: relative;z-index: 1;}
.home1-2 .bg1{position: absolute;top: 47%;left: 0;width: 100vw;pointer-events: none;}
.home1{padding: 0 0 .84rem 0;overflow: hidden;}
.home1 .left{width: 65%;}
.home1 .right{width: 31%;background: url(../images/home1_b1.jpg) center bottom no-repeat;background-size: cover;}
.home1 .right .title{ margin-bottom: .15rem; padding: .46rem .4rem .3rem;border-bottom: rgba(255,255,255,.2) 1px solid;}

.miso_tab1 .hd{ width: 1.62rem;}
.miso_tab1 .bd{ flex: 1; overflow: hidden; padding: 0 0 0 .4rem;}

.more1 a img {margin-left: 0.1rem;max-width: 0.4rem;transition: .5s;}
.more1 a {align-items: center;font-size: 0.16rem;color: rgb(0, 0, 0);transition: 0.5s;justify-content: flex-end;}
.miso_tab1 .hd .more1{ margin: .4rem .14rem 0 0}
.list1 li a {position:relative;}
.list1 li .time{position: absolute;top: 0;left: 0;background: #9d1009;width: 65px;height: .6rem;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 1;overflow: hidden;}
.list1 li .time:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; right: 0; background: #fd9b11; transform: translateY(101%); z-index: -1}
.list1 li .time h3{ font-size: .26rem; color: #fff}
.lis13 li .time h6{ font-size: 12px; color: #fff; margin-top: .03rem}

.list2{background: #9d1009;padding: .12rem 0 .5rem .12rem;}
.list2 li a{ display: flex; height: .58rem; align-items: center; line-height: 1.5; font-size: .2rem; color: #fff; padding: 0 0 0 .22rem; position: relative; z-index: 1; transition: .5s}
.list2 li a:before{content: "";position: absolute;top: 0;width: 0;bottom: 0;left: 0;background: #fff;z-index: -1;opacity: 0;border-left: #fd9b11 .03rem solid;box-shadow: 0px 2px 16px 0px rgba(78, 78, 78, 0.2);}
.list2 li a:hover, .list2 li.on a{color: #9d1009;}
.list2 li a:hover:before, .list2 li.on a:before{opacity: 1;width: calc(100% + .12rem);}

.list3{ margin-bottom: -.38rem}
.list3 li{ margin-bottom: .38rem}
.list3 li .a{ align-items: center}
.list3 li .img{width: 3rem;}
.list3 li .time{position: absolute;top: 0;left: 0;background: #9d1009;width: 65px;height: .6rem;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 1;overflow: hidden;}
.list3 li .time:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; right: 0; background: #fd9b11; transform: translateY(101%); z-index: -1}
.list3 li .time h3{ font-size: .26rem; color: #fff}
.list3 li .time h6{ font-size: 12px; color: #fff; margin-top: .03rem}
.list3 li .txt{flex: 1;padding: 0 0 0 .3rem;overflow: hidden;}
.list3 li h4{ margin-bottom: .1rem;font-weight:bold}

.l1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}

.h4s1{font-size: .18rem;color: #000000;line-height: .3rem;transition: .5s;}
.h4s2{ font-size: .18rem; color: #000000; line-height: .3rem; max-height: .6rem\0; transition: .5s;}
.ps2{font-size: .14rem;color: #666666;line-height: .24rem;max-height: .48rem\0;}
.ps3{ font-size: .14rem; color: #666666; line-height: .24rem; max-height: .72rem\0;}

.title_w h2, .title_w a{ color: #fff;}

.list4{ padding: 0 .4rem;}
.list4 li{border-bottom: rgba(255,255,255,.2) 1px dashed;}
.list4 li:last-child{ border-bottom: none}
.list4 li .a{display: block;padding: .3rem 0;}
.list4 li h4{ color: #fff}
.list4 li i{font-size: .14rem;color: #fff;margin: .15rem 0 0;display: block;font-family: "Avenir LT Std";font-style: normal;}

.home2{ padding-bottom: 1.6rem; overflow: hidden;}
.home2 .title{ position: relative; z-index: 1; justify-content: center;}
.home2 .title a{ position: absolute; right: 0; top: 50%;}

.list5 li .a{ display: block; position: relative; z-index: 1; transition: .5s}
.list5 li .img .imgLi{ padding-bottom: 42.16%;}
.list5 li .txt{height: .56rem;display: flex;align-items: center;background: #f7f9ff;padding: 0 .3rem;position: relative;z-index: 1;}
.list5 li .txt:before{content: "";position: absolute;z-index: -1;width: 0;height: 100%;background: url(../images/list5_b1.jpg) center no-repeat;background-size: cover;left: 0;transition: .5s;top: 0;}
.list5 li .txt:after{ content: ""; position: absolute; z-index: -1; width: 2px; height: .26rem; background: #2552a4; left: 0; transition: .5s}
.list5 li h4{ text-align: center}

.list5Box .dots{justify-content: center;display: flex;margin: .4rem 0 0;}
.list5Box .dots span{width: .09rem;height: .09rem;background: #c9c9c9;border-radius: 50%;opacity: 1;margin: 0 .12rem !important;}
.list5Box .dots span.active{background: #9d1009;}

.home3{ padding: .96rem 0 0; overflow: hidden;}
.home3 .title{position: relative;z-index: 2;justify-content: center;}
.home3 .title a{ position: absolute; right: 0; top: 50%;}
.list6{ align-items: flex-start;}
.list6 li{margin-bottom: .06rem;display: block;position: relative;z-index: 1;}
.list6 li .txt{position: absolute;top: 100%;right: 0;left: 0;padding: .2rem .2rem;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;/* background: url(../images/bamask.png) no-repeat bottom center; */background-size: 100% 60%;transform: translateY(-.8rem);transition: .5s;height: 1.6rem;}
.list6 li .txt a{ display: block; width: 100%}
.list6 li span{display: inline-block;background: #9d1009;line-height: .28rem;border-radius: .04rem;padding: 0 .1rem;font-size: .14rem;color: #fff}
.list6 li span img{ width: .16rem; height: .16rem; margin: -2px .08rem 0 0}
.list6 li h4{color: #fff;margin: .06rem 0;transform: translateY(.2rem); opacity: 0;}
.list6 li p{ color: rgba(255,255,255,.6); transition: .5s; transform: translateY(.2rem); opacity: 0;}
.list6 li:nth-child(2){ width: 23%;}
.list6 li:nth-child(2) .img .imgLi{ padding-bottom: 85%;}
.list6 li:nth-child(1), .list6 li:nth-child(3){ width: calc((100% - 23%)/2);}
.list6 li:nth-child(1) .img .imgLi, .list6 li:nth-child(3) .img .imgLi{padding-bottom: 50.8%;}

.list6 li:nth-child(5){ width: 44%;}
.list6 li:nth-child(5) .img .imgLi{ padding-bottom: 47%;}
.list6 li:nth-child(4), .list6 li:nth-child(6){ width: calc((100% - 44%)/2);}
.list6 li:nth-child(4) .img .imgLi, .list6 li:nth-child(6) .img .imgLi{padding-bottom: 73.8%;}
.list6 li:nth-child(4) .txt, .list6 li:nth-child(5) .txt, .list6 li:nth-child(6) .txt{transform: translateY(-1.2rem);height: 2rem;} 
.list6 li:nth-child(4) .txt h4, .list6 li:nth-child(5) .txt h4, .list6 li:nth-child(6) .txt h4, .list6 li:nth-child(4) .txt p, .list6 li:nth-child(5) .txt p, .list6 li:nth-child(6) .txt p{ transform: translateY(.2rem);}
.list6Box{}
.list6W{ position: relative; z-index: 1}
.list6W:before{content: '';width: 120%;height: 2rem;border-radius: 50%;background: #fff;position: absolute;left: 50%;margin-left: -60%;top: -1.5rem;z-index: 2;}
.list6Box:after{content: '';width: 120%;height: 2rem;border-radius: 50%;background: #fff;position: absolute;left: 50%;margin-left: -60%;bottom: -1.5rem;z-index: 2;}
.list6Wb{ padding-bottom: .86rem;}
.list6Wb .swiper-scrollbar{position: relative;z-index: 2;max-width: 100%;height: .32rem;background: url(../images/list6_line.png) center no-repeat;background-size: 100% 1px;width: 10.86rem;margin: 0 auto;margin-top: .48rem;}

.list6Wb .swiper-scrollbar .swiper-scrollbar-drag{background: url(../images/list_d1.png) center no-repeat;background-size: 100% 100%;width: .32rem !important;height: .32rem;}

.home3-4{position: relative;z-index: 1;/* overflow: hidden; */}
.home3-4 .bg1{position: absolute;top: 40%;left: 0;width: 100vw;pointer-events: none;z-index: 11;}

@media(min-width: 1024px){
    .h4s1:hover{color: #9d1009;}
    .list4 li .a:hover h4{ color: #fd9b11;}
    .list3 li .a:hover .time:before{ transform: translateY(0)}
     .list1 li .a:hover .time:before{ transform: translateY(0)}
    .list5 li .a:hover .txt:before{ width: 100%}
    .list5 li .a:hover h4{ color: #fff}
    .list5 li .a:hover{ box-shadow: 0px .03rem .07rem 0px rgba(0, 0, 0, 0.35);}

    .more1 a:hover{ color: #9d1009;}
    .more1 a:hover img{ transform: rotateX(180deg);}

    .list6 li:hover .txt{transform: translateY(-1.6rem);}
    .list6 li:hover .txt h4, .list6 li:hover .txt p{ transform: translateY(0); opacity: 1;}
    .list6 li:hover h4{ color: #fff}
    .list6 li:hover:nth-child(4) .txt, .list6 li:hover:nth-child(5) .txt, .list6 li:hover:nth-child(6) .txt {transform: translateY(-2rem);}
}
@media(max-width: 1024px){
    .new1-r ul{ margin-left: 0;}

    .home1 .left{width: 100%;padding-bottom: .4rem;}
    .home1 .right{ width: 100%}
    .miso_tab1 .hd{ width: 100%}
    .list2{display: flex;flex-wrap: wrap;padding: .1rem .1rem;justify-content: center;}
    .list2 li{ width: 25%}
    .list2 li a{height: .45rem;padding: 0;text-align: center;justify-content: center;}
    .list2 li a:hover:before, .list2 li.on a:before{ width: 100%}
    .miso_tab1 .bd{width: 100%;flex: auto;padding: .4rem 0 0;}
    .list6 li .txt{transform: translateY(-.6rem) !important;}
    .list6 li:nth-child(5) .txt, .list6 li:nth-child(6) .txt{transform: translateY(-.75rem) !important;}
}
@media(max-width: 800px){
  .home1{ padding: .4rem 0}
  .miso_tab1 .hd .more1{ margin: .2rem .1rem 0 0; display: none}
  .miso_tab1 .bd{ padding: .3rem 0 0}

  .list3{ margin-bottom: -.2rem}
  .list3 li{ margin-bottom: .2rem}
  .list3 li .img{ width: 1.9rem}
  .list3 li .txt{ padding: 0 0 0 15px}
  .list3 li h4{ margin-bottom: .05rem;}
  .list4{ padding: 0 15px;}
  .list4 li .a{ padding: .18rem 0;}
  .home1 .right .title{ padding: .3rem 15px .2rem;}
  .list5Box .dots span{ margin: 0 .04rem !important;}

  .home2{ padding-bottom: .4rem;}
  .home3{ padding: .4rem 0 0;}
  .list6Wb{padding-bottom: .4rem;}

  .list6 li{ width: 50% !important}
  .list6 li .img .imgLi{padding-bottom: 58% !important;}
  .list6W:before{height: .5rem;top: -.35rem;}
  .list6Box:after{height: .5rem;bottom: -.35rem;}
  .list6Wb .swiper-scrollbar{ margin-top: .15rem;}
  .new4-r .scale{ margin-bottom: .1rem;}
  .new4-tl .imged{ padding-bottom: 40%;}

  .new1{padding-top: .5rem !important;}
}
@media(max-width: 560px){
} 

.picsTit{margin-bottom: .3rem;padding-top: .2rem}
.picsTit h1{color: #333333;font-size: .28rem;margin-bottom: .15rem}
.picsTit p{color: #666;}

.PicsCon{margin-bottom: .5rem;max-width:80%;margin:0 auto;}
.PicsCon .slidePicLp{border:1px solid rgba(255,255,255,.1);padding: .2rem;margin-bottom: .15rem}
.PicsCon .slidePicL .sbtn a{position: absolute;width: 40%;background: rgba(0,0,0,0);top: 0;bottom: 0;z-index: 5}
.PicsCon .slidePicL .sbtn a:hover i{opacity: 1;visibility: inherit;}
.PicsCon .slidePicL .sbtn a.swiper-button-disabled{display: none} 
.PicsCon .slidePicL .sbtn a i{position: absolute;top:50%;transform: translateY(-50%);width:.56rem;height: .42rem;opacity: 0;visibility: hidden; }
.PicsCon .slidePicL .sbtn a.prev{left: 0}
.PicsCon .slidePicL .sbtn a.prev i{background: url(../images/arrl.png) no-repeat center;background-size: .56rem .42rem;left: .2rem}
.PicsCon .slidePicL .sbtn a.next{right: 0}
.PicsCon .slidePicL .sbtn a.next i{background: url(../images/arrr.png) no-repeat center;background-size: .56rem .42rem;right: .2rem}
.PicsCon .slidePicL .swiper-slide{height:9rem;position: relative;}
.PicsCon .slidePicL .swiper-slide .img-wrap {height: 100%}
.PicsCon .slidePicL .swiper-slide .img-wrap img{margin: 0 auto;max-height:100%;width:auto;height:auto;}
.PicsCon .txtson{margin-bottom:.15rem}
.PicsCon .txtson .pageNum{max-width: .8rem;font-family: 'Georgia';font-size: .24rem;border-right: 1px solid #eee;color:#fff;}
.PicsCon .txtson .pageNum .swiper-pagination-current{color: #fff;opacity: .5;}
.PicsCon .txtson .txtList{width: calc(100% - 1rem);line-height: 1.6em}
.PicsCon .txtson ul li{display: none}
.PicsCon .txtson ul li:nth-child(1){display: block;}
.swiper-button-disabled{opacity: .5;}
.slidePicsps{max-width:80%;margin:0 auto;}
.slidePicsps .pga p{font-size: .14rem;margin-top: 10px;max-height: .38rem\0;color:#333;}
.slidePicsps .pga .pic{height: 1.2rem;display: table-cell;vertical-align: middle;text-align: center;position: relative;background: #fff;margin: 0 1px}
.slidePicsps .pga .pic img{position: relative;z-index: 4}
.slidePicsps .pga .pic .bg{content: '';width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: 2;background: #fff;border: 1px solid #ddd;}
.slidePicsps .pga .pic:after{content: '';border: 1px solid #ddd;position: absolute;left: 3px;top: 3px;bottom: -3px;right: -3px; z-index: 1;background: #fff}
.slidePicsps .pga .pic:before{content: '';border: 1px solid #ddd;position: absolute;left: 6px;top: 6px;bottom: -6px;right: -6px;z-index: 0}
.slidePicsps .prevTit{width: 1.3rem}
.slidePicsps .nextTit{width: 1.3rem}
.slidePicsps .slidePicsp{width:calc(100% - 3.2rem)}
.slidePicsps .slidePicsp .btn{width:.3rem;height: 1.4rem;border: 1px solid #bbb;text-align: center;line-height: 1.4rem;cursor: pointer;color:#333}
.slidePicsps .slidePicsp .btn:hover{border: 1px solid #cbdbed;background: #cbdbed;color: #fff}
.slidePicsps .slidePicsp .btn.next{border-radius: 0 .1rem .1rem 0}
.slidePicsps .slidePicsp .btn.prev{border-radius:  .1rem  0 0 .1rem }
.slidePicsps .slidePicsp .slidePics{width:calc(100% - 1rem);padding-top: .2rem}
.slidePicsps .slidePicsp .slidePics .pic{height: 1rem;position: relative;margin: 0 1px}
.slidePicsps .slidePicsp .slidePics .pic img{margin:  0 auto}
.slidePicsps .slidePicsp .slidePics .swiper-slide .pic:before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;/* border: 1px solid #ddd; */content: ''}
.slidePicsps .slidePicsp .slidePics .swiper-slide-thumb-active .pic:before{border: none;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;/* border: 3px solid #006fd7; */content: ''}
@media screen and (max-width: 980px){
  .PicsCon .slidePicL .swiper-slide{height: 50vw}
  .PicsCon .slidePicL .sbtn{display: none}

}
@media screen and (max-width: 580px){

  .slidePicsps .slidePicsp{position: absolute;visibility: hidden;opacity: 0;z-index: -999 }
.PicsCon{max-width:100%;}
  .PicsCon .txtson .pageNum{width: 100%;text-align: center;border-right: 0;max-width: inherit;;margin-bottom: .2rem}
  .PicsCon .txtson .txtList{width: 100%;}
  .slidePicsps .prevTit,.slidePicsps .nextTit{width: 1.8rem}
  .picsTit h1{font-size: .24rem;line-height: 1.4em}
}

@media screen and (max-width: 980px){
    .big-nav .topser .sub{top:-50% !important;}
    }
    /* 可以修改的样式 */  
    /* 窗体样式 */
    .swip{width:.8rem;height:.3rem;background:rgba(19,96,182,1);color:#fff;display:block;text-align:center;line-height:.3rem;transition: all .8s;-webkit-transition: all .8s;}
    .swip:hover{border-radius:0 10px;color:#fff;}
    .pagepic_tablestyle_1
    {
        width:900px;}
    /* 组图标题样式 */
    .pagepic_newtitle_1
    {
        font-size:22px;
        line-height: 150%; 
        font-weight: bold;
        text-align:center;}    
    /* 组图简介样式 */
    .pagepic_newdesc_1
    {
        font-size:13px;
        line-height: 150%;}  
    /* 当前页总页数样式 */
    .pagepic_currenttotalsize_1
    {
        font-size:9pt; 
        float:left;
        padding-top:3px;
        text-align:center;  
        font-weight: bold;
        width:100%
    ;}  
    /* 图片行样式 */
    .pagepic_imgcontentstyle_1
    {
        height:520px;}
    /* 单个图片标题样式 */
    .pagepic_titlecontent_1
    {
        font-size:9pt;
        text-align:center;  
        font-weight: bold;
        line-height:28px 
    ;}  
    /* 单个图片内容样式 */
    .pagepic_desccontent_1
    {
        font-size:9pt;
        line-height: 150%; 
        text-align:left;  
        overflow:auto;
        height:60px;
        width:800px;}  
    /* 上一图集样式 */
    .pagepic_firstpagepic_1
    {
        font-size:9pt;
        line-height: 150%; 
        width:120px;
        text-align:center;
        border-left:1px solid #d6d6d6;
        background-color:#f2f2f2;}
    /* 下一图集样式 */
    .pagepic_nextpagepic_1
    {
        font-size:9pt;
        line-height: 150%; 
        width:120px;
        text-align:center;
        border-right:1px solid #d6d6d6;
        background-color:#f2f2f2;}
    /* 上下图集图片样式 */
    .pagepic_imgstyle_1
    {
        border:2px solid #eee;
        border-bottom-color:#999;
        border-right-color:#999;}
    /* 上下图集超链接样式 */
    A.pagepic_a_f_1:link{color: #000000;}  
    A.pagepic_a_f_1:visited{color: #000000;}  
    A.pagepic_a_f_1:active{color: #000000;}  
    A.pagepic_a_f_1:hover{color: #000000;}  
    
    /* 无需修改的样式 */
    .pagepic_borstyle_1
    {
        border:1px solid #d6d6d6; 
        padding:5px
    ;}
    /* 缩略图窗体样式 */
    .pagepic_smalltable_1
    {
        border-bottom:1px solid #d6d6d6; 
        border-left:1px solid #d6d6d6; 
        border-right:1px solid #d6d6d6;      
        height:116px;}
    /* 上一个箭头图片单元格样式 */
    .pagepic_lefttdarrow_1
    {
        padding-right:5px;width:1px
    ;}
    /* 下一个箭头图片单元格样式 */
    .pagepic_righttdarrow_1
    {
        padding-left:5px;width:1px
    ;}
    
      .totop{width: .4rem;height: .4rem;background: #4884c2;display: flex;justify-content: center;align-items: center;position: fixed;right: .2rem;bottom: 20%;opacity: 0;transition: all .8s;-webkit-transition: all .8s;z-index:16;}
      .totop.active{opacity: 1;}
      .totop:hover{background: #296fb7;}
    /* 可以修改的样式 */  
    /* 窗体样式 */
    .pagepic_tablestyle_0
    {
        width:960px;}
    /* 组图标题样式 */
    .pagepic_newtitle_0
    {
        font-size:22px;
        line-height: 150%; 
        font-weight: bold;
        text-align:center;}    
    /* 组图简介样式 */
    .pagepic_newdesc_0
    {
        font-size:13px;
        line-height: 150%;}  
    /* 当前页总页数样式 */
    .pagepic_currenttotalsize_0
    {
        font-size:14px; 
        float:left;
        padding-top:8px;
        width:70px;
        text-align:center;  
        font-weight: bold;}  
    /* 图片行样式 */
    .pagepic_imgcontentstyle_0
    {
        height:500px;}
    /* 单个图片标题样式 */
    .pagepic_titlecontent_0
    {
        font-size:9pt;
        text-align:left;
        font-weight: bold  
    ;}  
    /* 单个图片内容样式 */
    .pagepic_desccontent_0
    {
        font-size:9pt;
        line-height:28px 
        text-align:left;  
        overflow:auto;
        height:500px;
        width:260px;}  
    
    /* 无需修改的样式 */  
    .pagepic_tdstyle_0
    {
        height:500px;}
    .pagepic_borstyle_0
    {
        border:1px solid #d6d6d6; 
        padding:5px
    ;}
    
    .picsDg{height: 100vh;width: 100vw;padding-top: 0!important;/*background: url(../images/picbg1.png) #1e1f22;*/}
    .coverBg:before{content: '';position: absolute;width: 70%;height: 45%; right: 0;bottom: 0;/*background: url(../images/covermask.png) no-repeat bottom right;*/z-index:0;background-size: 100% 100%}
    .coverBg:after{content: '';position: absolute;width: 35.95%;height: 73%; left: 0;top: 0;/*background: url(../images/addmask.png) no-repeat left top;*/z-index:0;background-size: 100% 100%}
    .coverTxt .coverTitimg{position: absolute;left: 4vw;top:38%;transform: translateY(-50%);width: 2.13rem;z-index: 3}
    .coverTxt .coverinfo{position: absolute;right:4vw;bottom: 4vw;color: #fff;z-index: 5;max-width: 46%;text-align: right;}
    .coverTxt .coverinfo .tit{font-size: .28rem;margin-bottom: .2rem;}
    .coverTxt .coverinfo .desc{font-size: .18rem;margin-bottom: .2rem;}

.slide-pics .swiper-slide{ background-size:  cover !important;background-position: center !important;background: none !important;}
.slide-pics{ /*! top: 1.16rem */}
    .coverTxt{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 20;background: rgba(0,0,0,.2);}
    .slide-pics .swiper-slide{height: 100vh;width: 100vw;}
.slide-pics .swiper-slide .none{ display: inline-block !important;vertical-align: top;position: relative;top: 50%;transform: translateY(-50%);}
    .slide-pic .swiper-slide{}
    .slide-pics .swiper-slide .img-wrap{height:100vh;width: 100vw;display: table-cell;vertical-align: middle;text-align: center;padding-top: 1.16rem}
    .slide-pics .swiper-slide .img-wrap img{display: inline-block !important;max-height: 100%;}
    .desc-hide{position: absolute;left: 50%;top: -.4rem;display: block;width: .8rem;height: .4rem;margin-left: -.4rem;cursor: pointer;background: rgba(21,67,127,.6);border-radius: .4rem .4rem 0 0;text-align: center;color: #fff;line-height: .45rem;font-size: .24rem;color: #fff!important}
    .desc-show:before{content: "\eabe";font-family: "swiper-icons" !important;}
    
    #descToggle{background: #1f3357;width: .625rem;height: .3rem;display: flex;align-items: center;justify-content: center;border-radius: .3rem .3rem 0 0;font-size: .125rem;top: -.3rem;position: absolute;left: 50%;margin-left: -.3rem;font-weight: bold;padding: 4px 0 0;color: #fff;}
    .slide-picp .txts{position: absolute;left: 0;bottom: 0;right: 0;z-index: 10;color: #fff;background: #26272b;color: #fff;transition: .5s;}
    .slide-picp .txts.on{ transform:translateY(100%)}
    .slide-picp .txts.on .swi-down:before{ transform: rotateX(180deg)}
    .slide-picp .txts .txtson{padding: .2rem 3vw .3rem;}
    .slide-picp .txts .pageNum{max-width: 1rem;font-family: 'Georgia';font-size: .24rem}
    .slide-picp .txts .pageNum .swiper-pagination-current{color: #eacf95}
    .slide-picp .txts .txtList{width: calc(100% - 1rem);line-height: 1.6em}
    .slide-picp .txts ul li{display: none}
    .slide-picp .txts ul li:nth-child(1){display: block;}
    .slide-pics .sbtn a{position: absolute;top:50%;transform: translateY(-50%);z-index: 10;color: #fff;background: rgba(0,0,0,1);width: .6rem;height: 1rem;text-align: center;line-height: 1rem;font-size: .4rem}
    .slide-pics .sbtn a.prev{left: 0;display: none}
    .slide-pics .sbtn a.next{right: 0;display: none}
    .slide-pics .sbtn1 a{position: absolute;top:50%;transform: translateY(-50%);z-index: 10;color: #fff;background: rgba(0,0,0,1);width: .6rem;height: 1rem;text-align: center;line-height: 1rem;font-size: .4rem}
    .slide-pics .sbtn1 a.next{right: 0}
    .slide-pics .sbtn1 a.prev{left: 0;display: none}
    .pictopFix{position: fixed;top: 0;left: 0;right: 0;background: #26272b;z-index: 50;padding: .15rem 3vw;color: #fff;transition: .3s;height: 1.16rem;}
    .pictopFix .tits{width: calc(100% - 1.5rem)}
    .pictopFix .tits1{padding-left: .3rem;position: relative;margin-left: .3rem}
    .pictopFix .tits1:before{content: '';position: absolute;left: 0;width: 1px;height: 80%;top: 10%;background: #68686b}
    .pictopFix .tlogo img{height: .66rem}
    .pictopFix .hdtool{width:1.5rem}
    .pictopFix.show{top: 0;}
    .pictopFix a{color: #fff;}
    .pictopFix .tit{font-size: .28rem;margin-bottom: .1rem;}
    .pictopFix .infos{color: rgba(255,255,255,.8);}
    .pictopFix .hdtool .flex-right{align-items: center;}
    .pictopFix .hdtool a{font-size: .26rem;margin-left: .2rem;color: #fff}
    .pictopFix .hdtool a:nth-child(1){margin-left: 0;}
    .pictopFix .hdtool a.icon-guanbi{display: none}
    .picSs{position: fixed;top: 1.05rem;left: 0;right: 0;bottom: 0;z-index: 50;background: url(../images/picbg1.png) #1e1f22;padding: 10vh 10vw;display: none}
    .picSs .scbox{max-height: calc(80vh - 1.05rem);}
    .picSs .scbox ul li{width: calc(25% - .2rem);margin-right: .2rem;margin-bottom: .2rem;cursor: pointer;background: #000;} 
    .picSs .scbox ul li .pic{height: 2.2rem;opacity: .8;} 
    .picSs .scbox ul li.show .pic{opacity: 1;} 
    .picSs .scbox ul li img{display: block;width: 100%;height: 100%;} 
    @media screen and (min-width: 1921px){
    .picSs .scbox ul li{width: calc(20% - .2rem);margin-right: .2rem} 
    
    }
    @media screen and (max-width: 980px){
    .picSs{padding: 6vw 5vw;display: none}
    .picSs .scbox ul li{width: calc(33.3333% - .2rem);} 
    .picSs .scbox ul li .pic{height: 18vw;} 
    .coverTxt .coverinfo{max-width: 80%}
    .coverBg:before{width: 100%;height: 32%}
    .coverBg:after{width: 75%;height:70%}
      .coverTxt .coverTitimg{width:1.5rem;top:35%;}
    }
    @media screen and (max-width: 768px){
        .pictopFix .tits1{width: calc(100% - 2rem);}
         .slide-picp .txts .txtson{/* display:none; */}
      
    .pictopFix .tit{font-size:.2rem}
    
    }
    @media screen and (max-width: 640px){
    
    .coverTxt .coverinfo{max-width: inherit;left: 5vw;right: 5vw;bottom: 5vw}
    .coverTxt .coverinfo .tit,.pictopFix .tit{font-size: .24rem}
    .coverTxt .coverinfo .desc{font-size: .17rem}
    .coverTxt .coverTitimg{width: 1rem;top:25%;}
    
    .slide-pics .sbtn a{width: .5rem;height: .8rem;line-height: .8rem;font-size: .3rem}
    .slide-pics .sbtn1 a{width: .5rem;height: .8rem;line-height: .8rem;font-size: .3rem}
    .pictopFix{height: .9rem;padding: 0 3vw}
    .pictopFix .tits1{position: absolute;left: 0;top: 100% ;width: 100%;padding:.2rem 3vw;margin-left: 0;display: none}
    .pictopFix.show .tits1{display: block;}
    .pictopFix .tits1:before{display: none}
    .slide-pics .swiper-slide .img-wrap{padding-top: 0rem}
    .PicsCon .slidePicL .swiper-slide{height:60vw;}
    .slide-picp .txts .txtList{    height: 1rem;
        overflow-y: auto;}
    .slidePicsps{max-width:100%;}
    .slide-pics .swiper-slide .img-wrap img {
     
    }
}  
.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
#showinfo2{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 100000;background: #1e1f22; opacity: 0; visibility: hidden}
.picsDg #showinfo2{ opacity: 1; visibility: visible}

/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .18rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .18rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .18rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .18rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
} 

@media(min-width: 1024px){
    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img, .list6 li:hover .slow .imgLi{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
}