@charset "UTF-8";
:root {
  --ink: #1d1d1f;
  --muted: #626362;
  --soft: #f7f9fa;
  --grey: #f5f7f8;
  --paper: #ffffff;
  --line: #e4e8ea;
  --deep: #1d1d1f;
  --teal: #43AA65;
  --blue: #2971AB;
  --green: #43AA65;
  --aqua: #2971AB;
  --copper: #c0771a;
  --brand-red: #bc3940;
  --shadow: 0 10px 50px rgba(41, 113, 171, .15);
}
@font-face{font-family: 'thyFont1';src: url("../fonts/simpds.ttf");}
@font-face{font-family: 'thyFont2';src: url("../fonts/BEBAS.ttf");}
@font-face{font-family: 'thyFont3';src: url("../fonts/Questrial-Regular.ttf");}
@font-face{font-family: 'Cabin-Regular';font-style: normal;font-stretch: normal;font-display: swap;src: url('../fonts/Cabin-Regular.ttf') format('truetype');}
body{line-height: normal;font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serifsans-serif;}
main{width: 94%;max-width: 1400px;margin: 0 auto;display: block;*zoom: 1;}
main:before, main:after{content: " ";display: table;}
main:after{clear: both;}
html{background: #fff;overflow-x: hidden;width: 100%;}
/*样式重置*/
*,::after,::before{box-sizing:border-box;}
html{line-height: 1.15;-webkit-text-size-adjust: 100%;scrollbar-gutter: stable;}
body{margin: 0;/* max-width: 1920px; *//* margin: auto!important; */}
body:before, body:after{content:""; width:100%; display:block;}
h1{font-size: 2em;margin: .67em 0;}
hr{box-sizing: content-box;height: 0;overflow: visible;}
pre{font-family: monospace,monospace;font-size: 1em;}
a{background-color: transparent;}
abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong{font-weight: bolder;}
code, kbd, samp{font-family: monospace,monospace;font-size: 1em;}
small{font-size: 80%;}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
img{border-style: none;}
button, input, optgroup, select, textarea{font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input{overflow: visible;}
button, select{text-transform: none;}
[type=button], [type=reset], [type=submit], button{-webkit-appearance: button;}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{border-style: none;padding: 0;}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{outline: 1px dotted ButtonText;}
fieldset{padding: .35em .75em .625em;}
legend{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress{vertical-align: baseline;}
textarea{overflow: auto;}
[type=checkbox], [type=radio]{box-sizing: border-box;padding: 0;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height: auto;}
[type=search]{-webkit-appearance: textfield;outline-offset: -2px;}
[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button;font: inherit;}
details{display: block;}
summary{display: list-item;}
template{display: none;}
[hidden]{display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video{margin: 0;padding: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style: normal;font-weight: normal;}
ins{text-decoration: none;}
li{list-style: none;}
table{font-size: inherit;font: 100%;border-collapse: collapse;border-spacing: 0;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: 400;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;font-variant: normal;}
legend{color: #000;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select{border: 0;padding: 0;margin: 0;*font-size: 100%;line-height: 1.2;}
a img, img{-ms-interpolation-mode: bicubic;}
sub, sup{vertical-align: baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote{display: block;}
pre{white-space: pre-wrap;}
textarea{resize: none;overflow: auto;}
input[type=text]:focus, input[type=password]:focus, textarea:focus{outline: 0;}
button, input{outline: 0;}
input[type=password]::-ms-reveal{display: none;}
input::-ms-clear{display: none;}
input:-ms-input-placeholder{color: #999;}
.grey{background: var(--grey);}
.radius{border-radius: 12px;background: #fff;box-shadow: var(--shadow);}
/*样式重置*/
a:hover{color: var(--blue);}
a:active{color: var(--blue);}
/*滚动条*/
::-webkit-scrollbar{width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb{border:2px solid #fff;width: 5px;border-radius: 4px;background-color: #373c41;}
::-webkit-scrollbar-corner{background-color: #fff;}
::-webkit-scrollbar:horizontal{height: 9px;}
::-webkit-selection{background: #dcdddc;color: #000;}
.scroll::-webkit-scrollbar-thumb{border:0;border-bottom: 3px solid #fff;border-radius: 0;background: linear-gradient(135deg,var(--blue),var(--green));}
.scroll::-webkit-scrollbar:horizontal{height: 7px;}
/*通用间距*/
.section,.sec{position: relative;padding: 4.5rem 0;}
.main .section:not(:last-child){padding-bottom: 0;}
@media only screen and (max-width: 1440px){
.section,.sec{padding: 3.5rem 0;}}
@media only screen and (max-width: 1024px){
.section,.sec{padding: 2.5rem 0;}}
@media only screen and (max-width: 768px){
.section,.sec{padding: 2rem 0!important;}}
/*通用按钮*/
.button{display:inline-flex;font-size: 14px;align-items:center;justify-content:center;min-height: 35px;padding: 0 18px;/* border:1px solid transparent; */border-radius: 999px;font-weight:650;white-space:nowrap;}
.button.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--green));}
.button.big{font-size: 16px;min-height: 40px;padding: 0 20px;}
.button.max{color: #fff;font-size: 16px;min-height: auto;line-height: 3.5;font-weight: normal;text-align: center;padding: 0 50px;border-radius: 50px;}
.button.big:hover,.button.max:hover{opacity: .8;}
.button.secondary{color:#fff;background:#626362}
.button.ghost{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
.button.full{width:100%}
@media screen and (max-width: 1440px){
.button.big{font-size: 15px;}}
@media screen and (max-width: 1024px){
.button.big{font-size: 14px;min-height: 35px;}
.button.max{font-size: 15px;padding: 0 40px;}}
@media screen and (max-width: 768px){
.button.max{font-size: 14px;padding: 0 30px;}}
/*查看原图*/
.check{position: absolute;top: 0;left: 0;color: #fff;font-size: 20px;line-height: 2;padding: 0 10px;background: rgba(0,0,0,.5);opacity: 0;pointer-events: none;transition: all .5s;}
.check i{font-size: inherit;}
@media only screen and (max-width:1024px){
.check{opacity: 1;}}
/*通用标题*/
.title{position: relative;margin-bottom: 2vw;}
.title span{color: var(--muted);font-size: 18px;font-weight: 800;margin-bottom: 15px;text-transform: uppercase;}
.title h3{color: var(--ink);font-size: 46px;font-weight:700;line-height: 1.35;}
.title p{color: var(--muted);font-size: 18px;line-height: 1.7;margin-top: 20px;}
.title p.lnk{color: var(--ink);}
.title a{position: absolute;right: 0;bottom: 0;}
.title.green span{color: var(--green);}
.title.small{margin: 0;}
.title.small h3{font-size: 36px;}
.title.small p{font-size: 17px;margin-top: 15px;}
.in_title{position: relative;color: var(--ink);margin-bottom: 2vw;}
.in_title span{position: relative;color: var(--blue);font-size: 18px;font-weight: 800;text-transform: uppercase;display: none;}
.in_title span:after{content:"";display: inline-block;width: 50px;height: 2px;background: var(--blue);vertical-align: middle;margin-left: 20px;}
.in_title h3{position: relative;font-size: 46px;font-weight: bold;line-height: 1.5;}
.in_title p{color: var(--muted);font-size: 18px;margin-top: 10px;}
.in_title.white{color: #fff;}
.in_title.white span{color: #fff;}
.in_title.white span:after{background: #fff;}
@media only screen and (max-width: 1440px){
.title span{font-size: 17px;}
.title h3{font-size: 44px;}
.title p{font-size: 17px;margin-top: 15px;}
.title.small h3{font-size: 34px;}
.title.small p{font-size: 16px;margin-top: 10px;}
.in_title span{font-size: 18px;}
.in_title h3{font-size: 44px;}
.in_title p{font-size: 18px;}}
@media only screen and (max-width: 1024px){
.title{margin-bottom: 3vw;}
.title span{font-size: 16px;}
.title h3{font-size: 40px;}
.title p{font-size: 16px;margin-top: 10px;}
.title.small h3{font-size: 30px;}
.in_title{margin-bottom: 3vw;}
.in_title span{font-size: 16px;}
.in_title span:after{width: 45px;margin-left: 15px;}
.in_title h3{font-size: 40px;}
.in_title p{font-size: 16px;}}
@media only screen and (max-width: 768px){
.title{margin-bottom: 4vw;}
.title span{font-size: 12px;}
.title h3{font-size: 30px;}
.title p{font-size: 12px;margin-top: 8px;}
.title.small h3{font-size: 24px;}
.title.small p{font-size: 14px;margin-top: 5px;}
.in_title{margin-bottom: 4vw;}
.in_title span{font-size: 12px;}
.in_title span:after{width: 30px;height: 1px;margin-left: 10px;}
.in_title h3{font-size: 30px;}
.in_title p{font-size: 14px;}}
/*头部*/
.pc_header{position: fixed;top: 0;width: 100%;height: 100px;background: rgba(251, 251, 253, .85);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid rgba(84, 87, 92, .2);transition: all .5s ease;animation: fadeInDown 1s forwards;z-index: 999;}
.pc_header.on{animation: fadeOutUp 1s forwards;}
.pc_header .box{display: grid;grid-template-columns: auto 1fr auto auto;gap: 28px;align-items: center;padding: 0 2%;max-width: 1920px;margin: auto;}
.pc_header .box:before, .pc_header .box:after{display: none;}
.pc_header .header_logo{height: 100%;z-index: 20;display: flex;align-items: center;overflow: visible;}
.pc_header .header_logo a{position: relative;display: flex;align-items: center;}
.pc_header .header_logo img{display: inline-block;max-width: 100%;max-height: 60px;transition: all .5s;}
.pc_header .lang{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height: 35px;padding:0 12px;color: var(--blue);background:rgba(41,113,171,.08);border:1px solid rgba(41,113,171,.14);border-radius:999px;font-size:13px;font-weight:800}
.pc_header .header_lang{position: relative;padding-left: 40px;border-left: 1px solid rgba(0, 0, 0, .1);}
.pc_header .header_lang .lang_pc{position: relative;min-width: 125px;}
.pc_header .header_lang .lang_pc>a{position: relative;display: flex;color: #fff;font-size: 16px;height: 90px;white-space: nowrap;padding: 0 10px;z-index: 1;filter: invert(100%);opacity: .6;align-items: center;}
.pc_header .header_lang .lang_pc>a i{font-size: 12px;margin: 0 .3em;}
.pc_header .header_lang .lang_pc>a i:first-child{display:inline-block;vertical-align:middle;font-size:0;width: 20px;height: 20px;border-radius: 100%;background: url(../images/lang.gif) no-repeat center center;background-size: contain;margin-right: 5px;}
.pc_header .header_lang .lang_pc ul{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);min-width: 100%;background-color: #ffff;box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);opacity: 0;visibility: hidden;transition: all .5s;}
.pc_header .header_lang .lang_pc ul li{margin-left: 0 !important;float: left;border-bottom: 1px solid #ddd;width: 100%;text-align: left;}
.pc_header .header_lang .lang_pc ul li a{padding: 10px;display: block;color: #4f4f4f;position: relative;font-size: 14px;line-height: 1.5;white-space: nowrap;cursor: pointer;transition: all 0.3s ease-in-out;}
.pc_header .header_lang .lang_pc ul li img{height: 16px;margin-right: 8px;border: 1px solid #ddd;}
.pc_header .header_lang .lang_pc ul li a:hover{color: var(--blue);}
.pc_header .header_lang .cur ul{opacity: 1;visibility: visible;}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.pc_header .header_logo img{max-height: 50px;}
.pc_header .header_lang{padding-left: 30px;}
.pc_header .header_lang .lang_pc{min-width: 120px;}
.pc_header .header_lang .lang_pc>a,
.pc_header .header_lang .lang_pc ul li{font-size: 14px;}}
@media only screen and (max-width: 1024px){
.pc_header{width:100%;max-width:100%;height: 65px;background: #fff;backdrop-filter: none;animation: none!important;}
.pc_header .box{height: 100%;padding: 0 10px;grid-template-columns: 1fr auto auto 40px;gap: 10px;}
.pc_header .header_logo{width: auto;}
.pc_header .header_logo img{height: 40px;}
.pc_header .header_lang{position: static;padding: 0;margin-right: 60px;border: 0;}
.pc_header .header_lang .lang_pc{position: static;min-width: auto;}
.pc_header .header_lang .lang_pc>a{font-size: 14px;padding: 0;height: 60px;}
.pc_header .header_lang .lang_pc>a i{font-size: 10px;}
.pc_header .header_lang .lang_pc>a i:first-child{display: none;}
.pc_header .header_lang .lang_pc ul{display: flex;flex-wrap: wrap;top: 60px;left: 0;min-width: 100%;transform: none;}
.pc_header .header_lang .lang_pc ul li{width: calc(100% / 3);border-right: 1px solid #ddd;}
.pc_header .header_lang .lang_pc ul li:nth-child(3n){border-right: 0;}
.pc_header .header_lang .lang_pc ul li a{font-size: 12px;}}
@media only screen and (min-width: 1025px){
#tNav{display: flex;justify-content: flex-end;box-sizing: border-box;}
#tNav .tNavBox{width:100%;height:auto;overflow:visible;}
#tNav .navBtn{display:none;}
#tNav .navSliBtn{display:none;}
#tNav .iconJt,
#tNav .logo{display:none;}
#tNav .navUl{display: flex;gap: 30px;justify-content: center;}
#tNav .navLi{position: relative;padding: 0;min-width: 7%;display: inline-block;font-size: 1rem;}
#tNav .navLi:hover .tNavH::before,#tNav .navLi.cur .tNavH::before,#tNav .navSlink:hover:before{opacity: 1;transform: scaleX(1);}
#tNav .tNavH{position:relative;}
#tNav .tNavH::before{content:'';position:absolute;left: 0;right: 0;bottom: 0;height: 3px;background: linear-gradient(90deg, var(--blue), var(--green));opacity: 0;transform: scaleX(.4);transition:all .5s ease;}
#tNav .tNav .navName{position:relative;display:block;padding:0;color: #333;font-size: 16px;line-height: 100px;text-align:center;text-transform: capitalize;}
#tNav .tNav.active .navName:hover{color:var(--blue);}
#tNav .tNav.active .navName{color:#333;font-family: 'Cabin-Regular', cursive !important;}
#tNav .navName::after{content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--blue);font-weight:bold;display:none;}
#tNav .navLi:hover .navName{transform: translateY(0%);}
#tNav .slidBox{position: absolute;left: 50%;right: 0;width: 200%;min-width: 180px;opacity: 0;visibility: hidden;z-index: 110;margin: 0 auto;transform: translate3d(-50%, 20px, 0);transition: all .5s ease;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.075);}
#tNav .navLi:hover .slidBox{opacity: 1;visibility: visible;transform: translate3d(-50%, 0, 0);}
#tNav .navSbox{position: relative;float: none;width: 100%;margin-left: 0%;height: auto;overflow: hidden;font-size: 0;/* white-space: nowrap; */}
#tNav .navSli{position: relative;font-size: 14px;text-align: center;}
#tNav .navSli:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,.1);transition: all .5s ease;}  
#tNav .navSlink{position: relative;display:block;color: #333;line-height: 1;padding: 15px;}
#tNav .navSlink:before{content: '';position: absolute;bottom: 8px;left: 30%;width: 40%;height: 2px;opacity: 0;transform: scaleX(.4);background: linear-gradient(90deg, var(--blue), var(--green));transition: all .5s ease;}
#tNav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1);}
#tNav .navSli:hover .navSlink{color: var(--blue);}
#tNav .navSli:hover .navSlink::after{width: 100%;opacity: 1;}
.white #tNav .tNav .navName{color: #fff;}}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
#tNav .tNav{width: 100%;margin: 0 auto;overflow: visible;}
#tNav .tNav .navName{font-size: 16px;}}
@media only screen and (max-width: 1200px) and (min-width: 1025px){
#tNav{/* width: 70%; */}
#tNav .tNav .navName{font-size: 15px;}}
@media only screen and (max-width: 1024px){
body:before{height: 65px;}
#tNav{position: absolute;right: 0;width: 60px;}
#tNav .leftBox{display:none;}
#tNav .tNavBox{position:relative;height: 60px;background:none;}
#tNav .navBtn{position: absolute;top: 50%;right: 10px;margin-top: -20px;border: 1px solid var(--line);width: 40px;height: 40px;padding: 12px 8px;border-radius: 3px;overflow: hidden;}
#tNav .navBtn span{position: relative;right: 0;display: block;width: 100%;height: 2px;margin: 5px auto;background: var(--ink);transition: 0.3s;}
#tNav .navBtn span:nth-of-type(1){margin-top: 0;}
#tNav .navBtn span:nth-of-type(3){margin-bottom: 0;}
#tNav .navBtn.cur span:nth-of-type(1){transform: translateY(7px) rotate(-45deg);}
#tNav .navBtn.cur span:nth-of-type(2){opacity: 0;right: -35px;}
#tNav .navBtn.cur span:nth-of-type(3){transform: translateY(-7px) rotate(45deg);}
#tNav .tNav{position: fixed;top: 65px;left:0;right:0;width: 100%;height: 0;overflow: hidden;z-index:999;background: rgba(255, 255, 255, 0.9);backdrop-filter: saturate(180%) blur(20px);transition:all .5s ease;}
#tNav .tNavHeight{height: 100%;}
#tNav .tNav .logo{height: 70px;display: flex;padding-left: 1rem;display: none;}
#tNav .tNav .logo a{width: 30%;min-width: auto;}
#tNav .tNav .logo img{max-width: 100%;max-height: 50px;}
#tNav .slidBox{display:none;}
#tNav .navUl{background: none;overflow:hidden;}
#tNav .navLi{position: relative;border-bottom: 1px solid rgba(0,0,0,.1);}
#tNav .tNavH{position: relative;line-height: 46px;padding: 0 8%;font-size: 14px;font-weight:normal;transition: all .5s ease;}
#tNav .tNavHBac{background: var(--blue);}
#tNav .navName{display: block;width: 100%;height: 100%;color: #333;}
#tNav .iconJt{position:absolute;top: 0;right:2%;display:flex;width:46px;height:46px;justify-content:center;align-items:center;color: #666;font-size:0.875rem;transition:all .5s ease;}
#tNav .iconJtRotate{transform: rotate(-180deg);}
#tNav .tNavHBac .navName,
#tNav .tNavHBac .iconJt{color: #fff;}
#tNav .navSbox{padding: 10px 0;background: rgba(0,0,0,.1);}
#tNav .navSli{padding-left: 8%;font-size: 0.875rem;height: 38px;line-height: 38px;}
#tNav .navSlink{display:block;width:100%;height:100%;color: #666;}}
@media only screen and (max-width: 768px){
body:after{/* height: 60px; */}
#tNav .tNav .logo a{width: 70%;}}

.news_ban{display: flex;justify-content: space-between;margin-bottom: 3rem;}
.news_ban .left{position: relative;width:62.5%;background: #000;text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
.news_ban .left .img{position: relative;width: 100%;padding-bottom:49%;overflow: hidden;opacity: .7;}
.news_ban .left .img img{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.news_ban .left .cover{position:absolute; left:0; width:100%; height:100%; top:0; background:none;}
.news_ban .left .cover a{display:block;}
.news_ban .left .cover .box{padding: 50px;}
.news_ban .left .cover .box .date{font-family: Arial;color: var(--blue);font-size: 16px;margin-bottom:15px;text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 5px;}
.news_ban .left .cover .box .tit{color: #fff;font-size: 26px;font-weight:bold;}
.news_ban .left .cover .box .con{color: #fff;font-size:16px;line-height: 2;margin-top: 25px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.news_ban .right{width:34.5%;margin: 0;background: #f6f6f6 url(../images/news_bg1.jpg) right bottom / cover;}
.news_ban .right .rect{position: relative;width: 100%;height: 0;padding-bottom: 88.6%;overflow: hidden;}
.news_ban .right .box{padding:65px 50px;}
.news_ban .right .box .date{font-family: Arial;color: #333;font-size:16px;margin-bottom:20px;}
.news_ban .right .box .tit{font-size: 24px;font-weight:bold;color:#000;line-height:1.2;}
.news_ban .right .box .con{color: #5a5a5a;font-size:16px;line-height: 2;text-align: justify;margin-top: 25px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.news_ban .right .box .links a{display:inline-block; vertical-align:middle; padding:0 12px; height:28px; line-height:28px; border:1px solid #6a6a6a; text-align:center; color:#6a6a6a; margin-right:8px; margin-bottom:5px;}
.news_ban .right .box .links a:hover{background:#fac109; border-color:#fac109; color:#fff;}
.news_ban .right .btn{position:absolute;bottom:50px;left: 50px;display: flex;z-index: 1;}
.news_ban .right .btn>div{position: revert;width:50px;height:50px;color: #fff;font-size: 20px;font-weight: bold;margin: 0;background: var(--blue);}
.news_ban .right .btn>div:after{font-size: inherit;}
.news_ban .right .btn .swiper-button-next{color: #333;margin-left: 8px;background: #dfddde;}
@media only screen and (max-width: 1440px){
.news_ban .left .cover .box,
.news_ban .right .box{padding: 40px;}
.news_ban .left .cover .box .tit,
.news_ban .right .box .tit{font-size: 22px;}
.news_ban .left .cover .box .con,
.news_ban .right .box .con{font-size: 15px;margin-top: 20px;}
.news_ban .right .btn{bottom: 40px;left: 40px;}}
@media only screen and (max-width: 1024px){
.news_ban .left .cover .box,
.news_ban .right .box{padding: 30px;}
.news_ban .left .cover .box .date,
.news_ban .right .box .date{font-size: 14px;margin-bottom: 15px;}
.news_ban .left .cover .box .tit,
.news_ban .right .box .tit{font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_ban .left .cover .box .con,
.news_ban .right .box .con{font-size: 14px;margin-top: 15px;-webkit-line-clamp: 3;}
.news_ban .right .btn{bottom: 30px;left: 30px;}
.news_ban .right .btn>div{width: 40px;height: 40px;font-size: 16px;}}
@media only screen and (max-width: 768px){
.news_ban{display: none;}}

.newListBox{padding: 4rem 0;}
.newListBox .news_list .rect-667{position: relative;width: 100%;padding-bottom: 60%;overflow: hidden;}
.newListBox .news_list .rect-667 img{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.newListBox .news_list ul li{line-height: 1.6;margin-bottom: 3rem;}
.newListBox .news_list ul .box{overflow: hidden;}
.newListBox .news_list ul .box a{display: flex;background: #f6f6f6;}
.newListBox .news_list ul .img{flex: none;width: 25%;}
.newListBox .news_list ul .txt{display: flex;flex: 1;min-width: 0;padding: 30px;margin-right: 30px;flex-direction: column;justify-content: center;}
.newListBox .news_list ul .txt .t{color: #333;font-size: 24px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.newListBox .news_list ul .txt .c{color: #5a5a5a;font-size: 16px;line-height: 1.8;text-align: justify;margin-top: 15px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;transition: all .5s;}
.newListBox .news_list ul .txt .tool{display: none;color: #666;font-size: 14px;margin-top: 5px;}
.newListBox .news_list ul .date{position: relative;display: flex;width: 10%;font-family: Arial;color: #9c9c9c;font-size: 20px;line-height: 1;flex-direction: column;justify-content: center;align-items: center;transition: all .5s;}
.newListBox .news_list ul .date:before{content:"";position: absolute;top: 50%;left: -10px;margin-top: -10px;border-width: 10px;border-style: dashed;border-bottom-style: solid;border-color: transparent;border-right-color: transparent;border-left: none;transition: all .5s;}
.newListBox .news_list ul .date span{display: block;font-size: 68px;margin-bottom: 15px;}
.newListBox .news_list ul li:hover .txt .t{color:var(--blue);}
.newListBox .news_list ul li:hover img{transform: scale(1.1);}
.newListBox .news_list ul li:hover .date{color: #fff;background: var(--blue);}
.newListBox .news_list ul li:hover .date:before{border-right-color: var(--blue);}
@media only screen and (max-width: 1440px){
.newListBox{padding: 3rem 0;}
.newListBox .news_list ul .txt .t{font-size: 22px;}
.newListBox .news_list ul .txt .c{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.newListBox{padding: 2rem 0;}
.newListBox .news_list ul li{margin-bottom: 2rem;}
.newListBox .news_list ul .txt{padding: 20px;margin-right: 20px;}
.newListBox .news_list ul .txt .t{font-size: 20px;}
.newListBox .news_list ul .txt .c{font-size: 14px;margin-top: 10px;}
.newListBox .news_list ul .date{font-size: 16px;}
.newListBox .news_list ul .date span{font-size: 50px;margin-bottom: 10px;}}
@media only screen and (max-width: 768px){
.newListBox{padding: 1rem 0;}
.newListBox .news_list ul li{margin-bottom: 3%;}
.newListBox .news_list ul li:last-child{margin-bottom:0;}
.newListBox .news_list ul .img{width: 40%;}
.newListBox .news_list ul .txt{margin: 0;}
.newListBox .news_list ul .txt .t{font-size: 18px;}
.newListBox .news_list ul .txt .c{font-size: 14px;line-height: 1.5;}
.newListBox .news_list ul .txt .tool{display: block;}
.newListBox .news_list ul .date{display: none;}}
@media only screen and (max-width: 480px){
.newListBox .news_list ul .txt{padding: 10px;}
.newListBox .news_list ul .txt .t{font-size: 16px;}
.newListBox .news_list ul .txt .c{font-size: 13px;display: none;}}

.newslist .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap: 20px;max-width:1600px;margin:0 auto}
.newslist .news-card{position: relative;overflow:hidden}
.newslist .card-img{position: relative;width:100%;overflow: hidden;}
.newslist .card-img:before{content: "";display: block;padding-top: 62%;}
.newslist .card-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(17,17,17,.35);transition:background .3s}
.newslist .card-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .5s;}
.newslist .card-text{position:absolute;top: 20px;right: 20px;left: 20px;color:#fff}
.newslist .card-tag{color: rgba(255,255,255,.8);font-size: 16px;margin-bottom: 10px;}
.newslist .card-title{font-size:20px;line-height: 1.5;font-weight:500}
.newslist .card-date-area{display:flex;justify-content:space-between;align-items: center;padding: 1em 0;margin-right: 20px;margin-left: 20px;}
.newslist .day-num{color: var(--green);font-size:56px;font-weight: 700;line-height:1}
.newslist .year-month{color: rgba(17,17,17,.5);font-size: 14px;line-height: 1.2;text-align:right;}
.newslist .news-card:hover .card-img img{transform: scale(1.05);}
.newslist .news-card:hover .card-img:after{background-color: rgba(17, 17, 17, .6); }
@media only screen and (max-width: 1440px){
.newslist .card-text{top: 2vw;right: 2.6vw;left: 2.6vw;}
.newslist .card-tag{font-size: 14px;}
.newslist .card-title{font-size: 16px;}
.newslist .card-date-area{margin-right: 2.6vw;margin-left: 2.6vw;}
.newslist .day-num{font-size: 36px;}
.newslist .year-month{font-size: 12px;}}
@media (max-width:1024px){
.newslist .news-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){
.newslist .card-text{top: 20px;right: 20px;left: 20px;}
.newslist .card-tag{font-size: 12px;}
.newslist .card-date-area{margin-right: 20px;margin-left: 20px;}}
@media (max-width:640px){
.newslist .news-grid{grid-template-columns:1fr}}

.solution  ul{display: flex;flex-direction: column;gap: 25px;}
.solution  ul li{padding: 25px;border-radius: 10px;border: 2px solid var(--line);transition: all .5s;}
.solution  ul li:hover{border-color: var(--blue);}.solution .box{overflow: hidden;}
.solution .box a{display: grid;grid-template-columns: 280px 1fr;gap: 30px;align-items: center;}
.solution .img{position: relative;width: 100%;padding-bottom: 65%;border-radius: 6px;overflow: hidden;}
.solution .img img{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.solution .txt{min-width: 0;display: flex;flex-direction: column;gap: 15px;}
.solution .txt h3{color: var(--ink);font-size: 26px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.solution .txt p{color: var(--muted);font-size: 16px;line-height: 1.6;text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.solution .txt span{color: var(--teal);font-size: 16px;font-weight: 800;}
.solution li:hover img{transform: scale(1.1);}
@media only screen and (max-width: 1024px){
.solution ul{gap: 20px;}
.solution ul li{padding: 20px;}
.solution .box a{grid-template-columns: 250px 1fr;gap: 20px;}
.solution .txt{gap: 10px;}
.solution .txt h3{font-size: 24px;}
.solution .txt p,
.solution .txt span{font-size: 15px;}}
@media only screen and (max-width: 768px){
.solution ul{gap: 15px;}
.solution ul li{padding: 15px;}
.solution .box a{grid-template-columns: 220px 1fr;gap: 15px;}
.solution .txt{gap: 8px;}
.solution .txt h3{font-size: 20px;}
.solution .txt p,
.solution .txt span{font-size: 14px;}}
@media only screen and (max-width: 480px){
.solution ul li{padding: 10px;}
.solution .box a{grid-template-columns: 1fr;gap: 10px;}}

.job_list{margin: 4rem 0;}
.job_list .job-tit{display: flex;color:#fff;font-size: 16px;line-height: 70px;background: var(--blue);}
.job_list .job-tit i{font-size: 25px;margin-right: 5px;vertical-align: bottom;}
.job_list ._jt {display: flex;color: #666;line-height: 70px;cursor:pointer;border-bottom:1px solid #dedede;align-items: center;transition: all .5s ease;}
.job_list ._jt._jt_act{background: #eee;}
.job_list ._ut{width: 20%;padding-left: 40px;}
.job_list .open{transition: all .5s ease;}
.job_list ._jt_act .open{transform: rotate(-180deg);}
.job_list ._t1{width: 35%;}
.job_list ._jc{display:none;border-bottom: 1px solid #dedede;}
.job_list ._jcon{padding:40px;}
.job_list .job-btn{display: block;width: 100px;color:#fff;font-size: 15px;line-height: 2.7;text-align: center;margin-top:40px;border-radius:3px;cursor: pointer;background: var(--blue);}
.job_list .tit{position: relative;color: #666;font-size:16px;margin-bottom:20px;}
.job_list .tit:before{content: '';display: inline-block;width: 10px;height: 10px;margin-right: 10px;background: var(--blue);}
.job_list .info{color: #666;font-size: 13px;line-height: 2;}
@media only screen and (max-width: 1024px){
.job_list .job-tit{font-size: 14px;line-height: 60px;}
.job_list .job-tit i{font-size: 22px;}
.job_list ._jt{line-height: 60px;}
.job_list ._ut{padding-left: 20px;}
.job_list ._jcon{padding: 20px;}
.job_list .job-btn{font-size: 14px;margin-top: 20px;}}
@media only screen and (max-width: 768px){
.job_list{margin: 2rem 0;}
.job_list .job-tit{line-height: 50px;}
.job_list .job-tit i{font-size: 22px;}
.job_list ._jt{font-size: 12px;line-height: 50px;}
.job_list ._t2,
.job_list ._t4{display: none;}
.job_list ._ut{width: 45%;}
.job_list .info{font-size: 12px;}}

footer{padding-top: 4.2vw;background: radial-gradient(circle at 80% 20%, rgba(67, 170, 101, .28), transparent 28%),    linear-gradient(140deg, #1d1d1f, #21557c 41%, #2d7681 73%, #42a966);background-size: cover;}
footer .social{color: #fff;}
footer .social h3{font-size: 30px;}
footer .social .list{display:flex;gap: 10px;font-size:22px;padding: 1.5vw 0;}
footer .social .list a{position: relative;display: flex;min-width: 7%;color: inherit;font-size: 36px;border-radius: 5px;padding: 8px 1vw;border: 1px solid rgba(255,255,255,.3);justify-content: center;cursor: pointer;}
footer .social .list a:hover{color: rgba(255,255,255,.5);border-color: #fff;}
footer .social .list i{font-size: inherit;}
footer .social .list .img{position: absolute;bottom: 100%;left: 50%;margin-bottom: 15px;margin-left: -60px;width: 120px;border-radius: 5px;background: rgba(255,255,255,.3);backdrop-filter: saturate(180%) blur(20px);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);}
footer .social .list .img:before{content:" ";display: block;padding-bottom: 100%;}
footer .social .list .img:after{content:" ";position: absolute;bottom: -15px;left: 50%;margin-left: -7px;width: 0;height: 0;border: 8px solid transparent;border-bottom: 0;border-top-width: 15px;border-top-color: rgba(255,255,255,.3);z-index: 7;}
footer .social .list .img img{position: absolute;top: 0;width: 100%;height: 100%;padding: 5px;}
footer .social .list a:hover .img{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
footer .bottom{display: flex;justify-content: space-between;padding: 2.5vw 0;border-top: 1px solid rgba(255, 255, 255, .3);border-bottom: 1px solid rgba(255, 255, 255, .3);}
footer .left{display: flex;flex-wrap: wrap;flex: none;width: 75%;margin-top: 12px;}
footer .left dl{flex: 1;min-width: 0;padding-right: 2rem;}
/*footer .left dl:nth-child(3){flex: 2;}
footer .left dl:nth-child(3) dd{display: grid;grid-template-columns: repeat(2, 1fr);padding-right: 4rem;}*/
footer .left dl dt,
footer .right dt{color: #fff;font-size: 22px;margin-bottom: 20px;}
footer .left dl i{display: none;}
footer .left .box{display: flex;flex-wrap: wrap;}
footer .left .box p{width: 50%;}
footer .bottom p{color: #fff;font-size: 16px;line-height: 1;padding: .5rem 0;/* max-width: 80%; */}
footer .bottom p a{color: inherit;opacity: .7;}
footer .bottom p a:hover{opacity: 1;}
footer .right dt{display: flex;text-align: right;justify-content: flex-end;}
footer .right dt a{color: #fff;line-height: 2.5;padding: 0 15%;border-radius: 999px;background: rgba(255,255,255,.4);}
footer .copyright{display: flex;color: rgba(255,255,255,.6);font-size: 16px;line-height: 3;padding: 1.5vw 0;}
footer .copyright span{margin-right: 10px;}
footer .copyright span:nth-last-child(2){margin: 0;margin-left: auto;}
footer .copyright span img{vertical-align: sub;}
footer .copyright a{color: inherit;}
@media only screen and (max-width: 1440px){
footer .social h3{font-size: 28px;}
footer .left dl dt,
footer .right dt{font-size: 20px;}
footer .bottom p,
footer .copyright{font-size: 14px;}}
@media only screen and (max-width: 1024px){
footer .social h3{font-size: 26px;}
footer .social .list a{font-size: 30px;padding: 5px 1vw;}
footer .left{width: 100%;}
footer .right{display: none;}}
@media only screen and (max-width: 768px){
footer .social{display: none;}
footer .bottom{margin: 0;border: 0;padding: 0;}
footer .left{margin: 0;}
footer .left dl{flex: none;min-width: auto;width: 100%!important;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, .3);}
footer .left dl dt{font-size: 16px;margin: 0;}
footer .left dl i{display: block;color: #fff;cursor: pointer;font-size: 12px;height: 12px;transition: all .5s ease;}
footer .left dl i.iconJtRotate{transform: rotate(180deg);}
footer .left dl dd,
footer .left dl:nth-child(3) dd{display: none;width: 100%;padding: 10px;margin-top: 10px;background: rgba(255, 255, 255, .1);}
footer .copyright{line-height: 2;padding: 16px 0;display: flex;flex-direction: column;}    
footer .copyright font{display: none;}
footer .copyright span{width: 100%;margin: 0;text-align: center;}
footer .copyright span:first-child{display: none;}}
/*内页*/
.small_banner{position: relative;max-height: 430px;height: 38vw;display: flex;overflow: hidden;align-items: center;margin-top: 100px;}
.small_banner .pic{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: no-repeat center/cover;}
.small_banner .mask{position: relative;color: #fff;}
.small_banner .mask span{font-size: 18px;font-weight: 800;line-height: 120%;text-transform: uppercase;opacity: .76;}
.small_banner .mask h3{font-size: 50px;font-weight: 720;margin: 10px 0 35px;}
.small_banner .mask p{width: 55%;font-size: 18px;line-height: 1.75;opacity: .76;}
@media only screen and (max-width: 1024px){
.small_banner{max-height: 300px;margin: 0;}
.small_banner .mask h3{font-size: 44px;margin: 5px 0 20px;}
.small_banner .mask span,
.small_banner .mask p{font-size: 16px;}}
@media only screen and (max-width: 768px){
.small_banner .mask{width: 100%;}
.small_banner .mask h3{font-size: 38px;margin: 5px 0 15px;}
.small_banner .mask span,
.small_banner .mask p{width: 100%;font-size: 15px;}}
@media only screen and (max-width: 640px){
.small_banner{height: 200px;}
.small_banner .mask h3{font-size: 34px;margin: 5px 0 0;}
.small_banner .mask span{font-size: 12px;}
.small_banner .mask p{display: none;}}

.location{position: sticky;top: 0;background: rgba(251, 251, 253, .86);border-bottom: 1px solid var(--line);backdrop-filter: blur(14px);z-index: 9;}
.ny_class{display: flex;gap: 8px;padding: 10px 0;overflow-x: auto;flex-wrap: wrap;}
.ny_class a{position: relative;flex: 0 0 auto;color: #666;font-size: 16px;line-height: 2.3;padding: 0 20px;display: block;border-radius: 50px;border: 1px solid transparent;background: rgba(29, 29, 31, .05);}
.ny_class a:hover,.ny_class a.cur{color: var(--blue);background: rgba(41, 113, 171, .08);border: 1px solid rgba(41, 113, 171, .14);}
@media only screen and (max-width: 1024px){
.location{top: 65px;}
.ny_class a{font-size: 15px;}}
@media only screen and (max-width: 768px){
.ny_class a{font-size: 14px;}}

.nr_page{position: relative;background-color: #fff;min-height: 640px;}
.nr_page .list_box{width: 100%;padding: 4%;}
.nr_page h1{max-width: 80%;color: var(--ink);font-size: 30px;font-weight: 700;text-align: center;word-break: break-all;margin: auto;}
.nr_page .status{position: relative;color: var(--muted);font-size: 14px;text-align: center;padding: 20px 0;overflow: hidden;border-bottom: 1px solid #d9d9d9;}
.nr_page .status a{color: inherit;}
.nr_page .intro{color: #595959;font-size: 14px;padding: 10px;white-space: normal;background: #f2f2f2;margin-bottom: 20px;}
.nr_page .content{font-size: 16px;padding: 20px 0;word-break: break-word !important;overflow: hidden;}
.nr_page .content>h1{color: #151515;font-size: 36px;font-weight: bold;}
.nr_page .content>h2{position: relative;color: #151515;font-size: 28px;font-weight: bold;padding-bottom: 1.5%;margin-bottom: 3%;border-bottom: 1px solid #d8d8d8;}
.nr_page .content>h2 strong{position: relative;top: -1px;padding-bottom: 1.5%;border-bottom: 3px solid #1c202b;}
.nr_page .content>h3{color: #151515;font-size: 28px;font-weight: bold;padding-bottom: 1%;}
.nr_page .content p{color: var(--muted);line-height: 2;}
.nr_page .content p a{color: #1c202b;text-decoration: underline;}
.nr_page .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
@media only screen and (max-width: 1600px){
.nr_page .content>h1{font-size: 32px;}
.nr_page .content>h2{font-size: 25px;}
.nr_page .content>h3{font-size: 26px;}}
@media only screen and (max-width: 768px){
.nr_page .content{font-size: 14px;padding: 10px 0;}
.nr_page .content>h1{font-size: 22px;}
.nr_page .content>h2{font-size: 18px;}
.nr_page .content>h3{font-size: 18px;}}

.nr_page .key{color: #595959;}
.nr_page .key span{color: #595959;}
.nr_page .key p{display: inline-block;}
.nr_page .key button{font-size: 14px;margin: 2px;padding: 6px 5px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.nr_page .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.nr_page .reLink{display: flex;margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;overflow: hidden;}
.nr_page .prev,.nr_page .next{width: 50%;color: #595959;line-height: 1.5;}
.nr_page .prev a,.nr_page .next a{color: #595959;}
.nr_page .next{text-align: right;}
.nr_page .relevant{margin-top: 30px;border: 1px solid rgba(41, 113, 171, .14);}
.nr_page .relevant .tit{background: rgba(41, 113, 171, .08);}
.nr_page .relevant .tit h3{color: var(--blue);font-size: 18px;font-weight: 700;line-height: 3;padding: 0 15px;}
.nr_page .relevant .list{padding: 20px;border-top: 1px solid rgba(41, 113, 171, .14);}
.nr_page .relevant ul li{width: calc(100% / 3);padding-top: 20px;}
.nr_page .relevant ul li .box{display:block;width:100%;height:100%;position:relative;transition:all .5s ease;}
.nr_page .relevant ul li .img{position: relative;width:100%;padding-bottom:62%;border-radius: 10px;overflow: hidden;}
.nr_page .relevant ul li .img img{position:absolute;width:100%;height:100%;top: 0;left: 0;object-fit: cover;}
.nr_page .relevant ul li .txt{width:100%;padding:20px 10px;box-sizing: border-box;}
.nr_page .relevant ul li span{color:#999;}
.nr_page .relevant ul li h3{color: var(--ink);font-size:1.125rem;line-height: 2.25;font-weight: 700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nr_page .relevant ul li .line{width:5%;height: 1px;margin: 10px 0;background: linear-gradient(135deg,var(--blue),var(--green));transition: all .5s;}
.nr_page .relevant ul li p{color: var(--muted);font-size: 14px;line-height: 1.8;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp: 3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap: break-word;}
.nr_page .relevant ul li:hover .box{transform:translateY(-15px);}
.nr_page .relevant ul li:hover .line{width:100%;}
.nr_page .relevant .swiper-pagination{position: relative;bottom: auto;margin-top: 2%;}
.nr_page .relevant .swiper-pagination-bullet{width: 12px;height: 12px;position: relative;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);opacity: 1;transition: all .5s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.nr_page .relevant .swiper-pagination-bullet:hover:after{transform: scale(2);}
.nr_page .relevant .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;transition: all .5s ease;}
.nr_page .relevant .swiper-pagination-bullet-active{border: 2px solid #fff;}
.nr_page .relevant .swiper-pagination-bullet-active:after{width: 0;height: 0;transform: scale(0);}
@media only screen and (max-width: 768px){
.nr_page{min-height: auto;}
.nr_page h1{max-width: 100%;font-size: 18px;line-height: 1.6;margin-top: 10px;}
.nr_page .status{border: 0;line-height: 24px;padding: 10px 0;border-bottom: 1px solid #d9d9d9;}
.nr_page .status>span#switcher,
.nr_page .status .articleShare{display: none;}
.nr_page .intro{display: none;}
.nr_page .key button{font-size: 12px;padding: 5px 3px;}
.nr_page .reLink{display: block;margin-top: 15px;padding: 0;border: 0;}
.nr_page .reLink span{font-weight: bold;}
.nr_page .prev,.nr_page .next{width: auto;text-align: left;background: #f2f2f2;padding: 10px;margin: 2vw auto;}
.nr_page .relevant{margin-top: 10px;}
.nr_page .relevant .tit h3{font-size: 16px;}
.nr_page .relevant .list{padding: 10px;}
.nr_page .relevant ul li{width: 100%;padding-top: 0;}
.nr_page .relevant ul li:hover .box{transform:translateY(0);}
.nr_page .relevant ul li:hover .line{width: 5%;}}

.imgListBox{margin: 4rem 0;}
.img_list{display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1.3%;}
.img_list li{width: calc( 100% / 3 - 2.6%);margin: 0 1.3%;margin-bottom: 2.6%;padding: 10px;padding-bottom: 0;background: #f6f6f6;box-sizing: border-box;transition: all .5s;}
.img_list li .img{position: relative;width: 100%;padding-bottom: 70%;background: #fff;overflow: hidden;}
.img_list li .img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: contain;transition: all .5s;}
.img_list li h3{color: #666;font-size: 16px;line-height: 3.5;text-align: center;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s;}
.img_list li:hover{background: var(--blue);}
.img_list li:hover img{transform: scale(1.1);}
.img_list li:hover h3{color: #fff;}
.img_list.honor li{width: calc(100% / 4 - 2.6%);}
.img_list.honor li .img{padding-bottom: 140%;}
@media only screen and (max-width: 1440px){.img_list li h3{font-size: 15px;}}
@media only screen and (max-width: 768px){
.imgListBox{margin: 2rem 0;}
.img_list li,
.img_list.honor li{width: calc( 100% / 2 - 4%);margin: 0 2%;margin-bottom: 4%;padding: 5px;padding-bottom: 0;}
.img_list li h3{font-size: 14px;line-height: 2.5;}}

.pglist{text-align: center;padding-top: 30px;}
.pglist:before, .pglist:after{content: " ";display: table;}
.pglist:after{clear: both;}
.pglist li{display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.pglist li a{min-width: 38px;color: #666;font-size: 14px;display: inline-block;padding: 0 10px;margin: 2.5px;text-align: center;line-height: 38px;background: #ddd;border-radius: 50%;box-sizing: border-box;transition: all .5s ease;}
.pglist li:hover a,
.pglist li.active a{color: #fff;background: var(--blue);border-color: var(--blue);}
@media only screen and (max-width: 768px){
.pglist{padding-top: 20px;}
.pglist li a{min-width: 30px;font-size: 12px;line-height: 30px;padding: 0 5px;}}

/*右侧悬浮*/
.right_bar{position:fixed;top: 50%;right: -60px;margin-top: -100px;width:50px;height:203px;z-index:10;opacity: 0;transition: all .5s;}
.right_bar.cur{right: 0;opacity: 1;}
.right_bar.no{display: none;}
.right_bar li{position: relative;left: 0;width:62px;height:50px;margin-bottom: 1px;z-index:20;transition: all .5s;}
.right_bar li.tel{width: 200px;}
.right_bar li.book{width:126px;}
.right_bar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background: linear-gradient(135deg,var(--blue),var(--green));opacity:0.8;border-radius:6px;}
.right_bar li a i{display:block;float:left;vertical-align:middle;width:24px;height:24px;font-size: 24px;line-height: normal;margin:12px 12px 14px 14px;}
.right_bar li a:hover{opacity:1;}
.right_bar li.tel:hover{left: -144px;}
.right_bar li.ewm:hover .rtbar_shwx{opacity: 1;visibility: visible;}
.right_bar li.book:hover{left: -70px;}
.rtbar_shwx{position: absolute;top:-120px;left: -160px;padding: 10px;border-radius: 6px;background: linear-gradient(135deg,var(--blue),var(--green));opacity: 0;visibility: hidden;transition: all .5s;}
.rtbar_shwx:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent var(--green);border-width: 8px;width: 0;height: 0;position: absolute;top: 18px;right: -16px;}
.rtbar_shwx img{width: 130px;border: 1px solid #fff;border-radius: 6px;}
.rtbar_shwx{top: 0;}
.right_bar.white li a{color: var(--blue);background: #fff;}
.right_bar.white .rtbar_shwx{background: #fff;}
.right_bar.white .rtbar_shwx:after{border-left-color: #fff;}
.right_bar.white .rtbar_shwx img{border-color: var(--blue);}
.returntop{position: fixed;right: 10px;bottom: 70px;opacity: 0;visibility: hidden;z-index: 10;transition: all .5s;}
.returntop.cur{opacity: 1;visibility: visible;}
.returntop a{display: block;width: 50px;height: 50px;color: #fff;font-size: 24px;line-height: 50px;text-align: center;border: 1px solid rgba(255,255,255,.35);background: linear-gradient(-135deg,var(--blue),var(--green));border-radius: 50%;opacity: .8;}
.returntop i{font-size: inherit;}
.returntop a:hover{opacity: 1;}
.f_kslj{position: fixed;bottom: -70px;width: 100%;z-index: 1000;background: linear-gradient(135deg,var(--blue),var(--green));box-shadow: 0 -3px 5px rgb(0 0 0 / 5%);backdrop-filter: blur(5px);transition: all .5s;}
.f_kslj ul{display: flex;height: 60px;align-items: center;}
.f_kslj ul li{width: 100%;}
.f_kslj ul li a{color: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;}
.f_kslj ul li a i{position: relative;font-size: 18px;margin-bottom: 5px;}
.f_kslj ul li a i.dot:after{content: " ";position: absolute;top: -5px;right: -5px;width: 5px;height: 5px;border-radius: 50%;background: #28c445;animation: pulse 1s infinite;}
@media only screen and (max-width: 768px){
.returntop{right: 10px;}
.f_kslj{/* bottom: 0; */}}

/*加载动画*/
.loader{position: fixed;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: 0.3s linear;background: #fff;opacity: 0;visibility: hidden;opacity: 1;visibility: visible;z-index: 999999;}
.loader.hide{opacity: 0;visibility: hidden;}
.loader span{position: relative;width: 130px;height: 130px;border-radius: 50%;-webkit-animation: scale 2s linear infinite;animation: scale 2s linear infinite;}
.loader span:after{content:" ";position: absolute;top: 0;left: 0;width:100%;height: 100%;border-radius: 50%;border-top: 3px solid var(--blue);border-right: 3px solid transparent;-webkit-animation: rotation 1s linear infinite;animation: rotation 1s linear infinite;}
.loader span img{width: 100%;height: 100%;}
@-webkit-keyframes scale{0%{transform: scale(1);} 50%{transform: scale(.85);} 100%{transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(.85);} 100%{transform: scale(1);}}
@-webkit-keyframes rotation{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
@keyframes rotation{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}

/*自定义样式*/
.goverlay{background: rgba(0, 0, 0, .8)!important;backdrop-filter: saturate(180%) blur(5px);}
.gscrollbar-fixer{margin: 0!important;}
.glightbox-clean .gdesc-inner{padding: 0!important;}
.glightbox-clean .gslide-title{margin: 0!important;color: #333!important;line-height: 3.4em!important;text-align: center!important;background: #ddd!important;}
.weixin{max-width: 200px;}
.weixin img{max-width: 100%;height: auto;}

/*播放器相关*/
:root {--plyr-color-main: var(--blue);}