@charset "utf-8"; 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} 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: Arial,Microsoft Yahei;} img{vertical-align:middle;max-width: 100%;height: auto;} @media(min-width: 1201px){ img{image-rendering: -webkit-optimize-contrast;image-rendering: -o-crisp-edges;image-rendering: -moz-crisp-edges;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;} } 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;border-radius: 0;} input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/} body{color: #000;font-family: Arial,Microsoft Yahei;} *{box-sizing: border-box;} #web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(/static/home/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;} /*有些苹果系统自带的浏览器safari可能不支持calc和vw一起用，可以试着写成*/ /*html{font-size: 5.2083vw;} @media(max-width: 900px){ html{font-size: 46.875px;} }*/ html{font-size: calc(100vw / 1920 * 100);} @media(max-width: 900px){ html{font-size: calc(900px / 1920 * 100);} } body{font-size: calc(16 * 1rem / 100);} @media(max-width: 1584px){ body{font-size: 13.2px;} } .s12{font-size: calc(12 * 1rem / 100);} @media(max-width: 1920px){ .s12{font-size: 12px;} } .s13{font-size: calc(13 * 1rem / 100);} @media(max-width: 1816px){ .s13{font-size: 12.3px;} } .s14{font-size: calc(14 * 1rem / 100);} @media(max-width: 1728px){ .s14{font-size: 12.6px;} } .s15{font-size: calc(15 * 1rem / 100);} @media(max-width: 1651px){ .s15{font-size: 12.9px;} } .s16{font-size: calc(16 * 1rem / 100);} @media(max-width: 1584px){ .s16{font-size: 13.2px;} } .s17{font-size: calc(17 * 1rem / 100);} @media(max-width: 1524px){ .s17{font-size: 13.5px;} } .s18{font-size: calc(18 * 1rem / 100);} @media(max-width: 1472px){ .s18{font-size: 13.8px;} } .s19{font-size: calc(19 * 1rem / 100);} @media(max-width: 1424px){ .s19{font-size: 14.1px;} } .s20{font-size: calc(20 * 1rem / 100);} @media(max-width: 1382px){ .s20{font-size: 14.4px;} } .s21{font-size: calc(21 * 1rem / 100);} @media(max-width: 1344px){ .s21{font-size: 14.7px;} } .s22{font-size: calc(22 * 1rem / 100);} @media(max-width: 1309px){ .s22{font-size: 15px;} } .s23{font-size: calc(23 * 1rem / 100);} @media(max-width: 1277px){ .s23{font-size: 15.3px;} } .s24{font-size: calc(24 * 1rem / 100);} @media(max-width: 1248px){ .s24{font-size: 15.6px;} } .s25{font-size: calc(25 * 1rem / 100);} @media(max-width: 1221px){ .s25{font-size: 15.9px;} } .s26{font-size: calc(26 * 1rem / 100);} @media(max-width: 1196px){ .s26{font-size: 16.2px;} } .s27{font-size: calc(27 * 1rem / 100);} @media(max-width: 1173px){ .s27{font-size: 16.5px;} } .s28{font-size: calc(28 * 1rem / 100);} @media(max-width: 1152px){ .s28{font-size: 16.8px;} } .s29{font-size: calc(29 * 1rem / 100);} @media(max-width: 1132px){ .s29{font-size: 17.1px;} } .s30{font-size: calc(30 * 1rem / 100);} @media(max-width: 1113px){ .s30{font-size: 17.4px;} } .s31{font-size: calc(31 * 1rem / 100);} @media(max-width: 1096px){ .s31{font-size: 17.7px;} } .s32{font-size: calc(32 * 1rem / 100);} @media(max-width: 1080px){ .s32{font-size: 18px;} } .s33{font-size: calc(33 * 1rem / 100);} @media(max-width: 1064px){ .s33{font-size: 18.3px;} } .s34{font-size: calc(34 * 1rem / 100);} @media(max-width: 1050px){ .s34{font-size: 18.6px;} } .s35{font-size: calc(35 * 1rem / 100);} @media(max-width: 1036px){ .s35{font-size: 18.9px;} } .s36{font-size: calc(36 * 1rem / 100);} @media(max-width: 1024px){ .s36{font-size: 19.2px;} } .s37{font-size: calc(37 * 1rem / 100);} @media(max-width: 1011px){ .s37{font-size: 19.5px;} } .s38{font-size: calc(38 * 1rem / 100);} @media(max-width: 1000px){ .s38{font-size: 19.8px;} } .s39{font-size: calc(39 * 1rem / 100);} @media(max-width: 989px){ .s39{font-size: 20.1px;} } .s40{font-size: calc(40 * 1rem / 100);} @media(max-width: 979px){ .s40{font-size: 20.4px;} } .s41{font-size: calc(41 * 1rem / 100);} @media(max-width: 969px){ .s41{font-size: 20.7px;} } .s42{font-size: calc(42 * 1rem / 100);} @media(max-width: 960px){ .s42{font-size: 21px;} } .s43{font-size: calc(43 * 1rem / 100);} @media(max-width: 951px){ .s43{font-size: 21.3px;} } .s44{font-size: calc(44 * 1rem / 100);} @media(max-width: 942px){ .s44{font-size: 21.6px;} } .s45{font-size: calc(45 * 1rem / 100);} @media(max-width: 934px){ .s45{font-size: 21.9px;} } .s46{font-size: calc(46 * 1rem / 100);} @media(max-width: 926px){ .s46{font-size: 22.2px;} } .s47{font-size: calc(47 * 1rem / 100);} @media(max-width: 919px){ .s47{font-size: 22.5px;} } .s48{font-size: calc(48 * 1rem / 100);} @media(max-width: 912px){ .s48{font-size: 22.8px;} } .s49{font-size: calc(49 * 1rem / 100);} @media(max-width: 905px){ .s49{font-size: 23.1px;} } .s50{font-size: calc(50 * 1rem / 100);} @media(max-width: 898px){ .s50{font-size: 23.4px;} } .s51{font-size: calc(51 * 1rem / 100);} @media(max-width: 892px){ .s51{font-size: 23.7px;} } .s52{font-size: calc(52 * 1rem / 100);} @media(max-width: 886px){ .s52{font-size: 24px;} } .s53{font-size: calc(53 * 1rem / 100);} @media(max-width: 880px){ .s53{font-size: 24.3px;} } .s54{font-size: calc(54 * 1rem / 100);} @media(max-width: 874px){ .s54{font-size: 24.6px;} } .s55{font-size: calc(55 * 1rem / 100);} @media(max-width: 869px){ .s55{font-size: 24.9px;} } .s56{font-size: calc(56 * 1rem / 100);} @media(max-width: 864px){ .s56{font-size: 25.2px;} } .s57{font-size: calc(57 * 1rem / 100);} @media(max-width: 858px){ .s57{font-size: 25.5px;} } .s58{font-size: calc(58 * 1rem / 100);} @media(max-width: 854px){ .s58{font-size: 25.8px;} } .s59{font-size: calc(59 * 1rem / 100);} @media(max-width: 849px){ .s59{font-size: 26.1px;} } .s60{font-size: calc(60 * 1rem / 100);} @media(max-width: 844px){ .s60{font-size: 26.4px;} } .s61{font-size: calc(61 * 1rem / 100);} @media(max-width: 840px){ .s61{font-size: 26.7px;} } .s62{font-size: calc(62 * 1rem / 100);} @media(max-width: 836px){ .s62{font-size: 27px;} } .s63{font-size: calc(63 * 1rem / 100);} @media(max-width: 832px){ .s63{font-size: 27.3px;} } .s64{font-size: calc(64 * 1rem / 100);} @media(max-width: 828px){ .s64{font-size: 27.6px;} } .s65{font-size: calc(65 * 1rem / 100);} @media(max-width: 824px){ .s65{font-size: 27.9px;} } .s66{font-size: calc(66 * 1rem / 100);} @media(max-width: 820px){ .s66{font-size: 28.2px;} } .s67{font-size: calc(67 * 1rem / 100);} @media(max-width: 816px){ .s67{font-size: 28.5px;} } .s68{font-size: calc(68 * 1rem / 100);} @media(max-width: 813px){ .s68{font-size: 28.8px;} } .s69{font-size: calc(69 * 1rem / 100);} @media(max-width: 809px){ .s69{font-size: 29.1px;} } .s70{font-size: calc(70 * 1rem / 100);} @media(max-width: 806px){ .s70{font-size: 29.4px;} } .s71{font-size: calc(71 * 1rem / 100);} @media(max-width: 803px){ .s71{font-size: 29.7px;} } .s72{font-size: calc(72 * 1rem / 100);} @media(max-width: 800px){ .s72{font-size: 30px;} } .s73{font-size: calc(73 * 1rem / 100);} @media(max-width: 796px){ .s73{font-size: 30.3px;} } .s74{font-size: calc(74 * 1rem / 100);} @media(max-width: 793px){ .s74{font-size: 30.6px;} } .s75{font-size: calc(75 * 1rem / 100);} @media(max-width: 791px){ .s75{font-size: 30.9px;} } .s76{font-size: calc(76 * 1rem / 100);} @media(max-width: 788px){ .s76{font-size: 31.2px;} } .s77{font-size: calc(77 * 1rem / 100);} @media(max-width: 785px){ .s77{font-size: 31.5px;} } .s78{font-size: calc(78 * 1rem / 100);} @media(max-width: 782px){ .s78{font-size: 31.8px;} } .s79{font-size: calc(79 * 1rem / 100);} @media(max-width: 780px){ .s79{font-size: 32.1px;} } .s80{font-size: calc(80 * 1rem / 100);} @media(max-width: 777px){ .s80{font-size: 32.4px;} } @media(max-width: 750px){ html{font-size: calc(100vw / 750 * 100);} } @media(max-width: 750px){ .s12{font-size: 0.22rem;} .s13{font-size: 0.23rem;} .s14{font-size: 0.24rem;} .s15{font-size: 0.25rem;} .s16{font-size: 0.26rem;} .s17{font-size: 0.27rem;} .s18{font-size: 0.28rem;} .s19{font-size: 0.29rem;} .s20{font-size: 0.30rem;} .s21{font-size: 0.31rem;} .s22{font-size: 0.32rem;} .s23{font-size: 0.33rem;} .s24{font-size: 0.34rem;} .s25{font-size: 0.35rem;} .s26{font-size: 0.36rem;} .s27{font-size: 0.37rem;} .s28{font-size: 0.38rem;} .s29{font-size: 0.38rem;} .s30{font-size: 0.38rem;} .s31{font-size: 0.38rem;} .s32{font-size: 0.38rem;} .s33{font-size: 0.38rem;} .s34{font-size: 0.38rem;} .s35{font-size: 0.38rem;} .s36{font-size: 0.38rem;} .s37{font-size: 0.38rem;} .s38{font-size: 0.38rem;} .s39{font-size: 0.38rem;} .s40{font-size: 0.38rem;} .s41{font-size: 0.38rem;} .s42{font-size: 0.38rem;} .s43{font-size: 0.38rem;} .s44{font-size: 0.38rem;} .s45{font-size: 0.38rem;} .s46{font-size: 0.38rem;} .s47{font-size: 0.38rem;} .s48{font-size: 0.38rem;} .s49{font-size: 0.38rem;} .s50{font-size: 0.38rem;} .s51{font-size: 0.38rem;} .s52{font-size: 0.38rem;} .s53{font-size: 0.38rem;} .s54{font-size: 0.38rem;} .s55{font-size: 0.38rem;} .s56{font-size: 0.38rem;} .s57{font-size: 0.38rem;} .s58{font-size: 0.38rem;} .s59{font-size: 0.38rem;} .s60{font-size: 0.38rem;} .s61{font-size: 0.38rem;} .s62{font-size: 0.38rem;} .s63{font-size: 0.38rem;} .s64{font-size: 0.38rem;} .s65{font-size: 0.38rem;} .s66{font-size: 0.38rem;} .s67{font-size: 0.38rem;} .s68{font-size: 0.38rem;} .s69{font-size: 0.38rem;} .s70{font-size: 0.38rem;} .s71{font-size: 0.38rem;} .s72{font-size: 0.38rem;} .s73{font-size: 0.38rem;} .s74{font-size: 0.38rem;} .s75{font-size: 0.38rem;} .s76{font-size: 0.38rem;} .s77{font-size: 0.38rem;} .s78{font-size: 0.38rem;} .s79{font-size: 0.38rem;} .s80{font-size: 0.38rem;} } @media(max-width: 800px){ /* .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;} */ .z1{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;} .mt1{margin-top: 10px !important;} .mt0{margin-top: 0px !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;} .t5{padding-top: 50px !important; } .b5{padding-bottom: 50px !important;} .t0{top: 0 !important;} .p0{padding: 0 !important;} .hauto{height: auto !important;} .nomaxh{max-height: 100% !important;} .none{display: none !important;} .tl{text-align: left !important;} .trs{text-align: right !important;} .tcn{text-align: center !important;} .nblock{display: block !important;} .epsnone{-webkit-line-clamp: 100;} .bnone{border: none !important;} .maxw{max-width: 100% !important;} .maxh{max-height: 100% !important;} .jfls{justify-content: flex-start !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;} } /* main{width: 100%;background-color: #fafafa;} */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;} input:-moz-placeholder, textarea:-moz-placeholder{color: #999;} input::-moz-placeholder, textarea::-moz-placeholder{color: #999;} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;} /* 动画特效 */ .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);} .delay1{transition-delay: 0.1s !important;} .delay2{transition-delay: 0.2s !important;} .delay3{transition-delay: 0.3s !important;} .delay4{transition-delay: 0.4s !important;} .delay5{transition-delay: 0.5s !important;} .delay6{transition-delay: 0.6s !important;} .delay7{transition-delay: 0.7s !important;} .delay8{transition-delay: 0.8s !important;} .delay9{transition-delay: 0.9s !important;} .delay10{transition-delay: 1s !important;} .delay11{transition-delay: 1.1s !important;} .delay12{transition-delay: 1.2s !important;} .delay13{transition-delay: 1.3s !important;} .delay14{transition-delay: 1.4s !important;} .delay15{transition-delay: 1.5s !important;} .teaser2{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;} .teaser2.is-visible2{opacity:1;transform:translate3d(0,0,0);} /*视频容器样式*/ .xv-a {position: fixed;left: 0;top: 120%;z-index: 188; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);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; background-color: #000; left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;} .xv-c {display: block;width: 40px;height: 40px;background-color:#1a4793;position: absolute;right: 0; top: 0;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;} } .my-content{ width: 16rem; margin: 0 auto; } @media (max-width: 1680px) { .my-content{width: 90%; } } @media (max-width: 900px) { .my-content{width: 94%; } } .m-main{width: 100%;} .m-box{width: 100%;padding-top: 36.458%;position: relative;} .m-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;} .n-main{width: 100%;padding: 1.2rem .3rem;} .n-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .n-list{width: 100%;} .n-item{width: 100%;background-color: #eff4f8;margin-bottom: .6rem;transition: all .3s;} .n-box{float: right;width: 5.3rem;height: 3.6rem;position: relative;overflow: hidden;} .n-img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease 0s;} .n-text{float: left;width: calc(100% - 5.3rem);line-height: 3.6rem;padding-left: 1rem;padding-right: .7rem;} .n-in{display: inline-block;vertical-align: middle;width: 100%;line-height: 1;} .n-date{color: #333;line-height: 1;margin-bottom: .14rem;} .n-date:before{content: "";display: inline-block;vertical-align: top;width: .9285em;height: 1em;background-image: url(/static/home/images/m8.png);background-size: 100% 100%;margin-right: .5em;} .n-tit{color: #333;line-height: 1.333;margin-bottom: .22rem;display: block;transition: all .3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .n-des{color: #666;line-height: 1.75;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .44rem;} .n-btn{display: inline-block;line-height: 3;border-radius: 1.5em;border: 1px solid #ccc;color: #b81a35;padding: 0 1.5em;transition: all .3s;} .n-btn:after{content: "";display: inline-block;vertical-align: middle;width: .5em;height: .875em;background-image: url(/static/home/images/m9.png);background-size: 100% 100%;margin-left: .52rem;transition: all .3s;} @media(min-width: 1201px){ .n-item:hover{background-color: #fff;box-shadow: 0 0.03rem 0.2rem rgba(202,216,230,0.6);} .n-tit:hover{color: #b81a35;} .n-btn:hover{background-color: #b81a35;color: #fff;border-color: #b81a35;} .n-btn:hover:after{background-image: url(/static/home/images/m10.png);} .n-box:hover img{transform: scale(1.07);} } @media(max-width: 1200px){ .n-text{padding: 0 0.3rem;} .n-tit{margin-bottom: .15rem;} .n-des{margin-bottom: .2rem;} } @media(max-width: 750px){ .n-main{padding: .6rem .3rem;} .n-box{float: none;width: 100%;} .n-text{float: none;width: 100%;height: auto;line-height: 1;padding: 0.3rem;} .n-tit{-webkit-line-clamp: 2;} } .pg-main{width: 100%;text-align: center;font-size: 0;} .pg-one{display: inline-block;vertical-align: top;min-width: 2.77em;height: 2.77em;line-height: 2.7;border: 0.02rem solid #e5e5e5;text-align: center;margin: 0 .1rem;color: #333;border-radius: 50%;cursor: pointer;transition: all .3s;} .pg-one.active{background-color: #b81a35;color: #fff;border-color: #b81a35;} .pg-prev, .pg-next{border: 1px solid #b81a35;color: #b81a35;background-repeat: no-repeat;background-position: center center;background-size: .555em auto;background-image: url(/static/home/images/m11.png);} .pg-prev{transform: rotate(180deg);} @media(min-width: 1201px){ .pg-one:hover{background-color: #b81a35;color: #fff;border-color: #b81a35;} .pg-prev:hover, .pg-next:hover{background-color: #b81a35;background-image: url(/static/home/images/m12.png);} } .o-main{width: 100%;padding: 1rem .3rem 1.37rem;} .o-inner{width: 100%;max-width: 13rem;margin: 0 auto;} .o-title{color: #333;line-height: 1.238;margin-bottom: .35rem;} .o-info{width: 100%;border-bottom: 1px solid #f3f3f3;padding-bottom: .5rem;} .o-left{float: left;color: #999;line-height: 1;} .o-line{padding: 0 .1rem;} .o-right{float: right;} .o-dt{display: inline-block;vertical-align: middle;color: #999;line-height: 1;} .o-dd{display: inline-block;vertical-align: middle;font-size: 0;} .o-one{display: inline-block;vertical-align: top;height: 1.0625em;margin-left: .2rem;cursor: pointer;} .o-icon{height: 100%;vertical-align: top;} .o-cont{padding-top: .43rem;padding-bottom: 1rem;color: #333;line-height: 1.75;border-bottom: 1px solid #f3f3f3;} .o-cont *{line-height: inherit;} .o-bot{width: 100%;display: flex;align-items: center;padding-top: .54rem;} .o-b-left{flex: 1;padding-right: .3rem;} .o-b-li{width: 100%;margin-bottom: .14rem;} .o-b-li:last-child{margin-bottom: 0;} .o-b-link{display: inline-block;vertical-align: top;color: #333;line-height: 1.5;transition: all .3s;} .o-b-right{font-size: 0;} .o-b-btn{display: inline-block;line-height: 3;border-radius: 1.5em;border: 1px solid #b81a35;color: #fff;padding: 0 1.5em;transition: all .3s;background-color: #b81a35;} .o-b-btn:after{content: "";display: inline-block;vertical-align: middle;width: .5em;height: .875em;background-image: url(/static/home/images/m10.png);background-size: 100% 100%;margin-left: .52rem;transition: all .3s;} @media(min-width: 1201px){ .o-b-link:hover{color: #b81a35;} } @media(max-width: 750px){ .o-main{padding: .6rem .3rem;} .o-bot{display: block;} .o-b-left{width: 100%;margin-bottom: .3rem;} .o-b-right{text-align: right;} } .p-main{width: 100%;position: relative;} .p-inner{width: 100%;display: flex;} .p-left{width: 4.4rem;padding: 1rem 0 1rem 0.6rem;background-color: #eff4f8;margin-right: 1rem;} .p-right{width: 12.6rem;padding-top: .8rem;padding-bottom: 1.25rem;} .p-links{width: 100%;} .p-link{display: block;width: 100%;line-height: 1.555;padding: .16rem .24rem;border-left: 0.06rem solid transparent;margin-bottom: .1rem;transition: all .3s;letter-spacing: .02em;} .p-link:last-child{margin-bottom: 0;} .p-link.active{border-left-color: #b81a35;background-color: #fff;} .p-hd{margin-bottom: .57rem;} .p-title{float: left;color: #333;line-height: .6rem;letter-spacing: .02em;} .p-form{float: right;font-size: 0;position: relative;} .p-input{width: 4rem;height: .6rem;border: 1px solid #f3f3f3;padding: 0 .18rem;color: #333;letter-spacing: .02em;} .p-submit{width: .6rem;height: .6rem;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 12;background-image: url(/static/home/images/m22.png);background-size: .2rem auto;background-repeat: no-repeat;background-position: center center;border: none;background-color: transparent;} .p-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .p-item{display: inline-block;vertical-align: top;width: 31.746%;margin-right: 2.381%;margin-bottom: .6rem;border-bottom: 0.04rem solid transparent;transition: all .3s;} .p-item:nth-child(3n){margin-right: 0;} .p-box{width: 100%;padding-top: 100%;position: relative;} .p-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;} .p-text{width: 100%;text-align: center;padding: .22rem .35rem .29rem;} .p-tit{color: #333;line-height: 1.5;margin-bottom: .09rem;letter-spacing: .02em;transition: all .3s;} .p-des{color: #666;line-height: 1.642;letter-spacing: .02em;} @media(min-width: 1201px){ .p-link:hover{border-left-color: #b81a35;background-color: #fff;} .p-item:hover{border-bottom-color: #b81a35;box-shadow: 0 0.03rem 0.3rem rgba(202,216,230,1);} .p-item:hover .p-tit{color: #b81a35;} } @media(max-width: 1200px){ .p-left{margin-right: 0;padding-left: .3rem;} .p-right{width: calc(100% - 4.4rem);padding-left: .3rem;padding-right: .3rem;} .p-text{padding-left: 0;padding-right: 0;} } @media(max-width: 1030px){ .p-input{height: 32px;} .p-submit{width: 32px;height: 32px;background-size: 10px auto;} .p-title{line-height: 32px;} } @media(max-width: 750px){ .p-inner{display: block;} .p-left{width: 100%;padding: .3rem;} .p-right{width: 100%;padding: .6rem .3rem;} .p-item{width: calc(50% - 0.15rem);margin-right: .3rem;} .p-item:nth-child(3n){margin-right: 0.3rem;} .p-item:nth-child(2n){margin-right: 0;} .p-links{font-size: 0;} .p-link{display: inline-block;vertical-align: top;width: 50%;} .p-input{height: .6rem;} .p-submit{width: .6rem;height: .6rem;background-size: .2rem auto;} .p-title{line-height: .6rem;} } .q-main{width: 100%;padding: .68rem .3rem;background-image: url(/static/home/images/m25.jpg);background-size: cover;background-position: center center;} .q-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;position: relative;} .q-hd{width: 100%;text-align: left;position: absolute;left: 0;top: 0;padding: 0 .3rem;} .q-back{display: inline-block;vertical-align: top;padding: .2rem 0;color: #333;line-height: 1.25;letter-spacing: .02em;} .q-back:before{content: "";display: inline-block;vertical-align: top;width: 1.0625em;height: 1.25em;background-image: url(/static/home/images/m26.png);background-size: 100% 100%;margin-right: .11rem;} .q-cont{width: 100%;font-size: 0;} .q-text{display: inline-block;vertical-align: middle;width: 8.13rem;padding-right: .3rem;} .q-box{display: inline-block;vertical-align: middle;width: 7.65rem;height: 7.65rem;background-size: 100% 100%;background-image: url(/static/home/images/m23.png);} .q-img{width: 100%;height: 100%;vertical-align: top;} .q-title{color: #333;line-height: 1.238;margin-bottom: .47rem;letter-spacing: .02em;} .q-dl{width: 100%;margin-bottom: .4rem;} .q-dl:last-child{margin-bottom: 0;} .q-dt{color: #333;line-height: 1.75;letter-spacing: .02em;} .q-dd{color: #333;line-height: 2;letter-spacing: .02em;} @media(max-width: 900px){ .q-text{width: calc(100% - 7.65rem);} } @media(max-width: 750px){ .q-cont{padding-top: .3rem;} .q-text{width: 100%;margin-bottom: .3rem;} .q-box{width: 100%;padding-top: 100%;height: auto;position: relative;} .q-img{position: absolute;left: 0;top: 0;} } .r-main{width: 100%;padding: 1.2rem .3rem 1.77rem;} .r-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;} .r-title{color: #333;margin-bottom: .5rem;} .r-cont{width: 100%;} .r-cont table{width: 100%;border: 1px solid #f3f3f3;font-size: .18rem;} .r-cont td{border: 1px solid #f3f3f3;line-height: 2;color: #333;padding: .1rem .38rem;} .r-cont tr:nth-child(2n){background-color: #f3f3f3;} .r-cont td:nth-child(1){width: 23.8%;} @media(max-width: 1472px){ .r-cont table{font-size: 13.8px;} } @media(max-width: 1200px){ .r-cont td:nth-child(1){width: 246px;} } @media(max-width: 750px){ .r-main{padding: .6rem .3rem;} .r-cont td{padding: .1rem;font-size: .28rem;} .r-cont td:nth-child(1){width: auto;} } .s-main{width: 100%;position: relative;} .s-box{width: 100%;padding-top: 36.458%;position: relative;} .s-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .s-tabs{width: 100%;left: 0;bottom: 0;z-index: 12;border-bottom: 1px solid #f3f3f3;background-color: #fff;} .s-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;background-color: #fff;display: flex;justify-content: space-around;} .s-tab{line-height: .79rem;display: inline-block;vertical-align: top;position: relative;} .s-tab:before{content: "";display: inline-block;width: 100%;height: 0.04rem;position: absolute;left: 0;top: 0;} .s-tab.active{color: #b81a35;} .s-tab.active:before{background-color: #b81a35;} .s-tab:last-child{margin-right: 0;} .s-tabs.fixed{position: fixed;bottom: auto;top: 1rem;z-index: 30;} .s-space{width: 100%;box-sizing: content-box;height: .79rem;border-bottom: 1px solid transparent;display: none;} .s-space.show{display: block;} @media(max-width: 1200px){ .s-tabs.fixed{top: calc(40px + 0.2rem);} } @media(max-width: 750px){ .s-tabs{position: relative;text-align: center;} } .zs-select{display: inline-block;width: 4rem;position: relative;z-index: 1;cursor: pointer;text-align: left;margin: 0 0.1rem;} .zs-select:after{content: "";display: block;z-index: 12;width: 1em;height: 0.625em;margin-top: -0.3125em;background-image: url(/static/home/images/m29.png);background-size: 100% 100%;position: absolute;right: .19rem;top: 50%;} .zs-text{pointer-events: none;width: 100%;height: .6rem;padding: 0 .19rem;padding-right: calc(0.19rem + 1em);border: none;color: #333;border: 1px solid #f3f3f3;cursor: pointer;position: relative;z-index: 2;cursor: pointer;box-sizing: border-box;letter-spacing: .02em;} .zs-list{width: 100%;max-height: 17em;overflow: auto;position: absolute;left: 0;top: 100%;background-color: #fff;display: none;border: 1px solid #f3f3f3;} .zs-item{width: 100%;line-height: 1.5;padding: .1rem .19rem;cursor: pointer;color: #666;} .zs-item.active{background-color: #eee;} .zs-select.show{z-index: 123;} .zs-select.show .zs-list{display: block;} .zs-list:hover .zs-item{background-color: transparent;} .zs-list:hover .zs-item:hover{background-color: #eee;} .t-main{width: 100%;padding: .98rem .3rem 1.2rem;} .t-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;} .t-title{color: #333;line-height: 1;text-align: center;letter-spacing: .02em;margin-bottom: .6rem;} .t-op{width: 100%;font-size: 0;text-align: center;margin-bottom: .6rem;} .t-box{font-size: 0;position: relative;display: inline-block;vertical-align: top;} .t-input{width: 4rem;height: .6rem;border: 1px solid #f3f3f3;padding: 0 0.6rem 0 .19rem;color: #333;letter-spacing: .02em;letter-spacing: .02em;} .t-submit{width: .6rem;height: .6rem;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 12;background-image: url(/static/home/images/m22.png);background-size: .2rem auto;background-repeat: no-repeat;background-position: center center;border: none;background-color: transparent;} .t-hd{width: 100%;display: flex;background-color: #f3f3f3;} .t-td{display: inline-block;vertical-align: top;} .t-td1{width: 25%;padding-left: .28rem;} .t-td2{flex: 1;} .t-td3{flex: 1;} .t-td4{flex: 1;} .t-td5{flex: 1;} .t-td6{width: 5%;} .t-list{width: 100%;} .t-item{width: 100%;border: 1px solid #f3f3f3;border-top: none;transition: all .3s;} .t-bar{width: 100%;display: flex;cursor: pointer;transition: all .3s;} .t-hd .t-td{padding-top: .34rem;padding-bottom: .34rem;} .t-bar .t-td{color: #333;line-height: 1.666;padding-top: .34rem;padding-bottom: .34rem;} .t-bar .t-td6{text-align: center;color: #b81a35;} .t-bar .t-td6:after{content: "";text-align: center;width: .14rem;height: .14rem;background-image: url(/static/home/images/m30.png);background-size: 100% 100%;display: inline-block;vertical-align: middle;} .t-cont{padding: 0.5rem 0.5rem .97rem;width: 100%;display: none;} .t-dl{width: 100%;margin-bottom: .53rem;} .t-dt{color: #333;line-height: 1;margin-bottom: .2rem;} .t-dd{color: #666;line-height: 1.5;} .t-dd p{margin-bottom: .16rem;} .t-dd p:last-child{margin-bottom: 0;} .t-btn{display: inline-block;line-height: 3;border-radius: 1.5em;border: 1px solid #b81a35;color: #fff;padding: 0 1.5em;transition: all .3s;background-color: #b81a35;cursor: pointer;} .t-btn:after{content: "";display: inline-block;vertical-align: middle;width: .5em;height: .875em;background-image: url(/static/home/images/m10.png);background-size: 100% 100%;margin-left: .52rem;transition: all .3s;} .t-item.show{border-color: #b81a35;} .t-item.show .t-bar{background-color: #b81a35;} .t-item.show .t-td{color: #fff;} .t-item.show .t-td6:after{background-image: url(/static/home/images/m31.png);} @media(max-width: 1920px){ .t-bar .t-td6:after{width: 14px;height: 14px;} } @media(max-width: 1200px){ .t-bar .t-td6:after{width: 12px;height: 12px;} } @media(max-width: 1030px){ .t-input{height: 32px;padding-right: 32px;} .t-submit{width: 32px;height: 32px;background-size: 10px auto;} .zs-text{height: 32px;} } @media(max-width: 750px){ .t-main{padding: .6rem .3rem;} .t-td{font-size: .2rem;} .t-hd .t-td1{padding-left: .1rem;} .t-bar .t-td1{padding-left: .1rem;} .t-td2{padding-left: .1rem;} .t-td6{display: none;} .t-cont{padding: .6rem .3rem;} .zs-select{width: 100%;margin: 0 0 0.2rem;} .zs-text{height: .6rem;} .t-input{height: .6rem;padding-right: .6rem;} .t-submit{width: .6rem;height: .6rem;background-size: .2rem auto;} .t-box{width: 100%;} .t-input{width: 100%;} } .u-main{width: 100%;padding: 1rem .3rem 1.24rem;background-color: #eff4f8;} .u-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;} .u-title{text-align: center;color: #333;font-weight: bold;line-height: 1;margin-bottom: .8rem;} .u-list{width: 100%;font-size: 0;margin-bottom: 1rem;} .u-item{display: inline-block;vertical-align: top;width: 16.66%;text-align: center;} .u-box{width: 1rem;height: 1rem;margin: 0 auto 0.13rem;background-color: #b81a35;border-radius: 50%;position: relative;} .u-box:after{content: "";display: block;width: 1.76rem;height: .18rem;background-image: url(/static/home/images/m32.png);background-size: 100% 100%;position: absolute;left: 100%;top: 50%;margin-top: -0.09rem;margin-left: .02rem;} .u-item:nth-child(6n) .u-box:after{display: none;} .u-item:last-child .u-box:after{display: none;} .u-icon{width: 100%;height: 100%;vertical-align: top;} .u-tit{color: #333;line-height: 2;margin-bottom: .15rem;} .u-num{color: #b81a35;opacity: .5;line-height: 1;font-weight: bold;} .u-arr{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .u-el{display: inline-block;vertical-align: top;width: 30.952%;margin-right: 3.572%;background-color: #fff;padding: .62rem .3rem .55rem;text-align: center;} .u-el:nth-child(3n){margin-right: 0;} .u-circle{width: 1rem;height: 1rem;margin: 0 auto 0.28rem;border: 0.02rem solid #eee;border-radius: 50%;} .u-i{width: 100%;height: 100%;vertical-align: top;} .u-dt{color: #666;line-height: 1.5;margin-bottom: 1px;} .u-dd{color: #333;line-height: 1.555;} @media(max-width: 750px){ .u-title{margin-bottom: .6rem} .u-list{margin-bottom: 0;} .u-main{padding: .6rem .3rem;} .u-item{width: 33.33%;margin-bottom: .6rem;} .u-item:nth-child(3n) .u-box:after{display: none;} .u-tit{font-size: .26rem;} .u-el{width: 100%;margin-right: 0;margin-bottom: .2rem;} .u-el:last-child{margin-bottom: 0;} } .h-space{width: 100%;height: 1rem;} @media(max-width: 1200px){ .h-space{height: calc(40px + 0.2rem);} } .target{width: 100%;position: absolute;left: 0;top: -1.79rem;} @media(max-width: 800px){ .target{top: calc(-40px - 0.99rem);} } .companys{position: relative;} .cultures{position: relative;} .Elegances{position: relative;} .w-main{width: 100%;background-color: #f6f6f6;padding: 1.38rem 0.3rem 0.93rem;} .w-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;} .w-cont{width: 100%;margin-bottom: .8rem;} .w-left{float: left;width: calc(100% - 8.6rem);padding-right: .3rem;} .w-right{float: right;width: 8.6rem;} .w-title{color: #333;line-height: 1;margin-bottom: .67rem;} .w-tit{color: #333;line-height: 1;margin-bottom: .12rem;} .w-intro{color: #666;line-height: 1.625;margin-bottom: .45rem;} .w-list{width: 100%;} .w-item{width: 100%;font-size: 0;margin-bottom: .5rem;} .w-item:last-child{margin-bottom: 0;} .w-box{display: inline-block;vertical-align: middle;width: .7rem;height: .7rem;border-radius: 50%;border: 1px solid #e3e3e3;} .w-icon{width: 100%;height: 100%;vertical-align: top;} .w-dl{display: inline-block;vertical-align: middle;width: calc(100% - 0.7rem);padding-left: .2rem;} .w-dt{color: #666;line-height: 1.5;margin-bottom: .03rem;} .w-dd{color: #333;line-height: 1.444;} .w-form{width: 100%;} .w-row{width: 100%;font-size: 0;} .w-col{display: inline-block;vertical-align: top;width: 48.837%;margin-right: 2.326%;margin-bottom: 2.326%;} .w-col:nth-child(2n){margin-right: 0;} .w-input{width: 100%;height: .6rem;background-color: #fff;border: none;padding: 0 .2rem;color: #333;} .w-area{width: 100%;height: 1.4rem;background-color: #fff;border: none;padding: calc(0.3rem - 0.75em) .2rem;color: #333;line-height: 1.5;} .w-last{width: 100%;padding-top: .4rem;} .w-submit{display: inline-block;line-height: 3;border-radius: 1.5em;border: 1px solid #b81a35;color: #fff;padding: 0 1.5em;transition: all .3s;background-color: #b81a35;cursor: pointer;} .w-submit:after{content: "";display: inline-block;vertical-align: middle;width: .5em;height: .875em;background-image: url(/static/home/images/m10.png);background-size: 100% 100%;margin-left: .52rem;transition: all .3s;} .w-bot{width: 100%;display: flex;flex-wrap: wrap;} .w-one{width: 32.142%;margin-right: 1.787%;margin-bottom: 1.787%;background-color: #fff;padding: .54rem .3rem .67rem;} .w-one:nth-child(3n){margin-right: 0;} .w-name{color: #333;position: relative;line-height: 1.5;margin-bottom: .17rem;position: relative;} .w-name:before{content: "";display: inline-block;width: .04rem;height: 1em;background-color: #b81a35;position: absolute;left: -0.3rem;top: 0.25em;} .w-place{color: #666;line-height: 1.555;} @media(max-width: 1030px){ .w-input{height: 32px;} .w-area{height: 76px;padding: calc(16px - 0.75em) .2rem;} } @media(max-width: 750px){ .w-main{padding: .6rem .3rem;} .w-left{float: none;width: 100%;padding-right: 0;margin-bottom: .6rem;} .w-title{margin-bottom: .6rem;} .w-right{float: none;width: 100%;} .w-input{height: .6rem;} .w-one{width: 100%;margin-right: 0;margin-bottom: .2rem;} .w-one:last-child{margin-bottom: 0;} } .x-main{width: 100%;padding-top: 1.18rem;padding: 1.18rem .3rem;position: relative;} .x-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;} .x-title{color: #333;letter-spacing: .02em;margin-bottom: 0.58rem;font-weight: bold;line-height: 1;text-align: center;} .x-box{width: 100%;text-align: center;margin-bottom: .78rem;} .x-img{max-width: 100%;} .x-tit{color: #333;text-align: center;font-weight: bold;margin-bottom: 0.6rem;line-height: 1;} .x-wrap{text-align: center;margin-bottom: .51rem;} .x-pic{width: auto;} .x-list{width: 100%;font-size: 0;text-align: center;box-shadow: 0 0.03rem 0.3rem rgba(202,216,230,1);border-radius: 2.4rem;padding: .52rem .3rem;} .x-item{display: inline-block;vertical-align: top;width: 20%;position: relative;} .x-item:nth-child(2){transition-delay: .2s;} .x-item:nth-child(3){transition-delay: .4s;} .x-item:nth-child(4){transition-delay: .6s;} .x-item:nth-child(5){transition-delay: .8s;} .x-out{width: 1rem;height: 1rem;border-radius: 50%;background-color: #b81a35;margin: 0 auto .17rem;position: relative;z-index: 9;transition: all .3s;} .x-item:after{content: "";display: inline-block;width: 2rem;height: .18rem;background-image: url(/static/home/images/m54.png);background-size: 100% 100%;position: absolute;right: -1rem;top: 0.5rem;margin-top: -0.09rem;z-index: 1;} .x-item:nth-child(5n):after{display: none;} .x-icon{width: 100%;height: 100%;} .x-text{position: relative;transition: all .3s;} .x-t{color: #333;line-height: 1;position: relative;z-index: 12;} .x-num{position: absolute;left: 50%;top: 50%;color: #ccc;opacity: 0.5;line-height: 1;margin-top: -0.5em;transform: translate(-50%,0);font-weight: bold;font-style: italic;} @media(min-width: 1201px){ .x-item:hover .x-out{transform: translate(0,-0.1rem);} .x-item:hover .x-text{transform: translate(0,-0.1rem);} } @media(max-width: 750px){ .x-main{padding: .6rem .3rem .3rem;} .x-list{padding: 0;box-shadow: none;} .x-item{width: 33.33%;margin-bottom: .3rem;} .x-item:nth-child(5n):after{display: inline-block;} .x-item:nth-child(3n):after{display: none;} .x-item:last-child:after{display: none;} .x-item:nth-child(2){transition-delay: 0s;} .x-item:nth-child(3){transition-delay: 0s;} .x-item:nth-child(4){transition-delay: 0s;} .x-item:nth-child(5){transition-delay: 0s;} } .y-main{width: 100%;padding: 1.2rem .3rem;background-image: url(/static/home/images/m56.jpg);background-size: cover;background-position: center center;position: relative;} .y-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;} .y-title{color: #333;line-height: 1;font-weight: bold;text-align: center;font-weight: bold;letter-spacing: .02em;margin-bottom: .53rem;} .y-box{width: 100%;height: 7.85rem;text-align: center;position: relative;margin-bottom: .8rem;} .y-img{width: auto;} .y-rows{position: absolute;right: 0;top: 0;text-align: left;} .y-row{line-height: 1.333;color: #333;margin-bottom: .1rem;letter-spacing: .06em;} .y-circle{display: inline-block;vertical-align: middle;width: .777em;height: .777em;border-radius: 50%;margin-right: .1rem;} .y-red{background-color: #b81a35;} .y-blue{background-color: #0d5dc6;} .y-tit{color: #333;line-height: 1;letter-spacing: .02em;text-align: center;font-weight: bold;margin-bottom: .48rem;} .y-list{width: 100%;font-size: 0;} .y-item{display: inline-block;vertical-align: top;width: 31.547%;margin-right: 2.6795%;} .y-item:nth-child(3n){margin-right: 0;} .y-wrap{width: 100%;padding-top: 60.377%;position: relative;} .y-wrap:after{content: "";display: inline-block;width: 100%;padding-top: 20.566%;background-image: url(/static/home/images/m57.png);background-size: 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 9;} .y-pic{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .y-t{width: 100%;color: #fff;padding: 0 .2rem;position: absolute;left: 0;bottom: 0.58rem;z-index: 12;line-height: 1.25;} .y-text{width: calc(100% - 0.4rem);background-color: #fff;margin: -0.4rem auto 0;position: relative;z-index: 12;font-size: 0;padding: .42rem 0;} .y-dl{width: 50%;text-align: center;display: inline-block;vertical-align: top;} .y-in{display: inline-block;text-align: left;} .y-dd{color: #b81a35;line-height: 1;letter-spacing: .02em;font-weight: bold;margin-bottom: .03rem;} .y-u{color: #333;line-height: 1;letter-spacing: .02em;} .y-dt{color: #666;line-height: 1.25;} .y-tip{width: 1.62rem;position: absolute;right: 1.63rem;bottom: 0;} .y-out{width: 1195px;height: 787px;position: absolute;left: 50%;top: 0;margin-left: -598px;transform-origin: center top;} .y-img{width: 100%;} .y-p{width: 8px;height: 8px;border-radius: 50%;position: absolute;} .y-p:hover{z-index: 123;} .y-p.red{background-color: #b81a35;} .y-p.blue{background-color: #0d5dc6;} .y-p:before, .y-p:after{position:absolute;left: 0;top: 0;background-color: #b81a35;margin-left:-6px;margin-top:-6px;width:20px;height:20px;content:"";display:block;border-radius:50%;-webkit-backface-visibility:hidden} .y-p:before{animation:wave-animate 3s infinite ease-out} .y-p:after{opacity:0;animation:wave-animate 3s 1.5s infinite ease-out} .y-p.blue:before, .y-p.blue:after{background-color: #0d5dc6;} .y-center{display: inline-block;vertical-align: top;font-size: 14px;color: #333;min-width: 5.21em;white-space: nowrap;border: 1px solid #b81a35;line-height: 1.71;border-radius: 0.855em;background-color: #fff;padding: 0 0.855em;position: absolute;left: 50%;top: -35px;transform: translate(-50%,0);visibility: hidden;opacity: 0;transition: all .3s;} .y-center:after{content: "";display: inline-block;width: 12px;height: 8px;background-image: url(/static/home/images/m71.png);background-size: 100% 100%;position: absolute;left: 50%;top: 100%;margin-left: -6px;} .y-p.blue .y-center{border-color: #0d5dc6;} .y-p.blue .y-center:after{background-image: url(/static/home/images/m71-blue.png);} .y-p:nth-child(2) .y-center{visibility: visible;opacity: 1;} .y-p:hover .y-center{visibility: visible;opacity: 1;} @keyframes wave-animate{ 0%{transform:scale(0);opacity:1;transform-origin:center} 100%{transform:scale(2);opacity:0;transform-origin:center} } @media(max-width: 750px){ .y-main{padding: .6rem .3rem;} .y-box{margin-bottom: .6rem;} .y-item{width: 100%;margin-right: 0;margin-bottom: .3rem;} .y-item:last-child{margin-bottom: 0;} .y-rows{top: auto;bottom: 0;right: auto;left: 0.3rem;} .y-tip{right: 0.3rem;} .y-center{font-size: 20px;top: 200px;} } .z-main{width: 100%;padding: 1.18rem 0;position: relative;} .z-inner{width: 100%;} .z-title{color: #333;line-height: 1;font-weight: bold;text-align: center;margin-bottom: .58rem;} .z-tabs{width: 100%;text-align: center;margin-bottom: .6rem;} .z-in{display: inline-block;vertical-align: top;border-bottom: 0.02rem solid #f9f9f9;} .z-tab{display: inline-block;vertical-align: top;color: #333;line-height: 2.666;margin-right: .73rem;position: relative;color: #666;cursor: pointer;} .z-tab:last-child{margin-right: 0;} .z-tab.active{color: #333;} .z-tab.active:after{position: absolute;content: "";display: block;width: 100%;height: 0.03rem;background-color: #b81a35;position: absolute;left: 0;bottom: -0.02rem;} .z-conts{width: 100%;position: relative;} .z-cont{width: 100%;position: absolute;left: -200vw;top: 0;overflow: hidden;} .z-cont.show{position: relative;z-index: 12;left: 0;} .z-bn{width: 36.6rem;left: 50%;margin-left: -18.3rem;} .z-s{padding: 0 0.2rem;} .z-item{width: 100%;} .z-box{width: 100%;padding-top: 56.75%;position: relative;} .z-box:after{content: "";display: block;width: 100%;padding-top: 10%;background-image: url(/static/home/images/m59.png);background-size: 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 12;} .z-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .z-tit{width: 100%;text-align: center;color: #fff;letter-spacing: .02em;position: absolute;left: 0;bottom: .36rem;line-height: 1.25;z-index: 99;} .z-arrow{width: .5rem;height: .5rem;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;margin-top: -0.25rem;z-index: 12;transition: all .3s;cursor: pointer;background-image: url(/static/home/images/m11.png);background-size: .1rem auto;background-repeat: no-repeat;background-position: center center;} .z-prev{left: 50%;margin-left: -8.4rem;transform: rotate(180deg);} .z-next{right: 50%;margin-right: -8.4rem;} .z-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0.19rem;font-size:0;} .z-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.03rem;border-radius: 0;} .z-bn .swiper-pagination-bullet{width: 0.18rem;height: 0.03rem;background-color:#fff;opacity:0.3;border: none;} .z-bn .swiper-pagination-bullet-active{opacity: 1;} .z-des{color: #666;line-height: 1.5;text-align: center;width: 100%;max-width: 11.8rem;margin: 0.2rem auto 0 auto;} .z-article{width: 100%;color: #666;line-height: 1.5;text-align: center;} @media(min-width: 1201px){ .z-arrow:hover{background-color: #b81a35;background-image: url(/static/home/images/m12.png);} } @media(max-width: 810px){ .z-prev{margin-left: -7.4rem;} .z-next{margin-right: -7.4rem;} } @media(max-width: 750px){ .z-main{padding: .6rem 0;} .z-title{margin-bottom: .3rem;} .z-prev{left: 0.1rem;margin-left: 0;} .z-next{right: 0.1rem;margin-right: 0;} .z-bn{width: 100%;left: 0;margin-left: 0;} .z-s{padding: 0;} .z-des{padding: 0 0.3rem;} .z-article{padding: 0 0.3rem;} .y-box{width: calc(100% + 0.6rem);padding-top: 65.69vw;margin-left: -0.3rem;height: auto;} } .aa-main{width: 100%;position: relative;} .aa-box{width: 100%;padding-left: 3.2rem;height: 7.41rem;} .aa-img{width: 100%;height: 100%;object-fit: cover;vertical-align: top;} .aa-text{width: 8rem;height: 6rem;background-color: #b81a35;position: absolute;left: 0;bottom: 0;z-index: 12;border-radius: 0 .56rem 0 0;overflow: hidden;} .aa-text:after{content: "";display: block;width: 100%;padding-top: 100%;background-image: url(/static/home/images/m61.png);background-size: 100% 100%;position: absolute;right: 0rem;top: 0;z-index: 1;} .aa-in{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);padding: 0 1rem 0 1.2rem;z-index: 12;} .aa-title{color: #fff;font-weight: bold;line-height: 1.25;margin-bottom: .45rem;} .aa-des{color: #fff;line-height: 1.5;} @media(max-width: 750px){ .aa-text{position: relative;width: 100%;height: auto;padding: 0.6rem 0.3rem;} .aa-box{padding-left: 0;height: auto;} .aa-title{margin-bottom: .3rem;} .aa-img{height: auto;} .aa-in{top: 0;transform: translate(0,0);padding: 0;position: relative;} } .ab-main{width: 100%;padding: 1.18rem 0.3rem;background-image: url(/static/home/images/m68.jpg);background-size: cover;background-position: center center;position: relative;} .ab-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;} .ab-title{color: #333;line-height: 1;font-weight: bold;margin-bottom: .6rem;} .ab-cont{width: 100%;} .ab-tabs{float: left;width: 3rem;} .ab-tab{width: 100%;background-color: rgba(255,255,255,0.8);margin-bottom: .2rem;line-height: 1.2rem;cursor: pointer;} .ab-tab:last-child{margin-bottom: 0;} .ab-tab.active{background-color: #fff;} .ab-tab.active .ab-tit{color: #b81a35;} .ab-tab.active .ab-icon{filter: grayscale(0);} .ab-in{width: 100%;padding: 0 .3rem;font-size: 0;} .ab-tit{display: inline-block;vertical-align: middle;color: #999;width: calc(100% - 0.3rem);} .ab-icon{width: .3rem;display: inline-block;vertical-align: middle;filter: grayscale(100%);} .ab-right{width: 12.55rem;float: right;overflow: hidden;position: relative;} .ab-one{width: 100%;position: absolute;left: -200vw;top: 0;} .ab-one.show{position: relative;left: 0;} .ab-bn{width: 100%;} .ab-s{position: relative;z-index: 12;} .ab-box{width: 4.25rem;height: 2.84rem;margin: 0 auto;transform: scale(0.70422);transition: all .3s;opacity: 0.5;} .ab-img{width: 100%;height: 100%;object-fit: contain;} .ab-s.swiper-slide-prev .ab-box{transform-origin: left center;} .ab-s.swiper-slide-next .ab-box{transform-origin: right center;} .ab-s.swiper-slide-active .ab-box{transform: scale(1);opacity: 1;} .ab-s.swiper-slide-active{opacity: 1;} .ab-bn .swiper-slide-shadow-left, .ab-bn .swiper-slide-shadow-right{display: none;} .ab-text{width: 100%;height: 1.08rem;padding-top: .39rem;} .ab-t{text-align: center;color: #333;line-height: 1.555;opacity: 0;transition: all .3s;} .ab-s.swiper-slide-active .ab-t{opacity: 1;} .ab-bn .swiper-wrapper{position: relative;z-index: 12;} .ab-bn:after{content: "";display: block;width: 4.92rem;height: 1.1rem;background-image: url(/static/home/images/m69.png);background-size: 100% 100%;position: absolute;left: 50%;margin-left: -2.46rem;bottom: .38rem;z-index: 1;} .ab-bot{width: 9.2rem;margin: 0 auto;padding: 0 0.85rem;position: relative;} .ab-s-bn{width: 100%;} .ab-s-s{padding: 0 0.05rem;width: 1.5rem;} .ab-s-box{width: 100%;padding-top: 100%;background-color: #fff;position: relative;cursor: pointer;} .ab-s-img{width: 71.428%;max-height: 71.428%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: contain;} .ab-arrow{width: .5rem;height: .5rem;border-radius: 50%;background-color: #fff;position: absolute;top: 50%;margin-top: -0.25rem;cursor: pointer;background-image: url(/static/home/images/m11.png);background-size: .1rem auto;background-repeat: no-repeat;background-position: center center;transition: all .3s;} .ab-prev{left: 0;transform: rotate(180deg);} .ab-next{right: 0;} .ab-s-s.active .ab-s-box:after{content: "";display: block;width: 100%;height: 100%;border: 1px solid #b81a35;box-sizing: border-box;position: absolute;left: 0;top: 0;pointer-events: none;} @media(min-width: 1201px){ .ab-arrow:hover{background-color: #b81a35;background-image: url(/static/home/images/m12.png);} } @media(max-width: 760px){ .ab-tabs{float: none;width: 100%;text-align: center;margin-bottom: .4rem;font-size: 0;} .ab-tab{display: inline-block;vertical-align: top;width: auto;margin: 0 0.1rem;} .ab-in{display: inline-block;vertical-align: top;width: auto;} .ab-right{float: none;width: 100%;} .ab-bot{width: 100%;} .ab-bn{margin-bottom: .3rem;} .ab-tit{margin-right: .3rem;width: auto;} } @media(max-width: 750px){ .ab-main{padding: .6rem .3rem;} } .xa-a{overflow: hidden; width: 100%;padding: 1.1rem 0 1.2rem;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;} .xa-main{width: 100%;max-width: 16.8rem;margin: 0 auto;} .xa-top{width: 100%;text-align: center;padding-bottom: .7rem;} .xa-titles{width: 100%;margin-bottom: .2rem; color: #333333;font-weight: bold;line-height: 1.2;} .xa-bottom{width: 100%;position: relative;} .xa-bottom:before{content: '';position: absolute;top: 1.69rem;left: 50%;transform: translate(-50%,0); width:100vw;height: .21rem;background-image: url('/static/home/images/xa2.png');background-size: auto 100%; background-position: center center;background-repeat: no-repeat;} .xa-b{width: 100%;} .xa-item{width: 16.66%;height: 2rem;position: relative;} .xa-item:before{content: '';position: absolute;bottom: 0;left: .077rem;width: .01rem;height: 100%;background-color: #dac2ce;} .xa-item:after{content: '';position: absolute;bottom: 0;left: .075rem;width: .05rem;height: 1rem;background-color: #b81a35;} .xa-box{width: 100%;height: 2rem;position: relative;} .xa-box:after{content: '';position: absolute;bottom: 0;left: 0;z-index: 8; width: .2rem;height: .2rem;background-image: url('/static/home/images/xa3.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;} .xa-sub{position: absolute;top: 0;left: 0;width: 100%;padding: .15rem .4rem; max-height: 100%;overflow: auto;} .xa-year{width: 100%;margin-bottom: .17rem;line-height: 1.3;color: #333333;font-weight: bold;line-height: 1.3;} .xa-intro{width: 100%;color: #333333;line-height: 1.5;} .xa-item:nth-child(2n){margin-top: 1.8rem;} .xa-item:nth-child(2n):before{bottom: auto;top: 0;} .xa-item:nth-child(2n):after{bottom: auto;top: 0;} .xa-item:nth-child(2n) .xa-box:after{bottom: auto;top: 0;} .xa-item:nth-child(2n) .xa-sub{padding-top: .4rem;} .xa-buttom{width: 100%;height: .5rem; position: relative;margin-top: .3rem;} .xa-prev{left:calc(50% - .6rem);margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #fff;background-image: url('/static/home/images/b1.png');background-size: cover;background-position: center center;background-repeat: no-repeat;} .xa-prev:hover{background-image: url('/static/home/images/b3.png');background-color: #b81a35;} .xa-next{right: calc(50% - .6rem);margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #fff; background-image: url('/static/home/images/b2.png');background-size: cover;background-position: center center;background-repeat: no-repeat;} .xa-next:hover{background-image: url('/static/home/images/b4.png');background-color: #b81a35;} @media (max-width: 1780px) { .xa-main{width: 90%;} } @media (max-width: 800px) { .xa-main{width: 94%; } } @media (max-width: 750px) { .xa-item{width: 45%;} } .xc-a{overflow: hidden; width: 100%;padding: 1.13rem 0 1.2rem;position: relative;} .xc-main{width: 100%;max-width: 16.8rem;margin: 0 auto;} .xc-top{width: 100%;text-align: center;padding-bottom: .55rem;} .xc-titles{width: 100%;margin-bottom: .2rem; color: #333333;font-weight: bold;line-height: 1.2;} .xc-synopsis{width: 100%;max-width: 67em;margin: 0 auto;color: #333333;line-height: 1.66;} .xc-bottom{width: 100%;} .xc-b{width: 7.3rem;max-width: 100%;margin: 0; overflow: visible !important;} .xc-item{width: 100%;margin-right: .3rem;} .xc-item:last-child{margin-right: 0;} .xc-link{display: block;width: 100%;position: relative;} .xc-img{width: 100%;position: relative;padding-top: calc(417/700*100%);overflow: hidden;} .xc-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;} .xc-img:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('/static/home/images/xa1.png');background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;} .xc-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: .15rem;text-align: center;} .xc-name{width: 100%;color: #ffffff;line-height: 1.4;} .xc-link:hover .xc-img img{transform: scale(1.05);} .xc-buttom{display: flex;align-items:end;justify-content: space-between;width: 100%;margin-top: .4rem;} .xc-tip{width: 100%;font-size: 0;} .xc-nub{display: inline-block;vertical-align: bottom;line-height: 1;color: #333333;} .xc-line{display: inline-block;vertical-align: bottom;line-height: 1;color: #999999;} .xc-line:after{content: '/';margin: 0 .05rem 0 .15rem;} .xc-sum{display: inline-block;vertical-align: bottom;line-height: 1;color: #999999;} .xc-lt{width: calc(100% - 1.4rem);min-height: .5rem;position: relative;} .xc-scrollbar{position: absolute;bottom: 0;left: 0;width: 100%;height: .04rem;background-color: #e5e5e5;} .xc-scrollbar .swiper-scrollbar-drag{background-color: #b81a35;} .xc-rt{width: 1.2rem;height: .5rem;position: relative;} .xc-prev{left: 0;margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;border: solid 1px #cccccc;background-image: url('/static/home/images/b1.png');background-size: cover;background-position: center center;background-repeat: no-repeat;} .xc-prev:hover{background-image: url('/static/home/images/b3.png');background-color: #b81a35;border: solid 1px #b81a35;} .xc-next{right: 0;margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;border: solid 1px #cccccc;background-image: url('/static/home/images/b2.png');background-size: cover;background-position: center center;background-repeat: no-repeat;} .xc-next:hover{background-image: url('/static/home/images/b4.png');background-color: #b81a35;border: solid 1px #b81a35;} @media (max-width: 1780px) { .xc-main{width: 90%;} } @media (max-width: 800px) { .xc-main{width: 94%; } } @media(max-width: 750px){ div.companys{padding: .6rem 0;} div.companys .company{display: block;} div.companys .company .coml{width: 100%;} div.companys .company .comr{width: 100%;} }