@charset "UTF-8";
@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: 'Cabin-Regular', Arial, Candal, sans-serif !important;}
main{width: 94%;max-width: 1600px;margin: 0 auto;display: block;*zoom: 1;}
main.w1400{max-width: 1400px;}
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%;}
body{margin: 0;}
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: #efefef;}
/*样式重置*/
a:hover{color: #bf0818;}
a:active{color: #bf0818;}
/*滚动条*/
::-webkit-scrollbar{width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb{border: solid 2px #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;}
.bar ::-webkit-scrollbar{width: 5px;background-color: #e2e2e2;}
.bar ::-webkit-scrollbar-thumb{border: 0;background-color: #bf0818;}
.bar ::-webkit-scrollbar:horizontal{height: 5px;}
.bar .black::-webkit-scrollbar{background-color: rgba(0, 0, 0, .65);}
/*头部*/
#white{background: white;}
#white .header_logo .logo1{opacity: 1;visibility: visible;}
#white .header_logo .logo2{opacity: 0;visibility: hidden;}
#white #tNav .tNav .navName,
#white .header_box a{color: #222;}
#white .header_box a:hover{opacity: .8;}
#white .header_lang .lang_pc>a{filter: invert(100%);opacity: .6;}
#white.pc_header,
#white.pc_header .header_box,
#white.pc_header .header_lang{border-color: rgba(0,0,0,.1);}
.pc_header{position: fixed;top: 0;width: 100%;height: 70px;backdrop-filter: blur(5px);border-bottom: 1px solid rgba(0,0,0,.1);transition: all .5s ease;animation: fadeInDown 1s;z-index: 999;}
.pc_header .box{display: flex;align-items: center;margin: auto;justify-content: space-between;}
.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: 40px;transition: all .5s;}
.pc_header .header_logo .logo1{opacity: 1;visibility: visible;}
.pc_header .header_logo .logo2{position: absolute;left: 0;opacity: 0;visibility: hidden;}
.pc_header .header_box{display: flex;align-items: center;padding: 0 40px;border-left: 1px solid rgba(0,0,0,.1);transition: all .5s;height: 79px;margin-bottom: 1px;}
.pc_header .header_box a{color: #222;font-size: 28px;opacity: .6;}
.pc_header .header_box .btn a:last-child{display: none;}
.pc_header .header_box .btn.close a:first-child{display: none;}
.pc_header .header_box .btn.close a:last-child{display: block;}
.pc_header .header_box .search {position: absolute;top: 80px;right: 0;width: 350px;padding: 10px;background: #fff;z-index: 9999;display: flex;justify-content: center;align-items: center;box-shadow: -2px 18px 40px -9px rgb(0 0 0 / 20%);transform: translateX(100%);opacity: 0;visibility: hidden;transition: all .5s;}
.pc_header .header_box .search.active{transform: translateX(0);opacity: 1;visibility: visible;}
.pc_header .header_box .search form{width: 100%;display: flex;flex-wrap: wrap;position: relative;}
.pc_header .header_box .search form input[type="text"]{width: 100%;color: #666;font-size: 14px;height: 50px;border: none;outline: none;padding-left: 15px;border: 1px solid #e1e1e1;transition: all .5s;}
.pc_header .header_box .search form input[type="text"]:focus{box-shadow: none;border-color: #bf0818;}
.pc_header .header_box .search button{position: absolute;top: 0;right: 0;width: 50px;height: 100%;color: #666;font-size: 20px;background: none;cursor: pointer;transition: all .5s;}
.pc_header .header_box .search button:hover{color: #bf0818;}
.pc_header .header_box .search button i{font-size: inherit;}
.pc_header .header_lang{position: relative;padding-left: 40px;border-left: 1px solid rgba(0, 0, 0, .1);transition: all .5s;}
.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: 70px;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.mobile_language{display:none;margin-right: 70px;}
.pc_header .header_lang.mobile_language>a{width: 30px;font-size: 12px;text-align: center;padding: 0;border-radius: 50%;}
.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: #bf0818;}
.pc_header .header_lang .cur ul{opacity: 1;visibility: visible;}
.pc_header.neiye{animation: none;}
@media only screen and (min-width: 1025px){
.pc_header.white,
.pc_header.white .header_box,
.pc_header.white .header_lang{border-color: rgba(255,255,255,.2);}
.pc_header.white .header_logo .logo1{opacity: 0;visibility: hidden;}
.pc_header.white .header_logo .logo2{opacity: 1;visibility: visible;}
.pc_header.white .header_box a{color: #fff;}
.pc_header.white .header_lang .lang_pc>a{filter: none;opacity: 1;}}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.pc_header .header_logo img{max-height: 35px;}
.pc_header .header_box{padding: 0 30px;}
.pc_header .header_box a{font-size: 24px;}
.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: 1200px) and (min-width: 1025px){
.pc_header .header_logo{width: 15%;}}
@media only screen and (max-width: 1024px){
.pc_header{width:100%;max-width:100%;height: 60px;background:rgba(255,255,255,1);backdrop-filter: none;animation: none;}
.pc_header .box{max-width: 100%;padding-left: 10px;justify-content: space-between;}
.pc_header .header_logo{width: auto;}
.pc_header .header_logo .logo1{height: 30px;}
.pc_header .header_logo .logo2{display: none;}
.pc_header .header_box{position: absolute;right: 140px;padding: 0;border: 0;height: 59px;}
.pc_header .header_box.no{right: 70px;}
.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;}
.pc_header .header_box a{font-size: 20px;}
.pc_header .header_box .search{position: fixed;top: 60px;width: 100%;}
.pc_header .header_box .search form input[type="text"]{font-size: 13px;height: 40px;padding-left: 10px;}
.pc_header .header_box .search button{font-size: 20px;}}
@media only screen and (min-width: 1025px){
#tNav{width: 60%;display: flex;justify-content: flex-end;box-sizing: border-box;margin: 0 auto;}
#tNav .tNavBox{width:100%;height:auto;overflow:visible;background: none;}
#tNav .navBtn{display:none;}
#tNav .navSliBtn{display:none;}
#tNav .iconJt,
#tNav .logo{display:none;}
#tNav .navUl{width: 100%;display: flex;justify-content: center;padding-right: 2%;}
#tNav .navLi{padding: 0;min-width: 9%;display: inline-block;font-size: 1rem;margin: 0 1vw;position: relative;}
#tNav .navLi:hover .tNavH::before,#tNav .navLi.cur .tNavH::before{width:100%;opacity: 1;}
#tNav .tNavH{position:relative;}
#tNav .tNavH::before{content:'';position:absolute;bottom: 1px;left:50%;transform:translateX(-50%);display:block;width:0;height: 3px;background-color: #bf0818;opacity: 0;transition:all .5s ease;}
#tNav .tNav .navName{position:relative;display:block;padding:0;line-height: 70px;font-size: 16px;color: #222;text-align:center;text-transform: capitalize;transition:all .5s ease;}
#tNav .tNav.active .navName:hover{color:#bf0818;}
#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: #bf0818;font-weight:bold;display:none;}
#tNav .navLi:hover .navName{transform: translateY(0%);}
#tNav .slidBox{position: absolute;left: 50%;right: 0;min-width: 150%;width: max-content;opacity: 0;visibility: hidden;z-index: 110;margin: 0 auto;border-radius: 3px;transform: translate3d(0, 20px, 0) translateX(-50%);transition: all .5s ease;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.075);overflow: hidden;}
#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{width: 100%;float: none;font-size: 14px;position: relative;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;-webkit-transition: all .5s ease;}
#tNav .navSlink{display:block;color: #333;line-height: 40px;padding: 0 10px;}
#tNav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1);}
#tNav .navSli:hover .navSlink{color: #fff;background: #bf0818;}
#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: 15px;}}
@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: 60px;}
#tNav{position: absolute;right: 0;width: 16.5%;}
#tNav .leftBox{display:none;}
#tNav .tNavBox{position:relative;height: 60px;background:none;}
#tNav .navBtn{position: absolute;top: 50%;right: 10px;margin-top: -20px;background: #bf0818;width: 40px;height: 40px;padding: 10px 8px;border-radius: 3px;overflow: hidden;}
#tNav .navBtn span{position: relative;right: 0;display: block;width: 100%;height: 2px;margin: 7px auto;background-color: #fff;border-radius: 5px;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(9px) rotate(-45deg);}
#tNav .navBtn.cur span:nth-of-type(2){opacity: 0;right: -35px;}
#tNav .navBtn.cur span:nth-of-type(3){transform: translateY(-9px) rotate(45deg);}
#tNav .tNav{position: fixed;top: 60px;left:0;right:0;width: 100%;height: 0;overflow: hidden;z-index:999;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(5px);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{border-bottom: 1px solid rgba(0,0,0,.1);position: relative;}
#tNav .tNavH{position: relative;height: 46px;line-height: 46px;padding: 0 8%;font-size: 14px;font-weight:normal;transition: all .5s ease;}
#tNav .tNavHBac{background-color: #bf0818;}
#tNav .navName,#needHeaderBac #tNav .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,
#needHeaderBac #tNav .tNavHBac .navName,
#tNav .tNavHBac .iconJt{color: #fff!important;}
#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%;}}

footer{background: #222;}
footer .f_bottom{display: flex;flex-wrap: wrap;margin: 3% 0;}
footer .left{display: flex;width: 100%;}
footer .left dl{width: 100%;}
footer .left dl:nth-last-child(-n+2){width: auto;margin-left: 2%;}
footer .left dl dt{color: #fff;font-size: 24px;font-weight: bold;margin-bottom: 20px;}
footer .left dl i{display: none;}
footer dl dd p{display: flex;color: #fff;font-size: 16px;line-height: 2;margin-bottom: 2%;align-items: center;}
footer dl dd p:last-child{margin-bottom: 0;}
footer dl dd p a{color: inherit;}
footer dl dd div{padding: 5px;border: 1px solid #fff;border-radius: 10px;margin-bottom: 10px;}
footer dl dd img{width: 180px;}
footer .copyright{display: flex;color: #fff;font-size: 16px;line-height: 3;padding: 15px 0;border-top: 1px solid rgba(255, 255, 255, .2);}
footer .copyright span{margin-right: 20px;}
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 .left dl dt{font-size: 20px;}
footer dl dd p,
footer .copyright{font-size: 14px;}
footer dl dd img{width: 150px;}}
@media only screen and (max-width: 1024px) and (min-width: 769px){
footer .left dl{width: 33.33%;}
footer .left dl:nth-last-child(-n+2){display: none;}}
@media only screen and (max-width: 768px){
footer .f_bottom{margin: 0;}
footer .left{flex-wrap: wrap;width: 100%;padding: 1rem 0;}
footer .left dl{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 10px;padding-top: 10px;border-top: 1px solid rgba(255, 255, 255, .1);}
footer .left dl:first-child{margin-top: 0;border: 0;}
footer .left dl:nth-last-child(-n+2){display: none;}
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{display: none;width: 100%;padding: 10px;margin-top: 15px;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;}}

/*通用标题*/
.in_title{position: relative;color: #000;text-align: center;margin-bottom: 2rem;}
.in_title h3{font-size: 40px;font-weight: bold;}
.in_title h2{font-size: 24px;font-weight: bold;margin-top: 1.5rem;}
.in_title p{color: #4d4d4d;font-size: 16px;line-height: 1.5;margin-top: 2.5rem;margin-top: 10%;}
.in_title span{position: absolute;top: 30%;color: #bf0818;font-size: 22px;z-index: 1;}
.in_title.white{color: #fff;margin: 0;padding: 2.5rem 0;background: #bf0818;}
.in_title.white.line{text-align: left;margin-bottom: 3rem;padding: 0;background: none;}
.in_title.line:after{content: " ";display: inline-block;width: 80px;height: 6px;background: #bf0818;margin-top: 15px;}
@media only screen and (max-width: 1440px){
.in_title h3{font-size: 36px;}
.in_title h2{font-size: 21px;margin-top: 1rem;}
.in_title p{font-size: 14px;}
.in_title.white.line{margin-bottom: 2rem;}}
@media only screen and (max-width: 1024px){
.in_title h3{font-size: 30px;}
.in_title h2{font-size: 18px;}
.in_title span{font-size: 16px;}
.in_title.white{padding: 2rem 0;}
.in_title.white.line{margin-bottom: 1rem;}
.in_title.line:after{width: 70px;height: 5px;}}
@media only screen and (max-width: 768px){
[class^="section in_"]{padding-top: 2rem;}
.in_title{margin-bottom: 1rem;}
.in_title h3{font-size: 24px;}
.in_title h2{font-size: 14px;margin-top: .5rem;}
.in_title.white{padding: 1.5rem 0;}
.in_title span{position: static;font-size: 14px;}
.in_title p{margin-top: 1rem;}
.in_title.white.line{margin-bottom: 1rem;}
.in_title.line:after{width: 55px;margin-top: 10px;}}
@media only screen and (max-width: 480px){
.in_title h3{font-size: 20px;}
.in_title h2{font-size: 13px;}
.in_title.white.line{margin-bottom: .5rem;}
.in_title.line:after{width: 50px;margin-top: 5px;}}

/*通用案例*/
.in_case .swiper li{position: relative;width: calc(33.33% - 10px);}
.in_case .swiper li .img{position: relative;width: 100%;padding-top: 142.5%;overflow: hidden;}
.in_case .swiper li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_case .swiper li .txt{position: absolute;bottom: 0;width: 100%;height: 32%;display: flex;flex-direction: column;justify-content: center;color: #fff;text-align: center;background: rgba(0, 0, 0, .65);transition: all .5s;}
.in_case .swiper li .txt h3{font-size: 26px;font-weight: bold;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 1s;}
.in_case .swiper li .txt p{font-size: 16px;margin-top: 10px;}
.in_case .swiper li .txt span{position: relative;display: flex;align-items: center;justify-content: center;min-width: 38%;font-size: 16px;line-height: 2.5;border-radius: 5px;padding: 0 1rem;background: #bf0818;margin: 0 auto;margin-top: -11.5%;opacity: 0;visibility: hidden;transition: all .5s;}
.in_case .swiper li .txt span i{margin-left: 10px;}
.in_case .swiper li:hover .img img{transform: scale(1.1);}
.in_case .swiper li:hover .txt{backdrop-filter: blur(5px);height: 100%;}
.in_case .swiper li:hover .txt span{margin-top: 11.5%;opacity: 1;visibility: visible;}
.in_case .swiper li .txt span:hover{background: #f00;}
@media only screen and (max-width: 1440px){
.in_case .swiper li .txt h3{font-size: 1.67vw;}
.in_case .swiper li .txt p,
.in_case .swiper li .txt span{font-size: 1.1vw;}
.in_case .swiper li .txt span{line-height: 2;}}
@media only screen and (max-width: 768px){
.in_case .swiper li .txt h3{font-size: 14px;}
.in_case .swiper li .txt p,
.in_case .swiper li .txt span{font-size: 12px;}}

/*通用优势*/
.in_ys ul{display: flex;flex-wrap: wrap;justify-content: space-between;color: #000;}
.in_ys li{position: relative;width: calc(100% / 4 - 3.5%);transition: all .5s;}
.in_ys li .icon{position: relative;top: 45px;left: 50%;width: 90px;height: 90px;margin-top: -45px;transform: translateX(-50%);border-radius: 50%;background: #bf0818;}
.in_ys li .icon img{width: 100%;height: 100%;transform: scale(.65);}
.in_ys li .txt{padding: 1.5rem;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.in_ys li .txt h3{font-size: 18px;font-weight: bold;text-align: center;margin: 3rem 0 1.5rem 0;}
.in_ys li .txt p{font-size: 14px;line-height: 1.5;}
.in_ys .two{padding: 2.5rem 0;}
.in_ys .two li{margin: 2.5rem 0;}
.in_ys li:hover{transform: translateY(-10px);}
@media only screen and (max-width: 1024px){
.in_ys li{width: calc(100% / 4 - 2%);}
.in_ys li .icon{top: 35px;width: 70px;height: 70px;margin-top: -35px;}
.in_ys li .txt{padding: 1rem;}
.in_ys li .txt h3{font-size: 17px;margin: 2.5rem 0 1rem 0;}
.in_ys li .txt p{font-size: 13px;}
.in_ys .two{padding: 1.5rem 0;}
.in_ys .two li{margin: 1.5rem 0;}}
@media only screen and (max-width: 768px){
.in_ys ul{display: flex;flex-wrap: nowrap;padding: 0 10px!important;padding-bottom: 1rem!important;overflow: auto;}
.in_ys li{flex: none;width: 31.333%;margin-right: 3%!important;}
.in_ys li:last-child{margin-right: 0;}
.in_ys .two{margin: 2rem 0;}
.in_ys .two li{margin: 0;margin-top: 1rem;}}
@media only screen and (max-width: 480px){
.in_ys li{width: 48.5%;}
.in_ys li .icon{top: 25px;width: 50px;height: 50px;margin-top: -25px;}
.in_ys li .txt{padding: 10px;}
.in_ys li .txt h3{font-size: 15px;margin: 2rem 0 .5rem 0;}
.in_ys li .txt p{font-size: 12px;}
.in_ys .two{margin: 1rem 0;}}

/*内页*/
.small_banner{position: relative;max-height: 320px;height: 17vw;height: 320px;margin: auto;margin-top: 70px;display: flex;overflow: hidden;align-items: center;max-width: 1920px;}
.small_banner .pic{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: no-repeat center/cover;}
.small_banner .mask{width: 100%;color: #fff;text-align: center;text-shadow: 0 0 5px rgba(0, 0, 0, .8);z-index: 1;}
.small_banner .mask .a1{font-size: 40px;font-weight: bold;}
@media only screen and (max-width: 1440px){
.small_banner .mask .a1{font-size: 2.8vw;}}
@media only screen and (max-width: 1024px){
.small_banner{height: 40vw;margin: 0;}
.small_banner .mask .a1{/* font-size: 3vw; */}}
@media only screen and (max-width: 768px){
.small_banner{height: 30vw;}}
@media only screen and (max-width: 480px){
.small_banner{height: 40vw;}
.small_banner .mask .a1{font-size: 5vw;}}

.nybanner{position: relative;max-width: 1920px;margin: 0 auto;margin-top: 70px;}
.nybanner .swiper-slide{position: relative;pointer-events: auto;overflow: hidden;}
.nybanner .swiper-slide .slide-inner{position: relative;width: 100%;height: auto;}
.nybanner.bg .swiper-slide .slide-inner:after{content: " ";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.2);}
.nybanner .swiper-slide img{display: block;width: 100%;object-fit: cover;}
.nybanner .swiper-pagination{bottom: 3%;}
.nybanner .swiper-pagination-bullet{position: relative;width: 20px;height: 4px;border-radius: 0;margin: 0 5px !important;background: #fff;outline: none;opacity: 0.2;transition: all .5s;}
.nybanner .swiper-pagination-bullet-active{opacity: 1;border-color: #fff;}
.nybanner .mask{position: absolute;left:0;top:0;width: 100%;height: 100%;transform: translateX(-200px);opacity: 0;transition:all .5s;z-index:2;}
.nybanner .mask_in{position: absolute;left: 0;top: 20%;top: 50%;width:100%;padding: 0 15%;color: #4d4d4d;color: #fff;transform: translateY(-50%);text-shadow: 0 0 5px rgba(0, 0, 0, .5);transition: all .5s;}
.nybanner .mask_in h3{font-size: 40px;font-weight: bold;}
.nybanner .mask_in p{font-size: 24px;font-weight: bold;margin: 1% 0 4% 0;}
.nybanner .mask_in .more a{position: relative;display: inline-block;color: #fff;font-size: 14px;line-height: 2.3;padding: 0 20px;border-radius: 50px;background: rgba(0,0,0,.65);text-shadow: none;}
.nybanner .mask_in .more a em{position: relative;}
.nybanner .mask_in .more a i{margin-left: 10px;}
.nybanner .mask_in .more a:hover{background: #000;animation: pulse 1s infinite;}
.nybanner .ani-slide .mask{transform:translateX(0);opacity:1;}
@media only screen and (max-width: 1440px){
.nybanner .mask_in h3{font-size: 36px;}
.nybanner .mask_in p{font-size: 22px;}}
@media only screen and (max-width: 1024px){
.nybanner{margin-top: 0;}
.nybanner .mask_in{padding: 0 10%;}
.nybanner .mask_in h3{font-size: 32px;}
.nybanner .mask_in p{font-size: 18px;}
.nybanner .mask_in .more a{font-size: 13px;}}
@media only screen and (max-width: 768px){
.nybanner .mask_in h3{font-size: 26px;}
.nybanner .mask_in p{font-size: 16px;}
.nybanner .mask_in .more a{font-size: 12px;padding: 0 15px;}
.nybanner .mask_in .more a i{margin-left: 5px;}}
@media only screen and (max-width: 480px){
.nybanner .swiper-slide img{height: 40vw;}
.nybanner .mask_in{padding: 0 3%;}
.nybanner .mask_in h3{font-size: 18px;}
.nybanner .mask_in p{font-size: 14px;}
.nybanner .mask_in .more a{line-height: 2;}
.nybanner .mask_in .more a i{margin-left: 5px;}}

.location{position: relative;margin: -45px 0;}
.ny_class{position: relative;z-index: 9;}
.ny_class ul{display: flex;flex-wrap: nowrap;justify-content: center;padding: 10px 0;}
.ny_class ul li{width: auto;margin: 0 8px;}
.ny_class ul li a{position: relative;display: block;color: #000;font-size: 20px;line-height: 70px;padding: 0 50px;background: linear-gradient(90deg, #dde2e9 0%, #efefef 100%);box-shadow: 0 0 10px rgba(0, 0, 0, .3);overflow: hidden;}
.ny_class ul li a:before{content:"";position: absolute;top: 0;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(45deg, #bf0818 0%, #f00 100%);opacity: 0;transition: all .5s;}
.ny_class ul li a span{position: relative;z-index: 3;}
.ny_class ul li a i{display: inline-block;font-size: inherit;margin-right: 20px;transform: scale(1.167);transform-origin: right;}
.ny_class ul li a:hover,.ny_class ul li a.cur{color: #fff;}
.ny_class ul li a:hover:before,.ny_class ul li a.cur:before{opacity: 1;}
.ny_class .btn-pre,.ny_class .btn-next{position: absolute;top: 50%;transform: translateY(-50%);width: 25px;height: 50px;line-height: 50px;text-align: center;z-index: 999;color: #666;cursor: pointer;display: none;}
.ny_class .btn-pre{left: 0;}
.ny_class .btn-next{right: 0;}
@media only screen and (max-width: 1440px){
.location{margin: -43px 0;}
.ny_class ul li a{font-size: 18px;line-height: 64px;padding: 0 50px;}
.ny_class ul li a i{margin-right: 15px;}}
@media only screen and (max-width: 1024px){
.location{margin: -39px 0;}
.ny_class ul li{margin: 0 6px;}
.ny_class ul li a{font-size: 18px;line-height: 56px;padding: 0 40px;}
.ny_class ul li a i{margin-right: 10px;}}
@media only screen and (max-width: 768px){
.location{margin: -33px 0;}
.ny_class ul li{margin: 0 5px;}
.ny_class ul li a{font-size: 15px;line-height: 46px;padding: 0 30px;}}
@media only screen and (max-width: 480px){
.location{margin: -37px 0;}
.ny_class ul{justify-content: flex-start;overflow-y: visible;}
.ny_class ul li{flex: none;width: calc(50% - 1%);margin: 0;margin-right: 2%;text-align: center;}
.ny_class ul li:last-child{margin: 0;}
.ny_class ul li a{font-size: 14px;padding: 0;}}

.pro_class{display: flex;flex-wrap: wrap;max-width: 100%;margin: 0 auto;padding: 0 0 3rem 0;}
.pro_class a{width: calc(100% / 5 - 20px);color: #000;font-size: 18px;line-height: 3;text-align: center;border-radius: 5px;border: 2px solid #000;margin: 10px;}
.pro_class a:hover,.pro_class a.cur{color: #fff;border-color: #bf0818;background: #bf0818;}
.ipro .pro_class{max-width: 1400px;justify-content: center;}
@media only screen and (max-width: 1440px){
.pro_class a{font-size: 16px;}}
@media only screen and (max-width: 1024px){
.pro_class a{width: calc(100% / 5 - 10px);font-size: 14px;margin: 5px;}}
@media only screen and (max-width: 768px){
.pro_class{padding: 0 0 1.5rem 0;}
.pro_class a{width: calc(100% / 3 - 10px);line-height: 2.5;}}
@media only screen and (max-width: 480px){
.pro_class{padding: 0 0 1rem 0;}
.pro_class a{width: calc(100% / 2 - 10px);font-size: 13px;border-width: 1px;}}

.solve{position: relative;color: #fff;text-align: center;background: #121212;z-index: 1;overflow: hidden;}
.solve:before,.solve:after{content: " ";position: absolute;left: 8.5%;top: 0;width: 16%;height: 100%;background: linear-gradient(90deg, #ff0000 45%, #980000 45%);transform: skewX(-45deg);opacity: .1;z-index: -1;}
.solve:after{left: auto;right: 10%;opacity: .25;}
.solve h3{font-size: 28px;}
.solve p{font-size: 16px;margin: 1% 0 2.5% 0;}
.solve a{display: inline-block;color: #fff;font-size: 20px;line-height: 2.2;padding: 0 3%;border-radius: 5px;border: 1px solid transparent;background: #bf0818;}
.solve a:hover{border-color: #f00;background: #f00;}
@media only screen and (max-width: 1440px){
.solve h3{font-size: 26px;}
.solve p{font-size: 15px;}
.solve a{font-size: 18px;}}
@media only screen and (max-width: 1024px){
.solve h3{font-size: 24px;}
.solve p{font-size: 14px;}
.solve a{font-size: 16px;}}
@media only screen and (max-width: 768px){
.solve h3{font-size: 22px;}
.solve p{font-size: 12px;margin: .5rem 0 1rem 0;}
.solve a{font-size: 14px;padding: 0 5%;}}

.drop .swiper-pagination{position: relative;top: auto;bottom: 0;width: 100%;margin-top: 2rem;transition: all .5s;}
.drop .swiper-pagination-bullet{width: 20px;height: 20px;border-radius: 50%;transform: scale(.75);transition: all .5s;}
.drop .swiper-pagination-bullet-active{background: #bf0818;opacity: 1;transform: none;}
.drop .swiper-pagination-progressbar{height: 5px;background: #e2e2e2;}
.drop  .swiper-pagination-progressbar-fill{border-radius: 5px;background: #bf0818;}
@media screen and (max-width: 1024px){
.drop .swiper-pagination{margin-top: 1.5rem;}
.drop .swiper-pagination-bullet{width: 15px;height: 15px;}}
@media screen and (max-width: 768px){
.drop .swiper-pagination{margin-top: 1rem;}
.drop .swiper-pagination-bullet{width: 10px;height: 10px;}}

.nr_page{overflow: hidden;background-color: #fff;position: relative;min-height: 640px;margin: 4rem 0;}
.nr_page .section{padding: 4rem 0;}
.nr_page.news_box{margin: 0;background: #efefef;}
.nr_page.news_box .list_box{width: 100%;padding: 4%;background: #fff;}
.nr_page .title{max-width: 80%;font-size: 30px;font-weight: bold;color: #000;text-align: center;word-break: break-all;margin: auto;}
.nr_page .status{position: relative;color: #666;font-size: 14px;text-align: center;padding: 20px 0;overflow: hidden;border-bottom: 1px solid #d9d9d9;}
.nr_page .status a{color: inherit;}
.nr_page .return{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.nr_page .return a{display: block;color: #fff;font-size: 14px;line-height: 3;padding: 0 20px;background: #121212;}
.nr_page .return a i{margin-right: 10px;}
.nr_page .return a:hover{background: #bf0818;}
.nr_page .content{color: #333;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: inherit;line-height: 2;}
.nr_page .content p a{color: #bf0818;text-decoration: underline;}
.nr_page .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 1% auto;}
@media only screen and (max-width: 1440px){
.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: 1024px){
.nr_page .section{padding: 3rem 0;}
.nr_page .return a{font-size: 13px;line-height: 2.5;padding: 0 15px;}}
@media only screen and (max-width: 768px){
.nr_page{margin: 2rem 0;min-height: auto;}
.nr_page .section{padding: 2rem 0;}
.nr_page.news_box .list_box{padding: 3%;}
.nr_page .title{max-width: 100%;font-size: 18px;line-height: 1.6;margin-top: 10px;}
.nr_page .status{line-height: 24px;padding: 10px 0;}
.nr_page .status>span#switcher,
.nr_page .status .articleShare{display: none;}
.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;}}
@media only screen and (max-width: 480px){
.nr_page .status{display: flex;justify-content: flex-end;font-size: 13px;}
.nr_page .return a{padding: 0 10px;border-radius: 5px;}
.nr_page .return a i{margin: 0;}
.nr_page .return span{display: none;}}

.reLink{width: 100%;display: flex;margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;overflow: hidden;}
.reLink .prev,.reLink .next{width: 50%;color: #595959;line-height: 1.5;}
.reLink .next{text-align: right;}
.reLink a{color: inherit;}
@media only screen and (max-width: 768px){
.reLink{display: block;padding: 0;border: 0;margin-top: 1rem;margin-bottom: -3%;}
.reLink span{font-weight: bold;}
.reLink .prev,.reLink .next{width: 100%;text-align: left;background: #f2f2f2;padding: 10px;margin-bottom: 3%;}}

.nr_page .relevant{margin-top: 30px;}
.nr_page .relevant .tit{background-color: #ededed;}
.nr_page .relevant .tit h3{color: #333;font-size: 18px;line-height: 3;padding: 0 15px;}
.nr_page .relevant .list{padding: 20px;border: 1px solid #f0f0f0;}
.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{width:100%;height:0px;position:relative;padding-bottom:62%;}
.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{height:40px;line-height:40px;color:#333;font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.nr_page .relevant ul li .line{border-top-color:#1c202b;border-top-width:1px;border-top-style:solid;margin:10px 0;width:5%;transition:all .5s ease;}
.nr_page .relevant ul li p{font-size:0.875rem;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp: 3;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1.6;color:#999;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 .relevant{margin-top: 20px;}
.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%;}}

.newListBox{padding: 6rem 0 4rem;}
.newListBox .news_list .news_hot{display: flex;margin: 0 -1%;margin-bottom: 2%;}
.newListBox .news_list .news_hot li{width: calc( 32.33% - 1%);margin: 0 1%;}
.newListBox .news_list .news_hot li .box .txt .t{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: initial;}
.newListBox .news_list .news_hot li .box .txt .c{-webkit-line-clamp: 3;}
.newListBox .news_list .news_hot li .box .txt .more{justify-content: flex-start;padding-top: 1.5rem;border-top: 3px solid #d4d4d4;}
.newListBox .news_list a{color: inherit;}
.newListBox .news_list ul a{display:block;}
.newListBox .news_list ul li{margin-bottom: 2%;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .5s;}
.newListBox .news_list ul li .box{padding: 2rem;overflow: hidden;}
.newListBox .news_list ul li .box .img{position: relative;width: 100%;padding-bottom: 75%;overflow: hidden;}
.newListBox .news_list ul li .box .img img{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.newListBox .news_list ul li .box .txt .tool{color: #4d4d4d;font-size: 14px;}
.newListBox .news_list ul li .box .txt .tool span i{margin-right: .3em;}
.newListBox .news_list ul li .box .txt .tool span{margin-right: 1rem;}
.newListBox .news_list ul li .box .txt .t{color: #000;font-size: 22px;font-weight: bold;margin: 1.5rem 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s;}
.newListBox .news_list ul li .box .txt .c{color: #4d4d4d;font-size: 16px;line-height: 1.6;margin: 1.5rem 0;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.newListBox .news_list ul li .box .txt .more{position: relative;display: flex;color: #4d4d4d;font-size: 16px;align-items: center;justify-content: flex-end;padding-right: 1.2%;}
.newListBox .news_list ul li .box .txt .more i{color: #bf0818;font-size: inherit;margin-left: 5px;transform: scale(1.875);transform-origin: left;}
.newListBox .news_list ul li:hover{background: #f7f8fc;}
.newListBox .news_list ul li:hover img{transform: scale(1.1);}
@media only screen and (max-width: 1440px){
.newListBox{padding: 5rem 0 3rem;}    
.newListBox .news_list ul li .box .txt .t{font-size: 20px;margin: 1rem 0;}
.newListBox .news_list ul li .box .txt .c{font-size: 15px;margin: 1rem 0;}
.newListBox .news_list ul li .box .txt .more{font-size: 15px;}
.newListBox .news_list .news_hot li .box .txt .more{padding-top: 1rem;}}
@media only screen and (max-width: 1024px){
.newListBox{padding: 4rem 0 2rem;}    
.newListBox .news_list ul li .box{padding: 1.5rem;}
.newListBox .news_list ul li .box .txt .tool{font-size: 13px;}
.newListBox .news_list ul li .box .txt .tool span{margin-right: .5rem;}
.newListBox .news_list ul li .box .txt .t{font-size: 16px;}
.newListBox .news_list ul li .box .txt .c{font-size: 14px;}
.newListBox .news_list ul li .box .txt .more{font-size: 14px;}
.newListBox .news_list .news_hot li .box .txt .more{border-top: 2px solid #d4d4d4;}}
@media only screen and (max-width: 768px){
.newListBox{padding: 3rem 0 1rem;}
.newListBox .news_list .news_hot{display:none;}
.newListBox .news_list ul li{margin-bottom: 3%;}
.newListBox .news_list ul li:last-child{margin-bottom:0;}
.newListBox .news_list ul li .box{padding: 1.5rem 1rem;}
.newListBox .news_list ul li .box .txt .t{font-size: 15px;margin: .5rem 0;}
.newListBox .news_list ul li .box .txt .c{font-size:13px;margin: 0;}
.newListBox .news_list ul li .box .txt .more{display: none;}}
@media only screen and (max-width: 480px){
.newListBox .news_list ul li .box .txt .tool{font-size: 12px;}}

.job_list{margin: 4rem 0;}
.job_list .job-tit{display: flex;color:#fff;font-size: 16px;line-height: 70px;background: #bf0818;}
.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: #bf0818;}
.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: #bf0818;}
.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 ._t3,
.job_list ._t4{display: none;}
.job_list ._ut{width: 90%;}
.job_list .info{font-size: 12px;}}

.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: #bf0818;}
.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;}}

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

.pro_box{padding: 4rem 0;}
.pro_box .list_box{width: 100%;}
.pro_box .list_box .list{display: flex;flex-wrap: wrap;margin: -1%;margin-bottom: 0;}
.pro_box .list_box .list li{width: calc(100% / 3 - 2%);margin: 1%;border-radius: 5px;border: 1px solid #e5e5e5;background: #fff;overflow: hidden;transition: all .5s;}
.pro_box .list_box .list li .img{position: relative;padding-bottom: 75%;overflow: hidden;}
.pro_box .list_box .list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.pro_box .list_box .list li .tit{padding: 20px;transition: all .5s;}
.pro_box .list_box .list li .tit h3{color: #333;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s;}
.pro_box .list_box .list li .tit p{color: #666;font-size: 14px;line-height: 1.6;text-align: justify;margin-top: 15px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;opacity: .75;transition: all .5s;}
.pro_box .list_box .list li .btn{display: flex;line-height: 3.5;padding: 0 30px;border-top: 1px solid #e5e5e5;background: #fafafa;transition: all .5s;}
.pro_box .list_box .list li .btn a{width: 50%;display: flex;color: #888;justify-content: center;align-items: center;}
.pro_box .list_box .list li .btn a+a{border-left: 1px solid rgba(0,0,0,.1);}
.pro_box .list_box .list li .btn a .fa{color: inherit;margin-right: 5px;}
.pro_box .list_box .list li:hover{box-shadow: 0 0 20px -5px rgba(0, 0, 0, .2);}
.pro_box .list_box .list li:hover .img img{transform: scale(1.1);}
.pro_box .list_box .list li:hover .tit *{color: #bf0818;}
.pro_box .list_box .list li:hover .btn{border-color: #bf0818;background: #bf0818;}
.pro_box .list_box .list li:hover .btn a{color: #fff;}
.pro_box .list_box .list.pic li .tit{background: #f6f6f6;}
.pro_box .list_box .list.pic li .tit h3{text-align: center;}
.pro_box .list_box .list.pic li:hover .tit{background: #bf0818;}
.pro_box .list_box .list.pic li:hover .tit h3{color: #fff;}

.pro_box .show_box{display: flex;flex-flow: row wrap;overflow: hidden;justify-content: space-between;padding: 4%;background: #fff;}
.pro_box .gallery{width: 30%;min-width: 400px;margin-right: 4%;background: #fff;border: 1px solid #a3a3a3;}
.pro_box .gallery .gallery-top .swiper-slide{cursor: pointer;}
.pro_box .gallery .gallery-top .swiper-slide .pic{position: relative;padding-bottom: 100%;}
.pro_box .gallery .gallery-top .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: contain;}
.pro_box .swiper-pagination .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);}
.pro_box .swiper-pagination .swiper-pagination-bullet:hover:after{transform: scale(2);}
.pro_box .swiper-pagination .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;}
.pro_box .swiper-pagination .swiper-pagination-bullet-active{border: 2px solid #fff;}
.pro_box .swiper-pagination .swiper-pagination-bullet-active:after{width: 0;height: 0;transform: scale(0);}
.pro_box .gallery .swiper-button-prev:hover,.pro_box .gallery .swiper-button-next:hover{opacity: .35;}
.pro_box .gallery .swiper-button-disabled{pointer-events: auto !important;}
.pro_box .gallery .swiper-button-black{display: inline-block;vertical-align: middle;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0px;width: 28px;height: 100%;margin: 0;opacity: .6;background-size: 16px;transition: all .5s ease;}
.pro_box .gallery .swiper-button-next{left: auto;right: 0;}

.pro_box .info{flex: 1;min-width: 0;display: flex;flex-direction: column;justify-content: space-between;}
.pro_box .info .box h3{color: #000;font-size: 34px;line-height: 1.4;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_box .info .box h2{color: #000;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_box .info .txt{position: relative;padding-top: 15px;margin-top: 15px;margin-bottom: 15px;word-break: break-word;border-top: 1px solid #e8e8e8;}
.pro_box .info .txt:before{content:'';position:absolute;left:0;top: -1px;width:20%;height: 2px;background: #bf0818;z-index:2;}
.pro_box .info .txt span{display: inline-block;color: #808080;font-size: 15px;line-height: 2;padding: 0 15px;border-radius: 5px;border: 1px solid #9d9d9d;margin-bottom: 15px;}
.pro_box .info .txt p{color: #333;font-size: 15px;line-height: 1.8;text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 7;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.pro_box .order{display: flex;white-space: nowrap;transition: all .5s;}
.pro_box .order a{position: relative;display: flex;color: #fff;font-size: 18px;font-weight: bold;line-height: 3;text-align: center;padding: 0 50px;border-radius: 5px;background: #bf0818;transition: all .5s;align-items: center;justify-content: center;}
.pro_box .order a:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height: 100%;background-color: #000;opacity: 0;transition:all .5s ease;display: none;}
.pro_box .order span{position: relative;}
.pro_box .order i{font-size: inherit;font-weight: normal;margin-right: 15px;}
.pro_box .order .tel{background: #bf0818;}
.pro_box .order a:hover{background: #f00;}
.pro_box .order a:hover:before{width:100%;height: 100%;opacity: .2;}

.pro_box .content{color: #333;font-size: 16px;padding: 20px 0;word-break: break-word !important;overflow: hidden;}
.pro_box .content p{color: inherit;line-height: 2;}
.pro_box .content p a{color: #bf0818;text-decoration: underline;}
.pro_box .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.pro_box .content table{border-collapse: collapse;border-spacing: 0;border-color: #ddd;}
.pro_box .content tr:first-child{color: #fff !important;background-color: #bf0818;}
.pro_box .content tr:first-child td{border: 0;}
.pro_box .content td{padding: 10px 5px;}

.pro_box .show_box .tit{width: 100%;display: flex;align-items: center;border-bottom: 1px solid #a3a3a3;margin-top: 1rem;}
.pro_box .show_box .tit .item{position:relative;color: #bf0818;font-size:20px;font-weight: bold;line-height: 3;margin-right: 3%;cursor: pointer;transition: all .5s;}
.pro_box .show_box .tit .item:after{content:'';position:absolute;width: 100%;height:5px;bottom: -3px;left: 50%;border-radius: 50px;transform: translateX(-50%);background: #bf0818;opacity: 1;transition: all .5s;}

@media only screen and (max-width: 1440px){
.pro_box{padding: 3rem 0;}}
@media only screen and (max-width: 1080px){
.pro_box .show_box{align-items: center;}}
@media only screen and (max-width: 1024px){
.pro_box{padding: 2rem 0;}
.pro_box .gallery{min-width: 300px;}
.pro_box .list_box .list li .tit{padding: 15px;}
.pro_box .list_box .list li .tit h3{font-size: 16px;}
.pro_box .list_box .list li .tit p{font-size: 14px;margin: 15px 0;}
.pro_box .info .box h3{font-size: 28px;}
.pro_box .info .box h2{font-size: 18px;}
.pro_box .info .txt span{font-size: 13px;margin-bottom: 10px;}
.pro_box .info .txt p{font-size: 14px;-webkit-line-clamp: 5;}
.pro_box .order a{font-size: 16px;padding: 0 50px;}
.pro_box .order i{/* font-size: 24px; */margin-right: 10px;}
.pro_box .content p{font-size: 14px;}
.pro_box .content{padding: 10px 0px;}}
@media only screen and (max-width: 768px){
.pro_box{padding: 1.5rem 0 3% 0;}
.pro_box .show_box{display: block;padding: 3%;}
.pro_box .list_box .list{margin: -1.5%;}
.pro_box .list_box .list li{width: calc(100% / 2 - 3%);margin: 1.5%;}
.pro_box .gallery{float: none;width: 100%;min-width: auto;margin: 0;}
.pro_box .info{display: block;width: 100%;padding-top: 15px;}
.pro_box .info .box h3{font-size: 22px;}
.pro_box .info .box h2{font-size: 16px;}
.pro_box .info .txt span{font-size: 12px;padding: 0 10px;}
.pro_box .info .txt p{display: block;}
.pro_box .order{justify-content: center;}
.pro_box .order a{width: 50%;font-size: 14px;padding: 0 10px;}
.pro_box .order i{margin-right: 5px;}
.pro_box .content p{font-size: 13px;}
.pro_box .show_box .tit .item{font-size: 18px;line-height: 2.8;margin-right: 5%;}
.pro_box .show_box .tit .item:after{height: 3px;bottom: -2px;}}
@media only screen and (max-width: 480px){
.pro_box{padding: 1rem 0 3% 0;}
.pro_box .info .box h3{font-size: 18px;}
.pro_box .list_box .list li .tit{padding: 10px 5px;background: #fafafa;}
.pro_box .list_box .list li .tit h3{font-size: 14px;text-align: center;}
.pro_box .list_box .list li .tit p,
.pro_box .list_box .list li .btn{display: none;}
.pro_box .list_box .list li:hover .tit{border-color: #bf0818;background: #bf0818;}
.pro_box .list_box .list li:hover .tit *{color: #fff;}}

/*右侧悬浮*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;transition: all .5s;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: rgba(0, 0, 0, .5);backdrop-filter: blur(5px);margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #bf0818;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box h3{font-size: 18px;line-height: 30px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #bf0818;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #bf0818;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 100%;height: 100%;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #bf0818;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #bf0818;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;padding: 10px 0;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
.returntop{position: fixed;right: -60px;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;background: #bf0818;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: #bf0818;box-shadow: 0 -3px 4px rgb(0 0 0 / 10%);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 all and (max-width:768px){
.toolbar{
    right: -90px;
    opacity: 0;
    visibility: hidden;
}
.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 #bf0818;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);}}

/*表单自定义*/
.layui-form-item .layui-input-block a{color: #bf0818;font-size: 14px;cursor: pointer;text-decoration: underline;}
.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin: 0;}
.layui-form-item .layui-form-checkbox[lay-skin=primary]>div{color: #000;padding-right: 10px;}
.layui-form-item .layui-form-checked[lay-skin=primary]>i{border-color: #bf0818 !important;background-color: #bf0818;}
.layui-form-item .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #bf0818;}

/*隐私政策*/
.policy{max-width: 1200px;width: 80%;min-height: 100vh;margin: auto;padding: 10vh 6vh;background: #fff;}
.policy h3{color:#000;font-size:36px;font-weight:bold;text-align:center;}
.policy .txt{margin: 3rem 0;}
.policy .txt p{color: #555;font-size:16px;line-height: 2.5;text-indent:2rem;}
.policy .but{height: auto;display: block;font-size: 16px;line-height: 2.75;border: 0;padding: 0 2%;background:#bf0818;margin: auto;}
@media all and (max-width:1024px){
.policy{width: 100%;}
.policy h3{font-size: 30px;}
.policy .txt{margin: 2rem 0;}
.policy .txt p{font-size: 15px;}
.policy .but{font-size: 15px;}}
@media all and (max-width:480px){
.policy{padding: 3rem 1rem;}
.policy h3{font-size: 24px;}
.policy .txt{margin: 1rem 0;}
.policy .txt p{font-size: 14px;line-height: 2;}
.policy .but{font-size: 14px;padding: 0 5%;}}
.weixin{max-width: 200px;}
.weixin img{max-width: 100%;height: auto;}

/*自定义样式*/
.goverlay{background: rgba(0, 0, 0, .8)!important;backdrop-filter: blur(5px);}
.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;}

/*播放器相关*/
:root {--plyr-color-main: #bf0818;}
.kefu{cursor: pointer;}