@charset "UTF-8";
/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
q:after,q:before{content:''}
fieldset,img{border:0}
abbr,acronym{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.fix{zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
em{font-weight:400;font-style:normal}
body{color:#333;font-size:14px;line-height:1.5;font-family:CN-Regular,'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;background:#f5f5f5}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:CN-Regular,'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#cbcbcb}
::-moz-placeholder{color:#cbcbcb}
::-ms-input-placeholder{color:#cbcbcb}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
/*!-----------------[初始化结束]--------------*/
@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat-Light-6_0.otf)}
@font-face{font-family:Montserrat-Medium;src:url(../fonts/Montserrat-Medium-7.otf)}
@font-face{font-family:CN-Light;src:url(../fonts/SourceHanSansCN-Light.otf)}
@font-face{font-family:CN-Regular;src:url(../fonts/SourceHanSansCN-Regular.otf)}
@font-face{font-family:CN-Normal;src:url(../fonts/SourceHanSansCN-Normal.otf)}
@font-face{font-family:CN-Medium;src:url(../fonts/SourceHanSansCN-Medium.otf)}
.wp{width:95%;max-width:14rem;margin:0 auto}
/*!******************************
    -------[=导航]-------
********************************/
.menuBtn{display:none;position:fixed;top:.24rem;right:.24rem;width:.6rem;height:.6rem;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn b{display:block;height:.06rem;background-color:#e83828;margin:.08rem 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:0;position:absolute;left:0;top:50%;margin-top:-.08rem;width:.6rem}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.hdr-menubtn{display:none}
.mzw-menuBtn{width:100%;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}
.mzw-menuBtn .s{display:block;width:100%;height:.04rem;background-color:#e83828;transition:.4s}
.mzw-menuBtn .s2{margin:.08rem 0;opacity:0}
.mzw-menuBtn.open .s1{transform:translateY(.12rem) rotateZ(45deg)}
.mzw-menuBtn.open .s2{opacity:0}
.mzw-menuBtn.open .s3{transform:translateY(-.12rem) rotateZ(-45deg)}
/*!******************************
    -------[=公用]-------
********************************/
.g-cur{background-color:#f5f5f5;overflow:hidden}
.cur,.cur a{font-size:.16rem;color:#666}
.cur{padding:.13rem 0 .13rem .28rem;background:url(../images/i-cur.png) no-repeat left center;-webkit-background-size:.19rem auto;-moz-background-size:.19rem auto;-ms-background-size:.19rem auto;-o-background-size:.19rem auto;background-size:.19rem auto}
.cur a:hover{color:#0062a9}
.pages{text-align:center;font-size:0}
.pages ul{display:inline-block}
.pages ul li{float:left;margin:0 .1rem}
.pages ul li a{display:block;height:.4rem;line-height:.4rem;text-align:center;font-size:var(--fz14);color:#6b6b6b;background-color:#fff;padding:0 .05rem;min-width:.4rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-box-shadow:0 0 .07rem rgba(0,0,0,.08);-moz-box-shadow:0 0 .07rem rgba(0,0,0,.08);-ms-box-shadow:0 0 .07rem rgba(0,0,0,.08);-o-box-shadow:0 0 .07rem rgba(0,0,0,.08);box-shadow:0 0 .07rem rgba(0,0,0,.08)}
.pages ul a:hover,.pages ul li.on a{background-color:#e83828;color:#fff;-webkit-box-shadow:0 0 .1rem rgba(255,118,105,.25);-moz-box-shadow:0 0 .1rem rgba(255,118,105,.25);-ms-box-shadow:0 0 .1rem rgba(255,118,105,.25);-o-box-shadow:0 0 .1rem rgba(255,118,105,.25);box-shadow:0 0 .1rem rgba(255,118,105,.25)}
.pages ul li.next a,.pages ul li.prev a{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.pages ul li a .ico{display:inline-block;vertical-align:middle;width:.14rem;height:.14rem;margin:-2px .12rem 0 0;background:url(../images/ls/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.pages ul li.next a .ico{background-image:url(../images/ls/iconl2.png)}
.pages ul li.next a i{margin-left:.12rem;margin-right:0}
.pages ul li.next a:hover,.pages ul li.prev a:hover{color:#e83828}
.pages ul li.prev a:hover .ico{background-image:url(../images/ls/iconl1-1.png)}
.pages ul li.next a:hover .ico{background-image:url(../images/ls/iconl2-1.png)}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;display:none}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#004585;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto 10px;font-size:80px;line-height:80px}
#browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat}
#browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) 0 -100px no-repeat}
#browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) 0 -200px no-repeat}
#browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) 0 -300px no-repeat}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
@media screen and (max-width:1200px){
.hdr-menubtn{width:.5rem;height:1rem;display:block;position:relative}
.menuBtn{display:block}
.wp{padding:0 .3rem;max-width:none;width:auto}
.pages ul li a{min-width:.8rem;height:.8rem;line-height:.8rem}
.pages ul li a .ico{width:.2rem;height:.2rem}
.pages ul li{display:none}
.pages ul li.next,.pages ul li.on,.pages ul li.prev{display:block}
}
:root{--fz12:0.12rem;--fz14:0.14rem;--fz16:0.16rem;--fz18:0.18rem;--fz20:0.2rem;--fz22:0.22rem;--fz24:0.24rem;--fz26:0.26rem;--fz28:0.28rem;--fz30:0.3rem;--fz32:0.32rem;--fz34:0.34rem;--fz36:0.36rem;--fz38:0.38rem;--fz40:0.4rem;--fz42:0.42rem;--fz44:0.44rem;--fz46:0.46rem;--fz48:0.48rem;--fz50:0.5rem}
.fz12{font-size:var(--fz12)}
.fz14{font-size:var(--fz14)}
.fz16{font-size:var(--fz16)}
.fz18{font-size:var(--fz18)}
.fz20{font-size:var(--fz20)}
.fz22{font-size:var(--fz22)}
.fz24{font-size:var(--fz24)}
.fz26{font-size:var(--fz26)}
.fz28{font-size:var(--fz28)}
.fz30{font-size:var(--fz30)}
.fz32{font-size:var(--fz32)}
.fz34{font-size:var(--fz34)}
.fz36{font-size:var(--fz36)}
.fz38{font-size:var(--fz38)}
.fz40{font-size:var(--fz40)}
.fz42{font-size:var(--fz42)}
.fz44{font-size:var(--fz44)}
.fz46{font-size:var(--fz46)}
.fz48{font-size:var(--fz48)}
.fz50{font-size:var(--fz50)}
@media screen and (max-width:1920px){
:root{--fz12:12px}
}
@media screen and (max-width:1525px){
:root{--fz14:0.16rem;--fz16:0.18rem;--fz18:0.2rem;--fz20:0.22rem;--fz22:0.24rem;--fz24:0.26rem;--fz26:0.28rem;--fz28:0.3rem;--fz30:0.32rem;--fz32:0.34rem;--fz34:0.36rem;--fz36:0.38rem;--fz38:0.4rem;--fz40:0.42rem;--fz42:0.44rem;--fz44:0.46rem;--fz46:0.48rem;--fz48:0.5rem;--fz50:0.52rem}
}
@media screen and (max-width:1342px){
:root{--fz14:0.18rem;--fz16:0.2rem;--fz18:0.22rem;--fz20:0.24rem;--fz22:0.26rem;--fz24:0.28rem;--fz26:0.3rem;--fz28:0.32rem;--fz30:0.34rem;--fz32:0.36rem;--fz34:0.38rem;--fz36:0.4rem;--fz38:0.42rem;--fz40:0.44rem;--fz42:0.46rem;--fz44:0.48rem;--fz46:0.5rem;--fz48:0.52rem;--fz50:0.54rem}
}
@media screen and (max-width:1199px){
:root{--fz12:0.2rem;--fz14:0.24rem;--fz16:0.28rem;--fz18:0.32rem;--fz20:0.36rem;--fz22:0.4rem;--fz24:0.44rem;--fz26:0.48rem;--fz28:0.52rem;--fz30:0.56rem;--fz32:0.56rem;--fz34:0.56rem;--fz36:0.56rem;--fz38:0.56rem;--fz40:0.56rem;--fz42:0.56rem;--fz44:0.56rem;--fz46:0.56rem;--fz48:0.56rem;--fz50:0.56rem}
}
@media screen and (max-width:959px){
:root{--fz12:0.24rem;--fz14:0.26rem;--fz16:0.28rem;--fz18:0.3rem;--fz20:0.32rem;--fz22:0.34rem;--fz24:0.36rem;--fz26:0.38rem;--fz28:0.4rem;--fz30:0.42rem;--fz32:0.42rem;--fz34:0.42rem;--fz36:0.42rem;--fz38:0.42rem;--fz40:0.42rem;--fz42:0.42rem;--fz44:0.42rem;--fz46:0.42rem;--fz48:0.42rem;--fz50:0.42rem}
}
/*!****** lib.css end *******/
/*!****** bl *******/
.wow{visibility:hidden}
body{padding-top:.8rem}
.home{padding-top:0}
.home .header{background-color:transparent}
.home .logo img{display:none}
.home .logo img:nth-child(2){display:inline-block}
.home .nav .v1{color:#fff}
.home .nav .subbox .sub{background-color:rgba(255,255,255,.3)}
.home .nav .subbox .arr{border-bottom:.1rem solid rgba(255,255,255,.3)}
.home .nav .subbox .v2{background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(#fff,#fff);background-image:-moz- oldlinear-gradient(#fff,#fff);background-image:-o-linear-gradient(#fff,#fff);background-image:linear-gradient(#fff,#fff)}
.home .h-so .icon{background-color:transparent}
.header{position:fixed;left:0;top:0;width:100%;height:.8rem;background-color:#fff;z-index:999;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;padding:0 .2rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header.fixed{background-color:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.header.fixed .nav .v1{color:#575757}
.header.fixed .nav .subbox .sub{background-color:rgba(0,0,0,.3)}
.header.fixed .nav .subbox .arr{border-bottom:.14rem solid rgba(0,0,0,.3)}
.header.fixed .h-so .icon{background-color:#e83828}
.header.fixed .logo img{display:inline-block}
.header.fixed .logo img:nth-child(2){display:none}
.logo{float:left;line-height:.8rem;font-size:0}
.logo img{display:inline-block;vertical-align:middle;height:.4rem}
.logo img:nth-child(2){display:none}
.h-r{float:right}
.h-opts{float:right}
.nav{float:right}
.nav li{float:left;position:relative;padding:0 .35rem}
.nav .icondrop{display:none}
.nav .v1{font-size:var(--fz16);color:#575757;position:relative;display:block;line-height:.8rem}
.nav .v1::after{content:"";display:block;position:absolute;width:0;height:.08rem;-webkit-transform:translateX(-50%) skewX(-30deg);-moz-transform:translateX(-50%) skewX(-30deg);-ms-transform:translateX(-50%) skewX(-30deg);-o-transform:translateX(-50%) skewX(-30deg);transform:translateX(-50%) skewX(-30deg);background-color:#e83828;left:50%;top:.14rem;opacity:0;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.nav .ok .v1,.nav .on .v1{color:#e83828}
.nav .ok .v1::after,.nav .on .v1::after{opacity:1;width:.16rem}
.nav .subbox{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);min-width:100%;display:none}
.nav .subbox .arr{display:block;width:0;height:0;border-left:.09rem solid transparent;border-right:.09rem solid transparent;border-bottom:.14rem solid rgba(0,0,0,.3);margin:0 auto}
.nav .subbox .sub{background-color:rgba(0,0,0,.3);border-radius:.05rem;padding:.3rem .4rem .1rem;position:relative;text-align:center}
.nav .subbox .v2{display:inline-block;font-size:var(--fz14);color:#fff;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;text-align:center;margin-bottom:.2rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(#fff,#fff);background-image:-moz- oldlinear-gradient(#fff,#fff);background-image:-o-linear-gradient(#fff,#fff);background-image:linear-gradient(#fff,#fff);-webkit-background-size:0 1px;-o-background-size:0 1px;background-size:0 1px;background-position:100% 100%;background-repeat:no-repeat;-webkit-transition:.25s;-o-transition:.25s;-moz-transition:.25s;transition:.25s;-webkit-transition-property:-webkit-background-size;transition-property:-webkit-background-size;-o-transition-property:-o-background-size;-moz-transition-property:background-size;transition-property:background-size;transition-property:background-size,-webkit-background-size,-o-background-size}
.nav .subbox .v2:hover{-webkit-background-size:100% 1px;-o-background-size:100% 1px;background-size:100% 1px;background-position-x:0}
.h-so{position:relative}
.h-so .icon{width:.36rem;height:.36rem;border-radius:50%;background:#e83828 url(../images/h-so.svg) no-repeat center;-webkit-background-size:.2rem .2rem;-o-background-size:.2rem;background-size:.2rem;cursor:pointer;position:relative}
.h-so .so-pop{position:absolute;top:100%;right:0;border:1px solid #eee;display:none}
.h-so .so-pop .inp{display:block;width:2.5rem;height:.4rem;padding:0 .5rem 0 .1rem;background-color:#fff;font-size:var(--fz16);color:#333}
.h-so .so-pop .btn{display:block;background:#0062a9 url(../images/h-i1.png) no-repeat center;-webkit-background-size:.2rem .2rem;-o-background-size:.2rem;background-size:.2rem;position:absolute;top:0;right:0;height:.4rem;width:.4rem}
.footer{background-color:#454545}
.f-top{overflow:hidden;padding:.95rem 0 .7rem}
.f-logo{float:left}
.f-logo img{display:block;height:.52rem}
.f-lks{overflow:hidden}
.f-lks .item{float:left;margin-left:1rem}
.f-lks .item:nth-child(1){margin-left:0}
.f-lks .tit{margin-bottom:.45rem}
.f-lks .tit a{color:#fff;font-size:var(--fz18)}
.f-lks .lk{margin-bottom:.1rem}
.f-lks .lk a{display:inline-block;position:relative;color:#cacaca;font-size:var(--fz14);background-image:-webkit-gradient(linear,left top,left bottom,from(#cacaca),to(#cacaca));background-image:-webkit-linear-gradient(#cacaca,#cacaca);background-image:-moz- oldlinear-gradient(#cacaca,#cacaca);background-image:-o-linear-gradient(#cacaca,#cacaca);background-image:linear-gradient(#cacaca,#cacaca);-webkit-background-size:0 1px;-o-background-size:0 1px;background-size:0 1px;background-position:100% 100%;background-repeat:no-repeat;-webkit-transition:.25s;-o-transition:.25s;-moz-transition:.25s;transition:.25s;-webkit-transition-property:-webkit-background-size;transition-property:-webkit-background-size;-o-transition-property:-o-background-size;-moz-transition-property:background-size;transition-property:background-size;transition-property:background-size,-webkit-background-size,-o-background-size}
.f-lks .lk a:hover{color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(#fff,#fff);background-image:-moz- oldlinear-gradient(#fff,#fff);background-image:-o-linear-gradient(#fff,#fff);background-image:linear-gradient(#fff,#fff);-webkit-background-size:100% 1px;-o-background-size:100% 1px;background-size:100% 1px;background-position-x:0}
.f-copy{color:#a5a5a5;font-size:var(--fz14);padding:.4rem 0;text-align:center}
.f-copy a{color:inherit;background-image:-webkit-gradient(linear,left top,left bottom,from(#cacaca),to(#cacaca));background-image:-webkit-linear-gradient(#cacaca,#cacaca);background-image:-moz- oldlinear-gradient(#cacaca,#cacaca);background-image:-o-linear-gradient(#cacaca,#cacaca);background-image:linear-gradient(#cacaca,#cacaca);-webkit-background-size:0 1px;-o-background-size:0 1px;background-size:0 1px;background-position:100% 100%;background-repeat:no-repeat;-webkit-transition:.25s;-o-transition:.25s;-moz-transition:.25s;transition:.25s;-webkit-transition-property:-webkit-background-size;transition-property:-webkit-background-size;-o-transition-property:-o-background-size;-moz-transition-property:background-size;transition-property:background-size;transition-property:background-size,-webkit-background-size,-o-background-size}
.f-copy a:hover{color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(#fff,#fff);background-image:-moz- oldlinear-gradient(#fff,#fff);background-image:-o-linear-gradient(#fff,#fff);background-image:linear-gradient(#fff,#fff);-webkit-background-size:100% 1px;-o-background-size:100% 1px;background-size:100% 1px;background-position-x:0}
.m-pop{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:1000}
.m-pop .inner{position:relative;z-index:2}
.pop-bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.6}
.m-sopop{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.8rem}
.m-sopop .soicn{width:.5rem;height:.6rem;display:block;background:url(../images/h-so1.svg) no-repeat center;-webkit-background-size:.25rem .25rem;-o-background-size:.25rem;background-size:.25rem}
.m-sopop .inp{display:block;width:6rem;height:.8rem;font-size:var(--fz16);color:#000}
.m-sopop .close{cursor:pointer;width:.5rem;height:.6rem;background:url(../images/close.svg) no-repeat center;-webkit-background-size:.18rem .18rem;-o-background-size:.18rem;background-size:.18rem}
.banner{position:relative}
.banner .swiper-slide{overflow:hidden}
.banner .con{position:relative;height:0;padding-top:47.5%;overflow:hidden}
.banner .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;-o-object-fit:cover;object-fit:cover}
.banner .playicon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:.8rem;height:.8rem;border-radius:50%;background:url(../images/jl/i01.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;z-index:11;display:none}
.banner .inbox{position:absolute;left:0;width:100%;bottom:25%;color:#fff}
.banner .inbox .wp{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.banner .inbox .h4{font-size:var(--fz26);-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:CN-Light}
.banner .inbox .en{font-size:.68rem;font-family:Montserrat-Medium;text-transform:uppercase}
.banner .rr{position:absolute;bottom:25%;left:0;right:0;width:100%;z-index:10}
.banner .rr .ul-listb1{float:right}
.ul-listb1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.ul-listb1 .con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:2.5rem;margin-left:.24rem;border:1px solid rgba(255,255,255,.15);border-radius:.1rem;height:1.56rem;padding:.3rem .25rem .25rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;color:#fff;font-size:var(--fz18)}
.ul-listb1 .con:hover{background-color:rgba(255,255,255,.1)}
.ul-listb1 .more{font-size:var(--fz14);padding-left:.3rem;background:url(../images/bl/arr1.png) no-repeat left center;-webkit-background-size:.22rem .22rem;-o-background-size:.22rem;background-size:.22rem}
.ban-opts{position:absolute;bottom:10%;left:0;z-index:10;width:100%}
.ban-opts .wp{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.ban-opts .swiper-button-next,.ban-opts .swiper-button-prev{width:.7rem;height:.7rem;border-radius:50%;border:1px solid #fff;position:static;margin:0;color:#fff;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ban-opts .swiper-button-next:hover,.ban-opts .swiper-button-prev:hover{background:#e83828;border-color:#e83828}
.ban-opts .swiper-button-next svg,.ban-opts .swiper-button-prev svg{display:block;width:50%;height:auto}
.ban-opts .swiper-button-next::after,.ban-opts .swiper-button-prev::after{display:none}
.ban-opts .swiper-pagination{position:static;color:#a8a8a8;font-size:var(--fz18);text-align:left}
.ban-opts .btns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.ban-opts .swiper-pagination-current{color:#fff;font-size:var(--fz30);font-family:Montserrat-Light;margin-right:.05rem}
.ban-opts .swiper-button-next{margin-left:.36rem}
.row-a1{padding:.2rem .1rem 0;background-color:#fff;overflow:hidden}
.ul-listb2{overflow:hidden}
.ul-listb2 li{float:left;width:33.33%}
.ul-listb2 .con{display:block;position:relative;margin:0 .1rem .2rem}
.ul-listb2 .con:hover .img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}
.ul-listb2 .pic{position:relative;height:0;padding-top:64.12%;overflow:hidden}
.ul-listb2 .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:.8s;-o-transition:.8s;-moz-transition:.8s;transition:.8s}
.ul-listb2 .txt{position:absolute;top:.48rem;left:.4rem;color:#fff;font-size:var(--fz24)}
.ul-listb2 .txt .en{text-transform:uppercase;font-size:.36rem;font-family:Montserrat-Medium;line-height:1.1;margin-bottom:.05rem}
.loading{background:#f5f5f5 url(../images/placeholder.gif) no-repeat center;-webkit-background-size:.8rem auto;-o-background-size:.8rem auto;background-size:.8rem auto}
.row-a2{overflow:hidden;padding:1rem 0 .9rem}
.g-titb1{display:block;margin-bottom:.65rem;line-height:1.2}
.g-titb1 .en{font-size:.6rem;color:#cbcbcb;text-transform:uppercase;font-family:Montserrat-Medium}
.g-titb1 .t{font-size:var(--fz30);color:#000}
.ul-listb3{overflow:hidden;margin:0 -.27rem}
.ul-listb3 li{float:left;width:33.33%}
.ul-listb3 .con{display:block;margin:0 .27rem .57rem;overflow:hidden}
.ul-listb3 .con:hover .pic::after{opacity:1}
.ul-listb3 .con:hover .tit{color:#e83828}
.ul-listb3 .pic{position:relative;height:0;padding-top:100%;overflow:hidden}
.ul-listb3 .pic::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(232,56,40,.8) url(../images/bl/g-i1.png) no-repeat center;-webkit-background-size:1.02rem auto;-o-background-size:1.02rem auto;background-size:1.02rem auto;opacity:0;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ul-listb3 .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listb3 .txt{padding:.36rem .1rem 0}
.ul-listb3 .tit{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;font-size:var(--fz18);color:#000;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.row-a3{position:relative}
.row-a3>.inner{padding:1.2rem 0 1.5rem}
.row-a3 .g-titb1{position:relative;z-index:10;margin-bottom:2.85rem}
.row-a3 .g-titb1 .en,.row-a3 .g-titb1 .t{color:#fff}
.row-a3 .bot{width:45%;position:relative;z-index:10}
.ul-listb4 .on .s{opacity:1}
.ul-listb4 .s{cursor:pointer;font-size:var(--fz30);color:#fff;opacity:.65;border-bottom:1px solid rgba(255,255,255,.6);position:relative;padding:.33rem .1rem .33rem .26rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ul-listb4 .s::before{content:"";display:block;position:absolute;top:50%;left:0;width:.04rem;height:.34rem;background-color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.ul-listb4 .s::after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:#fff;-webkit-transition:.8s;-o-transition:.8s;-moz-transition:.8s;transition:.8s}
.ul-listb4 .s:hover{opacity:1}
.ul-listb4 .s:hover::after{width:100%}
.ffm{font-family:Montserrat-Medium}
.m-banb1{position:absolute;top:0;left:0;width:100%;height:100%}
.m-banb1 .swiper-container{height:100%}
.m-banb1 .swiper-slide{position:relative}
.m-banb1 .pic{position:relative;height:100%}
.m-banb1 .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}
.m-banb1 .txt{position:absolute;left:0;bottom:1.5rem;width:100%;z-index:10;color:#fff;font-size:var(--fz16)}
.m-banb1 .txt .tit{font-size:var(--fz30);font-weight:700;margin-bottom:.2rem}
.m-banb1 .txt .box{width:40%;float:right}
.m-banb1 .txt .desc{font-weight:300;line-height:1.85;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:7;-webkit-line-clamp:7;overflow:hidden;height:12.95em;margin-bottom:.2rem}
.m-banb1 .more{display:inline-block;font-size:var(--fz14);color:#fff;border:2px solid #fff;border-radius:5px;padding:.08rem .4rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.m-banb1 .more:hover{background-color:#e83828;color:#fff;border-color:#e83828}
.row-a4{background-color:#efefef;padding:1.3rem 0 1.2rem;overflow:hidden}
.m-banb2{--swiper-navigation-size:0.16rem;--swiper-navigation-color:#000}
.m-banb2 .con{display:block;padding:.65rem .7rem .5rem;background-color:#fff;margin:.3rem 0;position:relative;border-left:1px solid #f4f4f4}
.m-banb2 .con:hover .date,.m-banb2 .con:hover .desc,.m-banb2 .con:hover .icon,.m-banb2 .con:hover .tit{color:#fff}
.m-banb2 .con:hover::after{opacity:1;top:-.3rem;bottom:-.3rem}
.m-banb2 .con::after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;display:block;background:url(../images/bl/bg2.jpg) no-repeat center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;opacity:0;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s}
.m-banb2 .tit{font-size:var(--fz18);color:#353535;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;position:relative;z-index:2;font-weight:700;margin-bottom:.05rem}
.m-banb2 .date{font-size:var(--fz14);color:#a2a2a2;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;position:relative;font-weight:300;z-index:2;margin-bottom:.2rem}
.m-banb2 .desc{font-size:var(--fz14);color:#a2a2a2;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;line-height:1.6;height:4.8em;position:relative;z-index:2;margin-bottom:.18rem}
.m-banb2 .icon{color:#ccc;width:.3rem;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;position:relative;z-index:2}
.m-banb2 .icon svg{display:block;width:100%;height:auto}
.m-banb2 .swiper-container{padding-bottom:1.25rem}
.m-banb2 .swiper-button-next,.m-banb2 .swiper-button-prev{width:.5rem;height:.5rem;border-radius:50%;background-color:#fff;top:auto;bottom:0;margin:0 .1rem}
.m-banb2 .swiper-button-next:hover,.m-banb2 .swiper-button-prev:hover{background:-webkit-gradient(linear,left top,right top,from(#ff8900),to(#e93b27));background:-webkit-linear-gradient(left,#ff8900,#e93b27);background:-moz- oldlinear-gradient(left,#ff8900,#e93b27);background:-o-linear-gradient(left,#ff8900,#e93b27);background:linear-gradient(to right,#ff8900,#e93b27);--swiper-navigation-color:#fff}
.m-banb2 .swiper-button-next{left:50%;right:auto}
.m-banb2 .swiper-button-prev{right:50%;left:auto}
.row-a5{background-color:#fff;overflow:hidden;padding:.85rem 0 1.55rem}
.m-boxb1{background-color:#f7f7f7;border-radius:.2rem;overflow:hidden;padding:.3rem .5rem .7rem}
.m-boxb1 .left{width:36%;float:left}
.m-boxb1 .right{width:45%;float:right;padding-top:.5rem}
.ul-listb5 .con{padding:.25rem 0;position:relative;border-bottom:1px solid #d6d6d6;cursor:pointer}
.ul-listb5 .con::after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#ff8900),to(#e93b27));background:-webkit-linear-gradient(left,#ff8900,#e93b27);background:-moz- oldlinear-gradient(left,#ff8900,#e93b27);background:-o-linear-gradient(left,#ff8900,#e93b27);background:linear-gradient(to right,#ff8900,#e93b27)}
.ul-listb5 .tit{font-size:var(--fz18);color:#000;position:relative;padding-right:.5rem}
.ul-listb5 .tit::before{content:"";display:block;width:.24rem;height:.24rem;background:url(../images/bl/arr2.svg) no-repeat center;-webkit-background-size:60% 60%;-o-background-size:60%;background-size:60%;position:absolute;top:50%;right:0;margin-top:-.12rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ul-listb5 .on .con::after{width:100%;-webkit-transition:10s linear;-o-transition:10s linear;-moz-transition:10s linear;transition:10s linear}
.ul-listb5 .on .tit::before{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.ul-listb5 .desc{font-size:var(--fz14);color:#929292;padding-top:.17rem;display:none;line-height:1.8}
.m-picsb1 .pic{border-radius:.1rem;position:relative;height:0;padding-top:69.23%;overflow:hidden}
.m-picsb1 .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.g-backtop{position:fixed;bottom:.3rem;right:.3rem;z-index:100;display:none}
.g-backtop .box{width:.4rem;height:.4rem;border-radius:50%;border:1px solid #666;color:#666;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;cursor:pointer}
.g-backtop .box:hover{background-color:#e83828;border-color:#e83828;color:#fff}
.g-backtop .box svg{display:block;width:60%;height:auto}
.m-topboxb1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.ul-tabsb1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.ul-tabsb1 li{margin-left:.3rem}
.ul-tabsb1 .s{cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;font-size:var(--fz18);color:#969696;padding:.15rem 0;position:relative}
.ul-tabsb1 .s::after{content:"";display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:.3rem;height:1px;background-color:#e83828;opacity:0;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.ul-tabsb1 .on .s{color:#e83828}
.ul-tabsb1 .on .s::after{opacity:1}
.jl-vidbox{position:relative;height:0;padding-top:40%;overflow:hidden}
.jl-vidbox .showbox{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.jl-vidbox .showbox .poster{position:absolute;left:0;bottom:0;width:100%;height:140%;display:block;-o-object-fit:cover;object-fit:cover}
.jl-vidbox video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}
@media screen and (max-width:1200px){
body{padding-top:1rem}
.header{height:1rem}
.header .df{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.logo{line-height:1rem}
.nav{position:fixed;top:1rem;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;width:100%;background-color:#fff;display:none;padding:5vh 0}
.nav li{float:none;width:auto;padding:0 11%}
.nav .v1{font-size:.32rem;line-height:1rem}
.nav .subbox{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none;padding:0}
.nav .subbox .sub{text-align:left;padding:1em;background-color:#575757}
.nav .subbox .arr{display:none}
.nav .subbox .v2{line-height:.6rem;text-align:left;margin-bottom:0;border:none}
.nav .ok .dropicon::after{-webkit-transform:translateY(-50%) rotate(-135deg);-moz-transform:translateY(-50%) rotate(-135deg);-ms-transform:translateY(-50%) rotate(-135deg);-o-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}
.nav .dropicon{display:block;position:absolute;top:0;right:9%;width:.8rem;height:1rem}
.nav .dropicon::after{content:"";display:block;width:.2rem;height:.2rem;border-right:1px solid #333;border-bottom:1px solid #333;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.nav .ok .v1::after,.nav .on .v1::after{display:none}
.h-so{margin-right:.3rem;display:none}
.h-so .icon{width:.5rem;height:.5rem;-webkit-background-size:80% 80%;-o-background-size:80%;background-size:80%}
.m-sopop{height:1rem}
.m-sopop .inp{height:1rem}
.f-top{padding:.9rem 8%}
.f-top .r{float:none;width:auto}
.f-lks{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.f-lks .item{margin:0}
.f-logo{float:none;display:block;margin-bottom:.9rem}
.f-copy{padding:.3rem 0 .6rem}
.g-backtop .box{width:.6rem;height:.6rem}
.m-sopop .close{-webkit-background-size:.3rem .3rem;-o-background-size:.3rem;background-size:.3rem}
.m-sopop .soicn{-webkit-background-size:.4rem .4rem;-o-background-size:.4rem;background-size:.4rem}
.banner .playicon{display:block}
}
@media screen and (max-width:767px){
.banner .rr{display:none}
.banner .inbox{bottom:30%}
.banner .inbox .h4{font-size:.28rem}
.banner .inbox .en{font-size:.38rem}
.ul-listb2 .txt{top:.1rem;left:.1rem;font-size:.2rem}
.ul-listb2 .txt .en{font-size:.2rem}
.row-a2,.row-a4,.row-a5{padding:.6rem 0}
.ul-listb3{margin:0 -.15rem}
.ul-listb3 li{width:50%}
.ul-listb3 .con{margin:0 .15rem .3rem}
.ul-listb3 .tit{font-size:.24rem}
.m-banb2 .con{padding:.3rem}
.m-banb2 .swiper-container{padding-bottom:.7rem}
.m-boxb1{padding:0 .3rem}
.m-boxb1 .left,.m-boxb1 .right{float:none;width:auto;padding:0;margin-bottom:.3rem}
.ul-listb5 .tit::before{width:.4rem;height:.4rem;margin-top:-.2rem}
.row-a3 .g-titb1{margin-bottom:.6rem}
.row-a3{background:#454545}
.row-a3>.inner{padding:.7rem 0 .3rem;min-height:10.6rem}
.row-a3 .bot{width:auto}
.ul-listb4 .s{padding:.2rem 0 .2rem .2rem;font-size:.28rem}
.m-banb1 .txt{bottom:.5rem}
.m-banb1 .txt .box{width:auto;padding:.3rem 0}
.ban-opts .swiper-button-next,.ban-opts .swiper-button-prev{width:.5rem;height:.5rem}
}
/*!****** bl end *******/
/*!****** ls *******/
.ban{overflow:hidden;padding:2.39rem 0 2.08rem;background-color:#fff;position:relative}
.ban .tit{font-size:var(--fz48);line-height:1.2;color:#010101;overflow:hidden;font-family:Montserrat-Medium;text-transform:uppercase;position:relative;z-index:8}
.ban .desc{font-size:var(--fz24);color:#010101;line-height:1.3;overflow:hidden;font-family:CN-Light;position:relative;z-index:8}
.ban .desc.d2{color:#939393}
.ban .desc em{color:#e73828}
.ban .pic{position:absolute;bottom:0;right:0;width:40.10416%;overflow:hidden;background-color:transparent}
.ban .pic img{display:block;width:100%;height:100%}
.txt-ani p{-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-moz-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s}
.txt-ani div:nth-child(1) p{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.txt-ani div:nth-child(2) p{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.txt-ani div:nth-child(3) p{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.txt-ani div:nth-child(4) p{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.txt-ani div:nth-child(5) p{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.txt-ani div:nth-child(6) p{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.animated.txt-ani p{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.oh{overflow:hidden}
.ban2{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:1.31rem 0 2rem}
.ban2 .tit{font-size:var(--fz48);line-height:1.3;color:#010101;font-family:Montserrat-Medium;text-align:center;overflow:hidden;text-transform:uppercase}
.ban2 .desc{font-size:var(--fz18);color:#000;text-align:center;font-family:CN-Light;overflow:hidden}
.m-casesl{overflow:hidden;padding:.2rem .2rem .81rem}
.ul-listl1{overflow:hidden;margin-bottom:.56rem}
.ul-listl1 li{overflow:hidden;margin-bottom:.2rem}
.ul-listl1 .con{display:block;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin:0 -.1rem}
.ul-listl1 .con .item{width:50%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 .1rem}
.ul-listl1 .con .box{display:block;height:100%;background-color:#fff;padding:.7rem .75rem;overflow:hidden}
.ul-listl1 .con .txt{overflow:hidden;padding:.56rem 1.28rem 1.3rem .3rem;overflow:hidden}
.ul-listl1 .con .tit{font-size:var(--fz36);color:#000;overflow:hidden;margin-bottom:.21rem}
.ul-listl1 .con .desc{font-size:var(--fz14);line-height:1.7;overflow:hidden;color:#b6b6b6}
.ul-listl1 .con .pic{padding-top:56.86528%;position:relative;height:0;overflow:hidden;border-radius:0 1rem 0 1rem;-webkit-border-radius:0 1rem 0 1rem;-moz-border-radius:0 1rem 0 1rem;-ms-border-radius:0 1rem 0 1rem;-o-border-radius:0 1rem 0 1rem}
.ul-listl1 .con .pic .img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl1 .con .pic:hover .img{transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08)}
.ul-listl2{overflow:hidden;text-align:center;font-size:0;margin-top:-.8rem;position:relative;z-index:2;overflow-x:auto;white-space:nowrap}
.ul-listl2 li{display:inline-block;vertical-align:middle;padding:0 .4rem}
.ul-listl2 .con{display:block;font-size:var(--fz16);line-height:.8rem;color:#949494;overflow:hidden;position:relative;font-family:CN-Normal;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl2 .con:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#e83828;width:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl2 .con:hover,.ul-listl2 li.on .con{color:#e73828;font-family:CN-Regular}
.ul-listl2 li.on .con:after{width:100%}
.m-productsl{overflow:hidden;padding:.84rem 0 .92rem}
.ul-listl3{overflow:hidden;margin-bottom:.38rem}
.ul-listl3 li{float:left;margin-right:.14rem;margin-bottom:.2rem}
.ul-listl3 .con{display:block;overflow:hidden;font-size:var(--fz14);line-height:3.15;color:#7e7e7e;padding:0 .4rem;border:2px solid #e0e0e0;border-radius:.05rem;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;-ms-border-radius:.05rem;-o-border-radius:.05rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl3 .con:hover,.ul-listl3 li.on .con{background:#e83828;border-color:#e83828;color:#fff}
.ul-listl4{overflow:hidden;margin:0 -.27rem .55rem}
.ul-listl4 li{width:33.33%;float:left;padding:0 .27rem;margin-bottom:.65rem}
.ul-listl4 .con{display:block;overflow:hidden}
.ul-listl4 .top{overflow:hidden;position:relative;margin-bottom:.37rem}
.ul-listl4 .pic{padding-top:100%;position:relative;height:0;overflow:hidden}
.ul-listl4 .pic .img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listl4 .box{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(232,56,40,.8);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;visibility:hidden;opacity:0}
.ul-listl4 .box .itm{position:absolute;top:50%;left:50%;transform:translate(-50%,-38%);-webkit-transform:translate(-50%,-38%);-moz-transform:translate(-50%,-38%);-ms-transform:translate(-50%,-38%);-o-transform:translate(-50%,-38%);overflow:hidden}
.ul-listl4 .box .itm .spic{width:.66rem;height:auto;margin:0 auto .16rem;overflow:hidden}
.ul-listl4 .box .itm .stit{width:1.02rem;height:auto;margin:0 auto;overflow:hidden}
.ul-listl4 .box .itm img{display:block;width:100%}
.ul-listl4 .tit{font-size:var(--fz18);color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl4 .con:hover .box{opacity:1;visibility:visible}
.ul-listl4 .con:hover .tit{color:#e83828}
.m-topl{overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-left:calc(50% - 7rem);padding:2.51rem calc(50% - 7rem) .52rem .78rem;border-radius:0 0 0 .2rem;-webkit-border-radius:0 0 0 .2rem;-moz-border-radius:0 0 0 .2rem;-ms-border-radius:0 0 0 .2rem;-o-border-radius:0 0 0 .2rem;margin-bottom:.33rem}
.m-topl .txt{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-flex-align:center;align-items:center}
.m-topl .txt .left{position:relative;overflow:hidden;padding-left:.28rem}
.m-topl .txt .left:after{content:"";position:absolute;top:.02rem;left:0;bottom:.11rem;width:.04rem;background-color:#fff}
.m-topl .txt .left .tt{font-size:var(--fz14);color:#fff;line-height:1.3;overflow:hidden;font-family:CN-Normal;margin-bottom:.14rem}
.m-topl .txt .left .tit{font-size:var(--fz36);color:#fff;line-height:1.3;overflow:hidden;font-family:CN-Medium}
.m-topl .txt .btn{display:block;overflow:hidden;min-width:1.6rem;line-height:2.813;padding:0 .3rem;border-radius:.4rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;-ms-border-radius:.4rem;-o-border-radius:.4rem;background:#e83828;text-align:center;font-size:var(--fz16);color:#fff;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.m-topl .txt .btn svg{display:inline-block;vertical-align:middle;width:.22rem;height:.22rem;margin:-4px .05rem 0 0}
.m-topl .txt .btn svg path{fill:#fff;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.m-topl .txt .btn span{position:relative;z-index:2}
.btn-animate__radial-out{position:relative;transform:translateZ(0);overflow:hidden}
.btn-animate__radial-out:before{content:'';position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;z-index:0;background-color:#fff;border-radius:100%;transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transition:.4s ease-out;-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;-ms-transition:.4s ease-out;-o-transition:.4s ease-out}
.btn-animate__radial-out:hover:before{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1)}
.m-topl .txt .btn:hover{color:#e83828}
.m-topl .txt .btn:hover svg path{fill:#e83828}
.m-detailsl1{overflow:hidden;padding-bottom:.55rem}
.m-detailsl1 .details1{background:#fff;padding:.32rem .6rem .6rem;overflow:hidden;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem}
.ul-listl5{overflow:hidden;position:relative;margin-bottom:.46rem}
.ul-listl5:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#eaeaea}
.ul-listl5 li{float:left}
.ul-listl5 .con{display:block;overflow:hidden;padding:.23rem .45rem;font-size:var(--fz18);color:#000;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl5 .con:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e83828;width:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:2}
.ul-listl5 .con:hover,.ul-listl5 li.on .con{color:#e83828}
.ul-listl5 .con:hover:after,.ul-listl5 li.on .con:after{width:100%}
.m-detailsl1 .details2{overflow:hidden;margin-bottom:1.89rem}
.m-detailsl1 .details2 .item{margin-bottom:.42rem}
.m-detailsl1 .details2 .tit{font-size:var(--fz16);color:#000;overflow:hidden;font-family:CN-Medium;margin-bottom:.06rem}
.m-detailsl1 .details2 .txt{font-size:var(--fz14);color:#858585;line-height:2.571428;overflow:hidden;font-family:CN-Normal}
.m-flipl{overflow:hidden;background:#f5f5f5;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem;padding:.33rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-flex-align:center;align-items:center}
.m-flipl a{display:block;font-size:var(--fz14);color:#b2b2b2;font-family:CN-Normal;overflow:hidden}
.m-flipl .btn{display:inline-block;vertical-align:middle;width:.42rem;height:.42rem;line-height:.4rem;text-align:center;font-size:0;border:1px solid #c8c8c8;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-right:.2rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.m-flipl .back .btn{margin-right:0}
.m-flipl .next .btn{margin-right:0;margin-left:.2rem}
.m-flipl .btn svg{display:inline-block;vertical-align:middle;width:.14rem;height:.14rem}
.m-flipl a:hover .btn{border-color:#f5f5f5;background:linear-gradient(to right,#e83828,#ffa200);background:-webkit-linear-gradient(left,#e83828,#ffa200);background:-moz-linear-gradient(left,#e83828,#ffa200)}
.m-flipl a:hover .btn svg path{fill:#fff}
.m-flipl a:hover{color:#eb4827}
.m-flipl .btn img{display:inline-block;vertical-align:middle;max-width:50%;max-height:50%}
.m-flipl .btn .img2{display:none}
.m-flipl .btn:hover .img1{display:none}
.m-flipl .btn:hover .img2{display:inline-block}
.m-relatedl{overflow:hidden;margin-bottom:.95rem}
.m-relatedl.styl1{margin-bottom:.85rem}
.m-titl1{overflow:hidden;font-size:var(--fz30);color:#2c2c2c;font-family:CN-Medium}
.ul-listl6{overflow:hidden;margin:.3rem -.17rem 0}
.ul-listl6 li{width:33.33%;float:left;padding:0 .17rem}
.ul-listl6 .con{display:block;overflow:hidden;background:#fff;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem;padding:.52rem .3rem .61rem .56rem;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl6 .con:after,.ul-listl8 .con:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#e83828,#ffa200);background:-webkit-linear-gradient(left,#e83828,#ffa200);background:-moz-linear-gradient(left,#e83828,#ffa200);opacity:0;visibility:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:1}
.ul-listl6 .box{position:relative;z-index:2}
.ul-listl6 .tips{font-size:var(--fz16);color:#aaa;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:CN-Normal;margin-bottom:.11rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl6 .tit{font-size:var(--fz24);color:#000;font-family:CN-Normal;position:relative;padding-right:.3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl6 .tit:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:.22rem;height:.22rem;background:url(../images/ls/iconl7.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listl6 .con:hover:after,.ul-listl8 .con:hover:after{opacity:1;visibility:visible;background:linear-gradient(to right,#e83828,#ffa200);background:-webkit-linear-gradient(left,#e83828,#ffa200);background:-moz-linear-gradient(left,#e83828,#ffa200)}
.ul-listl6 .con:hover .tips{color:#fff}
.ul-listl6 .con:hover .tit{color:#fff}
.ul-listl6 .con:hover .tit:after{background-image:url(../images/ls/iconl7-1.png)}
.m-searchl{overflow:hidden;padding:.63rem 0 .81rem}
.ul-listl7{overflow:hidden;margin:0 -.2rem .51rem}
.ul-listl7 li{width:50%;float:left;padding:0 .2rem;margin-bottom:.38rem}
.ul-listl7 .con{display:block;background:#fff;overflow:hidden;height:1.92rem;border-radius:.05rem;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;-ms-border-radius:.05rem;-o-border-radius:.05rem;padding:.7rem 1rem .7rem .52rem;border-bottom:.04rem solid #e83828;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl7 .con .icon{width:.48rem;height:.48rem;line-height:.48rem;text-align:center;overflow:hidden;font-size:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:.32rem}
.ul-listl7 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.ul-listl7 .con .txt{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.ul-listl7 .con .tit{font-size:var(--fz18);color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl7 .con .txt .date{color:#b0b0b0;font-size:var(--fz14);overflow:hidden;font-family:CN-Light;height:0;visibility:hidden;opacity:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl7 .con .download{overflow:hidden;position:absolute;top:50%;right:.56rem;width:.24rem;height:.24rem;background:url(../images/ls/iconl9.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.ul-listl7 .con:hover{-webkit-box-shadow:0 .1rem .18rem rgba(232,56,40,.35);-moz-box-shadow:0 .1rem .18rem rgba(232,56,40,.35);-ms-box-shadow:0 .1rem .18rem rgba(232,56,40,.35);-o-box-shadow:0 .1rem .18rem rgba(232,56,40,.35);box-shadow:0 .1rem .18rem rgba(232,56,40,.35)}
.ul-listl7 .con:hover .tit{color:#e83929;margin-bottom:.08rem}
.ul-listl7 .con:hover .txt .date{opacity:1;height:1.5em;line-height:1.5em;visibility:visible}
.ul-listl7 .con:hover .download{background-image:url(../images/ls/iconl9-1.png)}
.m-emptyl{overflow:hidden;padding:.32rem 0 .38rem}
.m-emptyl .empty{overflow:hidden;background:#fff;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem;padding:.92rem 0 2.76rem}
.m-emptyl .empty .pic{width:2.38rem;height:auto;overflow:hidden;margin:0 auto .44rem}
.m-emptyl .empty .pic img{display:block;width:100%;height:100%}
.m-emptyl .empty .tit{text-align:center;font-size:var(--fz18);color:#c1c1c1;font-family:CN-Normal;overflow:hidden}
.m-detailsl2{padding:.43rem 0 .36rem}
.m-detailsl2 .top{overflow:hidden;padding:.75rem 2.8rem 1.17rem .75rem;background:linear-gradient(to right,#e83828,#ffa200);background:-webkit-linear-gradient(left,#e83828,#ffa200);background:-moz-linear-gradient(left,#e83828,#ffa200);border-radius:.2rem .2rem 0 0;-webkit-border-radius:.2rem .2rem 0 0;-moz-border-radius:.2rem .2rem 0 0;-ms-border-radius:.2rem .2rem 0 0;-o-border-radius:.2rem .2rem 0 0}
.m-detailsl2 .top .info{overflow:hidden;margin-bottom:.15rem}
.m-detailsl2 .top .info span{display:block;float:left;font-size:var(--fz14);color:#fff;font-family:CN-Normal;overflow:hidden;margin-right:.1rem}
.m-detailsl2 .top .info span:last-child{margin-right:0}
.m-detailsl2 .top .title{font-size:var(--fz30);line-height:1.2;color:#fff;overflow:hidden;font-family:CN-Medium}
.m-detailsl2 .details{margin-top:-.4rem;background:#fff;overflow:hidden;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem;padding:.48rem .63rem .68rem}
.m-detailsl2 .details .txt{font-size:var(--fz14);color:#858585;line-height:2.55;overflow:hidden;font-family:CN-Normal;margin-bottom:.49rem}
.ul-listl8{overflow:hidden;margin:.22rem -.17rem 0}
.ul-listl8 li{width:33.33%;float:left;padding:0 .17rem}
.ul-listl8 .con{display:block;overflow:hidden;background:#fff;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem;padding:.25rem .24rem .3rem .35rem;font-family:CN-Normal;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl8 .con .top{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;z-index:2;margin-bottom:.3rem}
.ul-listl8 .con .top .tips{font-size:var(--fz16);color:#aaa;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl8 .con .top .ico{overflow:hidden;width:.35rem;height:.35rem;line-height:.35rem;text-align:center;font-size:0;border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl8 .con .top .ico img{display:inline-block;vertical-align:middle;width:.22rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl8 .con .txt{overflow:hidden;height:1.6rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative;z-index:2}
.ul-listl8 .con .date{font-size:var(--fz16);color:#aaa;overflow:hidden;margin-bottom:.1rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl8 .con .tit{font-size:var(--fz24);color:#000;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl8 .con:hover{background:linear-gradient(to right,#e83828,#ffa200);background:-webkit-linear-gradient(left,#e83828,#ffa200);background:-moz-linear-gradient(left,#e83828,#ffa200)}
.ul-listl8 .con:hover .date,.ul-listl8 .con:hover .tit,.ul-listl8 .con:hover .top .tips{color:#fff}
.ul-listl8 .con:hover .top .ico{background-color:#fff}
.ul-listl8 .con:hover .top .ico img{width:.14rem}
.m-newsl{overflow:hidden;padding:.47rem 0 .71rem}
.ul-listl9{overflow:hidden;margin-bottom:.27rem}
.ul-listl9 li{overflow:hidden;margin-bottom:.39rem}
.ul-listl9 .con{display:block;background:#fff;min-height:2.71rem;overflow:hidden;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl9 .con .box{padding:.75rem 1rem .2rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden}
.ul-listl9 .con .date{width:24.6%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:.09rem}
.ul-listl9 .con .date.m{display:none}
.ul-listl9 .con .date .day{font-size:var(--fz16);color:#b8b8b8;overflow:hidden}
.ul-listl9 .con .date .day span{font-size:var(--fz24);color:#000;overflow:hidden;font-family:Montserrat-Light;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl9 .con .date .year{font-size:var(--fz30);line-height:1.4;color:#dcdcdc;font-family:Montserrat-Medium;overflow:hidden}
.ul-listl9 .con .txt{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;position:relative;padding-left:1.57rem;font-family:CN-Normal;min-height:1.14rem;padding-right:1.55rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl9 .con .pic{width:1.81rem;height:auto;overflow:hidden;opacity:0;visibility:hidden;position:absolute;top:0;left:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.ul-listl9 .con .pic .img{padding-top:62.9834%;height:0;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listl9 .con .info{overflow:hidden}
.ul-listl9 .con .info .tit{font-size:var(--fz18);color:#000;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;line-height:1.6;margin-bottom:.18rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl9 .con .info .desc{font-size:var(--fz14);color:#949494;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;line-height:1.7;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl9 .con .ico{display:block;width:.36rem;height:auto;overflow:hidden;position:absolute;right:.79rem;bottom:.67rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl9 .con .ico img{display:block;width:100%;height:100%}
.ul-listl9 .con .ico .img2{display:none}
.ul-listl9 .con:hover{background:#e83828}
.ul-listl9 .con:hover .txt{padding-left:2.06rem;padding-right:1.1rem}
.ul-listl9 .con:hover .pic{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
.ul-listl9 .con:hover .box .desc,.ul-listl9 .con:hover .box .tit,.ul-listl9 .con:hover .date .day span{color:#fff}
.ul-listl9 .con:hover .ico .img1{display:none}
.ul-listl9 .con:hover .ico .img2{display:block}
.ul-listl9 .con:hover .ico{transform:translateX(.1rem);-webkit-transform:translateX(.1rem);-moz-transform:translateX(.1rem);-ms-transform:translateX(.1rem);-o-transform:translateX(.1rem)}
.ul-queryl{overflow:hidden;font-size:0;text-align:center;margin:.68rem 0 .14rem}
.ul-queryl li{display:inline-block;vertical-align:middle;padding:0 .07rem .1rem}
.ul-queryl .con{font-family:CN-Normal;display:block;min-width:1.66rem;font-size:var(--fz18);line-height:2.5;padding:0 .3rem;color:#6d6d6b;border:2px solid #9d9d9d;border-radius:.05rem;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;-ms-border-radius:.05rem;-o-border-radius:.05rem;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-queryl .con:after{content:"";width:0;height:0;border-top:.08rem solid #e83828;border-left:.08rem solid transparent;border-right:.08rem solid transparent;position:absolute;bottom:-.08rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);display:none}
.ul-queryl .con:hover,.ul-queryl li.on .con{background:#e83828;border-color:#e83828;color:#fff}
.ul-queryl li.on .con:after{display:block}
.m-searchl2{overflow:hidden;max-width:7.5rem;margin:0 auto;position:relative}
.m-searchl2 .inp{display:block;width:100%;height:.72rem;background-color:#fff;border-radius:.36rem;-webkit-border-radius:.36rem;-moz-border-radius:.36rem;-ms-border-radius:.36rem;-o-border-radius:.36rem;overflow:hidden;padding:0 1rem 0 .38rem;font-size:var(--fz18);color:#000}
.m-searchl2 .btn{position:absolute;right:0;top:0;width:.84rem;height:100%;font-size:0;background:url(../images/ls/iconl11.png) center center no-repeat;-webkit-background-size:.26rem auto;-moz-background-size:.26rem auto;-ms-background-size:.26rem auto;-o-background-size:.26rem auto;background-size:.26rem auto;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.m-searchl2 .btn:hover{opacity:.7}
.g-boxl1{overflow:hidden;margin-top:-1.45rem;position:relative;z-index:2;margin-bottom:.6rem}
.g-boxl1 .boxs{background-color:#fff;overflow:hidden;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.g-boxl1.styl2{margin-top:-.96rem;margin-bottom:.47rem}
.m-queryl1{overflow:hidden;padding:1.12rem .3rem 1.27rem}
.m-queryl1 .pic{width:2.53rem;height:auto;margin:0 auto .51rem;overflow:hidden}
.m-queryl1 .pic img{display:block;width:100%;height:100%}
.m-queryl1 .txt{overflow:hidden;max-width:5.6rem;font-family:CN-Normal;margin:0 auto}
.m-queryl1 .txt .tit{font-size:var(--fz18);color:#000;overflow:hidden;margin-bottom:.31rem}
.m-queryl1 .txt .desc{font-size:var(--fz14);color:#b2b2b2;line-height:2.1;overflow:hidden}
.m-queryl1 .txt .desc em{color:#5b5b5b}
.m-queryl2{overflow:hidden;padding:.76rem .3rem 1.14rem}
.m-queryl2 .query{width:4.88rem;overflow:hidden;margin:0 auto;position:relative}
.m-queryl2 .query .bg{padding-top:111.27049%;position:relative;height:0;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.m-queryl2 .query .info{position:absolute;top:0;left:0;width:100%;height:100%;padding:.78rem .6rem 0;overflow:hidden;text-align:center;font-size:0}
.m-queryl2 .query .info .box{display:inline-block;text-align:left}
.m-queryl2 .query .icon{width:.46rem;height:auto;overflow:hidden;margin:0 auto .21rem}
.m-queryl2 .query .icon img{display:block;width:100%}
.m-queryl2 .query .tit{font-size:var(--fz16);color:#000;text-align:center;overflow:hidden;font-family:CN-Medium;margin-bottom:.4rem}
.m-queryl2 .query .desc{font-size:var(--fz14);line-height:2.1;color:#aeaeae;font-family:CN-Normal;overflow:hidden}
.m-queryl2 .query .desc em{color:#606060;margin-right:.15rem}
.m-selectl1{max-width:7.5rem;margin:0 auto;font-family:CN-Normal;position:relative;z-index:10}
.m-selectl1 .bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.36rem;-webkit-border-radius:.36rem;-moz-border-radius:.36rem;-ms-border-radius:.36rem;-o-border-radius:.36rem;border:2px solid #fff;background-color:#fff;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.m-selectl1 .top{height:.72rem;line-height:.72rem;overflow:hidden;padding:0 .36rem;font-size:var(--fz18);color:#000;position:relative;z-index:2;cursor:pointer}
.m-selectl1 .top:after{content:"";position:absolute;top:50%;right:.32rem;width:.16rem;height:.16rem;background:url(../images/ls/iconl13.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.m-selectl1 .top span{font-size:var(--fz18);color:#b9b9b9}
.m-selectl1.open .bg{height:5.58rem;border-color:#e83828;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.m-selectl1.open .top:after{background-image:url(../images/ls/iconl13-on.png)}
.m-selectl1 .down{position:absolute;top:100%;z-index:10;left:0;right:2px;visibility:hidden;overflow:hidden;overflow-y:auto;padding:.21rem 0 0;opacity:0;height:0;transition:.5s .1s;-webkit-transition:.5s .1s;-moz-transition:.5s .1s;-ms-transition:.5s .1s;-o-transition:.5s .1s}
.m-selectl1.open .down{height:4.68rem;opacity:1;visibility:visible}
.m-selectl1 .down::-webkit-scrollbar{width:.08rem;height:1px}
.m-selectl1 .down::-webkit-scrollbar-button{display:none}
.m-selectl1 .down::-webkit-scrollbar-track-piece{background:#fff}
.m-selectl1 .down::-webkit-scrollbar-thumb{background:#e83828;border-radius:.05rem;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;-ms-border-radius:.05rem;-o-border-radius:.05rem}
.m-selectl1 .down .itm{padding:0 .35rem;font-size:var(--fz16);color:#b9b9b9;line-height:2.188;margin-bottom:.13rem;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.m-selectl1 .down .itm.on,.m-selectl1 .down .itm:hover{color:#fff;background:#e83828}
.m-queryl3{padding:.57rem .5rem .36rem}
.ul-listl10{overflow:hidden;margin:0 -.13rem}
.ul-listl10 li{width:50%;float:left;padding:0 .13rem;margin-bottom:.29rem}
.ul-listl10 .con{display:block;height:2.51rem;background:#f5f5f5;border-left:3px solid #c7c7c7;font-family:CN-Normal;overflow:hidden;padding:.5rem .55rem .3rem}
.ul-listl10 .con .tit{font-size:var(--fz18);color:#000;overflow:hidden;margin-bottom:.37rem}
.ul-listl10 .con .info{font-size:var(--fz14);color:#949494;line-height:2.1;overflow:hidden}
@media screen and (max-width:1200px){
.ban{padding:1.8rem 0}
.ban .tit{margin-bottom:.06rem}
.ban .desc{font-size:var(--fz16);margin-bottom:.3rem}
.ban .pic{width:40%}
.ban2{padding:.6rem 0 1rem}
.ban2 .desc{font-size:var(--fz12)}
.ul-listl1 .con .txt{padding:0;margin-bottom:0}
.ul-queryl .con{font-size:var(--fz16);line-height:2;padding:0 .2rem}
.m-casesl{padding:.3rem .3rem .6rem}
.ul-listl2{margin-top:.2rem}
.ul-listl2 li{padding:0 .15rem}
.m-newsl,.m-productsl,.m-searchl{padding:.4rem 0 .6rem}
.ul-listl3{margin-bottom:.1rem}
.ul-listl3 .con{padding:0 .3rem;line-height:2.5}
.ul-listl4{margin:0 -.15rem .2rem}
.ul-listl4 li{padding:0 .15rem;margin-bottom:.4rem}
.ul-listl4 .top{margin-bottom:.2rem}
.m-topl{margin-left:.3rem;padding:1rem .3rem .6rem;margin-bottom:.3rem}
.m-detailsl1 .details1{padding:.3rem}
.ul-listl5 .con{padding:.15rem}
.m-detailsl1 .details2{margin-bottom:0}
.m-detailsl1 .details2 .item{margin-bottom:.3rem}
.m-topl .txt .btn svg{width:.3rem;height:.3rem}
.m-flipl .btn svg{width:.24rem;height:.24rem}
.m-flipl .btn{width:.72rem;height:.72rem;line-height:.7rem}
.m-flipl{padding:.3rem}
.ul-listl6 .con{padding:.3rem}
.m-relatedl{margin-bottom:.6rem}
.ul-listl6 .tit:after{width:.3rem;height:.3rem}
.ul-listl7{margin:0 -.15rem .3rem}
.ul-listl7 li{padding:0 .15rem;margin-bottom:.3rem}
.ul-listl7 .con{padding:.4rem .9rem .4rem .3rem;height:auto}
.ul-listl7 .con .download{right:.3rem;width:.4rem;height:.4rem}
.ul-listl7 .con .txt .date{height:auto;opacity:1;visibility:visible}
.ul-listl7 .con .icon{width:.6rem;height:.6rem;line-height:.6rem;margin-right:.2rem}
.m-detailsl2 .top{padding:.3rem .3rem 1rem}
.m-detailsl2 .details{padding:.4rem .3rem}
.m-detailsl2 .details .txt{line-height:2}
.ul-listl8 .con .top .ico{width:.5rem;height:.5rem;line-height:.5rem}
.ul-listl8 .con .top .ico img{width:.24rem}
.ul-listl8 .con:hover .top .ico img{width:.24rem}
.ul-listl9 li{margin-bottom:.3rem}
.ul-listl9 .con:hover{background:#fff}
.ul-listl9 .con .box{padding:.3rem;display:block}
.ul-listl9 .con .pic,.ul-listl9 .con:hover .pic{position:static;float:left;margin-right:.2rem;opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);width:2.4rem}
.ul-listl9 .con .txt,.ul-listl9 .con:hover .txt{padding:0}
.ul-listl9 .con:hover .box .tit,.ul-listl9 .con:hover .date .day span{color:#000}
.ul-listl9 .con:hover .box .desc{color:#949494}
.ul-listl9 .con .ico{display:none}
.ul-listl9 .con .date.pc{display:none}
.ul-listl9 .con .date.m{display:block;margin-bottom:.2rem}
.ul-queryl{margin:.4rem 0 .2rem}
.g-boxl1,.g-boxl1.styl2{margin-top:-.4rem}
.ul-queryl .con:after{border-top:.14rem solid #e83828;border-left:.14rem solid transparent;border-right:.14rem solid transparent;bottom:-.14rem}
.m-queryl2 .query{width:45%}
.m-queryl2 .query .info{padding:1rem .6rem 0 .7rem}
.m-queryl2 .query .tit{margin-bottom:.4rem}
.m-selectl1 .bg{border-radius:.4rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;-ms-border-radius:.4rem;-o-border-radius:.4rem}
.m-selectl1 .top{height:.8rem;line-height:.8rem;padding:0 .3rem}
.btn-animate__radial-out:hover:before{display:none}
.m-topl .txt .btn:hover{color:#fff}
.m-topl .txt .btn:hover svg path{fill:#fff}
}
@media screen and (max-width:767px){
.ban .pic{width:3.7rem}
.ban2 .desc{font-size:10px}
.ul-listl1 .con .box{padding:.3rem}
.ul-listl1 .con{display:block}
.ul-listl1 .con .item{width:auto}
.ul-listl1 .con .item:last-child .box{padding-top:0}
.ul-listl4 li{width:50%;padding:0 .1rem}
.ul-listl4{margin:0 -.1rem .2rem}
.ul-listl10 li,.ul-listl6 li,.ul-listl7 li,.ul-listl8 li{width:auto;float:none;margin-bottom:.3rem}
.ul-listl10 li:last-child,.ul-listl6 li:last-child,.ul-listl8 li:last-child{margin-bottom:0}
.m-topl .txt{display:block}
.m-topl .txt .left{margin-bottom:.3rem}
.m-queryl2 .query{width:70%}
.ul-listl10 .con{height:auto;padding:.4rem .3rem}
.ul-listl10 .con .tit{margin-bottom:.2rem}
.m-queryl3{padding:.4rem .3rem}
}
@media screen and (max-width:480px){
.m-emptyl .empty .pic{width:40%}
.ul-listl9 .con .pic,.ul-listl9 .con:hover .pic{float:none;width:auto;margin:0;margin-bottom:.2rem;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.ul-listl9 .con .txt,.ul-listl9 .con:hover .txt{padding-left:0}
.m-queryl1 .txt{max-width:100%}
.m-queryl2 .query{width:100%}
}
/*!****** ls end *******/
.jl-vidbox{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}
.jl-vidbox .info{position:absolute;top:49%;left:0;right:0;transform:translateY(-50%);text-align:center;font-size:0;z-index:2}
.jl-vidbox .tit{font-size:var(--fz36);color:#fff;margin-bottom:.3rem;text-shadow:0 0 10px rgba(0,0,0,.5)}
.jl-vidbox .icn{display:block;width:.55rem;height:.55rem;margin:0 auto;background-image:url(../images/jl/i06.png);background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer;transition:.5s}
.jl-vidbox .icn:hover{transform:scale(.85)}
.jl-vidbox .icn.play{background-image:url(../images/jl/i01.png)}
.jl-row1{background-color:#fff;padding:1.5rem 0 1.41rem;overflow:hidden}
.jl-row1 .info{display:flex;align-items:start;margin-bottom:1.16rem}
.jl-row1 .con{display:flex;align-items:start;padding:.46rem 0;border-bottom:1px solid #e7e7e7}
.jl-row1 .tit{flex:1;font-size:var(--fz24);color:#000;overflow:hidden}
.jl-row1 .desc{flex-shrink:0;width:48%;font-size:var(--fz14);line-height:2.1;color:#949494;margin-left:2rem}
.jl-about1{display:flex;align-items:center;background-color:#fff}
.jl-about1 .lbox{padding-top:2.32rem;padding-left:1.8rem;width:7.8rem;height:13.31rem;color:#fff;background-image:url(../images/jl/bg02.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
.jl-about1 .lbox .en{font-size:.68rem;font-family:Montserrat-Medium;text-transform:uppercase;line-height:1.1}
.jl-about1 .lbox .tit{font-size:var(--fz24);line-height:1.7}
.jl-about1 .rbox{flex:1;padding:0 1.8rem 0 1.1rem;overflow:hidden}
.jl-about1 .rbox .tit{font-size:var(--fz30);color:#2e2e2e;margin-bottom:.8rem}
.jl-about1 .rbox .tit.sty1{margin-bottom:.53rem}
.jl-tab1{display:flex;border-bottom:1px solid #e3e3e3;margin-bottom:.33rem}
.jl-tab1 li{width:1.5rem;text-align:center;font-size:var(--fz20);color:#969696;position:relative;padding-bottom:.1rem;cursor:pointer;transition:.5s}
.jl-tab1 li.on,.jl-tab1 li:hover{color:#e83828}
.jl-tab1 li::after{content:'';position:absolute;left:0;bottom:-1px;width:0;height:1px;background-color:#e83828;z-index:2;transition:.5s}
.jl-tab1 li.on::after,.jl-tab1 li:hover::after{width:100%}
.jl-list1{margin-bottom:1.5rem}
.jl-list1 li{display:flex;align-items:center;margin-bottom:.26rem}
.jl-list1 li:last-child{margin-bottom:0}
.jl-list1 .icn{flex-shrink:0;width:.28rem;text-align:center;margin-right:.15rem;font-size:0}
.jl-list1 .p{font-size:var(--fz16);color:#2e2e2e}
.jl-form .row{display:flex;margin-bottom:.42rem}
.jl-form .row:last-child{margin-bottom:0}
.jl-form .inp{flex:1;margin-right:.5rem;position:relative;overflow:hidden}
.jl-form .inp:last-child{margin:0}
.jl-form .inp::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#000;z-index:1;transition:.5s}
.jl-form .inp.active::after{width:100%}
.jl-form .inp input{display:block;width:100%;height:.48rem;line-height:.48rem;font-size:var(--fz14);color:#2e2e2e;border-bottom:1px solid #d9d9d9;position:relative}
.jl-form .inp input::-webkit-input-placeholder{color:#b0b0b0}
.jl-form .inp input:-moz-placeholder{color:#b0b0b0}
.jl-form .inp input::-moz-placeholder{color:#b0b0b0}
.jl-form .inp input:-ms-input-placeholder{color:#b0b0b0}
.jl-form .sel{flex:1;position:relative;overflow:hidden}
.jl-form .sel::before{content:'';position:absolute;top:50%;right:0;width:10px;height:5px;transform:translateY(-50%);background-image:url(../images/jl/i05.png);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:0}
.jl-form .sel select{width:100%;height:.48rem;line-height:.48rem;background-color:transparent;border-bottom:1px solid #d9d9d9;padding-right:10px;cursor:pointer;position:relative;z-index:1}
.jl-form .sel select:invalid{color:#b0b0b0}
.jl-form .txtarea{flex:1;overflow:hidden}
.jl-form .txtarea textarea{display:block;width:100%;height:1.48rem;resize:none;border-bottom:1px solid #d9d9d9}
.jl-form .btn{display:block;width:1.8rem;height:.48rem;background-color:#fff;border:1px solid #595959;border-radius:.5rem;font-size:var(--fz14);color:#010101;cursor:pointer;position:relative;z-index:1;overflow:hidden;transition:.5s}
.jl-form .btn::after{content:"";display:block;position:absolute;left:-50%;top:0;width:300%;height:200%;z-index:-1;background-color:#e83828;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;-o-transition:-o-transform .75s;-moz-transition:transform .75s,-moz-transform .75s;transition:transform .75s;transition:transform .75s,-webkit-transform .75s,-moz-transform .75s,-o-transform .75s}
.jl-form .btn:hover{border-color:transparent;color:#fff}
.jl-form .btn:hover::after{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:bottom;-moz-transform-origin:bottom;-ms-transform-origin:bottom;-o-transform-origin:bottom;transform-origin:bottom}
@media screen and (max-width:1200px){
.jl-vidbox{padding-top:50%}
.jl-row1{padding:.5rem 0}
.jl-row1 .info{display:block;margin-bottom:.3rem}
.jl-row1 .con{display:block;padding:.3rem 0}
.jl-row1 .tit{margin-bottom:.3rem}
.jl-row1 .desc{width:auto;margin-left:0}
.jl-about1{display:block}
.jl-about1 .lbox{width:auto;height:auto;padding:.9rem .3rem}
.jl-about1 .lbox .en{font-size:var(--fz50);margin-bottom:.5rem}
.jl-about1 .lbox .tit{font-size:var(--fz22)}
.jl-about1 .rbox{padding:.5rem .3rem}
.jl-about1 .rbox .tit{font-size:var(--fz20);margin-bottom:.3rem}
.jl-tab1 li{font-size:var(--fz18)}
.jl-list1{margin-bottom:1rem}
.jl-list1 .icn{width:.4rem}
.jl-form .row{display:block;margin-bottom:.3rem}
.jl-form .inp{margin-right:0;margin-bottom:.3rem}
.jl-form .inp input,.jl-form .sel select{height:.8rem;line-height:.8rem}
.jl-form .txtarea textarea{height:2rem}
.jl-form .btn{width:2.4rem;height:.8rem}
}