html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;max-width: 100%;}
table p img{height: auto !important;}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{font-size: 14px;color: #000;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
body *{box-sizing: border-box;line-height: 1;}
video{vertical-align: top;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(https://www.zhdgps.com/css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.eps3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.eps4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.mCSB_inside>.mCSB_container{margin-right: 20px !important;}
.MsoNormal{ line-height: 32px;}
html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
html{font-size: calc(900px / 1920 * 100);}
}
@media(min-width: 1921px){
.s0{font-size: 0;}
.s12{font-size: calc(12 * 100vw / 1920);}
.s13{font-size: calc(13 * 100vw / 1920);}
.s14{font-size: calc(14 * 100vw / 1920);}
.s15{font-size: calc(15 * 100vw / 1920);}
.s16{font-size: calc(16 * 100vw / 1920);}
.s17{font-size: calc(17 * 100vw / 1920);}
.s18{font-size: calc(18 * 100vw / 1920);}
.s19{font-size: calc(19 * 100vw / 1920);}
.s20{font-size: calc(20 * 100vw / 1920);}
.s21{font-size: calc(21 * 100vw / 1920);}
.s22{font-size: calc(22 * 100vw / 1920);}
.s23{font-size: calc(23 * 100vw / 1920);}
.s24{font-size: calc(24 * 100vw / 1920);}
.s25{font-size: calc(25 * 100vw / 1920);}
.s26{font-size: calc(26 * 100vw / 1920);}
.s27{font-size: calc(27 * 100vw / 1920);}
.s28{font-size: calc(28 * 100vw / 1920);}
.s29{font-size: calc(29 * 100vw / 1920);}
.s30{font-size: calc(30 * 100vw / 1920);}
.s31{font-size: calc(31 * 100vw / 1920);}
.s32{font-size: calc(32 * 100vw / 1920);}
.s33{font-size: calc(33 * 100vw / 1920);}
.s34{font-size: calc(34 * 100vw / 1920);}
.s35{font-size: calc(35 * 100vw / 1920);}
.s36{font-size: calc(36 * 100vw / 1920);}
.s37{font-size: calc(37 * 100vw / 1920);}
.s38{font-size: calc(38 * 100vw / 1920);}
.s39{font-size: calc(39 * 100vw / 1920);}
.s40{font-size: calc(40 * 100vw / 1920);}
.s41{font-size: calc(41 * 100vw / 1920);}
.s42{font-size: calc(42 * 100vw / 1920);}
.s43{font-size: calc(43 * 100vw / 1920);}
.s44{font-size: calc(44 * 100vw / 1920);}
.s45{font-size: calc(45 * 100vw / 1920);}
.s46{font-size: calc(46 * 100vw / 1920);}
.s47{font-size: calc(47 * 100vw / 1920);}
.s48{font-size: calc(48 * 100vw / 1920);}
.s49{font-size: calc(49 * 100vw / 1920);}
.s50{font-size: calc(50 * 100vw / 1920);}
.s51{font-size: calc(51 * 100vw / 1920);}
.s52{font-size: calc(52 * 100vw / 1920);}
.s53{font-size: calc(53 * 100vw / 1920);}
.s54{font-size: calc(54 * 100vw / 1920);}
.s55{font-size: calc(55 * 100vw / 1920);}
.s56{font-size: calc(56 * 100vw / 1920);}
.s57{font-size: calc(57 * 100vw / 1920);}
.s58{font-size: calc(58 * 100vw / 1920);}
.s59{font-size: calc(59 * 100vw / 1920);}
.s60{font-size: calc(60 * 100vw / 1920);}
.s70{font-size: calc(70 * 100vw / 1920);}
.s72{font-size: calc(72 * 100vw / 1920);}
.s88{font-size: calc(88 * 100vw / 1920);}
.s100{font-size: calc(100 * 100vw / 1920);}
.s150{font-size: calc(150 * 100vw / 1920);}
.s200{font-size: calc(200 * 100vw / 1920);}
.s500{font-size: calc(500 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
.s0{font-size: 0;}
.s12{font-size: 12px}
.s13{font-size: calc(12px + 1 * 100vw / 1920);}
.s14{font-size: calc(12px + 2 * 100vw / 1920);}
.s15{font-size: calc(12px + 3 * 100vw / 1920);}
.s16{font-size: calc(12px + 4 * 100vw / 1920);}
.s17{font-size: calc(12px + 5 * 100vw / 1920);}
.s18{font-size: calc(12px + 6 * 100vw / 1920);}
.s19{font-size: calc(12px + 7 * 100vw / 1920);}
.s20{font-size: calc(12px + 8 * 100vw / 1920);}
.s21{font-size: calc(12px + 9 * 100vw / 1920);}
.s22{font-size: calc(12px + 10 * 100vw / 1920);}
.s23{font-size: calc(12px + 11 * 100vw / 1920);}
.s24{font-size: calc(12px + 12 * 100vw / 1920);}
.s25{font-size: calc(12px + 13 * 100vw / 1920);}
.s26{font-size: calc(12px + 14 * 100vw / 1920);}
.s27{font-size: calc(12px + 15 * 100vw / 1920);}
.s28{font-size: calc(12px + 16 * 100vw / 1920);}
.s29{font-size: calc(12px + 17 * 100vw / 1920);}
.s30{font-size: calc(12px + 18 * 100vw / 1920);}
.s31{font-size: calc(12px + 19 * 100vw / 1920);}
.s32{font-size: calc(12px + 20 * 100vw / 1920);}
.s33{font-size: calc(12px + 21 * 100vw / 1920);}
.s34{font-size: calc(12px + 22 * 100vw / 1920);}
.s35{font-size: calc(12px + 23 * 100vw / 1920);}
.s36{font-size: calc(12px + 24 * 100vw / 1920);}
.s37{font-size: calc(12px + 25 * 100vw / 1920);}
.s38{font-size: calc(12px + 26 * 100vw / 1920);}
.s39{font-size: calc(12px + 27 * 100vw / 1920);}
.s40{font-size: calc(12px + 28 * 100vw / 1920);}
.s41{font-size: calc(12px + 29 * 100vw / 1920);}
.s42{font-size: calc(12px + 30 * 100vw / 1920);}
.s43{font-size: calc(12px + 31 * 100vw / 1920);}
.s44{font-size: calc(12px + 32 * 100vw / 1920);}
.s45{font-size: calc(12px + 33 * 100vw / 1920);}
.s46{font-size: calc(12px + 34 * 100vw / 1920);}
.s47{font-size: calc(12px + 35 * 100vw / 1920);}
.s48{font-size: calc(12px + 36 * 100vw / 1920);}
.s49{font-size: calc(12px + 37 * 100vw / 1920);}
.s50{font-size: calc(12px + 38 * 100vw / 1920);}
.s51{font-size: calc(12px + 39 * 100vw / 1920);}
.s52{font-size: calc(12px + 40 * 100vw / 1920);}
.s53{font-size: calc(12px + 41 * 100vw / 1920);}
.s54{font-size: calc(12px + 42 * 100vw / 1920);}
.s55{font-size: calc(12px + 43 * 100vw / 1920);}
.s56{font-size: calc(12px + 44 * 100vw / 1920);}
.s57{font-size: calc(12px + 45 * 100vw / 1920);}
.s58{font-size: calc(12px + 46 * 100vw / 1920);}
.s59{font-size: calc(12px + 47 * 100vw / 1920);}
.s60{font-size: calc(12px + 48 * 100vw / 1920);}
.s70{font-size: calc(12px + 58 * 100vw / 1920);}
.s72{font-size: calc(12px + 60 * 100vw / 1920);}
.s88{font-size: calc(12px + 76 * 100vw / 1920);}
.s100{font-size: calc(12px + 88 * 100vw / 1920);}
.s150{font-size: calc(12px + 138 * 100vw / 1920);}
.s200{font-size: calc(12px + 188 * 100vw / 1920);}
.s500{font-size: calc(12px + 488 * 100vw / 1920);}
}
@media(max-width: 550px){
.s0{font-size: 0;}
.s12{font-size: 12px}
.s13{font-size: calc(12px + 1 * 550px / 1920);}
.s14{font-size: calc(12px + 2 * 550px / 1920);}
.s15{font-size: calc(12px + 3 * 550px / 1920);}
.s16{font-size: calc(12px + 4 * 550px / 1920);}
.s17{font-size: calc(12px + 5 * 550px / 1920);}
.s18{font-size: calc(12px + 6 * 550px / 1920);}
.s19{font-size: calc(12px + 7 * 550px / 1920);}
.s20{font-size: calc(12px + 8 * 550px / 1920);}
.s21{font-size: calc(12px + 9 * 550px / 1920);}
.s22{font-size: calc(12px + 10 * 550px / 1920);}
.s23{font-size: calc(12px + 11 * 550px / 1920);}
.s24{font-size: calc(12px + 12 * 550px / 1920);}
.s25{font-size: calc(12px + 13 * 550px / 1920);}
.s26{font-size: calc(12px + 14 * 550px / 1920);}
.s27{font-size: calc(12px + 15 * 550px / 1920);}
.s28{font-size: calc(12px + 16 * 550px / 1920);}
.s29{font-size: calc(12px + 17 * 550px / 1920);}
.s30{font-size: calc(12px + 18 * 550px / 1920);}
.s31{font-size: calc(12px + 19 * 550px / 1920);}
.s32{font-size: calc(12px + 20 * 550px / 1920);}
.s33{font-size: calc(12px + 21 * 550px / 1920);}
.s34{font-size: calc(12px + 22 * 550px / 1920);}
.s35{font-size: calc(12px + 23 * 550px / 1920);}
.s36{font-size: calc(12px + 24 * 550px / 1920);}
.s37{font-size: calc(12px + 25 * 550px / 1920);}
.s38{font-size: calc(12px + 26 * 550px / 1920);}
.s39{font-size: calc(12px + 27 * 550px / 1920);}
.s40{font-size: calc(12px + 28 * 550px / 1920);}
.s41{font-size: calc(12px + 29 * 550px / 1920);}
.s42{font-size: calc(12px + 30 * 550px / 1920);}
.s43{font-size: calc(12px + 31 * 550px / 1920);}
.s44{font-size: calc(12px + 32 * 550px / 1920);}
.s45{font-size: calc(12px + 33 * 550px / 1920);}
.s46{font-size: calc(12px + 34 * 550px / 1920);}
.s47{font-size: calc(12px + 35 * 550px / 1920);}
.s48{font-size: calc(12px + 36 * 550px / 1920);}
.s49{font-size: calc(12px + 37 * 550px / 1920);}
.s50{font-size: calc(12px + 38 * 550px / 1920);}
.s51{font-size: calc(12px + 39 * 550px / 1920);}
.s52{font-size: calc(12px + 40 * 550px / 1920);}
.s53{font-size: calc(12px + 41 * 550px / 1920);}
.s54{font-size: calc(12px + 42 * 550px / 1920);}
.s55{font-size: calc(12px + 43 * 550px / 1920);}
.s56{font-size: calc(12px + 44 * 550px / 1920);}
.s57{font-size: calc(12px + 45 * 550px / 1920);}
.s58{font-size: calc(12px + 46 * 550px / 1920);}
.s59{font-size: calc(12px + 47 * 550px / 1920);}
.s60{font-size: calc(12px + 48 * 550px / 1920);}
.s70{font-size: calc(12px + 58 * 550px / 1920);}
.s72{font-size: calc(12px + 60 * 550px / 1920);}
.s88{font-size: calc(12px + 76 * 550px / 1920);}
.s100{font-size: calc(12px + 88 * 550px / 1920);}
.s150{font-size: calc(12px + 138 * 550px / 1920);}
.s200{font-size: calc(12px + 188 * 550px / 1920);}
.s500{font-size: calc(12px + 488 * 550px / 1920);}
}
@media(max-width: 900px){
.z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
.z2,
.z3,
.z4,
.z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
.z2{width: 49% !important;}
.z3{width: 32% !important;}
.z4{width: 23.5% !important;}
.z5{width: 18.4% !important;}
.z2:nth-child(2n),
.z3:nth-child(3n),
.z4:nth-child(4n),
.z5:nth-child(5n){margin-right: 0 !important;}
.mb3{margin-bottom: 30px !important;}
.mb2{margin-bottom: 20px !important;}
.mb1{margin-bottom: 10px !important;}
.l1{padding-left: 10px !important;}
.r1{padding-right: 10px !important;}
.t1{padding-top: 10px !important;}
.b1{padding-bottom: 10px !important;}
.l2{padding-left: 20px !important;}
.r2{padding-right: 20px !important;}
.t2{padding-top: 20px !important;}
.b2{padding-bottom: 20px !important;}
.l3{padding-left: 30px !important;}
.r3{padding-right: 30px !important;}
.t3{padding-top: 30px !important; }
.b3{padding-bottom: 30px !important;}
.hauto{height: auto !important;}
.none{display: none !important;}
.tl{text-align: left !important;}
.nblock{display: block !important;}
.epsnone{-webkit-line-clamp: 100;}
.bnone{border: none !important;}
}
@media(max-width: 450px){
.w1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
.wm2{margin-bottom: 20px !important;}
.wm1{margin-bottom: 10px !important;}
.wl1{padding-left: 10px !important;}
.wr1{padding-right: 10px !important;}
.wt1{padding-top: 10px !important;}
.wb1{padding-bottom: 10px !important;}
.wl2{padding-left: 20px !important;}
.wr2{padding-right: 20px !important;}
.wt2{padding-top: 20px !important;}
.wb2{padding-bottom: 20px !important;}
.wl3{padding-left: 30px !important;}
.wr3{padding-right: 30px !important;}
.wt3{padding-top: 30px !important; }
.wb3{padding-bottom: 30px !important;}
}
/* 动画特效 */
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.delay2{transition-delay: 0.2s;}
.delay4{transition-delay: 0.4s;}
.delay6{transition-delay: 0.6s;}
.delay8{transition-delay: 0.8s;}
.delay10{transition-delay: 1s;}
/*视频容器样式*/
.v-a{position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 10000000;transition: top .5s ease-in-out;}
.v-a.show{top: 0;}
.v-a.show .v-e{visibility: visible;}
.v-a.show .v-f{display: block;}
.v-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.v-c{display: block;width: 40px;height: 40px;background-color: #349fe3;position: absolute;right: 0;top: 0;cursor: pointer;}
.v-d{display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.v-e{visibility: hidden;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;max-width: 100%;max-height: 100%;margin: auto;}
.v-f{display: none;position: absolute;top: 50%;left: 50%;width: 100%;max-width: 800px;transform: translate(-50%,-50%);}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: linear; /*之前是ease-out*/
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
margin: 0 auto;
}
.inrow{font-size:0;}
.inrow>li,
.inrow span{display:inline-block;letter-spacing:normal;word-spacing:normal; }
.dataNums{text-align:center;}
.dataNums .dataOne{ width: .23rem; height: .4rem;text-align: center;}
.dataNums .dataBoc {position: relative; width: 100%; height: 100%;overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.dataNums .tt span{width:100%;height:100%;font-size: .4rem;line-height: .4rem;color: #008cd6;}
/* @media (max-width: 1450px) {
.dataNums .dataOne{ width: .23rem; height: .405rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .405rem;line-height: .405rem;color: #008cd6;}
} */
@media (max-width: 1350px) {
.dataNums .dataOne{ width: .23rem; height: .403rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .403rem;line-height: .403rem;color: #008cd6;}
}
@media (max-width: 1320px) {
.dataNums .dataOne{ width: .23rem; height: .406rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .406rem;line-height: .406rem;color: #008cd6;}
}
@media (max-width: 1300px) {
.dataNums .dataOne{ width: .23rem; height: .40rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .40rem;line-height: .40rem;color: #008cd6;}
}
@media (max-width: 1280px) {
.dataNums .dataOne{ width: .23rem; height: .41rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .41rem;line-height: .41rem;color: #008cd6;}
}
@media (max-width: 1260px) {
.dataNums .dataOne{ width: .23rem; height: .41rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .41rem;line-height: .41rem;color: #008cd6;}
}
@media (max-width: 1200px) {
.dataNums .dataOne{ width: .23rem; height: .407rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .407rem;line-height: .407rem;color: #008cd6;}
}
@media (max-width: 1100px) {
.dataNums .dataOne{ width: .23rem; height: .407rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .407rem;line-height: .407rem;color: #008cd6;}
}
@media (max-width: 1000px) {
.dataNums .dataOne{ width: .23rem; height: .404rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .404rem;line-height: .404rem;color: #008cd6;}
}
@media (max-width: 950px) {
.dataNums .dataOne{ width: .23rem; height: .396rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .396rem;line-height: .396rem;color: #008cd6;}
}
@media (max-width: 900px) {
.dataNums .dataOne{ width: .23rem; height: .428rem;text-align: center;}
.dataNums .tt span{width:100%;height:100%;font-size: .428rem;line-height: .428rem;color: #008cd6;}
}
.mCSB_scrollTools .mCSB_draggerRail{
background-color: rgba(0,0,0,.1) !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #cccccc !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{box-sizing: content-box;cursor: pointer;}
.ui-datepicker .ui-datepicker-title select{line-height: 2;min-height:0 !important;}
/*视频容器样式*/
.xv-a {position: absolute;left: 200%;top: 0%;z-index: 288; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);transition: all .5s ease-in-out;}
.xv-a.show {left: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #26bdce;position: absolute;right: -40px; top: -40px;cursor: pointer;z-index: 10000;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e {visibility: hidden;width: 100%; height: 100%;}
.xv-f {display: none;width: 100%;height: 100%;}
@media(max-width:1200px) {
.xv-b {width: 90vw;height: auto;margin-top: 0;margin-left: 0;transform: translate(-50%, -50%);}
.xv-f {max-height: 90vh;}
.xv-e {height: 60vh;}
}
.ts{opacity:0;transform:translateY(5vw);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);}
.ts.is-visible{opacity:1;transform:translateY(0);}
.ts2{opacity:0;transform:translateY(10vw) scale(0.5);transition:all 1.5s cubic-bezier(.25,.1,.25,1);}
.ts2.is-visible{opacity:1;transform:translateY(0) scale(1);}
.sc{opacity:0;transform:scale(1.5);transition:transform 3s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.sc.is-visible{opacity:1;transform:scale(1);}
.sc2{opacity:0;transform:scale(0);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.sc2.is-visible{opacity:1;transform:scale(1);}
.re{opacity:0;transform:rotate(-90deg);transition:transform 3s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.re.is-visible{opacity:1;transform:rotate(0);}
.h-space{width: 100%;height: 1.2rem;}
.xm_ts{opacity:0;transform:translateY(2.5vw);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);}
.xm_ts.is-visible{opacity:1;transform:translateY(0);}
.xm_ts2{opacity:0;transform:translateY(2.5vw) scale(0.5);transition:all 1.5s cubic-bezier(.25,.1,.25,1);}
.xm_ts2.is-visible{opacity:1;transform:translateY(0) scale(1);}
.xm_sc{opacity:0;transform:scale(.7);transition:transform 1.5s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.xm_sc.is-visible{opacity:1;transform:scale(1);}
.xm_sc2{opacity:0;transform:scale(1.2);transition:all 1.5s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.xm_sc2.is-visible{opacity:1;transform:scale(1);}
@media(max-width: 900px){
.h-space{height: 77px;}
}
@media(max-width: 500px){
.h-space{height: 77px;}
.ftb .fp-tableCell{display: block;}
}
.wa-main{width: 100%;padding-top: 0;height: calc(100vh - 1.2rem);position: relative;z-index: 123;background-color: #fff;}
.wa-box{position: absolute;width: 70%;padding-top: 32.81%;left: 15%;top: 50%;overflow: hidden;transform: translate(0,-50%);transition: all 1s linear;transition-delay: 1.5s;}
.wa-box.is-visible{width: 100%;padding-top: 46.875%;left: 0;}
.wa-inner{width: 100vw;height: 8.92rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .3s;}
.wa-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.wa-cont{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;}
.wa-tit{font-size: 4.166vw;color: #008cd7;font-weight: bold;margin-bottom: .3rem;}
.wa-des{font-size: 2.916vw;color: #202123;margin-bottom: 3.49vw;transition-delay: .2s;}
.wa-play{display: block;width: .81rem;height: .81rem;margin: 0 auto;background-image: url(../image/wm2.png);background-size: 100% 100%;cursor: pointer;transition-delay: .4s;}
.bg-play{display: block;width: .81rem;height: .81rem;background-image: url(../image/wm2.png);background-size: 100% 100%;cursor: pointer;transition-delay: .4s;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 123;}
.wa-type{font-size: 3.33vw;vertical-align: middle;}
.wa-name{vertical-align: middle;}
@media(max-width: 1200px){
.wa-img{object-fit: contain;}
.bg-play{width: 60px;height: 60px;}
}
@media(max-width: 900px){
.wa-main{height: calc(100vh - 77px);}
}
@media(max-width: 750px){
.bg-play{margin-top: -20px;}
}
.vd{display: none;}
.vd.show{display: block;}
.ww-big{width: 100%;position: fixed;left: 0;top: 0;}
.ww-big.normal{position: relative;}
.wb-main{width: 100%;height: 100%;position: relative;z-index: 11;}
.wb-inner.normal{position: relative;top: 0;}
.wb-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.wb-cont{width: 100%;position: absolute;left: 0;top: 40%;z-index: 10;transform: translate(0,-50%);padding-left: 10px;padding-right: 10px;}
.wb-cont-a{top: 35%;}
.wb-intro{width: 100%;margin: 0 auto;max-width: 16.6rem;color: #fff;line-height: 2;text-align: center;opacity:0;transform:translateY(5vw) scale(0.5);transition:all 1.5s cubic-bezier(.25,.1,.25,1);}
.wb-intro.is-visible{opacity:1;transform:translateY(0) scale(1);}
@media(max-width: 900px){
.wb-main{padding-top: 0;height: 400px;}
.wb-intro{font-size: 14px;opacity:1;transform: translateY(5vw) scale(0.5);}
}
.wc-main{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.wc-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.wc-cont{width: 100%;position: relative;left: 0;top: 0;z-index: 10;padding-top: .93rem;margin-bottom: .97rem;padding-left: 10px;padding-right: 10px;}
.wc-tit{color: #fff;text-align: center;font-weight: bold;margin-bottom: .3rem;}
.wc-intro{color: #fff;text-align: center;line-height: 1.7;transition-delay: .2s;}
.wc-text{width: 100%;max-width: 16.6rem;margin: 0 auto;}
.wc-box{width: 100%;position: absolute;left: 0;bottom: 0;text-align: center;}
.wc-box-a{bottom: 0;}
.wc-pro{height: 5.49rem;position: relative;left: .34rem;object-fit: contain;}
.wc-pro-a{height: 5.35rem;top: -0.5rem;left: 0;}
.wc-pro-b{height:4.58rem;left: -0.3rem;}
.wc-pro-c{height: 5.84rem;left: 0;}
.wc-pro-d{left: -0.31rem;}
.wc-list{width: 100%;position: absolute;left: 0;top: 0;}
.wc-list-a{top: 0.4rem;}
.wc-list-b{left: 0.8rem;}
.wc-list-d{left: 0.8rem;}
.wc-item{width: .22rem;height: .22rem;border-radius: 50%;border: 1px solid rgba(0,219,255,0.2);position: absolute;left: 50%;}
.wc-item:after{content: "";display: inline-block;width: .08rem;height: .08rem;border-radius: 50%;background-color: #00dbff;position: absolute;left: 50%;top: 50%;margin-left: -0.04rem;margin-top: -0.04rem;}
.wc-t{padding: .26rem 0;position: absolute;text-align: left;}
.wc-t:after{content: "";display: inline-block;width: 0;height: 1px;background-color: #00dbff;position: absolute;left: 0;bottom: 0;transition:width 2s cubic-bezier(.25,.1,.25,1);}
.wc-tx{opacity: 0;font-size: .4rem;color: #0091ff;font-weight: bold;transition:opacity 3s cubic-bezier(.25,.1,.25,1);transition-delay: 1s;background-image:-webkit-linear-gradient(left,#00dbff,#0091ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.wc-item:nth-child(1){top: .42rem;margin-left: -0.66rem;}
.wc-item:nth-child(2){top: .73rem;margin-left: -0.38rem;transition-delay: .2s;}
.wc-item:nth-child(3){top: 1.18rem;margin-left: -0.58rem;transition-delay: .4s;}
.wc-item:nth-child(4){top: 1.52rem;margin-left: -0.44rem;transition-delay: .6s;}
.wc-item:nth-child(1) .wc-t{width: 4.04rem;right: 50%;bottom: 50%;}
.wc-item:nth-child(2) .wc-t{width: 5.58rem;left: 50%;bottom: 50%;text-align: right;}
.wc-item:nth-child(3) .wc-t{width: 4.67rem;left: 50%;top: 50%;text-align: right;}
.wc-item:nth-child(4) .wc-t{width: 5.56rem;right: 50%;top: 50%;}
.wc-item:nth-child(1) .wc-t:after{right: 0;left: auto;}
.wc-item:nth-child(3) .wc-t:after{top: 0;bottom: auto;}
.wc-item:nth-child(4) .wc-t:after{top: 0;bottom: auto;right: 0;left: auto;}
.wc-item.is-visible .wc-t:after{width: 100%;}
.wc-item.is-visible .wc-tx{opacity: 1;}
@media(max-width: 900px){
.wc-cont{padding-top: 70px;}
}
@media(max-width: 650px){
.wc-box-a{bottom: 38px;}
}
@media(max-width: 600px){
.wc-item:nth-child(1) .wc-t{width: 130px;}
.wc-item:nth-child(2) .wc-t{width: 160px;}
.wc-item:nth-child(3) .wc-t{width: 160px;}
.wc-item:nth-child(4) .wc-t{width: 130px;}
.wc-pro-a{top:-60px;}
.wc-list-c{top: -37px;}
.wc-list-b{left: 0;top: -38px;}
.wc-pro-b{left: -1.1rem;bottom: 38px;}
.wc-pro-d{left: -53px;top: -38px;}
.wc-list-d{left:0;top:-38px;}
.wc-pro-e{left:0;top: -25px;}
.wc-box{padding-left: 10px;padding-right: 10px;}
.wc-cont.bot50{position: absolute;left:0;top: auto;bottom: 50%;margin-bottom: 0;padding-top: 0;}
}
.wd-main{width: 100%;height: 9rem;overflow: hidden;position: relative;}
.wd-left{float: left;width: 50%;height: 9rem;position: relative;overflow: hidden;}
.wk-even .wd-left{float: right;}
.wd-bn{width: 50vw;height: 9rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.wd-bn .swiper-pagination{display: none;}
.wd-bn.show-page .swiper-pagination{display: block;}
.wd-s{position: relative;}
.wd-img{width: 100%;height: 100%;object-fit: cover;}
.wd-img-a{width:auto;height:auto;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:50%;min-height:50%;max-height:100%;max-width:100%;}
.wd-img-contain{object-fit: contain;}
.wd-img-scale{object-fit: scale-down;}
.wd-right{float: right;width: 50%;height: 100%;position: relative;z-index: 123;}
.wd-box{width: 100%;text-align: center;}
.wd-cont{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.wd-pro{/* width: 1.56rem; */vertical-align: top;}
.wd-pro-a{width: 3.02rem;}
.wd-pro-b{width: 2.26rem;}
.wd-pro-c{width: 2.5rem;}
.wd-pro-d{width: 8.73rem;}
.wd-text{text-align: center;width: 100%;padding-left: 10px;padding-right: 10px;}
.wd-tit{color: #202123;font-weight: bold;padding-top: 4.8vw;line-height: 1.4;}
.wd-tit-a{padding-top: 3vw;}
.wd-tit *{line-height: inherit;}
.wd-des{color: #555;line-height: 1.7;transition-delay: .2s;padding-top: .3rem;}
.wd-even .wd-left{float: right;}
.wd-even .wd-right{float: left;}
.wd-buy{color: #008cd7;line-height: 1.7;margin-top: .26rem;display: inline-block;vertical-align: top;cursor: pointer;}
.wd-buy:after{content: "";display: inline-block;vertical-align: middle;width: 0.5em;height: .875em;background-image: url(../image/wm24.png);background-size: 100% 100%;margin-left: .1rem;}
.wd-bn .swiper-pagination-bullet{width: .48rem;height: .06rem;background-color: #fff;opacity: 1;border: none;border-radius: .03rem;}
.wd-bn .swiper-pagination-bullet-active{background-color: #008cd7;}
.wd-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .08rem;}
.wd-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: .4rem;font-size: 0;}
@media(max-width: 750px){
.wd-left{float: none;width: 100%;height: auto;padding-top: 93.75%;}
.wd-right{float: right;width: 100%;height: auto;padding: 30px 0;}
.wd-cont{width: 100%;position: relative;top: 0;transform: translate(0,0);}
.wd-pro{max-height: 300px;}
.wk-even .wd-left{float: none;}
}
@media(max-width: 500px){
.wd-pro{max-height: 200px;}
}
.we-main{width: 100%;height: 100%;position: relative;padding-top: 1.4rem;overflow: hidden;}
.we-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.we-text{width: 100%;text-align: center;position: relative;z-index: 12;margin-bottom: .08rem;padding-left: 10px;padding-right: 10px;}
.we-tit{color: #202123;font-weight: bold;margin-bottom: .3rem;}
.we-des{color: #555;line-height: 1.7;}
.we-box{text-align: center;position: relative;z-index: 12;padding-top: 1.14rem;}
.we-box-a{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;margin-top: 0;}
.we-pro{vertical-align: top;width: 2.53rem;margin-left: 0.5rem;position: relative;top: 0;}
.we-pro-a{width: 6.45rem;margin-left:0;}
.we-pro-b{width: 5.6rem;margin-left:0;}
.we-pro-c{width: 4.59rem;margin-left:0;}
.we-pro-d{width: 5.57rem;margin-left:0;}
.we-pro-e{width: 5.74rem;margin-left:0;}
.we-pro-f{width: 7.42rem;margin-left:0;}
.we-per{width: 2.12rem;position: absolute;left: 50%;top: 0;margin-left: -1.05rem;}
.we-center{width: 100%;text-align: center;}
.we-center img{max-width: 60%;}
.we-center img.we-pro-f{max-width: 80%;}
.we-main.pt2{padding-top: 2rem;}
.we-pro.w536{width: 5.36rem;margin-left: 0;}
.we-pro.w915{width: 9.15rem;margin-left: 0;}
.we-box1{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;margin-top: 0;}
.we-box1 .we-pro{margin-left: 0;height: 6.18rem;width: auto;}
.we-des1{text-align: center;}
.we-des1 span{padding: 0 .2rem;display: inline-block;}
@media(max-width: 1200px){
.we-main{padding-top: 50px;height: auto;}
.we-main-m-a{height: 100%;}
.we-main.sp{padding-top: 0;}
.we-main.pt2{padding: 40px 0;}
.we-img.sp{position: relative;top:0;width:100%;height: auto;}
.we-img.fit{object-fit: contain;}
.we-box1{position: relative;}
}
@media(max-width: 650px){
.we-box-a{bottom: 38px;}
}
@media(max-width: 500px){
.we-box{padding-left: 0;padding-right: 0;padding-top: 30px;}
.we-text.mid500{position: absolute;left: 0;top:50%;transform: translate(0,-100%);margin-bottom: 0;}
}
.wf-main{width: 100%;height: 100%;position: relative;padding-top: 1.26rem;padding-left: 10px;padding-right: 10px;overflow: hidden;}
.wf-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.wf-text{width: 100%;max-width: 16.6rem;margin: 0 auto;text-align: center;position: relative;z-index: 10;margin-bottom: .9rem;}
.wf-tit{color: #202123;font-weight: bold;margin-bottom: .3rem;}
.wf-des{color: #555;line-height: 1.7;transition-delay: .2s;}
.wf-box{width: 100%;height: 5.51rem;text-align: center;position: absolute;left: 0;bottom: 0;z-index: 10;overflow: hidden;}
.wf-pro{height: 100%;position: relative;left: -0.78rem;transition-delay: .6s;}
.wg-main{width: 100%;overflow: hidden;padding: .4rem;background-color: #f9f9f9;}
.wg-inner{background-color: #fff;width: 100%;height: 7.2rem;}
.wg-left{float: left;width: 64.13%;height: 7.2rem;position: relative;overflow: hidden;}
.wg-img{width: 11.69rem;height: 7.2rem;max-width: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;}
.wg-img-a{object-fit: scale-down;}
.wg-right{float: right;width: 35.87%;height: 7.2rem;position: relative;}
.wg-text{width: 100%;position: absolute;left: 0;top: 50%;padding-left: .8rem;padding-right: .8rem;transform: translate(0,-50%);}
.wg-tit{color: #202123;font-weight: bold;padding-bottom: .22rem;position: relative;line-height: 1.333;}
.wg-tit:after{content: "";display: inline-block;width: .32rem;height: .04rem;background-color: #008cd7;position: absolute;left: 0;bottom: 0;}
.wg-des{color: #555;line-height: 1.75;transition-delay: .2s;padding-top: .2rem;}
.wg-even{background-color: #fff;}
.wg-even .wg-inner{background-color: #f9f9f9;}
.wg-even .wg-left{float: right;}
@media(max-width: 900px){
.wg-text{padding-left: 10px;padding-right: 10px;}
.wg-right{width: 300px;}
.wg-left{width: calc(100% - 300px);}
}
@media(max-width: 750px){
.wg-left{float: none;width: 100%;height: auto;}
.wg-img{width: 100%;height: auto;position: relative;}
.wg-right{float: none;width: 100%;height: auto;}
.wg-text{position: relative;top: 0;transform: translate(0,0);padding: 15px 10px;}
.wg-even .wg-left{float: none;}
}
.center-left{width: 25%;height: 4.5rem;left: 37.5%;top: 25%;transition: all 1.5s cubic-bezier(.25,.1,.25,1);}
.center-left.is-visible{width: 50%;height: 9rem;left: 25%;top: 0;}
.center-left.is-visible2{left: 0;}
.center-right{width: 25%;height: 4.5rem;right: 37.5%;top: 25%;transition: all 1.5s cubic-bezier(.25,.1,.25,1);}
.center-right.is-visible{width: 50%;height: 9rem;right: 25%;top: 0;}
.center-right.is-visible2{right: 0;}
.center-left2{width: 32%;height: 3.6rem;left: 34%;top: 25%;transition: all 1.5s cubic-bezier(.25,.1,.25,1);}
.center-left2.is-visible{width: 64.13%;height: 100%;left: 17.935%;top: 0;}
.center-left2.is-visible2{left: 0;}
@media(max-width: 900px){
.wg-text{padding-left: 10px;padding-right: 10px;}
.wg-right{width: 300px;}
.wg-left{width: calc(100% - 300px);}
}
.center-right2{width: 32%;height: 3.6rem;right: 34%;top: 25%;transition: all 1.5s cubic-bezier(.25,.1,.25,1);}
.center-right2.is-visible{width: 64.13%;height: 100%;right: 17.935%;top: 0;}
.center-right2.is-visible2{right: 0;}
@media(max-width: 900px){
.wg-text{padding-left: 10px;padding-right: 10px;}
.wg-right{width: 300px;}
.wg-left{width: calc(100% - 300px);}
.center-right2.is-visible{width: calc(100% - 300px);}
.center-left2.is-visible{width: calc(100% - 300px);}
}
@media(max-width: 750px){
.wd-main{height: auto;}
.center-left{left: 0;width: 100%;top: 0;}
.center-left.is-visible{width: 100%;height: auto;left: 0;}
.center-right{right: 0;width: 100%;top: 0;}
.center-right.is-visible{width: 100%;height: auto;right: 0;}
.wd-bn{width: 100%;height: 100%;}
.center-right{right: 0;}
.center-left2{left: 0;top: 0;width: 100%;height: auto;}
.center-left2.is-visible{width: 100%;height: auto;left: 0;}
.center-right2{right: 0;top: 0;width: 100%;height: auto;}
.center-right2.is-visible{width: 100%;height: auto;right: 0;}
.wg-img{left: 0;top: 0;transform: translate(0,0);}
.wg-inner{height: auto;}
.wg-right{width: 100%;}
.wg-left{width: 100%;}
.center-right2.is-visible{width: 100%;}
.center-left2.is-visible{width: 100%;}
}
.wh-main{width: 100%;background-color: #f8f9fb;padding-top: 1.04rem;padding-bottom: .2rem;overflow: hidden;}
.wh-cont{width: 100%;max-width: 16.6rem;margin: 0 auto;}
.wh-tit{color: #242424;font-weight: bold;margin-bottom: .73rem;}
.wh-list{width: 100%;font-size: 0;}
.wh-item{display: inline-block;vertical-align: top;width: 23.19%;margin-right: 2.41%;margin-bottom: 2.41%;position: relative;}
.wh-item:nth-child(4n){margin-right: 0;}
.wh-item:nth-child(4n+2){transition-delay: .2s;}
.wh-item:nth-child(4n+3){transition-delay: .4s;}
.wh-item:nth-child(4n+4){transition-delay: .6s;}
.wh-box{width: 1.2rem;height: 1.2rem;position: relative;background-color: #fff;border-radius: 50%;margin: 0 auto .25rem;}
.wh-icon{width: 100%;height: 100%;vertical-align: top;}
.wh-down{width: .32rem;height: .32rem;border-radius: 50%;position: absolute;right: 0;bottom: 0;background-color: #008cd7;background-size: .14rem .18rem;background-image: url(../image/wm21.png);background-repeat: no-repeat;background-position: center center;}
.wh-t{line-height: 1.5;color: #333;margin-bottom: .05rem;text-align: center;font-weight: bold;}
.wh-v{text-align: center;color: #555;line-height: 1.57;display: none;}
.wh-bot .wh-v{display: block;}
.wh-date{text-align: center;color: #555;line-height: 1.57;}
.wh-area{width: 100%;background-color: #fff;box-shadow: 0 0.08rem .32rem rgba(0,0,0,0.14);position: absolute;left: 0;top: -0.26rem;padding-top: .45rem;padding-bottom: .2rem;border-radius: .03rem;visibility: hidden;opacity: 0;transition: all .3s;}
.wh-item:hover{z-index: 10;}
.wh-item:hover .wh-area{visibility: visible;opacity: 1;}
.wh-top{width: 100%;height: 8.2em;overflow: auto;margin-bottom: .72em;}
.wh-arr{width: 100%;font-size: 0;padding: 0 9.8%;}
.wh-el{display: inline-block;vertical-align: top;color: #242424;border: 1px solid #ccc;padding: .05rem .1rem;min-width: 45.16%;margin: 0 2.42% 4.84%;line-height: 1.5;text-align: center;cursor: pointer;border-radius: .21em;}
.wh-el:before{content: "";display: inline-block;vertical-align: middle;width: 1em;height: 1.28em;background-image: url(../image/wm22.png);background-size: 100% 100%;margin-right: .08rem;}
.wh-bot{text-align: center;width: 100%;}
.wh-name{color: #333;margin-bottom: .1rem;line-height: 1.5;font-weight: bold;}
.wh-tip{color: #555;}
@media(min-width: 1201px){
.wh-el:hover{border-color: #008cd7;color: #008cd7;}
.wh-el:hover:before{background-image: url(../image/wm23.png);}
}
@media(max-width: 1200px){
.wh-arr{padding: 0 5px;}
.wh-el{font-size: 12px;}
.wh-top{height: 85px;}
}
@media(max-width: 900px){
.wh-cont{width: 100%;padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 750px){
.wh-item{width: 48%;margin-right: 4%;margin-bottom: 4%;}
.wh-item:nth-child(2n){margin-right: 0;}
}
.wi-main{width: 100%;padding-top: 46.875%;position: relative;overflow: hidden;}
.section .wi-main{padding-top: 0;height: calc(100vh - 1.2rem);}
.wi-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;object-fit: cover;}
.wi-cont{width: 100%;position: absolute;height: 100%;left: 0;top: 0;z-index: 10;}
.wi-left{width: 34.635vw;position: absolute;right: 50%;margin-right: 1.82vw;top: 12.76vw;}
.wi-left-a{width: 36.1vw;top:auto;bottom:0;}
.wi-left-b{width: 57.5vw;right:auto;left:0;margin-right:0;top:50%;transform: translate(0,-50%);}
.wi-left-b img{max-width:100%;}
.wi-left-c{width: 14.48vw;margin-right: 14vw;top: 15vw;}
.wi-left-d{width: 25vw;top: 50%;transform: translate(0,-50%);margin-right: 8vw;}
.wi-left-e{width: 27vw;top: 50%;transform: translate(0,-50%);margin-right: 5vw;}
.wi-right{transition-delay: .2s;position: absolute;left: 50%;margin-left: 6.25vw;top: 15vw;}
.section .wi-right{top:50%;transform: translate(0,-50%);}
.wi-right-a{width:5.57rem;text-align: center;}
.wi-right-a img{display: inline-block;}
.wi-name{max-width: 25.52vw;margin-bottom: 1.7vw;min-width: 120px;}
.wi-des{font-size: 2.5vw;color: #202123;margin-bottom: 4.3vw;line-height: 1.5;}
.wi-des:last-child{margin-bottom: 0;}
.wi-des-a{font-size: 1vw;}
.wi-tit{font-size: 4.16vw;color: #202123;}
.wi-a{font-size: 5.208vw; color: #337133;}
.wi-a span{display: inline-block;vertical-align: middle; font-size: 6.77vw;font-weight: bold;margin-left: 1.04vw;}
.wi-textbox{color: #555555;font-size: 1.04vw;line-height: 1.8;margin-bottom: 3.64vw;max-width: 33em;}
.wi-textbox *{line-height: inherit;}
.a16 .wi-des{margin-bottom: 1.04vw;}
.v98 .wi-a{color: #333333;}
.Vnet8 .wi-a{color: #008cd7;margin-bottom: 3.75vw;}
.Vnet8 .wi-des{color: #008cd7; margin-bottom: 1.92vw;}
@media(max-width: 1300px){
.wi-des-a{font-size: 14px;}
}
@media(max-width: 900px){
.section .wi-main{height: calc(100vh - 77px);}
}
@media(max-width: 750px){
.HiScan-R .wi-main{padding: 0;}
.HiScan-R .onlyimg{/* position: relative; */height: auto;width: 100%;top: 50%;transform: translate(0,-50%);}
.PM-1500 .wi-main{padding: 0;}
.PM-1500 .onlyimg{position: relative;height: auto;width: 100%;}
.wi-img-contain{object-fit: contain;}
.wi-main{padding: 0.8rem 10px;}
.wi-main-a{padding-top:0;padding-bottom: 0;;}
.wi-cont{position: relative;font-size: 0;height: auto;}
.wi-left{position: relative;right: 0;top: 0;display: inline-block;vertical-align: middle;width: 50%;padding-right: 5px;padding-left: 5px;margin-right: 0;width: 50%;text-align: center;}
.wi-left-b{top:0;transform: translate(0,0);padding-right: 0;}
.wi-left-b img{max-width: 100%;max-height: none;min-width: 0;}
.wi-left-d{transform: translate(0,0);}
.wi-left-e{transform: translate(0,0);}
.wi-right{position: relative;left: 0;top: 0; display: inline-block;vertical-align: middle;width: 50%;margin-left: 0;padding-left: .2rem; }
.section .wi-right{position: relative;transform: translate(0,0);top:0;padding-left: 10px;padding-right: 10px;}
.section .wi-cont{position: absolute;left:0;top:50%;transform: translate(0,-50%);}
.section .wi-cont-a{transform: translate(0,-60%);}
.wi-name{min-width: 100%;}
}
@media(max-width: 500px){
.wi-a span{font-size: 16px;}
.wi-a{font-size: 16px;margin-bottom: 10px;}
.a16 .wi-des{font-size: 14px;margin-bottom: 10px;line-height: 20px;}
.wi-des{font-size: 14px;}
.wi-des-b{font-size: 16px;}
.wi-des br{display: none;}
.wi-tit{font-size: 16px;}
.wi-textbox{max-width: 100%;font-size: 12px;}
.wi-des-a{font-size: 12px;}
.wi-left.full500{width: 260px;display: block;margin: 0 auto 20px;}
.wi-right.full500{width: 260px;display: block;margin: 0 auto;}
.wi-right.full500 .wi-a{margin-bottom: 0;}
}
.wj-main{width: 100%;height: 46.875vw;position: relative;padding-top: .8rem;overflow: hidden;}
.wj-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.wj-cont{width: 100%;max-width: 16.6rem;margin: 0 auto;text-align: center;position: relative;z-index: 10;}
.section .wj-main{height: 100vh;}
.section .wj-cont{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.wj-title{font-size: .36rem;color: #202123;font-weight: bold;margin-bottom: .15rem;}
.wj-des{font-size: .2rem;color: #555;line-height: 1.5;margin-bottom: .18rem;margin-left: auto;margin-right: auto;}
.wi-right .wj-des{max-width: 34em;}
.wj-tit{font-size: .36rem;color: #202123;font-weight: bold;padding-top: .18rem;}
.wj-detail{width: 9.65rem;text-align: left;margin-top: 7.82vw;}
.wj-det{width: 100%;margin-bottom: .71rem;}
.wj-de{max-width: 100%;}
.wj-list{width: 100%;}
.wj-item{font-size: .2rem;color: #555;line-height: 1.8;padding-left: 1em;position: relative;}
.wj-item:before{content: "";display: inline-block;width: .5em;height: .5em;background-color: #000;border-radius: 50%;position: absolute;left: 0;top: 0.9em;margin-top: -0.25em;}
@media(max-width: 1200px){
.wj-des{font-size: 12px;}
.wj-item{font-size: 12px;}
}
@media(max-width: 900px){
.wj-main{height: 421px;}
.wj-cont{width: 100%;padding-left: 10px;padding-right: 10px;}
.section .wj-cont-a{top: auto;bottom:50%;left:0;transform:translate(0,0);width: 100%;}
.wj-img-a{height:auto;position: absolute;left:0;top:50%;}
.wj-detail-a{width: 100%;padding-bottom: 20px;text-align:center;}
.wj-detail-a img{width:auto;}
}
@media(max-width: 750px){
.wj-main{height: auto;overflow: hidden;padding-top: 30px;}
.wj-img{right: 0;left: auto;max-width: none;width: auto;min-width: 100%;}
.wj-img-contain{object-fit: contain;width: 100%;}
.wj-detail{width: 100%;padding-bottom: 20px;}
.wj-det{background-color: rgba(255,255,255,0.7);}
.wj-title{font-size: 16px;}
.wj-tit{font-size: 16px;}
}
.wk-main{width: 100%;height: 46.875vw;position: relative;overflow: hidden;}
.section .wk-main{height:100vh;}
.wk-main.h100{height:100%;}
.wk-main-a{height: 42vw;}
.wk-img{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;object-fit: cover;}
.wk-cont{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);z-index: 10;}
.wk-cont-a{height: auto;top: auto;transform: translate(0,0);bottom: 0;}
.wk-cont-b{height: auto;top: auto;transform: translate(0,0);bottom: 0;}
.wk-cont-c{height: auto;top: auto;transform: translate(0,0);bottom: 0;}
.wk-cont-d .wk-pro{transform-origin: right center;}
.wk-cont-e{height: auto;top: auto;transform: translate(0,0);bottom: 0;}
.wk-cont-f{height: auto;top: auto;transform: translate(0,0);bottom: 0;}
.wk-inner{width: 100%;max-width: 16.6rem;margin: 0 auto;font-size: 0;position: relative;}
.wk-inner-a{max-width: 100%;}
.wk-inner-b{max-width: 100%;}
.wk-inner-c{max-width: 100%;}
.wk-inner-d{max-width: 100%;}
.wk-inner-e{max-width: 100%;}
.wk-left{float: left;width: 9.6rem;text-align: center;}
.wk-left-left{text-align: left;}
.wk-inner-e .wk-left{margin-left: 6.77vw;}
.wk-inner-e .wk-right{margin-right: 6.77vw;}
.wk-inner-c .wk-right{margin-left: 6.77vw;}
.wk-inner-d .wk-right{margin-right: 6.77vw;}
.wk-left-a{width:9.6rem;}
.wk-left-b{width: 9.14rem;}
.wk-left-c{width: 9.69rem;}
.wk-left-d{width: 10.18rem;}
.wk-left-e{position: relative;top: 0.6rem;}
.wk-right{width: 38%;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.wk-right-a{top: 30%;}
.wk-right-b{margin-right: 6%;}
.wk-pro{max-width: 100%;max-width: 100%;max-height: 38.33vw;object-fit: contain;}
.wk-pro-a{max-width: 8.73rem;max-height: none;}
.wk-pro-b{max-width: 100%;max-height: none;}
.wk-pro-c{max-width: 100%;max-height: none;}
.wk-pro-d{max-width: 100%;max-height: none;}
.wk-pro-e{max-width: 100%;max-height: none;}
.wk-pro-f{transform-origin: left center;}
.wk-pro-g{max-height: 35vw;}
.wk-pro-h{width:100%;height: 100vh;max-height: none;object-fit: cover;transform-origin: left center;}
.wk-pro-i{width:100%;height: 100vh;max-height: none;object-fit: cover;transform-origin: right center;}
.wk-left-left .wk-pro{transform-origin: left bottom;}
.wk-title{transition-delay: 0s;font-size: .36rem;color: #202123;font-weight: bold;padding-bottom: .2rem;position: relative;margin-bottom: .25rem;margin-top: .2rem;line-height: 1.4;}
.wk-title:after{content: "";display: inline-block;width: .32rem;height: .04rem;background-color: #008cd7;position: absolute;left: 0;bottom: 0;}
.wk-title *{line-height: inherit;}
.wk-title.yellow:after{background-color: #ffc600;}
.wk-des{ transition-delay: .2s; font-size: .2rem;color: #555;line-height: 1.5;margin-bottom: 3.9vw;}
.wk-list{transition-delay: .2s;width: 100%;font-size: 0;}
.wk-item{display: inline-block;vertical-align: top;text-align: center;margin-right: .2rem;margin-bottom: .2rem;}
.wk-item:last-child{margin-right: 0;}
.wk-icon{width: auto;height: .88rem;object-fit: contain;margin-bottom: .13rem;transition: all ease .5s; }
.wk-icon.sp{height: 1.38rem;}
.wk-tit{font-size: .18rem;color: #15b5ff;line-height: 1.2;width: 5.05em;margin: 0 auto;}
.wk-even .wk-left{float: right;}
.wk-even .wk-right{right: auto;left: 0;}
.wk-even .wk-sp-inner .wk-right{width: 8.3rem;left: 50%;margin-left: -8.3rem;padding-left: 0;padding-right: 10px;}
@media(max-width: 900px){
.wk-even .wk-sp-inner .wk-right{width: 50%;padding: 0 10px;left: 0;margin-left: 0;}
}
@media(max-width: 750px){
.wk-even .wk-sp-inner .wk-right{width: 100%;}
}
.wk-item:hover .wk-icon{transform: scale(1.3) !important;}
.wk-textbox{transition-delay: .2s;color: #555555;line-height: 1.8;font-size: .2rem;}
.wk-textbox *{line-height: inherit;}
.pt18{padding-top: .18rem;}
.a16 .wk-title:after{background-color: #337133;}
.v98 .wk-title:after{background-color: #ffc600;}
.HiScan-R .wk-tit{width: 100%; max-width: 7em;}
.wk-sp-inner{width: 100%;height: 100%;}
@media(max-width: 1200px){
.wk-left{width: 50%;}
.wk-right{width: 50%;padding-left: 10px;margin-left: 0;}
.wk-inner-c .wk-right{margin-left: 0;}
.wk-des{font-size: 12px;}
.wk-tit{font-size: 12px;}
.wk-pro-circle{width: 60px;}
.wk-inner-d .wk-right{margin-right: 0;}
.wk-cont-e .wk-textbox img{max-width: 300px;}
.wk-textbox{font-size: 12px;}
}
@media(max-width: 900px){
.wk-cont{padding-left: 10px;padding-right: 10px;}
.wk-cont-b{padding-left:0;padding-right: 0;}
.wk-cont-c{padding-left:0;padding-right: 0;}
.wk-cont-d{padding-left:0;padding-right:0;}
.wk-inner{max-width: 100%;}
.wk-right-a{padding-left: 10px;padding-right: 10px;}
.section .wk-cont{width: 100%;position: absolute;left:0;bottom: auto;top:50%;transform: translate(0,-50%);}
}
@media(max-width: 750px){
.wk-cont{position: relative;top: 0;transform: translate(0,0);}
.wk-inner{width: 100%;max-width: 520px;}
.wk-left{float: none;width: 100%;margin-bottom: 20px;}
.wk-left-e{top: 0;}
.wk-even .wk-left{float: none;}
.wk-right{float: none;width: 100%;top: 0;transform: translate(0,0);position: relative;padding-left: 0;}
.wk-right-a{padding-left: 10px;padding-right:10px;}
.wk-right-b{padding-left: 10px;padding-right:10px;}
.wk-right.half750{width: 50%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);right:auto;}
.wk-inner-c .wk-right{margin-left:0;padding-left: 10px;padding-right: 10px;}
.wk-inner-c .wk-pro{width:100%;max-height: none;max-width: none;}
.wk-inner-e .wk-left{margin-left:0;}
.wk-inner-e .wk-right{margin-right:0;}
.wk-main{height: auto;padding: 30px 0 20px;}
.wk-pro{max-width: 80%;max-height: 300px;}
.wk-pro-j{max-height: 200px;}
.wk-pro-k{max-width: 300px;max-height: 200px;}
.wk-pro.full750{max-width: 100%;max-height: none;}
.wk-inner-c .wk-pro-i{max-width: 80%;max-height: 300px;}
.wk-pro-h{object-fit: contain;}
.wk-pro-i{object-fit: contain;}
.wk-title{font-size: 16px;}
.wk-item{width: 20%;margin-right: 0;margin-bottom: 10px;}
.HiScan-R .wk-item{width: 25%;}
.wk-list{text-align:center;}
.wk-img-contain{object-fit: contain;}
.hide750{display: none;}
.wk-sp-inner{height: auto;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);padding: 0 10px;}
}
@media(max-width: 500px){
.HiScan-R .wk-tit{font-size: 10px;max-width: none;padding: 0 3px;}
}
.wl-main{width: 100%;height: 100vh;padding-bottom: .76rem;position: relative;padding-top: .8rem;overflow: hidden;}
.wl-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.wl-cont{width: 100%;max-width: 16.6rem;margin: 0 auto;position: relative;z-index: 10;text-align: center;}
.wl-logo{text-align: center;}
.wl-logo-img{width: 2.13rem;margin-bottom: .2rem;}
.wl-des{font-size: .36rem;color: #202123;font-weight: bold;}
.wl-bot{width: 100%;position: relative;z-index: 10;margin-top: 4.68vw;}
.wl-bot:before{content: "";display: inline-block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background-image: url(../image/wm77.png);background-size: 100% 100%;}
.wl-left{float: left;width: 50%;padding-left: 5.2%;padding-right: 5.2%;}
.wl-right{float: right;width: 50%;padding-left: 5.2%;padding-right: 5.2%;}
.wl-pic{width: 100%;}
.wl-list{width: 100%;font-size: 0;margin-top: 4.53vw;}
.wl-item{width: 50%;font-size: .2rem;color: #202123;line-height: 2;margin-top: 1em;display: inline-block;vertical-align: top;background-size: auto 100%;background-repeat: no-repeat;padding: 0 .2rem;}
.wl-item:nth-child(1){margin-top: 0;}
.wl-item:nth-child(2){margin-top: 0;}
.wl-item:nth-child(2n+1){background-image: url(../image/wm78.png);}
.wl-item:nth-child(2n){background-image: url(../image/wm79.png);text-align: right;background-position: right top;}
.wl-row{width: 100%;text-align: center;}
.wl-tit{display: inline-block;vertical-align: top;font-size: .2rem;color: #fff;background-color: #008cd7;padding: 0 .28rem;line-height: 2;margin-bottom: 3.64vw;}
.wl-box{width: 100%;text-align: center;margin-bottom: 2.86vw;}
.wl-map{max-width: 100%;}
.wl-intro{font-size: .2rem;color: #555;line-height: 1.5;text-align: center;}
@media(max-width: 1200px){
.wl-item{font-size: 12px;}
.wl-tit{font-size: 12px;}
.wl-intro{font-size: 12px;}
}
@media(max-width: 900px){
.wl-left{padding-left: 10px;padding-right: 10px;}
.wl-right{padding-left: 10px;padding-right: 10px;}
.wl-cont{width: 100%;max-width: none;}
}
@media(max-width: 750px){
.wl-main{padding: 30px 0;}
.wl-left{float: none;width: 100%;margin-bottom: 20px;}
.wl-right{float: none;width: 100%;}
.wl-bot{max-width: 500px;margin: 20px auto 0 auto;}
.wl-bot:before{display: none;}
.wl-des{font-size: 16px;}
}
.full header{position: relative;z-index: 12345;}
.full .section.gray{background-color: #f9f9f9;}
.full .h-space{display: none;}
@media(max-width: 1200px){
.full header{position: absolute;}
}
.wd-tit.pt0{padding-top: 0;}
.wd-main{height: 100%;}
.center-left.is-visible{height: 100%;}
.center-right.is-visible{height: 100%;}
.wd-bn{height: 100%;}
@media(max-width: 750px){
.wd-main{height: auto;}
.center-left.is-visible{height: auto;padding: 150px 0;}
.center-right.is-visible{height: auto;padding: 150px 0;}
}
.d100 .wa-cont{top: 1.9rem;}
.d100 .wa-cont-b{top: 2.3rem;}
.d100 .wa-tit{margin-bottom: .05rem;}
.d100 .wa-name{color: #008cd7;}
.wd-pro-d100-1{width: auto;height: 3.11rem;}
.wd-des{max-width: 37em;margin: 0 auto;}
.wd-pro-d100-2{width: auto;height: 4.4rem;}
@media(max-width: 1500px){
.wd-des{font-size: 14px;padding-top: 10px;}
}
@media(max-width: 1200px){
.d100 .wa-cont{top: 50%;transform: translate(0,-160%);}
.d100 .wa-cont-a{top: 50%;transform: translate(0,-15vw);}
.d100 .wa-cont-c{top: 50%;transform: translate(0,-18vw);}
.d100 .wa-cont-d{top: 50%;transform: translate(0,-20vw);}
}
.wk-des.pb0{margin-bottom: 0;}
.wk-pro-d100-1{max-width: 7.95rem;max-height: 4.99rem;}
.wk-pro-d100-2{max-width: 7.08rem;max-height: 4.53rem;}
.wi-left1{top: 7vw;width: 4rem;margin-right: 10vw;}
.wi-big{font-size: 5.4vw;color: #f09400;margin-bottom: 1.248vw;}
.wi-des1{font-size: 2vw;color: #333;margin-bottom: 3.3vw;}
.wi-tit1{font-size: 3vw;color: #333;}
@media(max-width: 900px){
.wi-left1{height: 50vw;margin-right: 10vw;top: 2vw;width: auto;}
.wi-left1 .wi-pro{height: 100%;}
}
@media(max-width: 750px){
.wi-left1{width: 50%;margin-right: 0;}
}
.wd-pro1{height: 5rem;width: auto;}
.wd-pro2{height: 5rem;width: auto;}
.wk-right1{width: 40%;}
.wk-pro1{max-width: 100%;}
.wk-left1{width: 50.67%;}
@media(max-width: 750px){
.wk-left1{width: 100%;}
.wk-right1{width: 100%;}
}
@media(max-width: 750px){
.wd-pro1{height: 130px;}
}
@media(max-width: 750px){
.wd-pro2{height: 130px;}
.wd-s{max-width: 300px;max-height: 300px;margin: 0 auto;}
}
.xmx-a{overflow: hidden;}
.xmx-a.h100{height: 100%;}
.xmx-bg.h100{height: 100%;}
.xmx-text.mid{top: 50%;transform: translate(0,-50%);width: 100%;}
.xmx-titles.blue{color: #008cd7;}
.xmx-textbox.black{color: #202123;}
.xmx-titles.black{color: #202123;}
.xmx-textbox.blue{color: #008cd7;}
.xmx-textbox.nomin{min-height: 0;}
.xmx-textbox.pb0{padding-bottom: 0;}
@media (max-width: 900px) {
.xmx-bg.nomask:before{display: none;}
}
@media(max-width: 1300px){
.xmx-bg.h100{height: 46.875vw;}
}
@media(max-width: 900px){
.xmx-bg.h100{padding-top: 0;padding-bottom: 0;}
.xmx-a.h100{height: auto;}
.xmx-text.mid{width: 50%;max-width: none;margin-left: 0;padding-left: 10px;position: absolute;}
}
@media(max-width: 500px){
.xmx-titles.s72{font-size: 18px;}
.xmx-textbox.s56{font-size: 18px;}
}
.xa-cont.abs{position: absolute;left: 0;bottom: 0;margin-bottom: 10%;width: 100%;max-width: none;}
.xa-textbox.abs{position: absolute;left: 0;bottom: 0;text-align: center;width: 100%;max-width: none;margin-bottom: 0;padding: 0 10px;}
.xa-textbox.abs p{max-width: 36em;margin: 0 auto;}
.section .xa-cont.abs{height:auto;bottom:auto;top:50%;transform: translate(0,-50%);margin-bottom: 0;}
.section .xa-textbox.abs{position: relative;}
.xb-a.m900{min-height: 9rem;}
.xb-a.m1050{min-height: 10.5rem;}
.xe-a.m900{min-height: 9rem;}
.section .xe-a.m900{height:100vh;}
.xb-img{max-width: 100%;}
.xb-img.w802{width: 8.02rem;}
.wd-des{max-width: 40em;}
.xd-item1.sp{top: 0;}
.xb-intro2{min-width: 100%;}
.xb-top{padding-left: 10px;padding-right: 10px;}
.xb-top.sp{margin-bottom: 1rem;}
.xd-item3{ top: -1.5rem; left: 2rem;transform: translate(-100%,0); }
.xe-top.sp{margin-bottom: 1.3rem;}
.xb-titles{line-height: 1.3;margin-bottom: 0.25rem;}
.xmx-a.sp{margin-top: 0 !important;}
@media(max-width: 1500px){
.xd-text{font-size:16px;}
.wd-des{font-size: 14px;}
}
@media(max-width: 1200px){
.xe-top.sp{margin-bottom: 0.5rem;}
}
@media (max-width: 900px) {
.xb-cont{width: 100%;}
.xb-top.sp{margin-bottom: 0;}
.xb-img{margin-bottom: 30px;}
.xb-img.w802{width: 100%;}
.xb-img.w802 img{max-height: 50vh;object-fit: contain;}
.xb-bottom-a{bottom: 38px;}
.xb-bottom-a .xb-img{margin-bottom: 0;}
}
@media(max-width: 500px){
.wd-des{max-width: 100%;padding: 10px}
.xb-img.w802 img{max-height: 90vw;}
}
.h616{height: 6.16rem;width: auto;}
.xb-intro.mb0{margin-bottom: 0;}
.xb-item1.sp{top: 0;}
.xb-item2.sp{bottom: 3.4rem;}
.xb-a.m900{min-height: 9rem;}
.section .xb-a.m900{height:100vh;}
.xd-top.w100{width: 100%;}
.xd-intro.w100{max-width: 100%;}
.xd-intro.mb2{margin-bottom: .2rem;}
.xd-a.pb8{padding-bottom: .8rem;}
.xe-img img.w528{width: 5.28rem;}
.xe-a.pb110{padding-bottom: 1.1rem;}
.xmx-titles.s80{font-size: .8rem}
@media(max-width: 900px){
.xmx-titles.s80{font-size: 32px;}
.xmx-textbox.s28{font-size: 18px;}
.xd-a.pb8{padding-top: 40px;padding-bottom: 40px;}
.section .xd-a.pb8{padding-top:70px;}
.xe-a.pb110{padding-bottom: 40px;}
.section .xe-a.pb110{padding-top: 70px;}
}
@media(max-width: 800px){
.xmx-titles.s80{font-size: 30px;}
.xmx-textbox.s28{font-size: 16px;}
}
@media(max-width: 700px){
.xmx-titles.s80{font-size: 28px;}
.xmx-textbox.s28{font-size: 14px;}
}
@media(max-width: 600px){
.xmx-titles.s80{font-size: 26px;}
.xmx-textbox.s28{font-size: 12px;}
}
@media(max-width: 500px){
.xmx-titles.s80{font-size: 24px;margin-bottom: 10px;}
}
.xg-a.hide{opacity: 0;visibility: hidden;pointer-events: none;}
@media(max-width: 500px){
.wi-des1{font-size: 12px;}
}
.xmre{font-size: .2rem;}
.xma-a{width: 100%;position: relative;}
.xma-bg{width: 100%;padding-top: 33.85%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xma-text{position: absolute;top: 23.69%; left: calc((130 / 1920) * 100%);width: 8.2rem;}
.xma-titles{color: #191919;color: #fff;font-weight: bold; margin-bottom: .55rem;}
.xma-intro{color: #191919;color: #fff;line-height: 1.33;font-weight: bold;}
.xma-textbox{color: #666;color: #fff;line-height: 1.77;margin-top: .2rem;}
.xma-a.cont2 .xma-text{top: 38.46%;}
.xma-a.cont2 .xma-titles{color: #fff;margin-bottom: .25rem;}
.xma-a.cont2 .xma-intro{color: #fff;}
.xma-a.cont3 .xma-text{top: 38.46%;}
.xma-a.cont3 .xma-titles{color: #191919;margin-bottom: .25rem;}
.xma-a.cont3 .xma-intro{color: #999;font-weight: bold;}
.xma-a.cont4 .xma-text{top: 58.92%;}
.xma-a.cont4 .xma-titles{color: #fff;margin-bottom: .25rem;}
.xma-a.cont4 .xma-intro{color: #fff;}
.xma-a.cont4 .xma-nav{background-size: 0 0;}
.xma-navbox{position: absolute;left: 1.3rem;top: calc(100% - .8rem); z-index: 8;width: 2.4rem; }
.xma-nav{width: 2.4rem;min-height: 4.8rem; padding-left: .55rem;background-color: #fff;box-shadow: .04rem .15rem .2rem 0px rgba(0, 77, 118, 0.16);border-radius: .1rem;background-image: url('../image/bg7.png');background-size: cover;background-position: bottom center;background-repeat: no-repeat;}
.xma-navbox.fixed .xma-nav{ position: fixed;z-index: 88; left: 1.3rem;}
.xma-c{width: 100%;position: relative;}
.xma-c:before{content: '';position: absolute;top: .35rem;left: -.25rem; width: .1rem;height: .1rem;background-color: #008cd6;}
.xma-d{line-height: .8rem;color: #666;cursor: pointer;}
.xma-d:after{content: '>';margin: 0 .1rem;color: #666;}
.xma-d:last-child:after{display: none;}
.xma-d:hover{ color: #008cd6;}
.xma-e{width: 100%;padding-top: .1rem;}
.xma-one{width: 100%;display: block;position: relative;cursor: pointer; margin-top: .2rem;padding: .16rem 0;font-size: 0;}
.xma-one:after{content: '';display: none; position: absolute;top: 0;right: -.08rem;width: .08rem ;height: 100%; background-image: url('../image/rs.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat; }
.xma-one:before{display: none; content: '';position: absolute;top: 0;left: 0;width: calc(100% + .35rem);height: 100%;background-color: #1e62d6;border-radius: .08rem;}
.xma-icon{display: inline-block;vertical-align: middle;position: relative;z-index: 8; width: .7rem;}
.xma-icon1{display: block;width: 100%;height: .4rem;text-align: center;}
.xma-icon1 img{max-width: 60%;max-height: 100%;}
.xma-icon2{display: none;width: 100%;height: .4rem;text-align: center;}
.xma-icon2 img{max-width: 60%;max-height: 100%;}
.xma-f{position: relative;z-index: 8;display: inline-block;vertical-align: middle;width: calc(100% - .7rem);line-height: 1.5; color: #000000;}
.xma-one.active .xma-icon1{display: none;}
.xma-one.active .xma-icon2{display: block;}
.xma-one.active .xma-f{color: #fff;}
.xma-one.active:before{display: block;}
.xma-one.active:after{display: block;}
@media (max-width: 900px) {
.xma-bg{padding-top: 0;}
.xma-text{position: relative;left: 5%;width: 90%;top: 0; padding: 2.5rem 0 2rem;}
.xma-navbox{max-width: 500px; position: relative;top: 0; left: 0;margin: 0 auto ;padding: .5rem 0; width:94%;padding-right: .35rem; }
.xma-nav{width: 100%;}
}
.xmb-a{width: 100%;padding-top: 1rem;padding-bottom: .6rem; background-size: cover;background-position: top center;background-repeat: no-repeat;}
.xmb-b{width: 16.6rem;margin: 0 auto;}
.xmb-top{width: 100%;padding-bottom: .15rem;}
.xmb-lt{display: inline-block;vertical-align: bottom;min-width: 4.25rem;padding-right: .3rem; padding-bottom: .25rem;}
.xmb-titles{color: #191919;font-weight: bold; margin-bottom: .2rem;}
.xmb-en{color: #999;font-weight: bold;}
.xmb-rt{display: inline-block;vertical-align: bottom;font-size: 0; }
.xmb-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-bottom: .25rem; color: #fff; margin-right: .2rem; min-width: 1.6rem;line-height: .48rem;text-align: center;padding: 0 .15rem;background-color: #0058af;border-radius: .08rem;}
.xmb-nav:last-child{margin-right: 0;}
.xmb-nav:hover{background-color: #fabf13;}
.xmb-nav.active{background-color: #fabf13;}
.xmb-box{position: relative;overflow: hidden;width: 100%;}
.xmb-cont{position: absolute;left: -200vw;top: 0;width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.xmb-cont.show{left: 0;position: relative;}
.xmb-item{display: inline-block;vertical-align: top;cursor: pointer;padding: 0 .4rem .45rem; width: 3.85rem; margin-right: .4rem;margin-bottom: .4rem;background-color: #fff;border-radius: .2rem;}
.xmb-item:nth-child(4n){margin-right: 0;}
.xmb-img{width: 100%; overflow: hidden; margin-bottom: .2rem;}
.xmb-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xmb-text{width: 100%;}
.xmb-name{color: #000000;line-height: 1.23;margin-bottom: .05rem; font-weight: bold;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmb-c{color: #333333;line-height: 1.6;height: 3.2em; margin-bottom: .15rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xmb-c *{line-height: inherit;}
.xmb-more{color: #fabf13;}
.xmb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem; width: .625em;height: 1em;background-image: url('../image/i17.png');background-size: .625em auto;background-position: center center;background-repeat: no-repeat;}
.xmb-item:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
.xmb-item:hover .xmb-img img{transform: scale(1.05);}
.xmb-item:hover .xmb-name{color: #0058af;}
.xmb-a.cont2{padding-bottom: .2rem;}
.xmb-d{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.xmb-e{display: inline-block;vertical-align: middle;cursor: pointer;padding: .4rem .15rem;text-align: center; width: 3.85rem;margin-right: .4rem;margin-bottom: .4rem;border-radius: .1rem;}
.xmb-e:nth-child(4n){margin-right: 0;}
.xmb-f{display: inline-block;width: 100%;height: 1.2rem;line-height: 1.2rem;margin-bottom: .1rem;}
.xmb-f img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.xmb-g{width: 100%; }
.xmb-h{width: 100%;font-weight: bold; color: #000000;line-height: 1.15;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmb-i{color: #666;line-height: 1.2;margin-bottom: .2rem; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmb-j{width: 100%;font-size: 0;padding-bottom: .1rem;}
.xmb-jspan{display: inline-block;vertical-align: middle;color: #999;margin: 0 .15rem .1rem;}
.xmb-k{display: inline-block; min-width: 1.6rem;line-height: .48rem;padding: 0 .15rem;border-radius: .08rem;color: #fabf13;border: solid 1px #dddddd;}
.xmb-k:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem; width: .625em;height: 1em;background-image: url('../image/r2.png');background-size: .625em auto;background-position: center center;background-repeat: no-repeat;}
.xmb-e:hover { background-color: #f5f5f5;}
.xmb-e:hover .xmb-f img{transform: scale(1.05);}
.xmb-e:hover .xmb-h{color: #0058af;}
.xmb-e:hover .xmb-k{color: #fff; background-color: #fabf13;border: solid 1px #fabf13;}
.xmb-e:hover .xmb-k:after{background-image: url('../image/rs.png');}
.xmb-a.cont3 .xmb-top{padding-bottom: .35rem;}
.xmb-l{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.xmb-m{display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease .5s; font-size: 0; width: calc(50% - .2rem);margin-right: .4rem;margin-bottom: .4rem; background-color: #fff; border-radius: .2rem;}
.xmb-m:nth-child(2n){margin-right: 0;}
.xmb-n{display: inline-block;vertical-align: middle;width: calc(100% - 3.2rem);padding: .1rem .7rem .1rem .4rem;}
.xmb-o{color: #000000;font-weight: bold;margin-bottom: .05rem;line-height: 1.15; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmb-p{color: #333333;display: block;margin-bottom: .15rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmb-q{color: #999;line-height: 1.5;margin-bottom: .7rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xmb-r{color: #fabf13;}
.xmb-r:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem; width: .625em;height: 1em;background-image: url('../image/i17.png');background-size: .625em auto;background-position: center center;background-repeat: no-repeat;}
.xmb-s{display: inline-block;vertical-align: middle;width: 3.2rem;overflow: hidden;}
.xmb-s img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xmb-m:hover{ box-shadow: 0px .1rem .2rem 0px rgba(0, 52, 79, 0.16);}
.xmb-m:hover .xmb-s img{transform: scale(1.05);}
.xmb-m:hover .xmb-o{color: #0058af;}
.xmb-t{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.xmb-u{display: inline-block;vertical-align: middle;cursor: pointer; font-size: 0; width: 5.25rem;margin-right: .4rem;margin-bottom: .4rem; border: solid 1px #dddddd; border-radius: .2rem;}
.xmb-u:nth-child(3n){margin-right: 0;}
.xmb-v{display: inline-block;vertical-align: middle;width: calc(100% - 2.4rem);padding: .1rem .25rem .1rem .4rem;}
.xmb-w{color: #000000;font-weight: bold;margin-bottom: .1rem;line-height: 1.15; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmb-x{color: #999;line-height: 1.5;margin-bottom: .6rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xmb-y{color: #fabf13;}
.xmb-y:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem; width: .625em;height: 1em;background-image: url('../image/i17.png');background-size: .625em auto;background-position: center center;background-repeat: no-repeat;}
.xmb-z{display: inline-block;vertical-align: middle;width: 2.4rem;overflow: hidden;}
.xmb-z img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xmb-u:hover{border: 1px solid #fff; box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
.xmb-u:hover .xmb-z img{transform: scale(1.05);}
.xmb-u:hover .xmb-w{color: #0058af;}
@media (max-width: 900px) {
.xmb-b{width: 94%;max-width: 500px;}
.xmb-lt{width: 100%;}
.xmb-rt{width: 100%;}
.xmb-item{width: calc(50% - 5px);margin-right: 10px;}
.xmb-item:nth-child(2n){margin-right: 0;}
.xmb-e{width: calc(50% - 5px);margin-right: 10px;}
.xmb-e:nth-child(2n){margin-right: 0;}
.xmb-m{width: 100%;margin-right: 0;}
.xmb-n{width: 60%;padding: .2rem .25rem;}
.xmb-q{margin-bottom: .25rem;}
.xmb-s{width: 40%;}
.xmb-u{width:100%;margin-right: 0;}
.xmb-v{width: 60%;padding: .2rem .25rem;}
.xmb-x{margin-bottom: .25rem;}
.xmb-z{width: 40%;}
}
.nanbar.no-icon .nal{width: 100%;}
.xmc-a{width: 100%;padding-top: 1rem;padding-bottom: .6rem;background-color: #f5f5f5;}
.xmc-b{width: 16.6rem;margin: 0 auto;}
.xmc-top{width: 100%;padding-bottom: .6rem;}
.xmc-titles{color: #191919;font-weight: bold; margin-bottom: .2rem;}
.xmc-en{color: #999;font-weight: bold;}
.xmc-cont{width: 100%;font-size: 0;}
.xmc-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xmc-item{ display: inline-block;vertical-align: top; cursor: pointer; width: 3.85rem;margin-right: .4rem;margin-bottom: .4rem; background-color: #fff;overflow: hidden; border-radius: .2rem;}
.xmc-item:nth-child(4n){margin-right: 0;}
.xmc-img{transform: scale(1.00);transition: all ease .5s; width: 100%;height: 2.15rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmc-text{width: 100%;padding: .35rem .4rem .3rem;}
.xmc-name{font-weight: bold; color: #000000;line-height: 1.38;margin-bottom: .2rem; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmc-intro{color: #666;line-height: 1.75;height: 3.5em;margin-bottom: .25rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xmc-more{height: 1em;width: 100%;}
.xmc-more img{height: 100%;}
.xmc-item:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
.xmc-item:hover .xmc-img{transform: scale(1.05);}
.xmc-item:hover .xmc-name{color: #0058af;}
@media (min-width: 900px) {
.xmc-item:nth-child(16n+1){margin-top: 0 ;}
.xmc-item:nth-child(16n+3){margin-top: 0 ;}
.xmc-item:nth-child(16n+5){margin-top: -.85rem;}
.xmc-item:nth-child(16n+7){margin-top: -.85rem;}
.xmc-item:nth-child(16n+9) {margin-top: -1.7rem;}
.xmc-item:nth-child(16n+11) {margin-top: -1.7rem;}
.xmc-item:nth-child(16n+13) {margin-top: -.85rem;}
.xmc-item:nth-child(16n+15) {margin-top: -.85rem;}
.xmc-item:nth-child(16n+2) .xmc-intro{height: 5.25em; -webkit-line-clamp: 3;}
.xmc-item:nth-child(16n+2) .xmc-img{height: 2.7rem;}
.xmc-item:nth-child(16n+4) .xmc-intro{height: 5.25em; -webkit-line-clamp: 3;}
.xmc-item:nth-child(16n+4) .xmc-img{height: 2.7rem;}
.xmc-item:nth-child(16n+6) .xmc-intro{height: 5.25em; -webkit-line-clamp: 3;}
.xmc-item:nth-child(16n+6) .xmc-img{height: 2.7rem;}
.xmc-item:nth-child(16n+8) .xmc-intro{height: 5.25em; -webkit-line-clamp: 3;}
.xmc-item:nth-child(16n+8) .xmc-img{height: 2.7rem;}
.xmc-item:nth-child(16n+9) .xmc-intro{height: 5.25em; -webkit-line-clamp: 3;}
.xmc-item:nth-child(16n+9) .xmc-img{height: 2.7rem;}
.xmc-item:nth-child(16n+11) .xmc-intro{height: 5.25em; -webkit-line-clamp: 3;}
.xmc-item:nth-child(16n+11) .xmc-img{height: 2.7rem;}
.xmc-item:nth-child(16n+13) .xmc-intro{height: 5.25em; -webkit-line-clamp: 3;}
.xmc-item:nth-child(16n+13) .xmc-img{height: 2.7rem;}
.xmc-item:nth-child(16n+15) .xmc-intro{height: 5.25em; -webkit-line-clamp: 3;}
.xmc-item:nth-child(16n+15) .xmc-img{height: 2.7rem;}
}
@media (max-width: 900px) {
.xmc-b{width: 94%;max-width: 500px;}
.xmc-item{width: calc(50% - 5px);margin-right: 10px;}
.xmc-item:nth-child(2n){margin-right: 0;}
.xmc-text{padding: .25rem ;}
.xmc-img{height: auto;padding-top: 70.12%;}
}
.xmd-a{width: 100%;}
.xmd-bg{min-height: 8.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmd-text{display: block;width: 100%;max-width: 16.6rem;padding: 1.2rem 3%;margin: 0 auto;text-align: center;}
.xmd-titles{color: #fff;font-weight: bold;margin-bottom: .53rem;}
.xmd-intro{font-weight: bold; color: #fff;line-height: 1.33;margin-bottom: .3rem;}
.xmd-textbox{color: #fff;line-height: 1.54;min-height: 2.9rem;padding-bottom: .3rem;}
.xmd-textbox *{line-height: inherit;}
.xmd-list{width: 100%;font-size: 0;}
.xmd-item{display: inline-block;vertical-align: top;padding: 0 .8rem;margin-top: .3rem;}
.xmd-icon{display: inline-block;margin-bottom: .2rem;position: relative;top: 0;transition: all ease .5s; }
.xmd-icon img{height: .6rem;}
.xmd-c{color: #fff;line-height: 1.5;}
.xmd-item:hover .xmd-icon{top: -5px;}
@media (max-width: 1500px) {
.xmd-item{padding: 0 .4rem;}
}
@media (max-width: 900px) {
.xmd-item{width: 50%;padding: 0 .25rem;}
.xmd-textbox br{display: none;}
}
.xme-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;}
.xme-b{width: 100%;margin: 0 auto;}
.xme-top{display: none; width: 100%;max-width: 16.6rem; margin: 0 auto;padding-bottom: .6rem;}
.xme-titles{font-weight: bold; color: #191919;margin-bottom: .2rem;}
.xme-en{color: #999;font-weight: bold;}
.xme-cont{width: 100%;}
.xme-item{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;flex-direction: row-reverse; font-size: 0;cursor: pointer;width: 100%;}
.xme-img{width:50%;overflow: hidden;}
.xme-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xme-img video{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xme-img:hover img{transform: scale(1.05);}
.xme-text{width: 7.1rem;margin-left: 1.3rem;padding: .2rem 0;}
.xme-name{font-weight: bold; color: #000000;line-height: 1.25;margin-bottom: .4rem;}
.xme-list{width: 100%;padding-bottom: .2rem;}
.xme-one{width: 100%;padding-left: .2rem;margin-bottom: .2rem;}
.xme-tip{font-weight: bold; width: 100%;color: #000000;line-height: 1.33;position: relative;margin-bottom: .1rem;}
.xme-tip:before{content: '';position: absolute;top: .66em;left: -.2rem; margin-top: -3px; width: 6px; height: 6px;border-radius: 50%;background-color: #fabf13;}
.xme-textbox{color: #666;line-height: 1.77;}
.xme-textbox *{line-height: inherit;}
.xme-more{display: inline-block;margin-left: .2rem; padding: 0 .15rem; min-width: 2rem;line-height: .56rem;text-align: center;color: #fff;background-color: #fabf13;border: 1px solid #fabf13; border-radius: 8px;}
.xme-more:after{content: '>';margin-left: .35rem;}
.xme-more:hover{color: #fabf13;background-color: #fff;}
.xme-item:nth-child(2n){flex-direction: row;}
.xme-item:nth-child(2n) .xme-text{margin-right: 1.3rem;margin-left: 0;}
.xme-item.special .xme-one{padding-left: 0;}
.xme-item.special .xme-more{margin-left: 0;}
@media (max-width: 900px) {
.xme-b{width: 94%;max-width: 500px;}
.xme-item{width: 100%;flex-direction: row !important;}
.xme-img{width: 100%;}
.xme-text{width: 100%;padding: .35rem 0 .5rem;margin: 0 !important;}
}
.xmf-a{width: 100%;padding-top: 1rem; background-color: #f5f5f5;}
.xmf-b{width: 16.6rem;margin: 0 auto;}
.xmf-top{width: 100%; }
.xmf-titles{font-weight: bold; display: inline-block;vertical-align: middle;margin-bottom: .4rem;color: #242424;min-width: 2.88rem;padding-right: .3rem;}
.xmf-navbox{display: inline-block;vertical-align: middle;padding-bottom: .2rem;font-size: 0;}
.xmf-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .2rem;margin-bottom: .2rem;color: #666; min-width: 1.4rem;line-height: .5rem;text-align: center;padding: 0 .15rem;background-color: #fff;box-shadow: 0px .02rem .08rem 0px rgba(0, 0, 0, 0.08);border-radius: .08rem;}
.xmf-nav:last-child{margin-right: 0;}
.xmf-nav:hover{background-color: #fabf13;color: #fff;}
.xmf-nav.active{background-color: #fabf13;color: #fff;}
.xmf-cont{width: 100%;padding-bottom: .6rem;}
.xmf-list{display: none; width: 100%;font-size: 0;}
.xmf-list.show{display: block;}
.xmf-item{display: inline-block;vertical-align: top;cursor: pointer; margin-right: .4rem;margin-bottom: .4rem; overflow: hidden; width: 3.58rem; background-color: #fff;box-shadow: 0px .02rem .08rem 0px rgba(0, 0, 0, 0.08);border-radius: .04rem;}
.xmf-item:nth-child(4n){margin-right: 0;}
.xmf-img{transform: scale(1.00);transition: all ease .5s;width: 100%;height: 2.8rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmf-text{width: 100%;padding: .25rem ;}
.xmf-time{color: #999;line-height: 1.71;margin-bottom: .05rem;}
.xmf-name{font-weight: bold; color: #242424;line-height: 1.5;margin-bottom: .1rem; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmf-intro{color: #999;line-height: 1.57;height: 4.71em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xmf-item:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
.xmf-item:hover .xmf-img{transform: scale(1.05);}
.xmf-item:hover .xmf-name{color: #0058af;}
.xmf-tr{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-bottom: .6rem;}
.xmf-td{display: inline-block;vertical-align: top;cursor: pointer; width: 3.85rem;margin-right: .4rem;margin-bottom: .4rem; background-color: #fff;box-shadow: 0px .02rem .08rem 0px rgba(0, 0, 0, 0.08);border-radius: .04rem;overflow: hidden;}
.xmf-td:nth-child(4n){margin-right: 0;}
.xmf-c{width: 100%;overflow: hidden;height: 2.18rem;text-align: center;line-height: 2.18rem;}
.xmf-c img{max-width: 100%;max-height: 100%; transform: scale(1.00);transition: all ease .5s;}
.xmf-d{width: 100%;padding:.3rem .25rem ;}
.xmf-e{font-weight: bold; width: 100%;color: #242424;line-height: 1.5; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmf-td:hover .xmf-c img{transform: scale(1.05);}
.xmf-td:hover .xmf-e{color: #0058af;}
.xmf-td:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
.xmf-m{width: 100%;padding-bottom: .6rem;font-size: 0;}
.xmf-n{display: inline-block;vertical-align: top;cursor: pointer; width: 3.85rem;margin-right: .4rem;margin-bottom: .4rem;background-color: #fff;box-shadow: 0px .02rem .08rem 0px rgba(0, 0, 0, 0.08);border-radius: .04rem;overflow: hidden;}
.xmf-n:nth-child(4n){margin-right: 0;}
.xmf-o{width: 100%;position: relative;}
.xmf-p{width: 100%;height: 2.2rem;transform: scale(1.00);transition: all ease .5s;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmf-p:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
.xmf-q{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.xmf-qimg1{display: block;width: .54rem;}
.xmf-qimg1 img{width: 100%;}
.xmf-qimg2{display: none;width: .54rem;}
.xmf-qimg2 img{width: 100%;}
.xmf-r{width: 100%;padding: .25rem ;}
.xmf-s{color: #999;font-weight: bold;line-height: 1.7;margin-bottom: .05rem;}
.xmf-t{color: #242424;font-weight: bold;line-height: 1.5;margin-bottom: .1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmf-u{color: #999;line-height: 1.57;height: 4.71em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xmf-n:hover .xmf-p{transform: scale(1.05);}
.xmf-n:hover .xmf-t{color: #0058af;}
.xmf-n:hover .xmf-qimg1{display: none;}
.xmf-n:hover .xmf-qimg2{display: block;}
.xmf-n:hover .xmf-p:after{background-color: rgba(23,148,215,.8);}
.xmf-n:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
@media (min-width: 900px) {
.xmf-item:nth-child(8n + 2) .xmf-img{height: 2rem;}
.xmf-item:nth-child(8n + 4) .xmf-img{height: 2rem;}
.xmf-item:nth-child(8n + 5) .xmf-img{height: 2rem;}
.xmf-item:nth-child(8n + 7) .xmf-img{height: 2rem;}
.xmf-item:nth-child(8n + 6) {margin-top: -.8rem;}
.xmf-item:nth-child(8n + 8) {margin-top: -.8rem;}
.xmf-n:nth-child(8n + 2) .xmf-p{height: 2.9rem;}
.xmf-n:nth-child(8n + 4) .xmf-p{height: 2.9rem;}
.xmf-n:nth-child(8n + 5) .xmf-p{height: 2.9rem;}
.xmf-n:nth-child(8n + 7) .xmf-p{height: 2.9rem;}
.xmf-n:nth-child(8n + 5) {margin-top: -.7rem;}
.xmf-n:nth-child(8n + 7) {margin-top: -.7rem;}
}
@media (max-width: 900px) {
.xmf-b{width: 94%;max-width: 500px;}
.xmf-item{width: calc(50% - 5px);margin-right: 10px;}
.xmf-item:nth-child(2n){margin-right: 0;}
.xmf-img{height: auto;padding-top: 51.94%;}
.xmf-intro{height: 3em;line-height: 1.5;-webkit-line-clamp: 2;}
.xmf-td{width: calc(50% - 5px);margin-right: 10px;}
.xmf-td:nth-child(2n){margin-right: 0;}
.xmf-n{width: calc(50% - 5px);margin-right: 10px;}
.xmf-n:nth-child(2n){margin-right: 0;}
.xmf-p{height: auto;padding-top: 57.14%;}
.xmf-u{height: 3em;line-height: 1.5;-webkit-line-clamp: 2;}
}
.xv-a {position: fixed;left: 0;top: 120%;z-index: 88; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #008cd7;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 32px;text-align: center;line-height: 40px;color: #fff;}
.xv-e {visibility: hidden;width: 100%; height: 100%;}
.xv-f {display: none;width: 100%;height: 100%;}
@media(max-width:1200px) {
.xv-b {width: 90vw;height: auto;margin-top: 0;margin-left: 0;transform: translate(-50%, -50%);}
.xv-f {max-height: 90vh;}
.xv-e {height: 60vh;}
}
.xmg-a{width: 100%;padding-top: 1rem;padding-bottom: .6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmg-b{width: 16.6rem;margin: 0 auto;}
.xmg-cont{width: 100%;padding-left: 3.3rem;}
.xmg-top{width: 100%;padding-bottom: 1rem;}
.xmg-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xmg-lt{float: left;width: 4rem;}
.xmg-titles{font-weight: bold; color: #191919;line-height: 1.19;margin-bottom: .35rem;}
.xmg-en{color: #999;font-weight: bold;position: relative;padding-bottom: .7rem;margin-bottom: .86rem; position: relative;}
.xmg-en:before{content: '';position: absolute;bottom: 0;left: 0;width: .2rem;height: .2rem;background-color: #008cd6;}
.xmg-c{width: 100%;font-size: 0;}
.xmg-d{display: inline-block;vertical-align: top;color: #dd0000;font-weight: bold;margin-right: .15rem;}
.xmg-icon{display: inline-block;vertical-align: top;width: .2rem;margin-right: .25rem;}
.xmg-icon img{width: 100%;}
.xmg-e{display: inline-block;vertical-align: middle;}
.xmg-f{color: #666;line-height: 1.5;}
.xmg-g{color: #000000;line-height: 1.54;}
.xmg-rt{float: right;width: 8.75rem;}
.xmg-textbox{color: #666;line-height: 1.66;}
.xmg-textbox *{line-height: inherit;}
.xmg-middle{width: 100%;padding-bottom: 40px;position: relative;margin-bottom: .65rem;}
.xmg-h{width: 100%;}
.xmg-i{width: 100%;}
.xmg-j{width: 100%;}
.xmg-j img{width: 100%;border-radius: .2rem;}
.xmg-pagination{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 0;}
.xmg-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1; margin: 0 13px; width: 6px; height: 6px; background-color: #666; }
.xmg-pagination .swiper-pagination-bullet-active{position: relative; width: 20px; height: 20px; background-color: #fabf13; }
.xmg-pagination .swiper-pagination-bullet-active:after{content: '';border-radius: 50%; position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;background-color: #fff;transform: translate(-50%,-50%);}
.xmg-bottom{width: 100%;font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.xmg-item{display: inline-block;vertical-align: top;margin-bottom: .4rem;}
.xmg-k{display: block;margin-bottom: .15rem; }
.xmg-nub{display: inline-block;vertical-align: middle; color: #008cd6;font-weight: bold; margin-right: .1rem;}
.xmg-l{ display: inline-block;vertical-align: middle;}
.xmg-m{height: 1em; color: #008cd6;margin-bottom: .1rem; }
.xmg-m img{height: 100%;}
.xmg-n{ color: #008cd6;}
.xmg-o{color: #666;line-height: 1.625;}
@media (max-width: 900px) {
.xmg-a{padding-top: .5rem;}
.xmg-b{width: 94%;max-width: 500px;}
.xmg-cont{ padding-left: 0;}
.xmg-lt{width: 100%;margin-bottom: .5rem;}
.xmg-rt{width: 100%;}
.xmg-item{width: 33.33%;}
}
.xmh-a{width: 100%;padding-top: 1rem;padding-bottom: .9rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmh-b{width: 16.6rem;margin: 0 auto;}
.xmh-cont{width: 100%;padding-left: 3.3rem;}
.xmh-top{width: 100%;margin-bottom: .35rem;}
.xmh-titles{font-weight: bold;color: #191919;margin-bottom: .2rem;}
.xmh-en{color: #999;font-weight: bold;}
.xmh-list{width: 100%;}
.xmh-item{width: 100%;margin-bottom: .1rem;}
.xmh-c{width: 100%;padding: .2rem .8rem .2rem .4rem;font-size: 0;cursor: pointer; position: relative;background-color: #fff;border-radius: .1rem;}
.xmh-c:after{content: '';position: absolute;top: 50%;right: .3rem;margin-top: -.15rem; width: .3rem;height: .3rem;border-radius: 50%;background-color: #ebf2f9; background-image: url('../image/i23.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmh-name{font-weight: bold; display: inline-block;vertical-align: middle;width: 1.4rem;color: #333333;line-height: 1.66;}
.xmh-intro{display: inline-block;vertical-align: middle;width: calc(100% - 1.4rem); color: #666;line-height: 1.81;}
.xmh-sub{display: none; width: 100%;padding: .2rem .4rem ;}
.xmh-textbox{color: #333333;line-height: 2.1;}
.xmh-textbox *{line-height: inherit;}
.xmh-textbox p{position: relative;padding-left: .3rem;}
.xmh-textbox p:before{content: '';position: absolute;top: 1.05em;left: 0;margin-top: -4px; width: 8px;height: 8px;background-color: #008cd6;}
.xmh-item.show .xmh-c{background-color: #fabf13;}
.xmh-item.show .xmh-c:after{background-color: #fff;transform: rotate(-180deg);}
.xmh-item.show .xmh-name{ color: #fff; }
.xmh-item.show .xmh-intro{ color: #fff; }
@media (max-width: 900px) {
.xmh-b{width: 94%;max-width: 500px;}
.xmh-cont{ padding-left: 0;}
}
.xmi-a{width: 100%;padding-top: 1rem;padding-bottom: .6rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmi-b{width: 16.6rem;margin: 0 auto;}
.xmi-cont{width: 100%;padding-left: 3.3rem;}
.xmi-top{width: 100%;margin-bottom: .4rem;position: relative;}
.xmi-titles{font-weight: bold; color: #191919;margin-bottom: .2rem;}
.xmi-en{color: #999;font-weight: bold;}
.xmi-bottom{width: 100%;}
.xmi-c{width: 100%;font-size: 0;}
.xmi-item{display: inline-block;vertical-align: top;cursor: pointer;padding: .1rem .4rem; width: 4.15rem;margin-right: .4rem;margin-bottom: .4rem;background-color: #fff;border-radius: .1rem;}
.xmi-item:nth-child(3n){margin-right: 0;}
.xmi-icon{display: inline-block;vertical-align: middle;width: .8rem;height: .8rem;border-radius: 50%;overflow: hidden; margin: .2rem 0;background-color: #ebf2f9;}
.xmi-icon img{width: 100%;}
.xmi-text{display: inline-block;vertical-align: middle;width: calc(100% - .8rem);padding: 0 .25rem;}
.xmi-name{color: #000000;line-height: 1.66;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xmi-item:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
.xmi-prev{position: absolute;left: auto;right: .7rem;margin-top: -.2rem; width: .4rem;height: .4rem;background-image: url('../image/b5.png');background-size: cover; background-position: center center;background-repeat: no-repeat;}
.xmi-prev:hover{background-image: url('../image/b7.png');}
.xmi-next{position: absolute; right: 0;margin-top: -.2rem; width: .4rem;height: .4rem;background-image: url('../image/b6.png');background-size: cover; background-position: center center;background-repeat: no-repeat;}
.xmi-next:hover{background-image: url('../image/b8.png');}
@media (max-width: 900px) {
.xmi-b{width: 94%;max-width: 500px;}
.xmi-cont{ padding-left: 0;}
.xmi-item{width: calc(50% - 5px);margin-right: 10px;padding: .1rem .15rem;}
.xmi-item:nth-child(3n){margin-right: 10px;}
.xmi-item:nth-child(2n){margin-right: 0;}
}
.xmj-a{width: 100%;padding-top: .8rem;padding-bottom: .5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmj-b{width: 16.6rem;margin: 0 auto;}
.xmj-cont{width: 100%;padding-left: 3.3rem;}
.xmj-item{width: 100%;font-size: 0;padding: .5rem 0; display: flex;align-items: center;flex-wrap: wrap; justify-content: space-between;}
.xmj-img{width: 8.75rem;overflow: hidden;border-radius: .2rem;}
.xmj-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xmj-img:hover img{transform: scale(1.05);}
.xmj-text{width: 3.95rem;}
.xmj-nub{color: #0054aa;font-weight: bold;margin-bottom: .6rem;}
.xmj-titles{font-weight: bold; width: 100%;position: relative;color: #191919;padding-bottom: .33rem;margin-bottom: .45rem;}
.xmj-titles span{color: #999; margin-left: .1rem;}
.xmj-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .05rem;background-color: #0055a9;}
.xmj-intro{font-weight: bold; color: #333333;line-height: 1.41;margin-bottom: .25rem;}
.xmj-c{color: #333333;line-height: 1.5;}
.xmj-list{width: 100%;}
.xmj-one{font-weight: bold; color: #000000;line-height: 1.8;}
.xmj-one span{color: #666;font-weight: normal;}
@media (min-width: 900px) {
.xmj-item:nth-child(2n){flex-direction: row-reverse;}
}
@media (max-width: 900px) {
.xmj-b{width: 94%;max-width: 500px;}
.xmj-cont{ padding-left: 0;}
.xmj-item{padding: 0; }
.xmj-img{width: 100%;}
.xmj-text{width: 100%;padding: .3rem .3rem .5rem;}
}
.xmk-a{width: 100%;padding-top: 1rem;padding-bottom: .8rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmk-b{width: 16.6rem;margin: 0 auto;}
.xmk-cont{width: 100%;padding-left: 3.3rem;}
.xmk-top{width: 100%;position: relative;padding-left: .8rem;margin-bottom: .4rem;}
.xmk-icon{position: absolute;top: 0;left: 0;width: .7rem;}
.xmk-icon img{width: 100%;}
.xmk-titles{color: #191919;font-weight: bold;margin-bottom: .2rem;}
.xmk-en{font-weight: bold; color: #999;}
.xmk-bottom{width: 100%;position: relative;}
.xmk-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xmk-lt{float: left;width: 6.27rem;}
.xmk-rt{float: right;width: 6.65rem;}
.xmk-c{ width: 100%;}
.xmk-item{display: block;width: 100%; cursor: pointer; font-size: 0; margin-bottom: .2rem;padding:.2rem .2rem ; background-color: #fff;}
.xmk-item .xmk-d{display: inline-block;vertical-align: middle;width: 2.23rem;}
.xmk-item .xmk-img{display: block; height: 1.26rem;position: relative; overflow: hidden;}
.xmk-item .xmk-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.xmk-item .xmk-text{display: inline-block;vertical-align: middle;width: calc(100% - 2.23rem);padding: 0 .35rem;}
.xmk-item .xmk-time{display: none;color: #999;margin-bottom: .1rem;}
.xmk-item .xmk-name{margin-bottom: .1rem; color: #000000;line-height: 1.5;font-weight: bold; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmk-item .xmk-intro{color: #333333;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xmk-item:hover{background-color: #eff2f5;box-shadow: 0px .06rem .16rem 0px rgba(0, 52, 79, 0.1);}
.xmk-item:hover .xmk-img img{ transform: scale(1.05);}
.xmk-item:hover .xmk-name{ color: #0058af;}
.xmk-prev{position: absolute;left: auto;right: .7rem;margin-top: -.2rem; width: .4rem;height: .4rem;background-image: url('../image/b5.png');background-size: cover; background-position: center center;background-repeat: no-repeat;}
.xmk-prev:hover{background-image: url('../image/b7.png');}
.xmk-next{position: absolute; right: 0;margin-top: -.2rem; width: .4rem;height: .4rem;background-image: url('../image/b6.png');background-size: cover; background-position: center center;background-repeat: no-repeat;}
.xmk-next:hover{background-image: url('../image/b8.png');}
.xmk-one{display: block;width: 100%; cursor: pointer; font-size: 0; margin-bottom: .2rem;padding: .2rem ; background-color: #fff;}
.xmk-one .xmk-d{width: 100%;}
.xmk-one .xmk-img{display: block; height: 3.33rem;position: relative; overflow: hidden;}
.xmk-one .xmk-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.xmk-one .xmk-text{width: 100%; padding: .3rem 0;}
.xmk-one .xmk-time{ color: #999;margin-bottom: .1rem;}
.xmk-one .xmk-name{ color: #000000;line-height: 1.5;font-weight: bold; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmk-one .xmk-intro{color: #333333;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xmk-one:hover{background-color: #eff2f5;box-shadow: 0px .06rem .16rem 0px rgba(0, 52, 79, 0.1);}
.xmk-one:hover .xmk-img img{ transform: scale(1.05);}
.xmk-one:hover .xmk-name{ color: #0058af;}
/* .xmk-item:nth-child(4n + 1){ width: 6.27rem;padding: .2rem ;}
.xmk-item:nth-child(4n + 1) .xmk-d{width: 100%; }
.xmk-item:nth-child(4n + 1) .xmk-img{width: 100%;height: 3.33rem;}
.xmk-item:nth-child(4n + 1) .xmk-text{width: 100%;padding: .3rem 0;}
.xmk-item:nth-child(4n + 1) .xmk-time{display: block;}
.xmk-item:nth-child(4n + 1) .xmk-name{margin-bottom: 0;}
@media(min-width: 1921px){
.xmk-item:nth-child(4n + 1) .xmi-name{font-size: calc(24 * 100vw / 1920);}
.xmk-item:nth-child(4n + 1) .xmi-intro{font-size: calc(18 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
.xmk-item:nth-child(4n + 1) .xmi-name{font-size: calc(12px + 12 * 100vw / 1920);}
.xmk-item:nth-child(4n + 1) .xmi-intro{font-size: calc(12px + 6 * 100vw / 1920);}
}
@media(max-width: 550px){
.xmk-item:nth-child(4n + 1) .xmi-name{font-size: calc(12px + 12 * 550px / 1920);}
.xmk-item:nth-child(4n + 1) .xmi-intro{font-size: calc(12px + 6 * 550px / 1920);}
} */
@media (max-width: 900px) {
.xmk-b{width: 94%;max-width: 500px;}
.xmk-cont{ padding-left: 0;}
.xmk-lt{width: 100%;}
.xmk-rt{width: 100%;}
.xmk-item{width: 100%;}
.xmk-img{height: auto;padding-top: 56.5%;}
.xmk-one .xmk-img{height: auto;padding-top: 56.12%;}
/* .xmk-item:nth-child(4n + 1){width: 100%;}
.xmk-item:nth-child(4n + 1) .xmk-img{height: auto;padding-top: 56.12%;} */
}
.xml-a{width: 100%;padding-top: 1rem;padding-bottom: .6rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xml-b{width: 16.6rem;margin: 0 auto;}
.xml-cont{width: 100%;padding-left: 3.3rem;}
.xml-top{width: 100%;position: relative;padding-left: .8rem;margin-bottom: .4rem;}
.xml-icon{position: absolute;top: 0;left: 0;width: .7rem;}
.xml-icon img{width: 100%;}
.xml-titles{color: #191919;font-weight: bold;margin-bottom: .2rem;}
.xml-en{font-weight: bold; color: #999;}
.xml-bottom{width: 100%;position: relative;}
.xml-prev{position: absolute;left: auto;right: .7rem;margin-top: -.2rem; width: .4rem;height: .4rem;background-image: url('../image/b5.png');background-size: cover; background-position: center center;background-repeat: no-repeat;}
.xml-prev:hover{background-image: url('../image/b7.png');}
.xml-next{position: absolute; right: 0;margin-top: -.2rem; width: .4rem;height: .4rem;background-image: url('../image/b6.png');background-size: cover; background-position: center center;background-repeat: no-repeat;}
.xml-next:hover{background-image: url('../image/b8.png');}
.xml-bottom{width: 100%;position: relative;}
.xml-item{width: 4.15rem;margin-right: .4rem;padding-bottom: .4rem;}
.xml-item:last-child{margin-right: 0;}
.xml-d{display: block;cursor: pointer;width: 100%;padding: .2rem; background-color: #fff;}
.xml-img{width: 100%;overflow: hidden;}
.xml-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xml-text{padding: .35rem 0 .15rem;}
.xml-time{color: #333333;margin-bottom: .1rem;}
.xml-name{margin-bottom: .15rem; font-weight: bold; color: #000000;line-height: 1.45;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xml-intro{margin-bottom: .55rem; color: #333333;line-height: 1.6;height: 3.2em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xml-more{color: #fabf13;}
.xml-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem; width: .625em;height: 1em;background-image: url('../image/i17.png');background-size: .625em auto;background-position: center center;background-repeat: no-repeat;}
.xml-item:hover .xml-d{background-color: #eff2f5; box-shadow: 0px .1rem .2rem 0px rgba(0, 52, 79, 0.16);}
.xml-item:hover .xml-img img{transform: scale(1.05);}
.xml-item:hover .xml-name{color: #0058af;}
@media (max-width: 900px) {
.xml-b{width: 94%;max-width: 500px;}
.xml-cont{ padding-left: 0;}
.xml-item{width: calc(50% - 5px);margin-right: 10px;}
.xml-intro{margin-bottom: .3rem;}
}
.xmo-a{width: 100%;position: relative;}
.xmo-bg{width: 100%;min-height: 8.5rem;padding: 2.05rem 0; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmo-text{display: block;width: 100%; max-width: 16.6rem; padding: 0 3%;margin: 0 auto;text-align: center;}
.xmo-titles{ color: #fff;font-weight: bold;margin-bottom: .75rem;}
.xmo-intro{color: #fff;line-height: 1.54;}
.xmo-intro *{line-height: inherit;}
@media (max-width: 900px) {
.xmo-intro br{display: none;}
}
.xmp-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;}
.xmp-b{width: 16.6rem;margin: 0 auto;}
.xmp-titles{width: 100%;position: relative;color: #191919;font-weight: bold;padding-bottom: .32rem;margin-bottom: .6rem;text-align: center;}
.xmp-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.2rem; width: .4rem;height: .04rem;background-color: #0058af;}
.xmp-cont{width: 100%;font-size: 0;position: relative;}
.xmp-lt{display: inline-block;vertical-align: top;width: calc(100% - 10rem);padding-right: .8rem;padding-top: .3rem;}
.xmp-list{width: 100%;min-height: 2.1rem;}
.xmp-item{display: none;width: 100%;}
.xmp-item.show{display: block;}
.xmp-name{font-weight: bold; width: 100%;color: #000000;line-height: 1.125; margin-bottom: .1rem;}
.xmp-textbox{color: #666;line-height: 1.66;/* height: 7.5em; */overflow: auto;margin-bottom: .3rem;}
.xmp-textbox *{line-height: inherit;}
.xmp-navbox{width: 100%;border-left: 1px solid #e5e5e5;}
.xmp-nav{display: block;position: relative;cursor: pointer; padding: .15rem .4rem;color: #666;line-height: 1.5;}
.xmp-nav.active{color: #000000;}
.xmp-nav.active:before{content: '';position: absolute;top: 0;left: 0;width: 2px;height: 100%;background-color: #000000;}
.xmp-rt{display: inline-block;vertical-align: top;width: 10rem;/* overflow: hidden; */position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.xmp-img{width: 100%;display: none;transform: scale(1.00); transition:all ease .5s;}
.xmp-img.show{display: block;}
.xmp-img:hover{transform: scale(1.05); }
.ah_3232 .xmp-navbox{border-left: 1px solid #ccc;}
.at_400 .xmp-navbox{border-left: 1px solid #ccc;}
@media (max-width: 900px) {
.xmp-b{width: 94%;max-width: 500px;}
.xmp-lt{width: 100%;margin-bottom: .5rem;padding-right: 0;padding-top: 0;}
.xmp-rt{width: 100%;position: relative;top: 0;transform: translate(0,0);}
.xmp-name{margin-bottom: 10px;}
.xmp-textbox{height: auto;margin-bottom: 20px;}
}
.xm-id{position: absolute;top: -1rem;}
.xmq-a{width: 100%;padding-top: .5rem;padding-bottom: .88rem; position: relative;}
.xmq-b{width: 16.6rem;margin: 0 auto;}
.xmq-cont{width: 100%;padding-left: 3.3rem;}
.xmq-titles{color: #000000;text-align: center;font-weight: bold;margin-bottom: .48rem;}
.xmq-list{width: 100%;}
.xmq-item{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse; flex-wrap: wrap;font-size: 0; background-color: #f7f7f7;}
.xmq-img{width: 50%;overflow: hidden;}
.xmq-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xmq-text{width: 50%;padding: .15rem .7rem;}
.xmq-textbox{color: #666;line-height: 1.66;}
.xmq-textbox *{line-height: inherit;}
.xmq-textbox p{ line-height:32px;}
.xmq-item:nth-child(2n){flex-direction: row;}
.xmq-img:hover img{transform: scale(1.05);}
@media (max-width: 900px) {
.xmq-b{width: 94%;max-width: 500px;}
.xmq-cont{padding-left: 0;}
.xmq-item {flex-direction: row;}
.xmq-img{width: 100%;}
.xmq-text{width: 100%;padding: .5rem ;}
}
.xmr-a{width: 100%; }
.xmr-b{width: 16.6rem;margin: 0 auto;}
.xmr-one{width: 100%;position: relative; padding-bottom: .88rem;}
.xmr-cont{width: 100%;padding-left: 3.3rem;}
.xmr-titles{color: #000000;text-align: center;font-weight: bold;margin-bottom: .48rem;}
.xmr-list{width: 100%; background-color: #f7f7f7;}
.xmr-item{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;font-size: 0; }
.xmr-lt{width: 50%;}
.xmr-c{width: 100%;}
.xmr-img{width: 100%;overflow: hidden;}
.xmr-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xmr-img img:hover{transform: scale(1.05);}
.xmr-rt{width: 50%;padding: .15rem .7rem;}
.xmr-textbox{color: #666;line-height: 1.66;}
.xmr-textbox *{line-height: inherit;}
.xmr-prev{left: 0;margin-top: -.18rem; width: .36rem;height: .36rem;border-radius: 50%; background-color: rgba(0,0,0,.4); background-image: url('../image/b3.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmr-prev:hover{background-color: rgba(26,118,164,.4);}
.xmr-next{transform: rotate(-180deg); right: 0;margin-top: -.18rem; width: .36rem;height: .36rem;border-radius: 50%; background-color: rgba(0,0,0,.4); background-image: url('../image/b3.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmr-next:hover{background-color: rgba(26,118,164,.4);}
.xmr-one.cont1 .xmr-prev{display: none;}
.xmr-one.cont1 .xmr-next{display: none;}
@media (min-width: 900px) {
.xmr-one.cont1 .xmr-item:nth-child(2n){flex-direction: row-reverse;}
.xmr-one.cont2 .xmr-item{flex-direction: row-reverse;}
.xmr-one.cont2 .xmr-item:nth-child(2n){flex-direction: row;}
}
@media (max-width: 900px) {
.xmr-b{width: 94%;max-width: 500px;}
.xmr-cont{padding-left: 0;}
.xmr-list {flex-direction: row;}
.xmr-lt{width: 100%;}
.xmr-rt{width: 100%;padding: .5rem;}
}
.xms-a{width: 100%;padding-top: .88rem;padding-bottom: .6rem; position: relative;background-image: url('../image/sm37.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xms-b{width: 16.6rem;margin: 0 auto;}
.xms-cont{width: 100%;padding-left: 3.3rem;}
.xms-titles{color: #242424;margin-bottom: .45rem;font-weight: bold;}
.xms-intro{color: #242424;font-weight: bold;line-height: 1.416;margin-bottom: .1rem;}
.xms-textbox{color: #666;line-height: 2;margin-bottom: .3rem;}
.xms-textbox *{line-height: inherit;}
.xms-list{width: 100%;font-size: 0;}
.xms-img{display: inline-block;vertical-align: top;width: calc(50% - .15rem);margin-bottom: .3rem; margin-right: .3rem;overflow: hidden;}
.xms-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xms-img:nth-child(2n){margin-right: 0;}
.xms-img:hover img{transform: scale(1.05);}
@media (max-width: 900px) {
.xms-b{width: 94%;max-width: 500px;}
.xms-cont{padding-left: 0;}
.xms-img{width: 100%;margin-right: 0;}
}
.xmt-a{width: 100%;padding-top: .75rem;padding-bottom: .7rem; position: relative;background-image: url('../image/sm40.jpg'); background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;}
.xmt-b{width: 16.6rem;margin: 0 auto;}
.xmt-cont{width: 100%;padding-left: 3.3rem;}
.xmt-top{width: 100%;padding-bottom: .55rem;}
.xmt-titles{color: #242424;font-weight: bold;margin-bottom: .4rem;}
.xmt-list{display: block; width: 100%;font-size: 0;}
.xmt-item{display: inline-block;vertical-align: top;cursor: pointer; margin-right: .3rem;margin-bottom: .3rem; overflow: hidden; width: 3.1rem; background-color: #fff;box-shadow: 0px .02rem .08rem 0px rgba(0, 0, 0, 0.08);border-radius: .04rem;}
.xmt-item:nth-child(4n){margin-right: 0;}
.xmt-img{transform: scale(1.00);transition: all ease .5s;width: 100%;height: 2.4rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmt-text{width: 100%;padding: .2rem ;}
.xmt-time{color: #999; margin-bottom: .05rem;}
.xmt-name{font-weight: bold; color: #242424;line-height: 1.6;margin-bottom: .1rem; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmt-intro{color: #999;line-height: 1.8;height: 5.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xmt-item:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
.xmt-item:hover .xmt-img{transform: scale(1.05);}
.xmt-item:hover .xmt-name{color: #0058af;}
.xmt-tr{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-bottom: .6rem;}
.xmt-td{display: inline-block;vertical-align: top;cursor: pointer; width: 3.1rem;margin-right: .3rem;margin-bottom: .4rem; background-color: #fff;box-shadow: 0px .02rem .08rem 0px rgba(0, 0, 0, 0.08);border-radius: .04rem;overflow: hidden;}
.xmt-td:nth-child(4n){margin-right: 0;}
.xmt-c{width: 100%;height: 135px; overflow: hidden;}
.xmt-c img{width:100%;height:100%;object-fit:cover;transform: scale(1.00);transition: all ease .5s;}
.xmt-d{width: 100%;padding:.25rem .2rem ;}
.xmt-e{font-weight: bold; width: 100%;color: #242424;line-height: 1.625; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmt-td:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 52, 79, 0.16);}
.xmt-td:hover .xmt-c img{transform: scale(1.05);}
.xmt-td:hover .xmt-e{color: #0058af;}
@media (min-width: 900px) {
/* .xmt-item:nth-child(8n + 2) .xmt-img{height: 1.6rem;} */
/* .xmt-item:nth-child(8n + 4) .xmt-img{height: 1.6rem;} */
.xmt-item:nth-child(8n + 5) .xmt-img{height: 1.6rem;}
.xmt-item:nth-child(8n + 7) .xmt-img{height: 1.6rem;}
.xmt-item:nth-child(8n + 6) {margin-top: -.8rem;}
.xmt-item:nth-child(8n + 8) {margin-top: -.8rem;}
}
@media (max-width: 900px) {
.xmt-b{width: 94%;max-width: 500px;}
.xmt-cont{padding-left: 0;}
.xmt-item{width: calc(50% - 5px);margin-right: 10px;}
.xmt-item:nth-child(2n){margin-right: 0;}
.xmt-img{height: auto;padding-top: 51.94%;}
.xmt-intro{height: 3em;line-height: 1.5;-webkit-line-clamp: 2;}
.xmt-td{width: calc(50% - 5px);margin-right: 10px;}
.xmt-td:nth-child(2n){margin-right: 0;}
}
.xmu-a{width: 100%;padding-top: 1.86rem;padding-bottom: .68rem;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
.xmu-a-a{min-height: 9rem;}
.xmu-a-b{min-height: 9rem;}
.section .xmu-a-a{min-height: 0;height: calc(100vh - 1.2rem);padding-top: 0;}
.xmu-b{width: 16.6rem;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);pointer-events: none;}
.xmu-b a{pointer-events: auto;}
.xmu-b-abs{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.xmu-b-a{width: 100%;}
.xmu-b-a .xmu-lt{margin-left: 1.3rem;}
.xmu-b-b{width: 16rem;}
.xmu-cont{width: 100%;position: relative;}
.xmu-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xmu-lt{float: left;width: 8rem;/* padding-top: .68rem; */position: absolute;top: 50%;/* transform: translate(0,-50%); */}
.xmu-lt.is-visible{transform: translate(0,-50%);}
.xmu-c{color: #008cd6;font-size: .68rem;line-height: 1.1; font-weight: bold;margin-bottom: .3rem;}
.xmu-d{/* letter-spacing: .65rem; */line-height: 1.18;color: #333333;margin-bottom: .65rem;}
.xmu-d:last-child{margin-bottom: 0;}
.xmu-intro{color: #333333;line-height: 1.6;}
.xmu-intro *{line-height: inherit;}
.xmu-rt{float: right;width: 7.5rem;text-align: center;/* min-height: 30vw; */}
.xmu-rt img{max-width: 100%;/* min-width: 50%; */}
.ah_3232 .xmu-d{letter-spacing: .02rem;}
@media (min-width: 900px) {
.ah_3232 .xmu-rt{width: 6.5rem;}
}
@media (max-width: 900px) {
.section .xmu-a-a{padding-top: 50px;height:auto;}
.xmu-b{width: 100%;height: calc(100vh - 77px);max-width: 520px;position: relative;left: 0;transform: translate(0,0);padding-left: 10px;padding-right: 10px;}
.xmu-b-abs{position: relative;left:0;top:0;transform: translate(0,0);}
.xmu-b-a{padding-right: 0;}
.xmu-b-a .xmu-lt{margin-left: 0;}
.xmu-lt{width: 100%;margin-bottom: .5rem;padding-top: 0;}
.xmu-lt.is-visible{transform: translate(0,0);position: relative;top:0;}
.xmu-rt{width: 100%;text-align: center;}
.xmu-c{font-size: 26px;margin-bottom: 10px;}
.xmu-d{font-size: 18px;margin-bottom: 15px;}
.xmu-intro{font-size: 14px;}
.xmu-rt img{max-height: 50vh;}
}
@media(max-width: 500px){
.section .xmu-a-a{padding-top: 30px;}
.xmu-a{padding-top: 30px;}
}
.xmv-a{width: 100%;padding: .94rem 0;background-size: cover;background-position: center center;background-repeat: no-repeat;background-color: #eee;}
.xmv-b{width: 14.4rem;margin: 0 auto;}
.xmv-cont{width: 100%;min-height: 5rem;text-align: center;font-size: 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;position: relative;}
.xmv-lt{position: relative;z-index: 8;width: 3.6rem;display: inline-block;vertical-align: middle;text-align: left;}
.xmv-rt{position: relative;z-index: 8;width: 3.6rem;display: inline-block;vertical-align: middle;text-align: left;}
.xmv-item{display: block;position: relative;padding: .5rem 0 .5rem;width: 100%;}
.xmv-item:before{content: '';position: absolute;top: .2rem;left: 0;width: 0;transition: width 2s cubic-bezier(.25,.1,.25,1);height: .02rem;background-color: #6ab7e0;}
.xmv-item:after{content: '';position: absolute;top: .1rem;right: -.1rem;margin-top: -.5px;width: .2rem;height: .22rem;background-image: url('../image/sm13.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xmv-item span{opacity: 0; transition: opacity 3s cubic-bezier(.25,.1,.25,1);transition-delay: 1s; line-height: 1.33; color: #008cd6;}
.xmv-middle{position: absolute;top: 0;left: 50%;width: 7.37rem;transform: translate(-50%,0);height: 100%;/* min-height: 5rem; */}
.xmv-img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
.xmv-img img{max-width: 100%;max-height: 100%;object-fit: contain;}
@media (min-width: 900px) {
.xmv-rt .xmv-item:after{right: auto;left: -.1rem;}
}
@media (max-width: 900px) {
.xmv-a{padding: .8rem 0;}
.xmv-b{width: 94%;max-width: 500px;}
.xmv-lt{width: 25%;}
.xmv-rt{width: 25%;}
.xmv-middle{top: 50%;left: 25%;transform: translate(0,-50%);width: 50%;}
.xmv-item{font-size: 13px;}
}
.xmw-a{width: 100%;padding-top: .48rem;padding-bottom: 1.1rem;}
.xmw-b{width: 14.4rem;margin: 0 auto;}
.xmw-cont{width: 100%;position: relative;}
.xmw-item{width: 100%;}
.xmw-d{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.xmw-d:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xmw-lt{float: left;width: 4.5rem;font-size: 0;}
.xmw-icon{display: inline-block;vertical-align: middle;width: .6rem;}
.xmw-icon img{width: 100%;}
.xmw-name{display: inline-block;vertical-align: middle;width: calc(100% - .6rem);padding-left: .27rem;}
.xmw-rt{float: right;width: 9.65rem;}
.xmw-textbox{color: #666;line-height: 1.89;}
.xmw-textbox *{line-height: inherit;}
.xmw-prev{ bottom: .08rem;top: auto;left: -1.68rem;margin-top: 0; width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid #9c9c9c; background-image: url('../image/wm31.png'); background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.xmw-prev:hover{border: 1px solid #fabf13; background-color: #fabf13;background-image: url('../image/wm30.png');}
.xmw-next{transform: rotate(-180deg); bottom: .08rem;top: auto;right: -1.68rem;margin-top: 0; width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid #9c9c9c; background-image: url('../image/wm31.png'); background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.xmw-next:hover{border: 1px solid #fabf13; background-color: #fabf13;background-image: url('../image/wm30.png');}
@media (max-width: 900px) {
.xmw-a{padding: .8rem 0;}
.xmw-b{width: 94%;max-width: 500px;}
.xmw-cont{width: 100%;padding: 0 .6rem;}
.xmw-lt{width: 100%;margin-bottom: .5rem;}
.xmw-rt{width: 100%;}
.xmw-prev{left: 0;}
.xmw-next{right: 0;}
}
.xmx-a{width: 100%;position: relative;}
.xmx-bg{width: 100%;position: relative;height: calc(100vh - 1.2rem);background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;}
.xmx-bg2{height: calc(100vh - 1.2rem);}
.xmx-bg-a{min-height: calc(100vh - 1.2rem);}
.xmx-text{position: absolute;top: 22.97%;left: 1.3rem;width: 6.3rem;}
.xmx-text-a{width: 8rem;}
.xmx-titles{color: #fff;font-weight: bold;font-size: .68rem;margin-bottom: .16rem;line-height: 1.4;}
.xmx-titles *{line-height: inherit;}
.xmx-intro{color: #fff;line-height: 1.2;margin-bottom: .4rem;}
.xmx-intro-a{margin-bottom: .25rem;}
.xmx-textbox{color: #fff;line-height: 1.47;/* min-height: 2.25rem; */padding-bottom: .3rem;}
.xmx-textbox *{line-height: inherit;}
.xmx-sub-tit{margin-bottom: .4rem;color: #fff;}
.xmx-download{display: inline-block;cursor: pointer;text-align: center; min-width: 2rem;line-height: .56rem;padding: 0 .15rem;color: #fff;background-color: #f9bf13;border: 1px solid #f9bf13; border-radius: .06rem;}
.xmx-download:before{content: ''; display: inline-block;vertical-align: middle;height: .56rem;width: .14rem;margin-right: .18rem;background-image: url('../image/sm14.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}
.xmx-download:hover{background-color: transparent;color: #f9bf13;}
.xmx-download:hover:before{background-image: url('../image/sm14-b.png');}
/* ppk */
@media (min-width: 900px) {
.ppk .xmx-titles{margin-bottom: 1.3rem;}
}
@media(max-width: 1300px){
.xmx-download:before{width: 9px;background-size: 9px auto;margin-right: 5px;}
}
@media (max-width: 1200px) {
.xmx-text{top: 50%;transform: translate(0,-50%);}
.xmx-bg{background-size: 120% auto;}
}
@media (max-width: 900px) {
.xmx-bg{height: auto;padding-top: 46.875vw;min-height: 0;}
.xmx-bg:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background-color: rgba(0,0,0,.5); */}
.xmx-text{width: 50%;margin: 0 auto;max-width: 100%;/* position: relative; *//* top: 0; */left: 0;z-index: 8;transform: translate(0,-50%);padding: 0 0 0 10px;}
.xmx-text-b{width: 46%;}
.xmx-text-a{width: 60%;}
.xmx-titles{font-size: 4.7vw;}
.xmx-intro{font-size: 18px;}
.xmx-sub-tit{font-size: 16px;}
.xmx-textbox{font-size: 14px;}
.xmx-bg{height: calc(100vh - 77px);}
.xmx-bg2{height: calc(100vh - 77px);}
.xmx-bg-a{min-height: calc(100vh - 77px);}
.xmx-download{font-size: 12px;}
}
@media(max-width: 750px){
.xmx-intro{font-size: 13px;margin-bottom: 10px;}
.xmx-textbox{font-size: 12px;}
.xmx-textbox.xmu-c{font-size: 14px;}
.xmx-sub-tit{font-size: 12px;margin-bottom: 10px;}
.xmx-titles-a{max-width: 33vw;margin-bottom: 0;}
.xmx-download{line-height: 22px;height: 22px;padding: 0;border: none;}
.xmx-download:before{line-height: 22px;height: 22px;vertical-align:top;}
}
@media(max-width: 500px){
.xmx-text{width: 50%;}
.xmx-text-a{width: 60%;}
.xmx-text-b{width: 46%;}
.xmx-text-c{width: 58%;}
.xmx-intro{font-size: 12px;}
.xmx-intro-a{margin-bottom: 7px;}
.xmx-textbox{/* font-size: 8px; */padding-bottom: 2vw;font-size: 2.4vw;}
.xmx-textbox-a{font-size: 11px;}
}
.xmy-a{width: 100%;position: relative;border-bottom: .8rem solid #dbdde1;}
.xmy-b{width: 100%;}
.xmy-item{width: 100%;}
.xmy-c{display: block; width: 100%;font-size: 0;}
.xmy-img{display: inline-block;vertical-align: top; width: 12.8rem;overflow: hidden;}
.xmy-img img{width: 100%;transition: all ease .5s;transform: scale(1.00);}
.xmy-img:hover img{transform: scale(1.05);}
.xmy-text{display: inline-block;vertical-align: top;width: 4.2rem;margin: 1.6rem .6rem 1.9rem;}
.xmy-name{color: #000000;font-weight: bold;padding-bottom: .4rem;margin-bottom: .24rem; position: relative;}
.xmy-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .32rem;height: .04rem;background-color: #008cd7;}
.xmy-intro{color: #666;line-height: 2;}
.xmy-intro *{line-height: inherit;}
.xmy-prev{ bottom: 1.5rem;top: auto;left: 13.4rem;margin-top: 0; width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid #9c9c9c; background-image: url('../image/wm31.png'); background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.xmy-prev:hover{border: 1px solid #fabf13; background-color: #fabf13;background-image: url('../image/wm30.png');}
.xmy-next{transform: rotate(-180deg); bottom: 1.5rem;top: auto;right: auto;left: 14.05rem; margin-top: 0; width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid #9c9c9c; background-image: url('../image/wm31.png'); background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.xmy-next:hover{border: 1px solid #fabf13; background-color: #fabf13;background-image: url('../image/wm30.png');}
@media (max-width: 900px) {
.xmy-b{width: 94%;padding-top: 3%; margin: 0 auto; max-width: 500px;}
.xmy-img{width: 100%;}
.xmy-text{width: 100%;margin: 0;padding: .5rem .25rem .8rem;}
.xmy-prev{left: auto;right: calc(50% + .3rem); bottom: .2rem;}
.xmy-next{right: auto;left: calc(50% + .3rem); bottom: .2rem;}
}
.xmz-a{width: 100%;position: relative;background-color: #000;}
.section .xmz-a{height:calc(100vh - 1.2rem);}
.xmz-bg{width: 100%;position: relative;height: 9rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.section .xmz-bg{height:100%;}
.section .bg-video{width:100%;height:100%;object-fit: contain;position: absolute;left:0;top:0;}
.xmz-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 6rem;text-align: center;}
.xmz-titles{font-size: .8rem;color: #000000;line-height: 1.125; margin-bottom: .4rem;}
.xmz-intro{color: #008cd7;line-height: 1.178;margin-bottom: .72rem;}
.xmz-play{display: inline-block;width: .67rem;cursor: pointer;}
.xmz-play img{width: 100%;}
@media (max-width: 900px) {
.section .xmz-a{height: calc(100vh - 77px);}
.xmz-bg{padding: .8rem 0;height: auto;}
.xmz-text{width: 100%;margin: 0 auto; max-width: 500px;position: relative;top: 0;left: 0;transform: translate(0,0);padding: 0 10px;}
.section .xmz-text{width:100%;;position:absolute;top:50%;transform: translate(0,-50%);max-width: none;}
.section .xmz-bg{padding: 0;}
.xmz-play{width: 46px;height:46px;}
}
@media(max-width: 750px){
.section .bg-video{height:auto;top:50%;transform: translate(0,-50%);margin-top: -20px;}
}
.xa-a{width: 100%;min-height: 9rem; padding: 2.1rem 0;position: relative;}
.section .xa-a{height: 100vh;}
.ripples-bg{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ripples-bg-a{background-position: top center;}
.ripples-bg canvas{width: 100%;height: 100%;}
.xa-cont{width: 100%;text-align: center;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);pointer-events: none;}
.xa-img{display: inline-block;width: 100%;margin-bottom: .1rem;pointer-events: none;}
.xa-img img{width: auto;}
.xa-textbox{width: 100%;margin: 0 auto;max-width: 42em; color: #fff;line-height: 2;}
.xa-textbox *{line-height: inherit;}
@media(max-width: 750px){
.xa-img{margin-bottom: 10px;}
}
@media (max-width: 900px) {
.xa-bg{padding: .8rem 0 ;min-height: 1rem;}
.xa-cont{width: 94%;margin: 0 auto; max-width: 500px;position: relative;top: 0;left: 0;transform: translate(0,0);}
.section .xa-textbox{font-size: 14px;line-height:1.5;}
}
.xb-a{width: 100%;padding-top: 1.5rem;position: relative;}
.section .xb-a{height:100vh;}
.xb-bg{width: 100%;padding-top: 1.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xb-cont{width: 100%;text-align: center;/* pointer-events: none; */}
.xb-top{width: 100%;}
.xb-titles{color: #202123;font-weight: bold;margin-bottom: .3rem;}
.xb-intro{display: inline-block;max-width: 37em; color: #202123;line-height: 1.54;margin-bottom: .7rem;}
.xb-intro-a{max-width: 14.4rem;}
.xb-bottom{display: inline-block;position: relative;}
.xb-bottom-a{position: absolute;left:0;bottom:0;width:100%;text-align:center;}
.xb-img{display: inline-block;width: 9.3rem;text-align: center;}
.xb-item{display: flex;align-items: center;justify-content: center;text-align: center; color: #0180ff;line-height: 1.5; width: 1.42rem;height: 1.44rem;background-image: url('../image/wm59.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.xb-item1{position: absolute;top: -.28rem;left: -1.7rem;}
.xb-item2{position: absolute;bottom: 1.9rem; right: -2.07rem;}
.xb-item:hover{transform: scale(1.5) !important;}
@media(max-width: 1200px){
.xb-item{font-size: 12px;width: 80px;height:80px;}
}
@media (max-width: 900px) {
.xb-a{padding-top: 40px;padding-bottom: 40px;}
.section .xb-a{padding-top: 70px;}
.xb-cont{margin: 0 auto;max-width: 500px;}
.xb-bottom{width: 100%;padding: 0 10px;}
.xb-img{width: 100%;}
.xd-item{padding-left: 0;padding-right: 0;}
.xb-item1{left: 0;}
.xb-item2{right: 0;bottom: auto;top: 50%;margin-top: -.7rem;}
.xd-text{font-size:12px;line-height: 16px;margin-bottom: 5px;}
.wd-des{font-size: 10px;padding:0;}
.section .xb-titles{font-size: 16px;margin-bottom: 10px;}
.section .xb-intro{font-size: 14px;}
.section .wd-des br{display: none;}
.section .xd-icon{margin-bottom: 10px;}
.xb-bottom-a .xb-img{max-width: 500px;}
}
@media(max-width: 650px){
.xb-bottom-a{bottom: 38px;}
}
.xc-a{width: 100%;overflow: hidden;}
.xc-b{width: 100%;margin: 0 auto;}
.xc-cont{width: 100%;font-size: 0;display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.xc-lt{display: inline-block;vertical-align: middle;width: 50%; position: relative;}
.xc-img{width: 100%;height: 9rem;text-align: center;line-height: 9rem;overflow: hidden;pointer-events: none;}
.xc-img-a{text-align: right;}
.section .xc-img{height: 100vh;line-height: 100vh;}
.xc-img img{ max-width: 85.55%;max-height: 59.88%; transform: scale(1.00); transition: all ease .5s ;}
.xc-rt{display: inline-block;vertical-align: middle;width: 50%;padding: 0 10px;text-align: center;}
.xc-icon{position: relative;top: 0;transition: all ease .5s ; display: inline-block;width: 1.3rem;margin-bottom: .72rem; }
.xc-icon img{width: 100%;}
.xc-name{color: #202122;font-weight: bold;line-height: 1.23; margin-bottom: .25rem;}
.xc-intro{display: inline-block;max-width: 28em; color: #555555;line-height: 1.45;}
.xc-rt:hover .xc-icon{ transform: scale(1.3) !important;}
.xc-lt:hover img{transform: scale(1.05);}
@media (min-width: 900px) {
.xc-a.cont2 .xc-cont{flex-direction: row-reverse;}
}
@media (max-width: 900px) {
.xc-lt{width: 100%;}
.xc-rt{width: 100%;padding: 40px .3rem;}
.xc-icon{margin-bottom: .5rem;}
.section .xc-img{height:50vh;line-height: 50vh;}
}
.xd-a{width: 100%;position: relative;padding-top: 1.35rem; }
.section .xd-a{height:100vh;}
.xd-bg{ width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xd-cont{width: 100%;text-align: center; }
.xd-top{width: 100%;}
.xd-titles{color: #202123;font-weight: bold;margin-bottom: .3rem;}
.xd-intro{display: inline-block; max-width: 37em;color: #202123;line-height: 1.54;margin-bottom: .65rem;}
.xd-bottom{display: inline-block;position: relative;}
.xd-img{display: inline-block;width: 8.06rem;}
.xd-item{position: absolute; text-align: center;}
.xd-icon{position: relative;top: 0;display: inline-block; width: 1.3rem;margin-bottom: .32rem;}
.xd-icon img{width: 100%;}
.xmd-text{color: #191919;line-height: 1.5;}
.xd-des{color: #555;line-height: 1.7;transition-delay: .2s;}
@media(max-width: 900px){
.xd-des{font-size: 10px;}
.xd-des br{display: none;}
}
.xd-item1{top: 0.6rem;left: -.2rem;transform: translate(-100%,0);}
.xd-item2{top: 0.6rem;right: -.65rem;transform: translate(100%,0);}
.xd-item1-a{top: 0.35rem;}
.xd-item2-a{top: 0.35rem;}
.xd-item1-b{top: 0.35rem;}
.xd-item2-b{top: 0.35rem;}
.xd-item1-c{left: -1.6rem;}
.xd-item3-c{left: 1.2rem;}
.xd-item:hover .xd-icon{ transform: scale(1.3) !important;}
@media(max-width: 1500px){
.xd-item1{top:0;}
.xd-item2{top:0;}
}
@media (max-width: 900px) {
.xd-cont{width: 94%;margin: 0 auto;max-width: 500px;}
.xd-bottom{width: 100%; }
.xd-img{width: 100%;margin-bottom: 20px;}
.xd-item{position: static;display: inline-block;padding: 0 0 .25rem;transform: translate(0,0) !important;margin: 0;width: 33.33%;vertical-align: top;padding:0 5px;}
}
.xe-a{width: 100%;padding-top: 1rem;position: relative;}
.section .xe-a{height:100vh;}
.xe-b{width: 16.6rem;margin: 0 auto;}
.xe-top{width: 100%;text-align: center;}
.xe-titles{color: #191919;font-weight: bold;margin-bottom: .25rem;}
.xe-intro{display: inline-block;max-width: 37em; color: #555555;line-height: 1.54;margin-bottom: .55rem;}
.xe-intro *{line-height: inherit;}
.xe-img{width: 100%;text-align: center;}
.xe-img img{max-width: 100%;}
@media (max-width: 900px) {
.xe-a{padding-top: 40px;padding-bottom: 40px;}
.section .xe-a{padding-top: 70px;}
.xe-b{width: 94%;margin: 0 auto;max-width: 500px;}
}
.xf-a{width: 100%;padding-top: 1rem;padding-bottom: .7rem;background-image: url('../image/wm75.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;}
.xf-b{width: 16.6rem;margin: 0 auto;}
.section .xf-a{height: 100vh;}
.section .xf-b{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.xf-top{width: 100%;position: relative;margin-bottom: 0.3rem;padding-top: 0.5rem;padding-bottom: 0.5rem;background-image: url('../image/wm73.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xf-c{width: 8.93rem;margin: 0 auto;}
.xf-item{width: 100%;}
.xf-img {width: 100%;}
.xf-img img{width: 100%;max-height: 50vh;object-fit: contain;}
.xf-prev{left: .4rem;margin-top: -0.2rem;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid #9c9c9c;background-image: url('../image/wm31.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.xf-prev:hover{border: 1px solid #fabf13; background-color: #fabf13;background-image: url('../image/wm30.png');}
.xf-next{transform: rotate(-180deg);right: .4rem;margin-top: -.2rem;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid #9c9c9c;background-image: url('../image/wm31.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.xf-next:hover{border: 1px solid #fabf13; background-color: #fabf13;background-image: url('../image/wm30.png');}
.xf-bottom{width: 100%;font-size: 0;}
.xf-rt{display: inline-block;vertical-align: top;width: 10rem;}
.xf-one{display: none;width: 100%;}
.xf-one.show{display: block;}
.xf-name{color: #000;font-weight: bold;line-height: 1.3;margin-bottom: .15rem;}
.xf-intro{color: #2d2e2e;line-height: 1.5;}
.xf-lt{display: inline-block;vertical-align: top;margin-right: .6rem;}
.xf-tabs{display: block; padding: 0 .3rem;}
.xf-tab{display: inline-block;vertical-align: middle;padding: 0 .1rem;}
.xf-in{display: block;position: relative;width: 30px;height: 30px;}
.xf-in:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 8px;height: 8px;border-radius: 50%;background-color: #000;}
/* ppk */
.ppk .xf-img{max-width: 6.76rem;margin: 0 auto;text-align: center;/* line-height: 7.2rem; *//* height: 7.2rem; */}
.ppk .xf-img img{width: auto;display: inline-block;max-width: 100%;max-height: 50vh;}
@media (max-width: 900px) {
.xf-b{width: 94%;margin: 0 auto;max-width: 500px;}
.xf-top{padding: 30px 0;}
.xf-c{width: 100%;}
.xf-lt{width: 100%;text-align: center;width: 100%;margin-right: 0;margin-bottom: .5rem;}
.xf-rt{width: 100%;}
.xf-prev{display: none;}
.xf-next{display: none;}
}
.xg-a{position: fixed;z-index: 18;top: 0.6rem;left: 0;width: 100%;background-color: rgba(0,0,0,.8);transition: all .3s;}
.xg-a.go-top{top: 0 !important;}
.xg-b{width: 100%;padding: .1rem 10px;max-width: 12rem;margin: 0 auto;}
.xg-cont{width: 100%;}
.xg-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xg-left{float: left;font-size: 0;}
.xg-right{float: right;font-size: 0;}
.xg-name{display: inline-block;vertical-align: middle;color: #fff;margin-right: .4rem;}
.xg-list{display: inline-block;vertical-align: middle;}
.xg-item{display: inline-block;vertical-align: top;cursor: pointer; color: rgba(255,255,255,.4);line-height: .4rem;}
.xg-item:first-child:before{content: '';display: inline-block;vertical-align: top;margin-right: .08rem;width: 1.4em;height: .4rem;background-image: url('../image/sm17.png');background-repeat: no-repeat;background-size: 90% auto;background-position: center center;}
.xg-item:after{content: '>';margin: 0 .12rem;}
.xg-item:last-child:after{display: none;}
.xg-navbox{display: inline-block;vertical-align: top;}
.xg-nav{display: inline-block;vertical-align: top;cursor: pointer;color: #fff;line-height: .4rem;margin-right: .4rem;}
.xg-nav:hover{color: rgba(255,255,255,.4);}
.xg-buy{display: inline-block;vertical-align: top;cursor: pointer; padding: 0 .24rem;line-height: .4rem; color: #fff;background-color: #008cd7;border-radius: .04rem;}
.xg-buy:hover{opacity: .8;}
@media(max-width: 1920px){
.xg-b{max-width: 1220px;}
}
@media (max-width: 900px) {
.xg-a{top: 42.75px;}
.xg-left{/* display: none; */}
.xg-name{display: none;}
.xg-right{/* width: 100%; *//* text-align: center; */}
.xg-nav{line-height: 25px;}
.xg-buy{line-height: 25px;}
.xg-item{line-height: 25px;}
.xg-item:first-child:before{height: 25px;vertical-align: top;}
.xg-b{padding: 5px;}
}
@media(max-width: 650px){
.xg-item:nth-child(1){display: none;}
.xg-item{font-size: 12px;}
.xg-nav{font-size: 12px;margin-right: 10px;}
.xg-buy{font-size: 12px;}
}
.xh-main{width: 100%;padding-top: 46.875%;position: relative;overflow: hidden;}
.section .xh-main{padding-top: 0;height: calc(100vh - 1.2rem);}
.xh-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;object-fit: cover;}
.xh-cont{width: 100%;position: absolute;left: 0;top: 20%;z-index: 10;text-align: center;}
.xh-text{width: 100%;}
.xh-en{font-size: 1.875vw;margin-bottom: .9375vw;font-weight: bold;color: #008cd7;}
.xh-titles{color: #202123;font-size: 1.875vw;font-weight: bold;margin-bottom: 5.2vw;}
.xh-product{display: inline-block;}
.xh-product img{width: 100%;}
@media(max-width: 900px){
.section .xh-main{height:calc(100vh - 77px);}
}
@media (max-width: 750px) {
.xh-main{padding-top: 0;}
.xh-cont{position: relative;top: 0;padding: 1.6rem 10px .8rem;}
.xh-en{font-size: 16px;margin-bottom: .3rem;}
.xh-titles{font-size: 16px;margin-bottom: .3rem;}
.xh-product{width: 100%;max-width: 60%;}
}
.xi-main{width: 100%;height: 100%;position: relative;overflow: hidden;}
.xi-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.xi-cont{position: relative;z-index: 10; width: 100%;padding-top: .95rem;margin-bottom: 2.07rem; padding-left: 10px;padding-right: 10px;}
.xi-text{text-align: center; width: 100%;max-width: 16.6rem;margin: 0 auto;}
.xi-tit{color: #fff;margin-bottom: .37rem;}
.xi-intro{color: #fff;line-height: 1.7;transition-delay: .2s;}
.xi-tit.black{color: #202123;}
.xi-intro.black{color:#555;}
.xi-box{position: relative;z-index: 10; width: 100%;text-align: center;padding-bottom: 1.55rem;}
.xi-pro{display: inline-block;width: 7.6rem;}
.xi-list{position: absolute;top: 0;left: 0;width: 100%;}
.xi-item{position: absolute;}
.xi-t{display: block;opacity: 0;transition:opacity 3s cubic-bezier(.25,.1,.25,1);transition-delay: 2s;}
.xi-t span{ display: block;font-size: .4rem; color: #00abff;font-weight: bold;}
.opacity.is-visible {opacity: 1;}
.xi-item:nth-child(1){top: -.5rem; right: 12.8rem;}
.xi-item:nth-child(2){top: 1.38rem; right: 14.3rem;}
.xi-item:nth-child(3){top: 3.23rem; right: 14.45rem;}
.xi-item:nth-child(4){top: -.13rem; left: 15.3rem;}
.xi-item:nth-child(5){top: 1.2rem; left: 13.8rem;}
.xi-item:nth-child(6){top: 2.5rem; left: 14.58rem;}
@media (max-width: 900px) {
.xi-pro{width: 94%;max-width: 500px;}
.xi-cont{margin-bottom: .5rem;}
.xi-list{width: 94%;position: relative;max-width: 500px;font-size: 0;margin: 0 auto;padding-top: .3rem;}
.xi-item{position: static;margin: .15rem 0; width: 50%;display: inline-block;vertical-align: middle;text-align: left;line-height: 1.5;}
.xi-item:nth-child(2n){text-align: right;}
.xi-t span{font-size: 13px;}
}
.xj-main{width: 100%;padding-top: 46.875%;position: relative;overflow: hidden;}
.section .xj-main{height: 100vh;}
.xj-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.xj-cont{position: absolute;top: 9.77%;left: 0; width: 100%;}
.xj-text{width: 100%;max-width: 15rem;margin: 0 auto;text-align: center;}
.xj-titles{color: #202123;line-height: 1.27;margin-bottom: .25rem;}
.xj-intro{color: #555555;line-height: 1.8;/* min-height: 2.1rem; */padding-bottom: .3rem;}
.xj-intro-a{min-height: 0;}
.xj-product{ max-width: 100%; width: 11.75rem;margin: 0 auto;text-align: center;}
.xj-product-a{width: 12.87rem;}
.xj-product-b{width: 100%;max-width: 15rem;text-align: left;}
.xj-product img{vertical-align: top;}
.xj-product-b img{width: auto;}
@media (max-width: 900px) {
.xj-main{padding: .8rem 10px;}
.xj-cont{position: relative;top: 0;}
.section .xj-cont{position: absolute;left:0;top:50%;transform: translate(0,-50%);width: 100%;padding-left: 10px;padding-right: 10px;}
}
.xk-main{width: 100%;padding-top: .45rem;padding-bottom: 1.5rem; position: relative;overflow: hidden;}
.section .xk-main{height: 100vh;}
.xk-mid{width:100%;position: absolute;left:0;top:50%;transform: translate(0,-50%);z-index: 12;}
.xk-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.xk-img img{width: 100%;height: 100%;object-fit: cover;}
.xk-text{position: relative;z-index: 10;text-align: center;width: 100%;max-width: 16rem;margin: 0 auto .8rem;}
.xk-titles{color: #202123;line-height: 1.33;margin-bottom: .15rem;}
.xk-intro{color: #555555;line-height: 1.8;}
.xk-box{position: relative;z-index: 10;width: 100%;max-width: 16rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.xk-left{width: 44.25%;}
.xk-left img{max-width: 100%;}
.xk-right{width: 35.75%;}
.xk-right img{max-width: 100%;}
@media (max-width: 750px) {
.xk-text{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;margin-bottom: 10px;}
.xk-box{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
.xk-left{width: 100%;margin-bottom: .35rem;}
.xk-right{width: 100%;}
}
@media(max-width: 500px){
.xk-right{text-align:center;}
.xk-right img{max-width: 260px;}
}
.xmsc{opacity:0;transform:scale(1.3);transition:transform 3s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.xmsc.is-visible{opacity:1;transform:scale(1);}
.xmre{opacity:0;transform:scale(1.3);transition:transform 3s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.xmre.is-visible{opacity:1;transform:scale(1);}
.xmts{opacity:0;transform:translateY(10vw);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);}
.xmts.is-visible{opacity:1;transform:translateY(0);}
.xmts.is-visible span{opacity:1; }
.xmts.is-visible:before{width: 100%;}
@media(max-width: 500px){
.max300{max-width: 300px;}
.max260{max-width: 260px;}
}
.a20 .section{overflow: hidden;transform: translate(0,0);}
.section-download{background-color: #f8f9fb;}
.section-related{background-color: #f5f5f5;}
.rightnav {
position: fixed;
z-index: 15;
right: 0.05rem;
top: 60%;
transform: translateY(-50%);
}
.rightnav .ream {
width: 65px;
height: 65px;
margin-bottom: 5px;
text-align: center;
background: #008cd6;
position: relative;
border-radius: 4px;
}
.rightnav .ream a {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.rightnav .ream .tm {
padding-top: 0.1rem;
display: block;
margin: 0rem auto 0;
}
.rightnav .ream .top {
color: #fff;
line-height: 1.5;
}
.rightnav .ream .ico {
position: absolute;
left: 0px;
top: 0;
line-height: 65px;
text-align: center;
width: 100%;
transition: all ease 0.3s;
opacity: 1;
}
.rightnav .ream .ico img {
border: 0px;
vertical-align: middle;
}
.rightnav .ream .txt {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
opacity: 0;
line-height: 1.5;
transition: all ease 0.3s;
}
.rightnav .ream .codx {
position: absolute;
right: 102%;
top: 0px;
display: none;
background: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.rightnav .ream .codx .ewm {
display: block;
width: 1rem;
height: 1rem;
width: 65px;
height: 65px;
}
.rightnav .ream .codx .ewm img {
width: 100%;
display: block;
}
.rightnav .ream .mouse {
position: absolute;
right: 102%;
top: 0px;
display: none;
background: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
font-size: 0;
white-space: nowrap;
text-align: left;
padding: 0.15rem;
border-top: solid 2px #008cd6;
}
.rightnav .ream .mouse .img {
display: inline-block;
vertical-align: middle;
width: 0.6rem;
height: 0.6rem;
margin-right: 0.2rem;
}
.rightnav .ream .mouse .img img {
width: 100%;
display: block;
}
.rightnav .ream .mouse .som {
width: calc(100% - 0.8rem);
display: inline-block;
vertical-align: top;
}
.rightnav .ream .mouse .som .tel {
width: 100%;
color: #191919;
line-height: 1.5;
}
.rightnav .ream .mouse .som em {
color: #008cd6;
}
.rightnav .ream:hover .ico {
opacity: 0;
}
.rightnav .ream:hover .txt {
opacity: 1;
}
.rightnav .ream:hover .mouse {
display: block;
}
.rightnav .ream:hover .codx {
display: block;
}
@media (max-width: 900px) {
.rightnav {
display: none;
}
.rightnav .ream {
width: 50px;
height: 50px;
}
.rightnav .ream .ico {
line-height: 50px;
}
}
@media(max-width: 650px){
.is-detail .rightnav{top:auto;right: 0;transform: translateY(0);bottom:0;width:100%;font-size:0;}
.is-detail .rightnav .ream{display: inline-block;vertical-align: top;border-radius: 0;width:25%;height: 38px;line-height: 38px;margin-bottom: 0;background-color: rgba(0,0,0,.8);}
.is-detail .rightnav .ream .ico{line-height: 38px;}
.is-detail .rightnav .ream .top{font-size: 10px;position: relative;top:-3px;}
.is-detail .rightnav .ream .tm{padding-top: 0;position: relative;top:3px;}
.is-detail footer .fbot{padding-bottom: 43px;}
.is-detail .rightnav .ream .codx{right: 50%;top:auto;bottom:100%;width:120px;margin-right: -60px;}
.is-detail .rightnav .ream .codx .ewm{width: 100%;height:auto;}
.is-detail .rightnav .ream .txt{font-size: 10px;line-height: 14px;}
.is-detail .rightnav .ream .mouse{right:0;left:0;top:auto;bottom:100%;width: 100vw;padding: 10px 10px 7px;}
}
body header nav .natem .classify .cal .calist .cavom a{display: inline-block;width: auto;}
body header nav .natem .classify .cal .calist .cavom:hover a span {color: #333;}
body header nav .natem .classify .cal .calist .cavom:hover a span:after {width: 0;}
body header nav .natem .classify .cal .calist .cavom a:hover span {color: #333;}
body header nav .natem .classify .cal .calist .cavom a:hover span:after {width: 0;}
body header nav .natem .classify .cal .calist .cavom.on a span {color: #008cd6;}
body header nav .natem .classify .cal .calist .cavom.on a span:after {width: 100%;}
@media(max-width: 1200px){
.wk-cont .firstRow td span{font-size: 14px !important;line-height: 1.5;}
.wk-cont .firstRow p{margin-bottom: 0 !important;}
.wk-cont span{font-size: 12px !important;line-height: 1.5;}
.wk-title span{font-size: .36rem !important;}
}
@media(max-width: 750px){
.wk-title span{font-size: 16px !important;}
}
header.go-up{transform: translate(0,-110%);}
.is-detail header nav .natem .nas a{line-height: 0.6rem;}
.is-detail header nav .natem .classify{top: 0.6rem;}
.is-detail header nav .natem .navuls{top: 0.6rem;}
@media(max-width: 900px){
.is-detail header nav .natem .nas a{line-height: 40px;}
.is-detail header nav .natem .classify{top: 0;}
.is-detail header nav .natem .navuls{top: 0;}
}
.nancar {
width: 100%;
background-color: #202122;
}
.nancar .car {
width: 100%;
padding: 0.2rem 0;
}
.nancar .car .swiper-wrapper {
justify-content: flex-end;
}
.nancar .car .swiper-slide {
display: inline-block;
vertical-align: middle;
width: auto;
}
.nancar .car .swiper-slide a {
width: 100%;
display: block;
color: #fff;
line-height: 2.5;
padding: 0 0.2rem;
}
.nancar .car .swiper-slide.on a {
background-color: #008cd6;
border-radius: 4px;
}
@media (max-width: 900px) {
.nancar .car .swiper-wrapper {
justify-content: flex-start;
}
}
.para-box {
width: 100%;
max-width: calc(16.6rem + 20px);
margin: 0 auto;
padding: 2rem 0 2rem 10px;
display: none;
}
.para-box .pit {
width: 100%;
color: #292929;
line-height: 1;
margin-bottom: 0.4rem;
}
.para-box .parmen {
width: 100%;
overflow: auto;
}
.para-box .w1660{width: 100%;}
.para-box .parmen .parem {
width: 100%;
margin-bottom: 0.6rem;
}
.para-box .parmen .parem .pic {
width: 100%;
color: #008cd6;
line-height: 1.5;
margin-bottom: 0.4rem;
}
.para-box .parmen .parem .table {
width: 100%;
}
.para-box .parmen .parem .table .tr {
width: 100%;
font-size: 0;
display: flex;
align-items: center;
background-color: #f8f9fb;
}
.para-box .parmen .parem .table .tr .name {
display: inline-block;
vertical-align: middle;
width: calc((420 / 1660) * 100%);
}
.para-box .parmen .parem .table .tr .mes {
display: inline-block;
vertical-align: middle;
width: calc((1239 / 1660) * 100%);
}
.para-box .parmen .parem .table .tr .tdm {
width: 100%;
color: #292929;
line-height: 1.5;
padding: 0.2rem;
}
.para-box .parmen .parem .table .tr .tdm p {
color: #292929;
line-height: 1.5;
}
.para-box .parmen .parem .table .tr:nth-child(2n) {
background-color: #fff;
}
.para-box .parmen table{
display: block;
font-size: 14px;
border: none;
}
.para-box .parmen tbody{
width: 100%;
display: block;
}
.para-box .parmen table th,
.para-box .parmen table td{
padding: 10px;
line-height: 2;
}
@media(max-width: 900px){
.para-box{padding-top: 120px;}
.para-box .parmen table *{font-size: 14px !important;}
.para-box .parmen table th,
.para-box .parmen table td{
padding: 3px 5px;
line-height: 1.5;
}
}
@media(max-width: 500px){
.para-box{padding-top: 100px;}
.para-box .pit{font-size: 16px;margin-bottom: 12px;}
.para-box .parmen table *{font-size: 12px !important;}
}
body.show-para .a20{position: fixed !important;left: -200vw;top: 0;width: 100%;}
body.show-para .para-box{display: block;}
.left-nav{position: fixed;left: .1rem;top: 50%;transform: translate(0,-50%);z-index: 15;}
.ln-item{width: 2em;height: 2em;border-radius: 1em;background-color: #999;margin-bottom: .1rem;padding-left: 1.87em;position: relative;line-height: 2;cursor: pointer;transition: all .3s;}
.ln-icon{width: 2em;height: 2em;position: absolute;left: 0;top: 0;border-radius: 50%;}
.ln-text{color: #fff;display: inline-block;vertical-align: middle;width: 0;overflow: hidden;white-space: nowrap;transition: width .3s;position: relative;top: -1px;}
@media(min-width: 1201px){
.ln-item:hover{width: 4.56em;padding-right: 0.9em;background-color: #008cd7;}
.ln-item:hover .ln-text{width: 4em;}
}
@media(max-width: 500px){
.left-nav{display: none;}
}