@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;outline: none;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;} input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/} body{color: #000;font-family: Arial,Microsoft Yahei;} header, footer, main, header *, footer *, main *{box-sizing: border-box;} #web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/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;} html{font-size: 100px;} @media(max-width: 1920px){ html{font-size: calc(100vw / 1920 * 100);} } @media(max-width: 900px){ html{font-size: calc(900px / 1920 * 100);} } main, footer{width: 100%;max-width: 19.2rem;margin: 0 auto;} /*有些苹果系统自带的浏览器safari可能不支持calc和vw一起用,可以试着写成*/ /*html{font-size: 5.2083vw;} @media(max-width: 900px){ html{font-size: 46.875px;} }*/ 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: 12.0px;} } .s13{font-size: calc(13 * 1rem / 100);} @media(max-width: 1846px){ .s13{font-size: 12.5px;} } .s14{font-size: calc(14 * 1rem / 100);} @media(max-width: 1783px){ .s14{font-size: 13px;} } .s15{font-size: calc(15 * 1rem / 100);} @media(max-width: 1664px){ .s15{font-size: 13px;} } .s16{font-size: calc(16 * 1rem / 100);} @media(max-width: 1620px){ .s16{font-size: 13.5px;} } .s17{font-size: calc(17 * 1rem / 100);} @media(max-width: 1525px){ .s17{font-size: 13.5px;} } .s18{font-size: calc(18 * 1rem / 100);} @media(max-width: 1493px){ .s18{font-size: 14px;} } .s19{font-size: calc(19 * 1rem / 100);} @media(max-width: 1415px){ .s19{font-size: 14px;} } .s20{font-size: calc(20 * 1rem / 100);} @media(max-width: 1392px){ .s20{font-size: 14.5px;} } .s21{font-size: calc(21 * 1rem / 100);} @media(max-width: 1326px){ .s21{font-size: 14.5px;} } .s22{font-size: calc(22 * 1rem / 100);} @media(max-width: 1309px){ .s22{font-size: 15.0px;} } .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: 18.0px;} } .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: 21.0px;} } .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: 911px){ .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: 24.0px;} } .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){ .s60{font-size: 26.7px;} } .s62{font-size: calc(62 * 1rem / 100);} @media(max-width: 836px){ .s60{font-size: 27.0px;} } .s63{font-size: calc(63 * 1rem / 100);} @media(max-width: 832px){ .s60{font-size: 27.3px;} } .s64{font-size: calc(64 * 1rem / 100);} @media(max-width: 828px){ .s60{font-size: 27.6px;} } .s65{font-size: calc(65 * 1rem / 100);} @media(max-width: 824px){ .s60{font-size: 27.9px;} } .s66{font-size: calc(66 * 1rem / 100);} @media(max-width: 820px){ .s60{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;} } .s70{font-size: calc(70 * 1rem / 100);} @media(max-width: 803px){ .s70{font-size: 29.7px;} } .s71{font-size: calc(71 * 1rem / 100);} @media(max-width: 800px){ .s71{font-size: 30px;} } .s72{font-size: calc(72 * 1rem / 100);} @media(max-width: 796px){ .s72{font-size: 30.3px;} } .s73{font-size: calc(73 * 1rem / 100);} @media(max-width: 793px){ .s73{font-size: 30.6px;} } .s74{font-size: calc(74 * 1rem / 100);} @media(max-width: 791px){ .s74{font-size: 30.9px;} } .s75{font-size: calc(75 * 1rem / 100);} @media(max-width: 788px){ .s75{font-size: 31.2px;} } .s76{font-size: calc(76 * 1rem / 100);} @media(max-width: 79px){ .s76{font-size: 31.5px;} } .s77{font-size: calc(77 * 1rem / 100);} @media(max-width: 785px){ .s77{font-size: 31.8px;} } .s78{font-size: calc(78 * 1rem / 100);} @media(max-width: 782px){ .s78{font-size: 32.1px;} } .s79{font-size: calc(79 * 1rem / 100);} @media(max-width: 780px){ .s79{font-size: 32.4px;} } .s80{font-size: calc(80 * 1rem / 100);} @media(max-width: 777px){ .s80{font-size: 32.7px;} } video{outline: none;} .teaser{opacity:0;transform:translate3d(0,73px,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);} .teaser.is-visible{opacity:1;transform:translate3d(0,0,0);} .lter{opacity:0;transform:translate3d(-73px,0,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);} .lter.is-visible{opacity:1;transform:translate3d(0,0,0);} .rter{opacity:0;transform:translate3d(73px,0,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);} .rter.is-visible{opacity:1;transform:translate3d(0,0,0);} .text-in, .text-in2{visibility: hidden;opacity: 0;} .text-in.show, .text-in2.show{visibility: visible;opacity: 1;} .text-in span span, .text-in2 span span{opacity:0;backface-visibility:visible;transition-property:all;transition-duration:660ms;transition-timing-function:ease-in-out;transform-origin:50% 50% 0;transform:perspective(1050px) rotateY(0) scale(.5);display:inline-block} .a-main{width: 100%;height: 100vh;max-height: 10.8rem;} .a-bn{width: 100%;} .a-bn.go-bot{position: fixed;left: 0;bottom: 0;z-index: 123456789223;} .a-s{position: relative;background-color: #000;} .a-link{display: block;width: 100%;} .a-img{width: 100%;height: 100vh;max-height: 10.8rem;object-fit: cover;/* height: 100vh; *//* object-fit: cover; */} .a-video{width: 100%;height: 100vh;max-height: 10.8rem;vertical-align: top;object-fit: cover;position: relative;left: 0;} .a-video.hide{left: -100%;} .a-play{width: .97rem;height: .97rem;display: none;background-image: url(../images/110.png);background-size: 100% 100%;position: absolute;left: 50%;top: 50vh;margin-left: -0.49rem;margin-top: -0.49rem;z-index: 1234;cursor: pointer;} .a-play.hide{display: none;} .a-play.hidehide{display: none;} .a-op{position: absolute;left: 50%;margin-left: -9rem;top: 100vh;z-index: 123;padding-bottom: .9rem;transform: translate(0,-100%);} .a-title{color: #fff;line-height: 1;margin-bottom: .23rem;} .a-text{max-width: 18rem;position: absolute;left: 50%;margin-left: -9rem;top: 50vh;transform: translate(0,-50%);z-index: 123;} .a-center{text-align: center;transform: translate(0,-34%);} .a-row{color: #fff;line-height: 1.2;} .a-tit{visibility: hidden;} .a-small{color: #fff;line-height: 1.41;padding-top: .18rem;} .a-last{padding-top: .65rem;} .a-pg{font-size: 0;} .a-pg .swiper-pagination-bullet{width: .12rem;height: .12rem;border-radius: 50%;background-color: #fff;opacity: 1;margin-right: .2rem;vertical-align: top;} .a-pg .swiper-pagination-bullet-active{background-color: #b42328;} .a-arrow-wrap{font-size: 0;position: absolute;right: 50%;top: calc(100vh - 0.9rem);margin-right: -9rem;z-index: 123;transform: translate(0,-100%);} .a-arrow{width: .14rem;height: .27rem;width: .52rem;height: .52rem;border-radius: 50%;background-color: rgba(0,0,0,0.5);transition: all .3s;background-image: url(../images/5.png);background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;cursor: pointer;display: inline-block;vertical-align: top;} .a-prev{margin-right: .3rem;} .a-next{transform: rotate(180deg);} .a-label{display: none;} @media(min-width: 1201px){ .a-arrow:hover{background-color: #b42328;} } @media(max-width: 1920px){ .a-pg .swiper-pagination-bullet{width: 12px;height: 12px;} .a-arrow{width: 14px;height: 27px;width: 52px;height: 52px;background-size: 14px auto;} } @media(max-width: 1000px){ .a-main, .a-img, .a-video{height: 56.25vw;min-height: 0;} .a-text{top: 50%;} .a-op, .a-arrow-wrap{top: auto;bottom: .9rem;transform: translate(0,0);padding-bottom: 0;} .a-play{top: 50%;} } @media(max-width: 900px){ .a-text{max-width: 100%;left: 0;margin-left: 0;padding: 0 20px;} .a-op{left: 20px;margin-left: 0;bottom: 10px;} .a-arrow-wrap{right: 20px;margin-right: 0;bottom: 10px;} } @media(max-width: 760px){ .a-arrow-wrap{display: none;} .a-row{font-size: 18px;} .a-small{font-size: 14px;} .a-title{position: absolute;right: 0;top: 50%;transform: translate(100%,-50%);margin-bottom: 0;font-size: 12px;white-space: nowrap;} .a-text{padding: 0 10px;} .a-op{left: 10px;pointer-events: none;} .a-pg .swiper-pagination-bullet{width: 9px;height: 9px;} } .b-main{width: 100%;position: relative;padding-top: 1rem;padding-bottom: 1rem;} .b-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;} .b-inner{width: 100%;max-width: 18rem;margin: 0 auto;position: relative;z-index: 123;} .b-title{color: #fff;line-height: 1;margin-bottom: 0.6rem;} .b-cont{width: 100%;font-size: 0;display: flex;} .b-left{display: inline-block;vertical-align: bottom;width: 50%;position: relative;background-color: #000;} .b-nm-box{width: 100%;padding-top: 56.25%;} .b-nm{width: 100%;height: 100%;object-fit: cover;vertical-align: top;position: absolute;left: 0;top: 0;} .b-poster{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;object-fit: cover;} .b-play{position: absolute;left: 50%;top: 50%;margin-left: -0.19rem;margin-top: -0.2rem;width: .37rem;height: .4rem;background-image: url(../images/9.png);background-size: 100% 100%;z-index: 123;cursor: pointer;} .b-right{display: inline-block;vertical-align: bottom;width: 50%;background-color: #fff;padding: .57rem .8rem;background-color: rgba(0,0,0,0.15);cursor: pointer;} .b-tit{color: #fff;line-height: 1;margin-bottom: .36rem;} .b-des{color: #fff;line-height: 1.875;margin-bottom: .51rem;} .b-more{color: #333;padding-bottom: .93em;border-bottom: 0.02rem solid #333;line-height: 1;cursor: pointer;display: inline-block;vertical-align: top;transition: all .3s;} .b-more:after{content: "";display: inline-block;vertical-align: top;width: 1.0625em;height: .4375em;background-image: url(../images/11.png);background-size: 100% 100%;margin-left: 2em;margin-top: .1875em;transition: all .3s;} .b-more.white{color: #fff;border-bottom-color: #fff;} .b-more.white:after{background-image: url(../images/15.png);} .b-more.red{color: #b42328;border-bottom-color: #b42328;} .b-more.red:after{background-image: url(../images/49.png);} .b-left.show .b-play{display: none;} .b-left.show .b-poster{display: none;} @media(min-width: 1201px){ .b-more:hover:after{margin-left: 3em;} } @media(max-width: 900px){ .b-main{padding-top: 30px;padding-bottom: 30px;} .b-title{margin-bottom: 20px;} .b-inner{max-width: 100%;padding: 0 20px;} .b-cont{max-width: 425px;margin: 0 auto;display: block;} .b-left{width: 100%;} .b-right{width: 100%;} .b-nm{position: relative;height: auto;} } @media(max-width: 760px){ .b-title{font-size: 22px;} .b-right{padding: 20px 10px;} .b-tit{margin-bottom: 15px;} .b-des{margin-bottom: 20px;} .b-inner{padding: 0 10px;} } .c-main{width: 100%;height: 100vh;max-height: 10.8rem;position: relative;} .c-in{width: 100%;height: 100vh;max-height: 10.8rem;position: absolute;left: 0;top: 0;z-index: 123;transition: all 1s;} .c-in.fixed{position: fixed;} .c-in.hide{visibility: hidden;opacity: 0;} .c-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;} .c-box{width: 3.61rem;height: 3.28rem;width: 3.29rem;height: 2.92rem;overflow: hidden;position: absolute;left: 50%;margin-left: -1.805rem;top: 3.35rem;z-index: 12;} .c-logo{width: 100%;height: 100%;vertical-align: top;position: relative;z-index: 12;} .c-title{color: #000;text-align: center;line-height: 1;width: 100%;position: absolute;left: 0;top: 6.92rem;z-index: 12;visibility: hidden;opacity: 0;} .c-title.show{visibility: visible;opacity: 1;} .c-title span span{opacity:0;backface-visibility:visible;transition-property:all;transition-duration:660ms;transition-timing-function:ease-in-out;transform-origin:50% 50% 0;transform:perspective(1050px) rotateY(0) scale(.5);display:inline-block} .c-box-bg{width: 100vw;height: 100vh;max-height: 10.8rem;position: absolute;left: 50%;margin-left: -50vw;top: -3.35rem;z-index: 11;max-width: none;filter: blur(10px);object-fit: cover;display: none;} .c-after{height: 1rem;} .d-ani{opacity:0;transform:translate3d(0,73px,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1),visibility 1s;visibility: hidden;transition-delay: .5s;} .d-main{width: 100%;height: 56.25vw;position: relative;} .d-in{width: 100%;height: 56.25vw;position: absolute;left: 0;top: 0;z-index: 122;transition: all .3s;} .d-in.fixed{position: fixed;} .d-bn{width: 100%;} .d-s{position: relative;cursor: pointer;} .d-bg{width: 100vw;height: 56.25vw;object-fit: cover;filter: blur(10px);max-width: none;} .d-text{position: absolute;left: 50%;margin-left: -9rem;top: 50%;transform: translate(0,-50%);z-index: 123;cursor: pointer;} .d-row{color: #fff;line-height: 1;margin-bottom: .42rem;position: relative;} .d-des{color: #fff;line-height: 1.8;width: 100%;width: 21.5em;margin-bottom: .48rem;transition-delay: .2s;} .d-text.mask{background-color: rgba(0,0,0,0.15);padding: .4rem;} .d-text.black .d-row{color: #333;} .d-text.black .d-des{color: #333;} .d-text.black .b-more{color: #333;border-bottom-color: #333;} .d-text.black .b-more:after{background-image: url(../images/11.png);} .d-op{position: absolute;left: 50%;margin-left: -9rem;bottom: .7rem;z-index: 123;font-size: 0;display: inline-block;transition-delay: .6s;} .d-dt{display: inline-block;vertical-align: middle;padding-right: .3rem;color: #fff;} .d-tabs{display: inline-block;vertical-align: middle;font-size: 0;} .d-tab{display: inline-block;vertical-align: top;color: #fff;line-height: 1.875em;border-radius: 1em;border: 1px solid transparent;padding: 0 1em;margin-right: .5rem;cursor: pointer;} .d-tab.active{border-color: #fff;background-color: rgba(255,255,255,0.2);} .d-arrow-wrap{font-size: 0;position: absolute;right: 50%;margin-right: -9rem;bottom: .9rem;z-index: 123;} .d-arrow{width: .14rem;height: .27rem;background-image: url(../images/5.png);background-size: 100% 100%;cursor: pointer;display: inline-block;vertical-align: top;} .d-prev{margin-right: .66rem;} .d-next{transform: rotate(180deg);} .d-box{width: 100%;height: 100%;position: absolute;left:0;top: 0;z-index: 12;-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);transition: all 1s linear;transition-delay: .3s;overflow: hidden;} .d-img{width: 100%;height: 100%;object-fit: cover;max-width: none;} .d-in.show .d-ani{opacity:1;transform:translate3d(0,0,0);visibility: visible;} .d-in.show .d-s.swiper-slide-active .d-box{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);} .d-main .c-in{position: absolute;left: 0;top: 0;position: relative;overflow: hidden;transform: translate(0,0);} .d-text .b-more{transition-delay: .4s;} @media(max-width: 1920px){ .d-arrow{width: 14px;height: 27px;} } @media(max-width: 1200px){ .d-main .c-in{display: none;} .d-main{height: auto;} .d-in{height: auto;position: relative;} .d-bg{height: 56.25vw;} } @media(max-width: 900px){ .d-op{width: 100%;padding: 0 10px;bottom: 10px;left: 0;margin-left: 0;} .d-arrow-wrap{display: none;} .d-text{left: 0;margin-left: 0;} .d-text.mask{padding: 20px;} .d-row{font-size: 22px;margin-bottom: 15px;} .d-des{font-size: 14px;max-width: none;margin-bottom: 15px;width: 100%;} .d-dt{display: none;} .d-tab{margin-right: 10px;font-size: 12px;padding: 0 5px;} } @media(max-width: 760px){ .d-text{width: 100%;height: 100%;top: 0;transform: translate(0,0);} .d-text.mask{padding: 20px 10px;} .d-tabs{width: 100%;overflow: auto;white-space: nowrap;} .d-tab{margin-right: 5px;} } @media(max-width: 500px){ .d-des{font-size: 12px;} } body.hide{overflow: hidden;} .st-main{width: 100%;height: 10.8rem;position: fixed;left: 0;top: 0;z-index: 123456;transition: all 1s;overflow: hidden;background-color: #fff;} .st-main.hide{visibility: hidden;opacity: 0;} .st-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .st-box1{width: 3.56rem;height: 7.31rem;position: absolute;left: 8.01rem;bottom: 0;z-index: 12;overflow: hidden;} .st-img1{width: 3.56rem;height: 7.31rem;position: absolute;left: 50%;bottom: 0;margin-left: -1.78rem;max-width: none;} .st-box2{width: 4.39rem;height: 4.34rem;overflow: hidden;position: absolute;left: 6.38rem;top: 1.02rem;left: 7.6rem;top: 3.07rem;z-index: 11;} .st-img2{width: 6.83rem;height: 6.39rem;position: absolute;left: -1.22rem;top: -2.05rem;max-width: none;} .st-box3{width: 6.83rem;height: 6.39rem;position: absolute;left: 6.38rem;top: 1.02rem;overflow: hidden;z-index: 13;opacity: 0;} .st-img3{width: 19.2rem;height: 10.8rem;position: absolute;left: 50%;top: 50%;margin-left: -9.8rem;margin-top: -4.22rem;max-width: none;} .st-num{position: fixed;right: 50%;margin-right: -9rem;bottom: .73rem;z-index: 1234;} .st-n{font-size: .6rem;color: #fff;line-height: 1;display: inline-block;} .st-p{font-size: .3rem;color: #fff;line-height: 1;display: inline-block;} .st-index{display: block;width: 3.72rem;position: fixed;left: 50%;margin-left: -9rem;top: .28rem;z-index: 1234;} .st-logo{width: 100%;vertical-align: top;} .st-copy{position: fixed;left: 50%;margin-left: -9rem;bottom: .78rem;z-index: 1234;color: #fff;line-height: 1.3;} @media(max-width: 1200px){ .st-main{display: none;} body{overflow: auto !important;} } #translate{position: fixed;left: -500vw;top: 0;} header{position: fixed;left: 0;top: 0;z-index: 1234;transition: all .3s;width: 100%;padding-bottom: .28rem;} header.show-menu{z-index: 12345;} header.hide{visibility: hidden;opacity: 0;} .pc header.show-menu .h-menu{display: none;} .target{width: 100%;position: absolute;left: 0;top: -1.08rem;} .h-inner{width: 100%;max-width: 18rem;margin: 0 auto;position: relative;z-index: 123;} .h-index{width: 3.73rem;margin-top: .28rem;float: left;outline: none;} .h-logo{width: 100%;vertical-align: top;} .h-logo2{display: none;} .h-right{float: right;font-size: 0;padding-top: .28rem;} /*.h-right .h-right .h-menu{display: none;}*/ .h-menu{display: inline-block;vertical-align: top;color: #fff;line-height: .52rem;cursor: pointer;} .h-menu:before{content: "";display: inline-block;vertical-align: middle;width: 2.375em;height: .75em;margin-right: .75em;background-image: url(../images/8.png);background-size: 100% 100%;position: relative;top: -1px;} .h-menu.active:before{width: 1.125em;height: 1.125em;background-image: url(../images/7.png);background-size: 100% 100%;} .h-search{display: inline-block;vertical-align: top;width: .52rem;height: .52rem;border-radius: 50%;margin-left: .64rem;border: 1px solid #fff;background-size: .23rem auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;background-image: url(../images/2.png);} .h-out{display: inline-block;vertical-align: top;font-size: 0;height: .52rem;line-height: .5rem;border: 1px solid #fff;border-radius: .26rem;padding: 0 .25rem;margin-left: .2rem;} .h-url{display: inline-block;vertical-align: middle;height: .21rem;margin-right: .18rem;cursor: pointer;} .h-url:last-child{margin-right: 0;} .h-icon{height: 100%;vertical-align: top;} .h-icon2{display: none;} .h-box{width: 100%;height: 100vh;position: absolute;left: 0;top: 0;z-index: 12;background-size: cover;-webkit-clip-path: circle(0 at 100% 0);clip-path: circle(0 at 100% 0);transition: -webkit-clip-path 0.7s ease-in-out;transition: clip-path 0.7s ease-in-out;pointer-events: none;} .h-box.show{pointer-events: auto;-webkit-clip-path: circle(125vw at 100% 0) !important;clip-path: circle(125vw at 100% 0) !important;} .h-box-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .h-nav{position: absolute;right: 50%;top: 15.55vh;margin-right: -9rem;max-width: 18rem;} .h-li{position: relative;margin-bottom: 7vh;opacity: 0.7;transition: all .3s;text-align: right;} .h-li.show{opacity: 1;} .h-li.show .h-link{font-weight: bold;} .h-link{font-size: .36rem;color: #fff;line-height: 1;transition: all .3s;cursor: pointer;} .h-sub{width: 100%;font-size: 0;padding-top: 3.88vh;padding-bottom: 1.2vh;display: none;} .h-sub>li{display: inline-block;vertical-align: top;margin-left: .64rem;margin-bottom: .1rem;} .h-sub>li:first-child{margin-left: 0;} .h-sub>li>a{display: inline-block;vertical-align: top;color: #fff;line-height: 1.5;cursor: pointer;} .h-mask{background-color: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 998;transition:all .5s;opacity: 0;visibility: hidden;} .h-sch{display: none;width: 100%;padding: .4rem 0;position: fixed;top: 0;right: 0;margin-right: 0;z-index: 999;background-color: #fff;font-size: 0;text-align: center;} .h-form{width: 100%;background-color: transparent;position: relative;overflow: hidden;font-size: 0;} .h-text{width: 3.8rem;height: .4rem;line-height: .4rem;font-size: .14rem;padding: 0 .1rem 0 0.05rem;border: none;border-bottom: 1px solid #ccc;border-right: none;vertical-align: top;background-color: transparent;color: #333;text-align: left;vertical-align: top;} .h-smt{background-image: url(../images/2-1.png);background-position: center center;width: .4rem;height: .4rem;background-size: .19rem .19rem;background-repeat: no-repeat;color: transparent;cursor: pointer;border: none;border-bottom: 1px solid #ccc;background-color: transparent;transition: all .3s;vertical-align: top;} header.show-sch .h-mask{opacity:1;visibility:visible;} header.show-sch .h-sch{display: block;} .h-back{position: absolute;left: 50%;margin-left: -9rem;bottom: .5rem;line-height: 1;font-size: .3rem;color: #fff;cursor: pointer;opacity: 0.7;} .h-lang{display: inline-block;vertical-align: top;width: .22rem;height: .52rem;margin-left: .2rem;position: relative;background-image: url(../images/222.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;} .h-lang-list{width: 6em;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.1);position: absolute;left: 50%;top: 100%;padding: 0.05rem 0;margin-left: -3em;visibility: hidden;opacity: 0;transition: all .3s;border-radius: 0.3125em;} .h-lang-link{display: block;width: 100%;line-height: 1.71;padding: .06rem 0.03rem;text-align: center;color: #666;} header.show-lang .h-lang-list{opacity:1;visibility:visible;} @media(min-width: 1201px){ .h-link:hover{font-weight: bold;} .h-sub>li>a:hover{font-weight: bold;} .h-lang-link:hover{color: #b42328;} header.black .h-lang{background-image: url(../images/223.png);} } @media(max-width: 1920px){ .h-sch{padding: 40px 0;} .h-text{width: 380px;height: 40px;line-height: 40px;font-size: 14px;padding: 0 10px 0 5px;} .h-smt{width: 40px;height: 40px;background-size: 17px 17px;} } @media(max-width: 1400px){ .h-lang{width: 16px;} } @media(max-width: 1200px){ .h-lang-list{left: auto;right: -0.6rem;margin-left: 0;} } @media(min-width: 901px){ header.white{box-shadow: 0 0 4px rgba(0,0,0,0.1);background-color: #fff;} header.white .h-logo1{display: none;} header.white .h-logo2{display: inline-block;} header.white .h-icon1{display: none;} header.white .h-icon2{display: inline-block;} header.white .h-out{border-color: #ccc;} header.white .h-menu{color: #666;} header.white .h-menu:before{background-image: url(../images/8-2.png);} header.white .h-menu.active:before{background-image: url(../images/7-2.png);} header.white .h-search{border-color: #666;background-image: url(../images/2-1.png);} header.white .h-lang{background-image: url(../images/223.png);} } @media(max-width: 900px){ body{padding-top: 46px;} header{height: 46px;box-shadow: 0 0 4px rgba(0,0,0,0.1);background-color: #fff;padding-bottom: 0;} .target{top: -46px;} .h-inner{max-width: 100%;padding: 0 0 0 10px;height: 46px;background-color: #fff;} .h-box.show{-webkit-clip-path: circle(1200px at 100% 0) !important;clip-path: circle(1200px at 100% 0) !important;} .h-logo1{display: none;} .h-logo2{display: inline-block;} .h-icon1{display: none;} .h-icon2{display: inline-block;} .h-out{border-color: #ccc;margin-left: 10px;height: 24px;border-radius: 12px;} .h-menu{color: #666;font-size: 12px;} .h-menu:before{background-image: url(../images/8-2.png);margin-right: 7px;} .h-menu.active:before{background-image: url(../images/7-2.png);} .h-search{width: 24px;height: 24px;margin-left: 15px;border-color: #666;background-image: url(../images/2-1.png);} .h-right{padding-top: 12px;} .h-back{left: 30px;margin-left: 0;} .h-lang{background-image: url(../images/223.png);height: .52rem;width: 36px;background-size: 16px auto;margin-left: 0;} header.show-lang .h-lang{z-index: 12345;background-color: #fff;} header.show-lang .h-mask{opacity:1;visibility:visible;} header.show-lang .h-inner{position: static;} .h-lang-list{right: 0;border-radius: 5px 0 5px 5px;box-shadow: none;} .h-url{height: 18px;} .h-url{margin-right: 10px;} .h-nav{width: 100%;left: 0;right: auto;top: 46px;height: calc(100% - 46px);overflow: auto;background-color: rgba(0,0,0,0.5);padding: 50px 30px 30px;} .h-link{font-size: 24px;} .h-back{font-size: 18px;} } @media(max-width: 750px){ header.show-sch .h-text{width: 220px;} } @media(max-width: 500px){ .h-index{width: auto;margin-top: calc(23px - (100vw - 240px) / 15);} .h-logo{height: calc((100vw - 240px) / 7.5);width: auto;} .h-search{margin-left: 5px;} .h-sub>li{margin-left: 20px;} .h-out{margin-left: 5px;} } ins#newBridge{z-index: 123;} .c-btn{display: inline-block;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .c-btn:hover{color: #fff;} .c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;} .c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;} .c-white:hover, .c-white:focus, .c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;} .c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;} .hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;} .hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);} .hn-tip .hn-mask{background-color: transparent;} .hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;line-height: 20px;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);} .hn-tip.show .hn-mask{visibility: visible;opacity: 1;} .hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;} .hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;} .hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);} .hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;} .hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;} .hn-load.show .hn-mask{visibility: visible;opacity: 1;} .hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;} .hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;} .hn-confirm-dialog{width: auto;min-width: 300px;max-width: calc(100% - 20px);position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);} .hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;} .hn-confirm-cont{width: 100%;max-width: 500px;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 16px;color: #666;} .hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;} .hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;} .hn-confirm-close:hover{opacity: 0.7;} .hn-confirm-btns .c-btn{margin-left: 10px;} .hn-confirm-btns .c-btn:first-child{margin-left: 0;} .hn-confirm.show .hn-mask{visibility: visible;opacity: 1;} .hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;} .hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;} .hn-html-dialog{width: auto;min-width: 300px;max-width: calc(100% - 20px);position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);} .hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;} .hn-html-cont{width: 100%;max-width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;color: #666;} .hn-html-cont *{line-height: inherit;} .hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;} .hn-html-close:hover{opacity: 0.7;} .hn-html-btns{text-align: right;padding: 15px 12px;user-select: none;font-size: 0;border-top: 1px solid #f0f0f0;} .hn-html-btns .c-btn{margin-left: 10px;} .hn-html.show .hn-mask{visibility: visible;opacity: 1;} .hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;} .e-main{width: 100%;position: relative;padding-top: 2.2rem;overflow: hidden;cursor: pointer;} .e-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-size: cover;background-position: center top;} .e-inner{width: 100%;max-width: 18rem;margin: 0 auto;position: relative;z-index: 10;} .e-cont{width: 100%;margin-bottom: 3.72rem;} .e-box{width: 100%;text-align: center;margin-bottom: .45rem;} .e-icon{height: .87rem;vertical-align: top;} .e-title{font-size: .6rem;color: #fff;text-align: center;line-height: 1;margin-bottom: .28rem;} .e-row{width: 100%;text-align: center;} .e-des{color: #fff;line-height: 1.8;text-align: center;margin-bottom: .42rem;} .e-list{width: 100%;display: flex;justify-content: space-between;margin-bottom: 1.38rem;} .e-item{display: inline-block;vertical-align: top;} .e-dd{font-size: 0;margin-bottom: .07rem;white-space: nowrap;} .e-num{display: inline-block;vertical-align: top;font-size: .72rem;color: #fff;line-height: 1;visibility: hidden;opacity: 0;} .e-num.show{visibility: visible;opacity: 1;} .e-u{color: #fff;line-height: 1;padding-left: .1rem;margin-top: .06rem;display: inline-block;vertical-align: top;font-weight: bold;} .e-dt{color: #fff;line-height: 1;font-weight: bold;} .e-big{width: 100%;position: relative;z-index: 12;overflow: hidden;cursor: pointer;background-color: #f2f2f2;} .e-big-img{width: 100%;min-height: 100%;object-fit: cover;vertical-align: top;} .e-big-text{width: 18rem;position: absolute;left: 50%;top: 50%;transform: translate(0,-54.3%);margin-left: -9rem;} .e-big-title{font-size: .6rem;color: #fff;margin-bottom: .32rem;line-height: 1;text-align: center;} .e-big-des{color: #fff;line-height: 1.8;text-align: center;width: 100%;max-width: 34em;margin-bottom: .7rem;} .e-big-des *{line-height: inherit;color: inherit;} .e-big-row{text-align: center;} .e-big-text.left .e-big-title{text-align: left;} .e-big-text.left .e-big-des{text-align: left;} .e-big-text.left .e-big-row{text-align: left;} @media(max-width: 1400px){ .e-big-des{max-width: 35%;} } @media(max-width: 900px){ .e-inner{max-width: 100%;padding: 0 20px;} .e-big-text{width: 100%;padding: 0 20px;left: 0;margin-left: 0;} } @media(max-width: 760px){ .e-big-text{position: relative;top: 0;transform: translate(0,0);padding: 20px 10px;} .e-big-title{color: #333;font-size: 22px;margin-bottom: 10px;} .e-big-des{color: #333;max-width: none;font-size: 14px;margin-bottom: 20px;} .e-big-row .b-more.white{color: #333;border-bottom: 0.02rem solid #333;} .e-big-row .b-more:after{background-image: url(../images/11.png);} .e-title{font-size: 22px;} .e-des{font-size: 14px;} .e-main{padding-top: 30px;} .e-list{flex-wrap: wrap;justify-content: flex-start;margin-bottom: 0;} .e-item{width: 25%;text-align: center;margin-bottom: 20px;} .e-dt{font-size: 12px;} .e-u{font-size: 12px;} } @media(max-width: 380px){ .e-dt{font-size: 10px;} } .e-num .inrow{font-size:0;} .e-num .inrow>li, .e-num .inrow span{display:inline-block;letter-spacing:normal;word-spacing:normal; } .e-num .dataNums{text-align:center;} .e-num .dataNums .dataOne{font-size: .8rem;width: .526em; height:1em;text-align: center;} .e-num .dataNums .dataBoc {position: relative;width: 100%;height: 100%;overflow: hidden;white-space: normal;} .e-num .dataNums .dataBoc .tt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .e-num .dataNums .tt span{width:100%;height:100%;font-size: 1em;color:#fff;} @media(max-width: 1920px){ .e-num .dataNums .dataOne, .e-num{font-size: 80px;} } @media(max-width: 1700px){ .e-num .dataNums .dataOne, .e-num{font-size: 72px;} } @media(max-width: 1500px){ .e-num .dataNums .dataOne, .e-num{font-size: 64px;} } @media(max-width: 1300px){ .e-num .dataNums .dataOne, .e-num{font-size: 48px;} } @media(max-width: 1100px){ .e-num .dataNums .dataOne, .e-num{font-size: 41px;} } @media(max-width: 900px){ .e-num .dataNums .dataOne, .e-num{font-size: 34px;} } @media(max-width: 760px){ .e-num .dataNums .dataOne, .e-num{font-size: 27px;} } @media(max-width: 500px){ .e-num .dataNums .dataOne, .e-num{font-size: 24px;} } @media(max-width: 360px){ .e-num .dataNums .dataOne, .e-num{font-size: 20px;} } footer{width: 100%;min-height: 1rem;padding-top: .4rem;} .f-inner{width: 100%;max-width: 18rem;margin: 0 auto;} .f-top{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: .4rem;} .f-index{width: 3.73rem;visibility: hidden;} .f-logo{width: 100%;vertical-align: top;} .f-btns{font-size: 0;padding: 0 .22rem;border-radius: .22rem;height: .43rem;box-shadow: 0 0 0.73rem rgba(48,48,48,0.33);position: relative;z-index: 1234;background-color: #fff;} .f-btn{display: inline-block;vertical-align: top;margin-right: .5rem;line-height: 1;height: .21rem;margin-top: .11rem;cursor: pointer;} .f-btn:last-child{margin-right: 0;} .f-icon{height: 100%;} .f-nav{width: 100%;display: flex;justify-content: space-between;padding-bottom: .4rem;/* min-height: 3.48rem; */border-bottom: 0.02rem solid #e1e1e1;} .f-li{display: inline-block;} .f-link{display: inline-block;vertical-align: top;color: #333;line-height: 1;margin-bottom: .37rem;padding-bottom: .4rem;position: relative;} .f-link:after{content: "";display: inline-block;width: .875em;height: .125em;background-color: #333;position: absolute;left: 0;bottom: 0;} .f-sub{position: relative;} .f-sub>li{margin-bottom: .16rem;} .f-sub>li:last-child{margin-bottom: 0;} .f-sub>li>a{display: inline-block;vertical-align: top;color: #999;line-height: 1.43;cursor: pointer;} .f-ct{width: 100%;padding-bottom: .4rem;} .f-ct-left{float: left;font-size: 0;padding-top: 0.4rem;} .f-ct-dl{display: inline-block;vertical-align: top;padding-right: .1rem;} .f-ct-right{float: right;padding-top: 0.4rem;} .f-ct-box{width: 1rem;background-color: #fff;border-radius: .05rem;overflow: hidden;padding: .03rem;margin-bottom: .19rem;box-shadow: 0 0 0.73rem rgba(48,48,48,0.33);} .f-ct-code{width: 100%;} .f-ct-tit{color: #333;line-height: 1;text-align: center;} .f-ct-dl1{width: 5.24rem;} .f-ct-dl2{width: 3.34rem;} .f-ct-dl3{width: 3.34rem;} .f-ct-icon{height: .41rem;width: auto;margin-bottom: .32rem;} .f-ct-dt{color: #333;font-weight: bold;line-height: 1;margin-bottom: .18rem;} .f-ct-dd{color: #333;opacity: 0.7;line-height: 1.285;} .f-bot{width: 100%;background-color: #ededed;padding: .4rem 0;} .f-bot a{display: inline-block;vertical-align: top;line-height: inherit;color: inherit;} .f-bot-left{float: left;line-height: 1.43;color: rgba(51,51,51,0.7);} .f-bot-right{float: right;line-height: 1.43;color: rgba(51,51,51,0.7);} .f-icp{margin-right: .3rem;} .f-icp img{margin-right: .13rem;} @media(max-width: 1920px){ .f-ct-box{width: 100px;padding: 3px;border-radius: 5px;} } @media(max-width: 1430px){ .f-btns{height: 32px;padding: 0 16px;border-radius: 16px;white-space: nowrap;} .f-btn{width: 32px;height: 32px;line-height: 32px;margin-top: 0;text-align: center;margin-right: 10px;} .f-icon{height: 16px;margin-top: 8px;vertical-align: top;} } @media(min-width: 1201px){ .f-sub>li>a:hover{color: #333;} .f-bot a:hover{color: #333;} } @media(max-width: 900px){ footer{padding: 30px 0 0;} .f-top{margin-bottom: 30px;} .f-inner{max-width: 100%;padding-left: 10px;padding-right: 10px;} .f-ct-left{padding-top: 30px;} .f-ct-right{padding-top: 30px;} .f-ct{padding-bottom: 30px;} .f-bot{padding: 20px 0;} .f-bot-left{float: none;width: 100%;text-align: center;margin-bottom: 5px;} .f-bot-right{float: none;width: 100%;text-align: center;} } @media(max-width: 760px){ .f-li{width: 100%;overflow: hidden;margin-bottom: 10px;} .f-nav{display: block;} .f-sub{width: calc(100% + 20px);} .f-sub>li{display: inline-block;vertical-align: top;width: auto;margin-right: 20px;margin-bottom: 0;} .f-sub>li>a{line-height: 20px;} .f-link{padding-bottom: 10px;margin-bottom: 10px;} .f-ct-dl{width: 100%;margin-bottom: 10px;} .f-ct-left{padding-top: 20px;float: none;padding-right: 0;} .f-ct-right{padding-top: 0;float: none;} .f-ct-box{margin: 0 auto 10px;} .f-ct-icon{margin-bottom: 10px;} } .g-main{width: 100%;position: relative;} .g-box{width: 100%;height: 6.67rem;position: relative;} .g-box:before{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.15);position: absolute;left: 0;top: 0;z-index: 2;} .g-img{width: 100%;height: 100%;min-height: 4rem;object-fit: cover;vertical-align: top;position: relative;z-index: 1;} .g-bot{width: 100%;position: absolute;left: 0;bottom: 0.5rem;z-index: 12;} .g-inner{width: 16rem;margin: 0 auto;} .g-tabs{float: left;font-size: 0;} .g-tab{display: inline-block;vertical-align: top;height: .48rem;line-height: .48rem;border-bottom: 0.02rem solid transparent;color: #fff;margin-right: .83rem;} .g-tab.active{border-bottom-color: #fff;} .g-tab:last-child{margin-right: 0;} .g-right{float: right;font-size: 0;} .g-home{display: inline-block;vertical-align: top;line-height: .48rem;color: #fff;} .g-home:before{content: "";display: inline-block;vertical-align: middle;width: 1.25em;height: 1.375em;background-image: url(../images/48.png);background-size: 100% 100%;margin-right: .15rem;} .g-one{display: inline-block;vertical-align: top;line-height: .48rem;color: #fff;margin-right: 2em;position: relative;} .g-one:last-child{margin-right: 0;} .g-one:after{content: ">";position: absolute;right: -1.5em;top: 50%;margin-top: -0.5em;line-height: 1;} .g-one:last-child:after{display: none;} .g-text{width: 16rem;position: absolute;left: 50%;margin-left: -8rem;top: 50%;transform: translate(0,-50%);;z-index: 12;} .g-title{color: #fff;margin-bottom: .32rem;line-height: 1.2;font-weight: normal;} .g-des{color: #fff;} .g-text.center .g-title{text-align: center;} .g-text.center .g-des{text-align: center;} .g-wrap{position: absolute;right: 50%;margin-right: -8rem;top: 1.35rem;z-index: 123;} .g-dls{color: #fff;font-size: 0;display: inline-block;vertical-align: top;} .g-dl{display: inline-block;vertical-align: top;margin-bottom: .5rem;} .g-dl:nth-child(2n+1){width: 3.1rem;} .g-row:last-child .g-dl{margin-bottom: 0;} .g-dd{font-size: 0;margin-bottom: .15rem;} .g-num{display: inline-block;vertical-align: top;line-height: 1;height: 1em;} .g-u{display: inline-block;vertical-align: top;line-height: 1;margin-top: .05rem;margin-left: .05rem;} .g-dt{line-height: 1.555;} @media(max-width: 1300px){ .g-tab{margin-right: .4rem;} } @media(max-width: 1200px){ .g-box{height: auto;} .g-img{height: auto;} .g-inner{width: 100%;padding: 0 10px;} .g-dl:nth-child(2n+1){width: 193px;} .g-wrap{top: 100px;} } @media(max-width: 900px){ .g-bot{bottom: 0;} .g-inner{padding: 0;} .g-tabs{width: 100%;text-align: center;} .g-tab{text-align: center;margin: 0 1em;line-height: 36px;height: 36px;border-bottom-width: 1px;} .g-tab:last-child{margin-right: 1em;} .g-right{display: none;} .g-text{width: 100%;left: 0;padding: 0 20px;margin-left: 0;} .g-wrap{top: 80px;right: 20px;margin-right: 0;} } @media(max-width: 760px){ .g-wrap{width: 100%;padding: 30px 10px;position: relative;right: 0;top: 0;text-align: center;background-color: #f2f2f2;} .g-dls{color: #111;text-align: left;} .g-dl{margin-bottom: 30px;} .g-dl:nth-child(2n+1){width: 190px;} } @media(max-width: 500px){ .g-title{font-size: 22px;margin-bottom: 10px;} .g-des{font-size: 14px;} .g-tab{margin: 0 10px;} .g-tab:last-child{margin-right: 10px;} } @media(max-width: 400px){ .g-img{height: 226px;} } @media(max-width: 360px){ .g-dl:nth-child(2n+1){width: 160px;} .g-tab{margin: 0 5px;} } .g-num .inrow{font-size:0;} .g-num .inrow>li, .g-num .inrow span{display:inline-block;letter-spacing:normal;word-spacing:normal; } .g-num .dataNums{text-align:center;} .g-num .dataNums .dataOne{font-size: .46rem;width: .526em; height:1em;text-align: center;} .g-num .dataNums .dataBoc {position: relative; width: 100%; height: 100%;overflow: hidden;} .g-num .dataNums .dataBoc .tt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .g-num .dataNums .tt span{width:100%;height:100%;font-size: 1em;color:#fff;} @media(max-width: 1920px){ .g-num .dataNums .dataOne, .g-num{font-size: 46px;} } @media(max-width: 1700px){ .g-num .dataNums .dataOne, .g-num{font-size: 40px;} } @media(max-width: 1500px){ .g-num .dataNums .dataOne, .g-num{font-size: 35px;} } @media(max-width: 1300px){ .g-num .dataNums .dataOne, .g-num{font-size: 29px;} } @media(max-width: 1100px){ .g-num .dataNums .dataOne, .g-num{font-size: 24px;} } @media(max-width: 760px){ .g-num .dataNums .tt span{color: #111;} } .i-main{width: 100%;padding-top: 1.2rem;padding-bottom: 1.2rem;background-color: #f2f2f2;overflow: hidden;} .i-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .i-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;} .i-tit{color: #111;float: left;font-weight: bold;line-height: 1;} .i-tabs{float: right;font-size: 0;} .i-tab{display: inline-block;vertical-align: top;color: #111;height: .48rem;line-height: .48rem;border-bottom: 0.02rem solid transparent;margin-right: .83rem;} .i-tab.active{border-bottom-color: #b42328;color: #b42328;} .i-tab:last-child{margin-right: 0;} .i-list{width: 100%;margin-top: .72rem;margin-bottom: .7rem;position: relative;} .i-list:before{content: "";display: inline-block;width: .02rem;height: calc(100% - 0.4rem);background-color: #e1e1e1;position: absolute;left: 50%;margin-left: -0.01rem;top: .4rem;} .i-item{float: left;width: 7.2rem;margin-bottom: 1.13rem;position: relative;z-index: 123;} .i-item.right{float: right;} .i-item:nth-child(2){margin-top: 1.28rem;} .i-year{color: #b42328;margin-bottom: .16rem;line-height: 1;position: relative;} .i-circle{width: .5em;height: .5em;border-radius: 50%;background-color: #e1e1e1;position: absolute;left: calc(100% + 0.8rem);margin-left: -0.25em;top: 0.25em;} .i-circle:after{content: "";display: inline-block;width: .3em;height: .3em;border-radius: 50%;background-color: #434343;position: absolute;left: .1em;top: .1em;} .i-item.right .i-circle{left: auto;right: calc(100% + 0.8rem);margin-left: 0;margin-right: -0.25em;} .i-des{color: #111;line-height: 1.8;margin-bottom: .52rem;} .i-des p{position: relative;} .i-des *{line-height: inherit;} .i-box{width: 100%;/* padding-top: 56.25%; */position: relative;border-radius: .05rem;overflow: hidden;} .i-img{width: 100%;/* height: 100%; */object-fit: cover;/* position: absolute; */left: 0;top: 0;} .i-bot{width: 100%;text-align: center;} .i-last-circle{top: auto;bottom: -0.25em;left: 50%;z-index: 123;} @media(max-width: 760px){ .i-main{padding: 30px 10px;} .i-top{display: block;} .i-tit{float: none;width: 100%;text-align: center;margin-bottom: 20px;font-size: 22px;} .i-tabs{float: none;width: 100%;text-align: center;} .i-item{float: none;width: 100%;} .i-list{margin-bottom: 10px;} .i-list:before{display: none;} .i-circle{display: none;} .i-item{margin-bottom: 25px;} .i-item:nth-child(2){margin-top: 0;} .i-des{margin-bottom: 10px;} .i-tab{line-height: 24px;height: auto;margin: 0 10px 10px;;} .i-tab:last-child{margin-right: 10px;} } .hover-box{width: 7.2rem;background-color: #fff;text-align: center;box-shadow: 0 0 .2rem rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;transform: translate(0,-100%);border-radius: .05rem;z-index: 12345;padding: .2rem;box-sizing: border-box;transition: visibility .3s,opacity .3s;visibility: hidden;opacity: 0;} .hover-box.show{visibility: visible;opacity: 1;} .hover-box:before{content: "";display: inline-block;width: 100%;height: .1rem;position: absolute;left: 0;bottom: -0.1rem;} .hover-box:after{content: "";display: inline-block;border-top: .1rem solid #fff;border-left: .1rem solid transparent;border-right: .1rem solid transparent;position: absolute;left: 50%;bottom: -0.09rem;margin-left: -0.1rem;} .hover-img{max-width: 100%;border-radius: .05rem;max-height: 80vh;object-fit: contain;} @media(max-width: 1920px){ .hover-box:before{height: 10px;bottom: -10px;} .hover-box:after{border-top-width: 10px;border-left-width: 10px;border-right-width: 10px;bottom: -9px;margin-left: -10px;} } @media(max-width: 760px){ .hover-box{width: calc(100% - 20px);} } .j-main{padding-bottom: 0;} .j-cont{width: 100%;margin-top: .79rem;position: relative;padding-bottom: 1.2rem;} .j-left{float: left;width: 9.6rem;} .j-right{float: right;width: 5.6rem;border-radius: .05rem;overflow: hidden;} .j-img{width: 100%;display: none;max-height: calc(100vh - 1.09rem);object-fit: contain;} .j-img.show{display: block;} .j-list{width: 100%;position: relative;} .j-list:before{content: "";display: inline-block;width: .02rem;height: 100%;background-color: #d9d9d9;position: absolute;left: 1.75rem;top: 0;} .j-item{width: 100%;font-size: 0;padding-bottom: .6rem;} .j-year{display: inline-block;vertical-align: top;color: #b42328;width: 25%;position: relative;line-height: 1;} .j-year:after{content: "";display: inline-block;width: .03rem;height: 100%;background-color: #b42328;position: absolute;left: 1.75rem;margin-left: .02rem;top: 0;} .j-ct{display: inline-block;vertical-align: top;width: 75%;background-color: #fff;border-radius: .05rem;position: relative;} .j-ct:after{content: "";display: inline-block;width: 100%;height: .03rem;background-color: #b42328;border-radius: .015rem;position: absolute;left: 0;bottom: 0;opacity: 0;transition: all .3s;} .j-ct.active:after{opacity: 1;} .j-arr{width: 100%;padding: .37rem .66rem .37rem .4rem;} .j-el{color: #111;line-height: 1.55;padding: .09rem 0 .09rem .2rem;position: relative;} .j-el .after{content: "";display: inline-block;height: .26rem;position: absolute;right: 0;top: 50%;transform: translate(100%,-50%);opacity: 0;transition: all .3s;} .j-el.active .after{opacity: 1;} .j-el:before{content: "";display: inline-block;width: .22em;height: .22em;border-radius: 50%;background-color: #b42328;position: absolute;left: 0;top: .09rem;margin-top: .66em;} .j-bot{padding-left: 25%;} .j-mp{display: none;} @media(min-width: 761px){ .j-right.fixed{position: fixed;top: 1.09rem;right: 50%;margin-right: -8rem;z-index: 123;} .j-right.bot{position: absolute;top: auto;bottom: 0;} } @media(max-width: 900px) and (min-width: 761px){ .j-right.fixed{top: 46px;} .j-right.fixed.bot{top: auto;} } @media(max-width: 760px){ .j-main{padding-bottom: 0;} .j-cont{margin-top: 30px;padding-bottom: 30px;} .j-left{float: none;width: 100%;margin-bottom: 20px;} .j-right{float: none;width: 100%;display: none;} .j-year{width: 80px;} .j-ct{width: calc(100% - 80px);} .j-list:before{left: 60px;} .j-bot{padding-left: 80px;} .j-year:after{left: 60px;} .j-item{padding-bottom: 20px;} .j-el.active .after{display: none;} .j-ct.active:after{display: none;} } .k-cont{width: 100%;margin-top: .79rem;position: relative;} .k-left{float: left;width: 9.6rem;} .k-right{float: right;width: 5.8rem;} .k-big{display: block;width: 100%;padding-bottom: .83rem;padding-bottom: .2rem;position: relative;} .k-big:after{content: "";display: inline-block;width: 100%;height: .05rem;border-radius: .03rem;background-color: #b80101;position: absolute;left: 0;bottom: 0;} .k-big-box{width: 100%;padding-top: 56.25%;position: relative;border-radius: .05rem;overflow: hidden;margin-bottom: .32rem;margin-bottom: .1rem;} .k-big-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .k-big-tit{color: #000;line-height: 1.5;margin-bottom: .2rem;margin-bottom: 0;display: block;} .k-big-des{color: #666;line-height: 1.875;margin-bottom: .48rem;margin-bottom: .1rem;} .k-big-date{color: #111;line-height: 1;} .k-big-lb{display: inline-block;vertical-align: top;color: #fff;text-align: center;min-width: .9rem;line-height: .4rem;padding: 0 1em;border-radius: .05rem 0 0.05rem 0;background-color: #b80101;position: absolute;left: 0;top: 0;z-index: 123;} .k-list{width: 100%;} .k-item{width: 100%;font-size: 0;margin-bottom: .6rem;display: block;} .k-box{display: inline-block;vertical-align: top;width: 51.72%;padding-top: 28.965%;position: relative;overflow: hidden;border-radius: 0.05rem;} .k-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .k-text{display: inline-block;vertical-align: top;width: 41.48%;height: 1.68rem;margin-left: 6.8%;border-bottom: 1px solid #c2c2c2;padding-top: .2rem;} .k-tit{color: #111;line-height: 1.8;margin-bottom: .3rem;height: 3.6em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .k-date{color: #111;line-height: 1;} .k-left.fixed{position: fixed;left: 50%;margin-left: -8rem;top: 1.08rem;} .k-left.bot{position: absolute;left: 0;margin-left: 0;top: auto;bottom: 0;} @media(min-width: 1201px){ .k-big:hover .k-big-tit{color: #b80101;} .k-item:hover .k-tit{color: #b80101;} } @media(max-width: 1200px){ .k-left{width: 8.6rem;} .k-right{width: 6.8rem;} .k-text{padding-top: 0;margin-left: 3%;width: 45.28%;height: 1.97rem;} .k-big-lb{line-height: 24px;} } @media(max-width: 901px){ .k-left.fixed{top: 46px;} .k-left.bot{top: auto;} } @media(max-width: 760px){ .k-cont{margin-top: 30px;} .k-left{float: none;width: 100%;} .k-left.fixed, .k-left.bot{top: 0;position: relative;left: 0;margin-left: 0;} .k-right{float: none;width: 100%;} .k-item{display: flex;justify-content: space-between;} .k-text{height: auto;} .k-big-des{margin-bottom: 15px;} .k-big{padding-bottom: 20px;margin-bottom: 20px;} .k-item{margin-bottom: 20px;} } .l-main{width: 100%;background-color: #f2f2f2;padding-top: 1rem;padding-bottom: .92rem;/* overflow: hidden; */position: relative;z-index: 123;} .l-inner{width: 100%;max-width: 12.8rem;margin: 0 auto;} .l-top{width: 100%;} .l-left{float: left;font-size: 0;} .l-lb{display: inline-block;vertical-align: top;background-color: #b42328;color: #fff;border-radius: .05rem;padding: 0 .875em;line-height: 2;margin-right: .2rem;} .l-date{color: #111;line-height: 2;} .l-right{float: right;font-size: 0;} .l-dt{display: inline-block;vertical-align: top;color: #111;line-height: 2;padding-left: 1em;} .l-share{display: inline-block;vertical-align: top;font-size: 0;} .l-one{display: inline-block;vertical-align: top;width: 2em;height: 2em;background-color: #62615c;border-radius: 50%;margin-left: .1rem;cursor: pointer;transition: all .3s;} .l-one:before{font-size: 0;} .l-icon{width: 100%;height: 100%;} .l-tit{color: #000;line-height: 1.3;text-align: center;font-weight: bold;margin-top: .83rem;} .l-try{display: inline-block;vertical-align: top;position: fixed;left: 0;top: -100vh;z-index: 12345678;white-space: nowrap;} .l-cont{width: 100%;color: #666;line-height: 1.88;padding-top: .6rem;overflow: hidden;} .l-cont *{line-height: inherit;} @media(min-width: 1201px){ .l-one:hover{background-color: #b80101;} } @media(max-width: 1200px){ .l-cont img{width: auto !important;} } @media(max-width: 760px){ .l-main{padding: 30px 10px;} .l-tit br{display: none;} } .m-main{width: 100%;background-color: #e6e7e9;padding-top: .98rem;padding-bottom: 1.2rem;} .m-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .m-tit{color: #000;font-weight: bold;text-align: center;margin-bottom: .68rem;line-height: 1;} .m-list{width: 100%;font-size: 0;} .m-item{display: inline-block;vertical-align: top;width: 48.125%;font-size: 0;margin-right: 3.75%;} .m-item:nth-child(2n){margin-right: 0;} .m-in{width: 100%;display: flex;justify-content: space-between;} .m-box{width: 49.35%;padding-top: 27.792%;position: relative;border-radius: .05rem;overflow: hidden;} .m-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .m-text{width: 45.454%;border-bottom: 1px solid #b8b9ba;padding-top: .28rem;} .m-t{line-height: 1.583;height: 3.166em;color: #000;margin-bottom: .46rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .m-date{color: #111;line-height: 1;} .m-wrap{width: 100%;overflow: hidden;} .m-bn{width: calc(100% + 0.6rem);margin-left: -0.3rem;} .m-bn .m-item{width: 100%;margin-right: 0;margin-bottom: 0;} .m-s{padding: 0 .3rem;} .m-pg{width: 100%;text-align: center;position: relative;left: 0;top: 0;font-size: 0;padding-top: .5rem;} .m-pg .swiper-pagination-bullet{width: .1rem;height: .1rem;margin: 0 .07rem;} .m-pg .swiper-pagination-bullet-active{opacity: 1;background-color: #b42328;} @media(min-width: 1201px){ .m-item:hover .m-t{color: #b42328;} } @media(max-width: 1200px){ .m-tit{margin-bottom: 25px;} .m-text{padding-top: 0;} .m-pg .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px;} } @media(max-width: 760px){ .m-main{padding: 30px 10px;} .m-item{width: 100%;margin-right: 0;margin-bottom: 20px;} .m-item:last-child{margin-bottom: 0;} .m-text{width: 48%;} .m-t{margin-bottom: 10px;} .m-pg{padding-top: 20px;} } .n-main{width: 100%;background-color: #f2f2f2e9;padding-top: 1.18rem;padding-bottom: 1.2rem;overflow: hidden;} .n-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .n-title{color: #000;font-weight: bold;margin-bottom: .78rem;line-height: 1;} .n-list{font-size: 0;width: 100%;} .n-big{display: block;width: 100%;font-size: 0;background-color: #fff;border-radius: .05rem;overflow: hidden;margin-bottom: .6rem;} .n-big-left{display: inline-block;vertical-align: top;width: 60%;} .n-big-box{width: 100%;padding-top: 56.25%;position: relative;} .n-big-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .n-big-text{display: inline-block;vertical-align: top;width: 40%;padding: .87rem .78rem 0;} .n-big-date{line-height: 1;color: #111;margin-bottom: .4rem;} .n-big-tit{color: #111;padding-top: 1px;padding-bottom: 1px;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: .28rem;display: block;} .n-big-des{color: #666;line-height: 1.875;height: 3.75em;margin-bottom: 1.23rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .n-more{display: inline-block;vertical-align: top;width: .6rem;height: .6rem;border: 1px solid #e5e5e5;border-radius: .05rem;background-image: url(../images/49.png);background-size: .17rem auto;background-repeat: no-repeat;background-position: center center;transition: all .3s;} .n-item{display: block;width: 100%;font-size: 0;background-color: #fff;border-radius: .05rem;overflow: hidden;margin-bottom: .6rem;} .n-left{display: inline-block;vertical-align: middle;width: 25%;} .n-box{width: 100%;padding-top: 55.125%;position: relative;} .n-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;} .n-date{display: inline-block;vertical-align: middle;width: 11.9%;border-right: 1px solid #e5e5e5;text-align: center;} .n-d{color: #b42328;font-weight: bold;margin-bottom: .1rem;} .n-ym{color: #111;line-height: 1;padding-bottom: .09rem;} .n-text{display: inline-block;vertical-align: middle;width: 55.62%;padding-left: 5%;padding-right: 9.7%;} .n-tit{color: #111;padding-top: 1px;padding-bottom: 1px;margin-bottom: .31rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;} .n-des{color: #666;line-height: 1.875;height: 3.75em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .n-right{display: inline-block;vertical-align: middle;} .n-full{line-height: 1;color: #111;display: none;margin-bottom: 10px;} @media(min-width: 1201px){ .n-big:hover .n-big-tit, .n-item:hover .n-tit{color: #b42328;} .n-big:hover .n-more, .n-item:hover .n-more{background-color: #b42328;border-color: #b42328;background-image: url(../images/15.png);} } @media(max-width: 1200px){ .n-big-des{margin-bottom: .5rem;} .n-tit{margin-bottom: 10px;} } @media(max-width: 760px){ .n-main{padding: 30px 10px;} .n-big{margin-bottom: 20px;} .n-big-left{width: 100%;} .n-big-text{width: 100%;padding: 20px 10px;} .n-big-des{height: auto;margin-bottom: 10px;} .n-big-date{margin-bottom: 10px;} .n-big-tit{margin-bottom: 10px;} .n-item{width: 49%;display: inline-block;vertical-align: top;margin-right: 2%;padding-bottom: 20px;margin-bottom: 20px;} .n-item:nth-child(2n+1){margin-right: 0;} .n-left{width: 100%;margin-bottom: 20px;} .n-date{width: 100%;padding: 0 10px;border-right: none;} .n-d{display: none;} .n-ym{display: none;} .n-full{display: block;text-align: left;} .n-text{width: 100%;padding: 0 10px;margin-bottom: 10px;} .n-right{width: 100%;padding: 0 10px;} .n-title{font-size: 22px;margin-bottom: 20px;} } @media(max-width: 450px){ .n-item{width: 100%;margin-right: 0;} } .pg-main{width: 100%;text-align: center;font-size: 0;} .pg-main a{display: inline-block;vertical-align: top;min-width: .55rem;height: .55rem;line-height: .55rem;border-radius: .05rem;padding: 0 .1rem;transition: all .3s;background-color: #fff;margin: 0 .1rem;font-size: .16rem;color: #666;cursor: pointer;} .pg-main a.active{background-color: #b80101;color: #fff;} .pg-prev, .pg-next{background-image: url(../images/78.png);background-size: .15rem auto;background-repeat: no-repeat;background-position: center center;} .pg-next{background-image: url(../images/79.png);} @media(min-width: 1201px){ .pg-main a:hover{background-color: #b80101;color: #fff;} .pg-prev:hover{background-image: url(../images/80.png);} .pg-next:hover{background-image: url(../images/81.png);} } @media(max-width: 1620px){ .pg-main a{font-size: 13.5px;} } .o-cont{width: 100%;} .o-top{width: 100%;margin-top: .79rem;padding-bottom: .53rem;} .o-big{float: left;width: 12.8rem;height: 7.2rem;position: relative;border-radius: .05rem;overflow: hidden;background-color: #000;} .o-video{width: 100%;height: 100%;vertical-align: top;object-fit: contain;} .o-poster{width: 100%;height: 100%;/* object-fit: contain; */position: absolute;left: 0;top: 0;z-index: 123;background-color: #000;} .o-play{width: .76rem;height: .76rem;background-image: url(../images/82.png);background-size: 100% 100%;position: absolute;left: 50%;top: 50%;margin-left: -0.38rem;margin-top: -0.38rem;z-index: 123;} .o-title{width: 100%;padding: .49rem .4rem;line-height: 1;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 123;} .o-tabs{float: right;width: 2.88rem;height: 7.2rem;overflow: auto;} .o-tab{width: 100%;position: relative;border-radius: .05rem;overflow: hidden;margin-bottom: .27rem;cursor: pointer;} .o-tab:last-child{margin-bottom: 0;} .o-tab:after{content: "";display: inline-block;width: 100%;height: 100%;border: .03rem solid transparent;position: absolute;left: 0;top: 0;box-sizing: border-box;border-radius: .05rem;} .o-tab.active:after{border-color: #b42328;} .o-box{width: 100%;padding-top: 1.6rem;position: relative;} .o-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;} .o-tit{width: 100%;position: absolute;left: 0;bottom: 0;line-height: 1;padding: .19rem .16rem;z-index: 123;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;} .o-p{width: .4rem;height: .4rem;position: absolute;left: 50%;top: 50%;margin-left: -0.2rem;margin-top: -0.2rem;background-image: url(../images/82.png);background-size: 100% 100%;z-index: 123;} .o-big.show .o-poster{display: none;} .o-big.show .o-play{display: none;} .o-big.show .o-title{display: none;} .o-list{width: 100%;font-size: 0;} .o-item{display: inline-block;vertical-align: top;width: 30.81%;margin-right: 3.785%;margin-bottom: 3.785%;border-radius: .05rem;overflow: hidden;cursor: pointer;} .o-item:nth-child(3n){margin-right: 0;} .o-bx{width: 100%;padding-top: 62.474%;position: relative;} .o-pic{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .o-pl{width: .5rem;height: .5rem;position: absolute;left: 50%;top: 50%;margin-left: -0.25rem;margin-top: -0.25rem;background-image: url(../images/82.png);background-size: 100% 100%;z-index: 123;} .o-text{width: 100%;background-color: #fff;} .o-t{width: 100%;padding: .4rem .36rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #fff;line-height: 1;background-color: #111;} @media(max-width: 1200px){ .o-play{width: 46px;height: 46px;margin-left: -23px;margin-top: -23px;} .o-p{width: 24px;height: 24px;margin-left: -12px;margin-top: -12px;} .o-pl{width: 30px;height: 30px;margin-left: -15px;margin-top: -15px;} } @media(max-width: 760px){ .o-top{padding-bottom: 20px;margin-top: 20px;} .o-big{float: none;width: 100%;height: auto;margin-bottom: 10px;} .o-tabs{width: 100%;white-space: nowrap;overflow: auto;height: auto;} .o-tab{margin-bottom: 0;width: 135px;margin-right: 10px;display: inline-block;vertical-align: top;} .o-tab:after{border-width: 1px;} .o-box{padding-top: 62.3%;} .o-t{padding: 10px;} .o-item{width: 32%;margin-right: 1.5%;} .o-video{height: auto;} } @media(max-width: 500px){ .o-item{width: 100%;margin-bottom: 20px;} } .v-a{position: fixed;left: 50%;top: 110%;transform: translate(-50%,0);width: 9.6rem;z-index: 999999999;transition: all .5s ease-in-out;padding: .2rem;padding-top: .4rem;background-color: #fff;border-radius: 5px;box-shadow: 0 0 .1rem rgba(0,0,0,0.1);box-sizing: border-box;} .v-a *{box-sizing: border-box;} .v-a.show{top: 50%;transform: translate(-50%,-50%);} .v-a.show .v-e{visibility: visible;} .v-a.show .v-f{display: block;} .v-b{width: 100%;background-color: #000;} .v-c{display: block;width: .4rem;height: .4rem;font-size: .28rem;text-align: center;line-height: .4rem;color: #666;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;} .v-e{visibility: hidden;width: 100%;width: 100%;height: 5.18rem;} .v-f{display: none;width: 100%;} @media(max-width: 900px){ .v-c{width: 30px;height: 30px;line-height: 30px;top: 0;font-size: 20px;} .v-a{width: 100%;padding-top: 30px;} .v-e{width: 100%;height: 56.25vw;} .v-f{width: 100%;} } .p-main{width: 100%;padding-top: 1.57rem;position: relative;} .p-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .p-cont{width: 100%;padding-bottom: 1.5rem;} .p-tit{float: left;color: #111;font-weight: bold;line-height: 1;} .p-right{float: right;width: 7.3rem;color: #111;line-height: 1.8;} .p-right *{line-height: inherit;} .p-bot{width: 100%;height: 100vh;max-height: 10.8rem;position: relative;background-color: #000;cursor: pointer;line-height: 1;} .p-video{width: 100%;height: 100%;max-height: 10.8rem;vertical-align: top;position: absolute;left: 0;top: 0;object-fit: contain;} .p-poster{width: 100%;height: 100%;max-height: 10.8rem;position: absolute;left: 0;top: 0;object-fit: cover;} .p-play{width: .97rem;height: .97rem;background-image: url(../images/110.png);background-size: 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;} .p-bot.show .p-poster{display: none;} .p-bot.show .p-play{display: none;} @media(max-width: 1200px){ .p-bot{height: auto;} .p-video{height: auto;position: relative;} .p-right{width: 10rem;} } @media(max-width: 760px){ .p-main{padding: 30px 10px 0;} .p-cont{padding-bottom: 20px;} .p-tit{float: none;margin-bottom: 10px;font-size: 22px;} .p-left{float: none;width: 100%;} .p-right{float: none;width: 100%;} } .img-wrap{width: 100%;overflow: hidden;} .img{width: 19.2rem;max-width: none;position: relative;left: 50%;margin-left: -9.6rem;top: 0;} .q-main{width: 100%;padding-top: .6rem;padding-bottom: .8rem;} .q-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .q-tabs{width: 100%;text-align: center;font-size: 0;border-bottom: 1px solid #e5e5e5;padding-bottom: .34rem;} .q-tab{display: inline-block;vertical-align: top;width: 1.6rem;margin: 0 .2rem .2rem;cursor: pointer;} .q-box{width: 100%;height: 1rem;background-color: #f2f2f2;position: relative;margin-bottom: .14rem;border-radius: .05rem;} .q-icon{height: .5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .3s;} .q-icon2{opacity: 0;} .q-tit{color: #666;text-align: center;line-height: 1.55;transition: all .3s;} .q-tab.active .q-box{background-color: #b80101;} .q-tab.active .q-icon{filter: grayscale(100%) brightness(300%);} .q-tab.active .q-tit{color: #111;} .q-op{width: 100%;padding-top: .4rem;padding-bottom: .58rem;} .q-left{float: left;font-size: 0;} .q-right{float: right;} .q-dt{color: #666;line-height: .6rem;height: .6rem;display: inline-block;vertical-align: top;width: 1.89rem;} .q-dd{display: inline-block;vertical-align: top;font-size: 0;} .q-one{display: inline-block;vertical-align: top;height: .6rem;line-height: .6rem;position: relative;border-bottom: .02rem solid transparent;margin-right: .77rem;color: #111;} .q-one.active{color: #b42328;border-bottom-color: #b42328;} .q-right{float: right;position: relative;} .q-input{width: 3.5rem;height: .6rem;background-color: #f2f2f2;border: none;padding: 0 .7rem 0 .25rem;color: #111;border-radius: .05rem;} .q-sub{width: .7rem;height: .6rem;border-radius: .05rem;position: absolute;right: 0;top: 0;border: none;background-color: #f2f2f2;background-image: url(../images/154.png);background-size: .2rem auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;} .q-big{width: 100%;border-radius: .05rem;overflow: hidden;} .q-img-wrap{float: left;width: 50%;height: 4.5rem;} .q-img{width: 100%;height:100%;object-fit: cover;} .q-text{float: right;width: 50%;background-color: #e6e7e9;line-height: 4.5rem;height: 4.5rem;overflow: auto;} .q-in{display: inline-block;vertical-align: middle;width: 100%;padding: .3rem .8rem;} .q-t{color: #111;line-height: 1.5;padding-bottom: .26rem;position: relative;margin-bottom: .43rem;} .q-t:after{content: "";display: inline-block;width: 1em;height: .03rem;background-color: #b80101;position: absolute;left: 0;bottom: 0;} .q-intro{color: #666;line-height: 1.875;} .q-intro *{line-height: inherit;} @media(min-width: 1201px){ .q-tab:hover .q-icon1{opacity: 0;} .q-tab:hover .q-icon2{opacity: 1;} .q-tab:hover .q-tit{color: #111;} .q-tab.active:hover .q-icon1{opacity: 1;} .q-tab.active:hover .q-icon2{opacity: 0;} } @media(max-width: 1150px){ .q-dt, .q-one, .q-input, .q-sub{line-height: 36px;height: 36px;} .q-input{width: 210px;} .q-sub{background-size: 13px auto;} .q-in{padding: 10px 20px;} .q-t{margin-bottom: 15px;} .q-tabs{padding-bottom: 10px;text-align: left;} .q-tab{width: 20%;margin: 0 0 10px;padding: 0 10px;} } @media(max-width: 760px){ .q-main{padding: 30px 10px;} .q-left{float: none;width: 100%;margin-bottom: 15px;} .q-right{float: none;width: 100%;} .q-input{width: 100%;} .q-img-wrap{float: none;width: 100%;height: auto;} .q-img{height: auto;} .q-text{height: auto;line-height: 1;float: none;width: 100%;} .q-in{padding: 20px 10px;} .q-tab{width: 33.33%;} } .r-main{padding-bottom: .8rem;} .r-cont{width: 100%;padding-top: .8rem;} .r-list{width: 100%;font-size: 0;} .r-item{width: 31.625%;margin-right: 2.5625%;margin-bottom: 2.5625%;height: 3.2rem;border-radius: .05rem;padding: .2rem;display: inline-block;vertical-align: top;background-color: #fff;cursor: pointer;transition: all .3s;} .r-item:nth-child(3n){margin-right: 0;} .r-item .s-mid{display: none;} .r-in{width: 100%;height: 100%;border: .04rem solid #b42328;border-radius: .05rem;padding: .45rem 0 0 .4rem;position: relative;} .r-box{display: inline-block;vertical-align: top;width: 1.1rem;height: 1.1rem;border-radius: 50%;background-color: #f8f8f8;position: relative;position: absolute;right: .4rem;top: .5rem;} .r-icon{position: absolute;left: 50%;top: 50%;height: .5rem;transform: translate(-50%,-50%);} .r-more{width: .6rem;height: .6rem;border-radius: 50%;margin-top: .3rem;border: 1px solid #e5e5e5;background-image: url(../images/49.png);background-size: .17rem auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;} .r-tit{width: calc(100% - 1.5rem);color: #111;line-height: 1.25;height: 2.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} @media(min-width: 1201px){ .r-item:hover{background-color: #b42328;} .r-item:hover .r-in{border-color: #bbb;} .r-item:hover .r-tit{color: #fff;} .r-item:hover .r-box{background-color: #ab2126;} .r-item:hover .r-icon{filter: grayscale(100%) brightness(500%);} .r-item:hover .r-more{filter: grayscale(100%) brightness(500%);border-color: #fff;} } @media(max-width: 1584px){ .r-more{background-size: 14px auto;} } @media(max-width: 760px){ .r-main{padding-bottom: 30px;} .r-cont{padding-top: 20px;} .r-item{width: 49%;margin-right: 2%;margin-bottom: 2%;} .r-item:nth-child(3n){margin-right: 2%;} .r-item:nth-child(2n){margin-right: 0;} } @media(max-width: 500px){ .r-item{width: 100%;margin-bottom: 10px;} .r-item:nth-child(3n){margin-right: 0;} .r-item:last-child{margin-bottom: 0;} } .s-pop{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 123456;visibility: hidden;opacity: 0;transition: all .3s;} .s-pop.show{visibility: visible;opacity: 1;} .s-mask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: fixed;left: 0;top: 0;} .s-cont{width: 16rem;margin-left: -8rem;background-color: #fff;position: fixed;left: 50%;top: 50%;transform: translate(0,-50%);border-radius: .05rem;overflow: hidden;} .s-top{width: 100%;padding: .57rem .8rem 0;position: relative;} .s-top:before{content: "";display: inline-block;width: 100%;height: .05rem;background-color: #b42328;border-radius: .03rem;position: absolute;left: 0;top: 0;} .s-hd{width: 100%;border-bottom: 1px solid #e5e5e5;padding-bottom: .4rem;padding-right: .7rem;font-size: 0;position: relative;padding-right: .7rem;} .s-icon{height: 1.25em;vertical-align: top;margin-right: .23rem;} .s-name{line-height: 1.25em;color: #000;} .s-close{width: .6rem;height: .6rem;border-radius: 50%;cursor: pointer;border: 1px solid #e6e6e6;position: absolute;right: 0;top: -0.05rem;background-image: url(../images/130.png);background-size: .13rem .13rem;background-repeat: no-repeat;background-position: center center;cursor: pointer;} .s-mid{width: 100%;padding: .6rem .8rem .72rem;max-height: calc(100vh - 1.47rem - 1.36rem);overflow: auto;color: #000;line-height: 1.875;} .s-mid p{line-height: inherit;} .s-dl{width: 100%;margin-bottom: .5rem;} .s-dl:last-child{margin-bottom: 0;} .s-dt{color: #b42328;line-height: 1;margin-bottom: .3rem;} .s-dd{color: #000;line-height: 1.875;} .s-dd *{line-height: inherit;} .s-bot{width: 100%;padding: .56rem .8rem;line-height: 1.5;color: #111;background-color: #f2f2f2;} .s-bot a{display: inline-block;vertical-align: top;line-height: inherit;color: #b42328;} .s-bot-icon{height: 1.5em;vertical-align: top;margin-left: .35rem;} @media(max-width: 1920px){ .s-close{background-size: 13px 13px;} } @media(max-width: 1620px){ .s-mid{max-height: calc(100vh - 1.47rem - 1.12rem - 21px);} } @media(max-width: 1100px){ .s-close{width: 34px;height: 34px;top: -5px;} .s-hd{padding-right: 44px;} } @media(max-width: 979px){ .s-mid{max-height: calc(100vh - 0.97rem - 26px - 1.12rem - 21px);} } @media(max-width: 760px){ .s-cont{width: 100%;left: 0;margin-left: 0;top: 0;transform: translate(0,0);} .s-top, .s-mid, .s-bot{padding-left: 20px;padding-right: 20px;} } @media(max-width: 370px){ .s-bot-icon{display: none;} } .t-main{width: 100%;background-color: #f2f2f2;padding-top: 1.18rem;padding-bottom: 1.2rem;overflow: hidden;} .t-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .t-title{color: #111;font-weight: bold;line-height: 1;margin-bottom: 1.05rem;} .t-cont{width: 100%;} .t-text{float: left;width: 8.75rem;padding-top: .25rem;} .t-right{float: right;width: 6.2rem;position: relative;} .t-img{max-width: none;width: 6.9rem;position: relative;z-index: 12;border-radius: .05rem;} .t-right:after{content: "";display: inline-block;width: 7.54rem;height: 10.07rem;background-image: url(../images/133.png);background-size: 100% 100%;position: absolute;left: -0.33rem;top: -0.46rem;z-index: 1;} .t-dls{width: 100%;padding-bottom: .2rem;position: relative;} .t-dls:before{content: "";display: inline-block;width: .73rem;height: .7rem;background-image: url(../images/135.png);background-size: 100% 100%;position: absolute;left: -0.49rem;top: -0.54rem;z-index: 1;} .t-dl{width: 100%;margin-bottom: .4rem;position: relative;z-index: 12;} .t-dl:last-child{margin-bottom: 0;} .t-dt{color: #000;line-height: 1.33;margin-bottom: .1rem;} .t-dd{color: #333;line-height: 1.88;} .t-dd *{line-height: inherit;} .t-bot{width: 100%;text-align: right;} .t-sign{height: 1.19rem;vertical-align: top;} @media(max-width: 1200px){ .t-right{width: 6.85rem;} } @media(max-width: 760px){ .t-main{padding: 30px 10px;} .t-text{padding-top: 0;float: none;width: 100%;margin-bottom: 20px} .t-right{float: none;width: 300px;margin: 0 auto;} .t-title{margin-bottom: 30px;} .t-dls:before{left: -7px;} .t-img{width: 100%;} .t-right:after{width: 328px;height: 438px;} } .u-main{width: 100%;background-color: #f2f2f2;padding-top: 1.2rem;padding-bottom: .6rem;overflow: hidden;} .u-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .u-title{color: #111;font-weight: bold;line-height: 1;margin-bottom: .76rem;} .u-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .u-item{display: inline-block;vertical-align: top;width: 48.125%;margin-right: 3.75%;margin-bottom: 3.75%;border-radius: .05rem;overflow: hidden;} .u-item:nth-child(2n){margin-right: 0;} .u-box{width: 100%;padding-top: 56.233%;position: relative;} .u-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .u-text{width: 100%;padding: .4rem .5rem .56rem;background-color: #fff;border-radius: 0 0 .05rem .05rem;} .u-hd{width: 100%;font-size: 0;margin-bottom: .24rem;} .u-icon{height: 1.333em;vertical-align: top;margin-right: .24rem;} .u-tit{line-height: 1.333;vertical-align: top;color: #111;font-weight: bold;} .u-des{color: #111;line-height: 1.66;} .u-des *{line-height: inherit;} @media(max-width: 760px){ .u-main{padding: 30px 10px;} .u-text{padding: 20px;} .u-title{margin-bottom: 20px;} } @media(min-width: 501px){ .u-item:nth-child(2n) .u-box{transition-delay: .3s;} .u-item:nth-child(2n) .u-hd{transition-delay: .3s;} .u-item:nth-child(2n) .u-des{transition-delay: .3s;} } @media(max-width: 500px){ .u-item{width: 100%;margin-right: 0;margin-bottom: 20px;} .u-item:last-child{margin-bottom: 0;} .u-text{padding: 15px 10px;} } .w-main{width: 100%;overflow: hidden;} .w-intro{color: #111;line-height: 1.5;margin-top: .53rem;} .w-cont-wrap{width: 100%;position: relative;} .w-cont{width: 100%;overflow: hidden;margin-top: .75rem;margin-bottom: .5rem;} .w-cont.sp{margin-top: .8rem;} .w-bn{width: calc(100% + 0.3rem);overflow: visible;margin-left: 0;} .w-s{position: relative;padding-right: .3rem;} .w-item{width: 100%;} .w-box{width: 100%;padding-top: 56.25%;position: relative;border-radius: .05rem;overflow: hidden;} .w-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);} .w-tit{color: #111;font-weight: bold;line-height: 1.5;padding-top: .32rem;} .w-bot{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;} .w-num{font-size: 0;} .w-cur{color: #b42328;line-height: 1;font-weight: bold;} .w-line{color: #b42328;line-height: 1;} .w-total{color: #b42328;line-height: 1;} .w-ps{font-size: 0;border-radius: .01rem;} .w-ps .swiper-pagination-bullet{width: .3rem;height: .03rem;background-color: #d9d9d9;border-radius: 0;opacity: 1;position: relative;} .w-ps .swiper-pagination-bullet:first-child{border-radius: .01rem 0 0 .01rem;} .w-ps .swiper-pagination-bullet:last-child{border-radius: 0 .01rem .01rem 0;} .w-ps .swiper-pagination-bullet:after{content: "";display: inline-block;width: 100%;height: .5rem;position: absolute;left: 0;top: 50%;margin-top: -0.25rem;} .w-ps .swiper-pagination-bullet-active{background-color: #b42328;} .w-arrow{width: .8rem;height: .8rem;margin-top: -0.4rem;top: 2.21rem;border-radius: 50%;transition: all .3s;background-image: url(../images/arrow-right-red.svg);background-size: 100% auto;background-position: center center;background-repeat: no-repeat;cursor: pointer;position: absolute;z-index: 12;} .w-prev{left: -1rem;transform: rotate(180deg);} .w-next{right: -1rem;} @media(max-width: 1920px){ .w-ps .swiper-pagination-bullet:first-child{border-radius: 1px 0 0 1px;} .w-ps .swiper-pagination-bullet:last-child{border-radius: 0 1px 1px 0;} .w-ps .swiper-pagination-bullet{height: 3px;} } @media(min-width: 1201px){ .w-arrow:hover{background-color: #fff;} .w-box:hover .w-img{transform: scale(1.1);} } @media(max-width: 900px){ .w-prev{left: 0;} .w-next{right: 0;margin-right: 0;} } @media(max-width: 760px){ .w-cont{width: 100%;margin-top: 20px;margin-bottom: 20px;} .w-cont.sp{margin-top: 20px;} .w-bn{width: 100%;} .w-s{padding-right: 0;} .w-intro{margin-top: 15px;} .w-tit{font-size: 17px;} .w-arrow{top: calc(28.125vw - 6px);} } .x-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;margin-top: .75rem;} .x-item{display: inline-block;vertical-align: top;width: 26.25%;margin-right: 3.75%;background-color: #fff;border-radius: .05rem;overflow: hidden;margin-bottom: .8rem;} .x-item:nth-child(3n){margin-right: 0;} .x-item:nth-child(6n+1){width: 40%;} .x-item:nth-child(6n+6){width: 40%;} .x-box{width: 100%;height: 3.6rem;position: relative;} .x-img{width: 100%;height: 100%;object-fit: cover;} .x-text{padding: .3rem .35rem .28rem;} .x-tit{color: #111;line-height: 1.416;margin-bottom: .14rem;} .x-des{color: #666;line-height: 1.625;} @media(min-width: 761px){ .x-item:nth-child(3n+2){transition-delay: .2s;} .x-item:nth-child(3n+3){transition-delay: .4s;} } @media(max-width: 760px){ .x-list{margin-top: 20px;} .x-item{width: 100%;margin-right: 0;margin-bottom: 20px;} .x-item:nth-child(6n+1){width: 100%;} .x-item:nth-child(6n+6){width: 100%;} .x-box{height: auto;padding-top: 56.25%;} .x-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .x-text{padding: 15px 10px;} } .y-main{padding-bottom: .78rem;} .y-wrap{width: 100%;border-top: 1px solid #d9d9d9;margin-top: 0;background-color: #f2f2f2;overflow: hidden;} .y-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .y-list{width: 100%;display: flex;border-right: 1px solid #d9d9d9;flex-wrap: wrap;} .y-item{width: 33.33%;border-left: 1px solid #d9d9d9;padding: 1rem .8rem 1.2rem 0;} .y-item:nth-child(3n+2){transition-delay: .3s;} .y-item:nth-child(3n+3){transition-delay: .6s;} .y-box{width: 1.2rem;height: 1.2rem;border-radius: 50%;background-color: #fff;margin-bottom: .6rem;} .y-icon{width: 100%;height: 100%;} .y-dt{color: #666;line-height: 1;} .y-top{padding-left: .8rem;position: relative;} .y-top:before{content: "";display: inline-block;width: 0.03rem;height: 100%;position: absolute;left: 0;top: 0;border-radius: .02rem;background-color: #b42328;} .y-dd{padding-left: .8rem;} .y-tel{color: #111;font-weight: bold;padding-top: .33rem;} .y-place{color: #111;line-height: 1.8;padding-top: .3rem;} .y-code{padding-top: .4rem;} .y-code-img{width: 1.6rem;min-width: 120px;border-radius: .05rem;} @media(max-width: 1920px){ .y-top:before{border-radius: 2px;} } @media(max-width: 1200px){ .y-place br{display: none;} } @media(max-width: 760px){ .y-main{padding-bottom: 20px;} .y-list{border-right: none;} .y-item{padding: 20px 10px 20px 0;} .y-item:first-child{border-left: none;} .y-top{padding-left: 10px;} .y-dd{padding-left: 10px;} .y-box{width: 50px;height: 50px;margin-bottom: 20px;} /* .y-item{width: 100%;border-left: none;}*/ } @media(max-width: 500px){ .y-code-img{width: 100%;min-width: 0;} .y-dt{font-size: 13px;} .y-place{font-size: 13px;} .y-tel{font-size: 18px;} } @media(max-width: 400px){ .y-tel{font-size: 16px;} } .z-main{width: 100%;background-color: #fff;padding-top: 1.18rem;overflow: hidden;position: relative;} .z-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .z-left{float: left;width: 5.14rem;} .z-right{float: right;width: 9.2rem;} .z-title{color: #000;font-weight: bold;line-height: 1;margin-bottom: .43rem;} .z-des{color: #111;line-height: 1.5;margin-bottom: .74rem;} .z-bot{width: 100%;} .z-img{width: 100%;} .z-row{width: 100%;font-size: 0;} .z-col{display: inline-block;vertical-align: top;width: 46.74%;margin-right: 6.52%;margin-bottom: .25rem;} .z-col:nth-child(2n){margin-right: 0;transition-delay: .3s;} .z-full{width: 100%;} .z-dt{color: #111;line-height: 1.55;height: 1.55em;} .z-dd{width: 100%;} .z-input{width: 100%;height: .44rem;border: none;border-bottom: 1px solid #d9d9d9;color: #111;} .z-area{width: 100%;height: 1.45rem;border: none;border-bottom: 1px solid #d9d9d9;color: #111;line-height: 1.5;padding: .08rem 0;} .z-last{width: 100%;padding-top: .35rem;} .z-btn{display: inline-block;vertical-align: top;width: auto;line-height: .5rem;border-radius: .05rem;background-color: #b42328;border-radius: .05rem;cursor: pointer;border: none;color: #fff;padding: 0 1.5em;} .z-btn:after{content: "";display: inline-block;vertical-align: middle;width: .9375em;height: .4375em;background-image: url(../images/15.png);background-size: 100% 100%;margin-left: .3rem;} .z-code-row{font-size: 0;line-height: .44rem;} .z-code-wrap{display: inline-block;vertical-align: middle;margin-right: .18rem;} .z-code{height: .25rem;max-width: 70px;} .z-tip{color: #666;display: inline-block;vertical-align: middle;} .z-click{color: #666;display: inline-block;vertical-align: middle;} @media(max-width: 1920px){ .z-code{height: 25px;} } @media(max-width: 1493px){ .z-input{height: 34px;} .z-code-row{line-height: 34px;} .z-area{padding: 6px 0;} } @media(max-width: 1300px){ .z-btn{line-height: 34px;} } @media(max-width: 760px){ .z-main{padding: 30px 10px;} .z-left{float: none;width: 100%;} .z-right{float: none;width: 100%;} .z-bot{text-align: center;} .z-img{width: 230px;} .z-title{margin-bottom: 20px;} .z-des{margin-bottom: 20px;} .z-last{text-align: center;padding-top: 10px;} } @media(max-width: 500px){ .z-col{width: 100%;margin-right: 0;margin-bottom: 20px;} .z-col-code{margin-bottom: 0;} .z-col:nth-child(2n){transition-delay: 0s;} } .aa-main{width: 100%;} .aa-box{width: 100%;height: 6.2rem;background-size: cover;background-position: center center;} .ab-main{width: 100%;background-color: #f2f2f2;padding-top: 1rem;padding-bottom: 1.2rem;} .ab-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ab-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .ab-item{display: inline-block;vertical-align: top;width: 30.81%;margin-right: 3.785%;margin-bottom: .6rem;background-color: #fff;border-radius: .05rem;overflow: hidden;} .ab-item:nth-child(3n+1){margin-right: 0;} .ab-item:nth-child(1){width: 100%;} .ab-box{width: 100%;padding-top: 56.389%;position: relative;overflow: hidden;} .ab-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transform: scale(1.001);transition: all 0.5s ease 0s;} .ab-text{width: 100%;padding: .3rem .35rem;} .ab-tit{color: #111;line-height: 1.266;margin-bottom: .16rem;display: block;} .ab-des{color: #666;line-height: 1.5;} @media(min-width: 1201px){ .ab-item:hover .ab-tit{color: #b42328;} .ab-box:hover .ab-img{transform: scale(1.07);} } @media(max-width: 760px){ .ab-main{padding: 30px 10px;} .ab-item{width: 100%;margin-bottom: 20px;} .ab-text{padding: 15px 10px;} } .ac-main{width: 100%;background-color: #fff;padding-top: 1.5rem;padding-bottom: 1.38rem;position: relative;} .ac-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ac-top{width: 100%;margin-bottom: .78rem;} .ac-title{float: left;color: #111;font-weight: bold;line-height: 1;} .ac-tabs{float: right;font-size: 0;} .ac-tab{display: inline-block;vertical-align: top;height: .6rem;line-height: .6rem;border-bottom: .02rem solid transparent;color: #111;margin-right: .8rem;cursor: pointer;} .ac-tab.active{border-bottom-color: #b42328;color: #b42328;} .ac-tab:last-child{margin-right: 0;} .ac-cont{width: 100%;} .ac-list{width: 100%;display: none;} .ac-list.show{display: block;} .ac-item{width: 100%;margin-bottom: 1rem;border-radius: .05rem;overflow: hidden;} .ac-item:last-child{margin-bottom: 0;} .ac-box{float: right;width: 62.5%;height: 6.25rem;} .ac-img{width: 100%;height: 100%;object-fit: cover;} .ac-text{float: left;width: 37.5%;height: 6.25rem;line-height: 6.25rem;background-color: #e6e7e9;overflow: auto;} .ac-in{display: inline-block;vertical-align: middle;width: 100%;padding: .3rem 1rem;} .ac-tit{color: #b80101;line-height: 1.45;font-weight: bold;padding-bottom: .22rem;position: relative;margin-bottom: .9rem;z-index: 1;} .ac-tit:before{content: "";display: inline-block;width: .625em;height: .45em;background-image: url(../images/166.png);background-size: 100% 100%;position: absolute;left: -0.275em;;top: .1em;z-index: -1;} .ac-tit:after{content: "";display: inline-block;width: 1em;height: .03rem;background-color: #b80101;position: absolute;left: 0;bottom: 0;} .ac-des{color: #111;line-height: 1.8;} .ac-item:nth-child(2n) .ac-text{float: right;} .ac-item:nth-child(2n) .ac-box{float: left;} @media(max-width: 1150px){ .ac-tab{height: 36px;line-height: 36px;} .ac-title{line-height: 36px;} } @media(max-width: 760px){ .ac-main{padding: 30px 10px;} .ac-top{margin-bottom: 20px;} .ac-title{font-size: 22px;} .ac-item{margin-bottom: 20px;} .ac-box{float: none;width: 100%;height: auto;} .ac-img{height: auto;} .ac-text{float: none;width: 100%;height: auto;line-height: 1;padding: 15px 10px;} .ac-in{vertical-align: top;padding: 0;} .ac-tit{margin-bottom: 13px;} .ac-item:nth-child(2n) .ac-text{float: none;} .ac-item:nth-child(2n) .ac-box{float: none;} } .ae-main{width: 100%;background-color: #fff;position: relative;} .ae-bn{width: 100%;} .ae-img{width: 100%;max-height: 100vh;object-fit: cover;} .ae-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom:.5rem;font-size:0} .ae-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .05rem;} .ae-bn .swiper-pagination-bullet{width:.4rem;height:.03rem;background-color:#fafafa;opacity:0.5;border-radius: .02rem;} .ae-bn .swiper-pagination-bullet-active{opacity: 1;} .ae-bot{width: 100%;padding: 1.4rem 0;position: relative;} .ae-list{width: 100%;max-width: 16rem;margin: 0 auto;} .ae-item{float: left;border-radius: .05rem;overflow: hidden;position: relative;} .ae-item:nth-child(1){width: 31.25%;margin-right: 1.25%;} .ae-item:nth-child(2){width: 33.125%;margin-right: 1.25%;margin-bottom: .2rem;} .ae-item:nth-child(3){width: 33.125%;margin-bottom: .2rem;} .ae-item:nth-child(4){width: 67.5%;} .ae-tit{width: 100%;position: absolute;left: 0;bottom: 0;color: #fff;line-height: 1.5;padding: .35rem .3rem;} .ae-box{width: 100%;position: relative;} .ae-item:nth-child(1) .ae-box{height: 6.66rem;} .ae-item:nth-child(2) .ae-box{height: 2.98rem;} .ae-item:nth-child(3) .ae-box{height: 2.98rem;} .ae-item:nth-child(4) .ae-box{height: 3.48rem;} .ae-pic{width: 100%;height: 100%;object-fit: cover;} @media(max-width: 1920px){ .ae-bn .swiper-pagination-bullet{height: 3px;border-radius: 2px;} } @media(max-width: 760px){ .ae-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 15px;} .ae-bot{padding: 30px 10px;padding-bottom: calc(30px - 2vw);} .ae-item:nth-child(1){width: 49%;margin-right: 2%;margin-bottom: 2%;} .ae-item:nth-child(2){width: 49%;margin-right: 0;margin-bottom: 2%;} .ae-item:nth-child(3){width: 49%;margin-right: 2%;margin-bottom: 2%;} .ae-item:nth-child(4){width: 49%;margin-right: 0;margin-bottom: 2%;} .ae-item:nth-child(1) .ae-box, .ae-item:nth-child(2) .ae-box, .ae-item:nth-child(3) .ae-box, .ae-item:nth-child(4) .ae-box{height: auto;padding-top: 56.25%;} .ae-pic{position: absolute;left: 0;top: 0;} } @media(max-width: 500px){ .ae-bot{padding-bottom: 30px;} .ae-item:nth-child(1){width: 100%;margin-right: 0;margin-bottom: 10px;} .ae-item:nth-child(2){width: 100%;margin-right: 0;margin-bottom: 10px;} .ae-item:nth-child(3){width: 100%;margin-right: 0;margin-bottom: 10px;} .ae-item:nth-child(4){width: 100%;margin-right: 0;margin-bottom: 10px;} .ae-item:last-child{margin-bottom: 0;} .ae-tit{padding: 15px 10px;} } .af-main{width: 100%;background-color: #f2f2f2;padding-top: 1rem;padding-bottom: .35rem;position: relative;} .af-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .af-dt{color: #111;float: left;line-height: 1;font-weight: bold;} .af-dd{float: right;font-size: 0;width: 9.45rem;} .af-item{display: inline-block;vertical-align: top;width: 42%;margin-bottom: .65rem;} .af-item:nth-child(3n){width: 16%;} .af-tit{color: #111;line-height: 1;margin-bottom: .26rem;white-space: nowrap;} .af-v{color: #666;line-height: 1;} .af-num{color: #b42328;font-weight: bold;} .af-big{margin-top: -0.5em;} .af-big .af-num{font-size: 1.5em;} @media(max-width: 1300px){ .af-dd{width: 12rem;} } @media(max-width: 760px){ .af-main{padding: 30px 10px 10px;} .af-dt{float: none;margin-bottom: 20px;} .af-dd{float: none;width: 100%;} .af-item{width: 36%;margin-bottom: 20px;} .af-item:nth-child(3n){width: 28%;} .af-tit{white-space: normal;} } @media(max-width: 500px){ .af-item{width: 50%;} .af-item:nth-child(3n){width: 50%;} } .ag-main{width: 100%;background-color: #fff;padding-top: 1rem;padding-bottom: .7rem;position: relative;} .ag-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ag-dt{color: #111;float: left;line-height: 1;font-weight: bold;} .ag-dd{float: right;font-size: 0;width: 9.45rem;} .ag-out{display: inline-block;vertical-align: top;width: 84%;} .ag-in{display: inline-block;vertical-align: top;width: 16%;} .ag-tit{color: #111;line-height: 1;margin-bottom: .4rem;} .ag-list{width: 100%;font-size: 0;} .ag-item{width: 33.33%;display: inline-block;vertical-align: top;font-size: 0;margin-bottom: .3rem;} .ag-icon{display: inline-block;vertical-align: middle;width: 2em;height: 2em;border-radius: 50%;} .ag-name{display: inline-block;vertical-align: middle;width: calc(100% - 2em);padding-left: .2rem;color: #555;line-height: 1.5;} .ag-in .ag-item{width: 100%;} @media(max-width: 1300px){ .ag-dd{width: 12rem;} .ag-icon{font-size: 14px;} .ag-name{font-size: 14px;padding-left: 5px;} } @media(max-width: 760px){ .ag-main{padding: 30px 10px 20px;} .ag-dt{float: none;margin-bottom: 20px;} .ag-dd{float: none;width: 100%;} .ag-out{width: 100%;margin-bottom: 10px;} .ag-in{width: 100%;} .ag-in .ag-item{width: 33.33%;} .ag-tit{margin-bottom: 15px;} .ag-item{margin-bottom: 10px;} } .ah-main{width: 100%;background-color: #f2f2f2;padding-top: 1rem;padding-bottom: .9rem;position: relative;} .ah-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ah-title{color: #111;font-weight: bold;line-height: 1;margin-bottom: .6rem;} .ah-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .ah-item{display: inline-block;vertical-align: top;width: 23.625%;margin-right: 1.833%;background-color: #fff;border-radius: .05rem;overflow: hidden;margin-bottom: .3rem;} .ah-item:nth-child(4n){margin-right: 0;} .ah-box{width: 100%;padding-top: 56%;position: relative;overflow: hidden;} .ah-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transform: scale(1.001);transition: all 0.5s ease 0s;} .ah-text{width: 100%;padding: .3rem .35rem;} .ah-tit{color: #111;line-height: 1.33;margin-bottom: .15rem;} .ah-des{color: #666;line-height: 1.5;} @media(min-width: 1201px){ .ah-item:hover .ah-tit{color: #b42328;} .ah-box:hover .ah-img{transform: scale(1.07);} } @media(max-width: 760px){ .ah-main{padding: 30px 10px 20px;} .ah-title{margin-bottom: 20px;} .ah-item{width: 49%;margin-right: 2%;margin-bottom: 2%;} .ah-item:nth-child(2n){margin-right: 0;} .ah-text{padding: 15px 10px;} } .ai-main{width: 100%;background-color: #fff;padding-top: .6rem;padding-bottom: 1rem;position: relative;overflow: hidden;transform: translate(0,0);} .ai-inner{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 12;} .ai-title{color: #111;font-weight: bold;margin-bottom: .6rem;line-height: 1;} .ai-cont{display: flex;} .ai-left{width: 31.25%;padding-right: 1rem;} .ai-center{width: 37.5%;} .ai-right{width: 31.25%;line-height: 1.888;padding-left: 1rem;padding-top: 1.19rem;} .ai-img{width: 100%;border-radius: .05rem;} .ai-des{color: #111;line-height: 1;margin-bottom: .37rem;} .ai-num{font-size: 0;margin-bottom: .47rem;} .ai-y{font-size: 1.1rem;color: #b42328;font-weight: bold;line-height: 1;} .ai-u{color: #111;line-height: 1;} .ai-intro, .ai-left>p{color: #111;line-height: 1.888;} .ai-intro *, .ai-left>p span{line-height: inherit;} .ai-right *{line-height: inherit;} .ai-bg{height: 2.24rem;position: absolute;left: 50%;bottom: 0rem;z-index: 1;transform: translate(-50%,0);} @media(max-width: 760px){ .ai-main{padding: 30px 10px 60px;} .ai-cont{display: block;} .ai-title{margin-bottom: 20px;font-size: 22px;} .ai-y{font-size: 36px;} .ai-left{float: none;width: 100%;padding-right: 0;margin-bottom: 15px;} .ai-center{float: none;width: 100%;max-width: 300px;margin: 0 auto 15px;} .ai-right{float: none;width: 100%;padding: 0;} .ai-num{margin-bottom: 10px;} .ai-bg{width: calc(100% - 20px);height: auto;left: 10px;bottom: 0;transform: translate(0,0);} } .aj-main{width: 100%;position: relative;overflow: hidden;} .aj-bg{width: 100%;vertical-align: top;} .aj-cont{width: 16rem;position: absolute;left: 50%;margin-left: -8rem;top: 0;padding-top: 1.1rem;} .aj-title{float: left;width: 50%;color: #fff;font-weight: bold;line-height: 1.333;} .aj-text{float: right;width: 4.1rem;line-height: 1.888;color: #fff;} .aj-text *{line-height: inherit;} @media(max-width: 1920px){ .aj-text{width: 410px;} } @media(max-width: 1200px){ .aj-text{width: 50%;padding-left: 20px;} } @media(max-width: 760px){ .aj-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .aj-cont{width: 100%;padding: 30px 10px;position: relative;left: 0;margin-left: 0;} .aj-title{float: none;width: 100%;font-size: 22px;margin-bottom: 10px;} .aj-text{float: none;width: 100%;padding-left: 0;} } .ak-main{width: 100%;background-color: #fff;padding-top: .6rem;padding-bottom: .6rem;position: relative;overflow: hidden;} .ak-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ak-title{text-align: center;color: #111;font-weight: bold;line-height: 1;margin-bottom: .3rem;} .ak-intro{width: 100%;color: #111;line-height: 1.88;margin-bottom: .3rem;} .ak-intro *{line-height: inherit;} .ak-wrap{width: 100%;overflow: hidden;} .ak-bn{width: 23rem;position: relative;left: 50%;margin-left: -11.5rem;top: 0;} .ak-s{position: relative;padding: 0 .2rem;} .ak-box{width: 100%;padding-top: 56.25%;position: relative;border-radius: .05rem;overflow: hidden;} .ak-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .ak-bot{width: 100%;max-width: 16rem;margin: 0 auto;padding-top: .2rem;display: flex;justify-content: space-between;align-items: flex-end;} .ak-left{font-size: 0;font-weight: bold;} .ak-ps{font-size: 0;} .ak-cur{color: #b42328;line-height: 1;} .ak-line{color: #b42328;line-height: 1;} .ak-total{color: #b42328;line-height: 1;} .ak-ps .swiper-pagination-bullet{width: .3rem;height: .03rem;background-color: #d9d9d9;border-radius: 0;opacity: 1;position: relative;} .ak-ps .swiper-pagination-bullet:first-child{border-radius: .01rem 0 0 .01rem;} .ak-ps .swiper-pagination-bullet:last-child{border-radius: 0 .01rem .01rem 0;} .ak-ps .swiper-pagination-bullet:after{content: "";display: inline-block;width: 100%;height: .5rem;position: absolute;left: 0;top: 50%;margin-top: -0.25rem;} .ak-ps .swiper-pagination-bullet-active{background-color: #b42328;} .ak-arrow{width: .52rem;height: .52rem;margin-top: -0.26rem;border-radius: 50%;background-color: rgba(0,0,0,0.5);transition: all .3s;background-image: url(../images/5.png);background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 50%;z-index: 12;} .ak-prev{left: 50%;margin-left: -8rem;} .ak-next{right: 50%;margin-right: -8rem;transform: rotate(180deg);} @media(max-width: 1920px){ .ak-ps .swiper-pagination-bullet:first-child{border-radius: 1px 0 0 1px;} .ak-ps .swiper-pagination-bullet:last-child{border-radius: 0 1px 1px 0;} .ak-ps .swiper-pagination-bullet{height: 3px;} } @media(min-width: 1201px){ .ak-arrow:hover{background-color: #b42328;} } @media(max-width: 760px){ .ak-main{padding: 30px 0;} .ak-inner{padding: 0 10px;} .ak-title{font-size: 22px;margin-bottom: 15px;} .ak-intro{margin-bottom: 25px;} .ak-bot{padding: 20px 10px 0;} .ak-bn{width: 100%;left: 0;margin-left: 0;} .ak-s{padding: 0;} .ak-prev{left: 10px;margin-left: 0;} .ak-next{right: 10px;margin-right: 0;} } .al-main{width: 100%;background-color: #f2f2f2;padding-top: .6rem;padding-bottom: .6rem;position: relative;overflow: hidden;} .al-inner{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;} .al-top{width: 100%;margin-bottom: .3rem;} .al-title{float: left;color: #111;font-weight: bold;line-height: 1;} .al-text{float: right;width: 33.5em;color: #111;line-height: 1.88;} .al-text *{line-height: inherit;} .al-box{width: 100%;/* height: 4.5rem; */margin: 0 auto;overflow: auto;border-radius: .05rem;overflow: hidden;margin-bottom: .3rem;} .al-img{width: 100%;height: auto;vertical-align: top;} .al-list{width:100%;display: flex;justify-content: space-between;} .al-item{display: inline-block;vertical-align: top;} .al-dd{font-size: 0;margin-bottom: .15rem;} .al-num{color: #b42328;font-weight: bold;display: inline-block;vertical-align: top;line-height: 1;} .al-u{color: #b42328;display: inline-block;vertical-align: top;line-height: 1;margin-top: .05rem;margin-left: .05rem;} .al-dt{color: #111;line-height: 1.5;} @media(max-width: 1493px){ .al-text{width: 319px;} } @media(min-width: 761px){ .al-item:nth-child(5n+2){transition-delay: .1s;} .al-item:nth-child(5n+3){transition-delay: .2s;} .al-item:nth-child(5n+4){transition-delay: .3s;} .al-item:nth-child(5n+5){transition-delay: .4s;} } @media(max-width: 760px){ .al-main{padding: 30px 10px 10px;} .al-title{float: none;margin-bottom: 15px;font-size: 22px;} .al-text{float: none;width: 100%;} .al-top{margin-bottom: 15px;} .al-box{margin-bottom: 20px;} .al-list{display: block;font-size: 0;} .al-item{width: 33.33%;display: inline-block;vertical-align: top;margin-bottom: 20px;} } @media(max-width: 600px){ .al-item{width: 50%;} } .al-num .inrow{font-size:0;} .al-num .inrow>li, .al-num .inrow span{display:inline-block;letter-spacing:normal;word-spacing:normal; } .al-num .dataNums{text-align:center;} .al-num .dataNums .dataOne{font-size: .46rem;width: .526em; height:1em;text-align: center;} .al-num .dataNums .dataBoc {position: relative; width: 100%; height: 100%;overflow: hidden;} .al-num .dataNums .dataBoc .tt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .al-num .dataNums .tt span{width:100%;height:100%;font-size: 1em;color:#b42328;} @media(max-width: 1920px){ .al-num .dataNums .dataOne, .al-num{font-size: 46px;} } @media(max-width: 1700px){ .al-num .dataNums .dataOne, .al-num{font-size: 40px;} } @media(max-width: 1500px){ .al-num .dataNums .dataOne, .al-num{font-size: 35px;} } @media(max-width: 1300px){ .al-num .dataNums .dataOne, .al-num{font-size: 29px;} } @media(max-width: 1100px){ .g-num .dataNums .dataOne, .g-num{font-size: 24px;} } .am-main{width: 100%;background-color: #fff;padding-top: 1.2rem;padding-bottom: 1.2rem;position: relative;overflow: hidden;} .am-inner{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;} .am-cont{width: 17.6rem;} .am-text{float: left;width: 36.364%;padding-top: .44rem;padding-right: .1rem;} .am-right{float: right;width: 63.636%;height: 6.3rem;border-radius: .05rem 0 0 .05rem;overflow: hidden;} .am-img{width: 100%;height: 100%;} .am-title{color: #000;font-weight: bold;line-height: 1;margin-bottom: .78rem;} .am-dl{width: 100%;margin-bottom: .5rem;} .am-dl:last-child{margin-bottom: 0;} .am-dt{font-size: 0;margin-bottom: .3rem;} .am-num{color: #fff;background-color: #b80101;border-radius: 50%;text-align: center;width: .8rem;height: .8rem;padding-top: .18rem;font-weight: bold;overflow: hidden;display: inline-block;vertical-align: middle;} .am-name{display: inline-block;vertical-align: middle;width: calc(100% - 0.8rem);color: #000;font-weight: bold;padding-left: .29rem;line-height: 1;} .am-des{color: #000;line-height: 1.8;} .am-des p{line-height: inherit;} @media(max-width: 1920px){ .am-text{padding-right: 10px;} } @media(max-width: 1200px){ .am-text{width: 42%;padding-top: .3rem;} .am-right{width: 58%;} .am-title{margin-bottom: .6rem;} .am-dt{margin-bottom: .2rem;} } @media(max-width: 760px){ .am-main{padding: 30px 10px;} .am-cont{width: 100%;} .am-text{float: none;width: 100%;padding-right: 0;padding-top: 0;padding-bottom: 20px;} .am-right{float: none;width: 100%;height: auto;border-radius: .05rem;} .am-title{margin-bottom: 20px;font-size: 22px;} .am-dl{margin-bottom: 20px;} .am-name{font-size: 18px;} } .an-main{width: 100%;padding-top: 1.2rem;padding-bottom: .3rem;background-size: cover;background-position: center top;} .an-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .an-title{color: #fff;font-weight: bold;text-align: center;line-height: 1;margin-bottom: 1rem;} .an-list{width: 100%;font-size: 0;} .an-item{display: inline-block;vertical-align: top;width: 20%;text-align: center;margin-bottom: .83rem;padding: 0 .1rem;} .an-box{width: 100%;margin-bottom: .4rem;} .an-icon{width: 1.2rem;height: 1.2rem;object-fit: contain;} .an-tit{color: #fff;margin-bottom: .17rem;line-height: 1;} .an-des{color: #fff;line-height: 1.875;} .an-des *{line-height: inherit;} @media(max-width: 1920px){ .an-item{padding: 0 10px;} } @media(max-width: 1620px){ .an-des{font-size: 13px;} .an-des br{display: none;} } @media(max-width: 1200px){ .an-item{margin-bottom: .53rem;} .an-main{padding-bottom: .6rem;} } @media(min-width: 761px){ .an-item:nth-child(5n+2){transition-delay: .1s;} .an-item:nth-child(5n+3){transition-delay: .2s;} .an-item:nth-child(5n+4){transition-delay: .3s;} .an-item:nth-child(5n+5){transition-delay: .4s;} } @media(max-width: 760px){ .an-main{padding: 30px 10px 10px;} .an-item{width: 50%;margin-bottom: 20px;} .an-title{font-size: 22px;margin-bottom: 30px;} .an-box{margin-bottom: 15px;} .an-tit{font-size: 17px;} } .ao-main{width: 100%;padding-top: 1.2rem;padding-bottom: .9rem;background-color: #f2f2f2;overflow: hidden;} .ao-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ao-text{float: left;width: 40%;padding-top: .5rem;padding-right: .1rem;} .ao-right{float: right;width: 60%;font-size: 0;} .ao-item{display: inline-block;vertical-align: top;width: 31.25%;margin-right: 3.125%;margin-bottom: 3.125%;} .ao-item:nth-child(3n){margin-right: 0;} .ao-item:nth-child(3n+2){transition-delay: .2s;} .ao-item:nth-child(3n+3){transition-delay: .4s;} .ao-box{width: 100%;padding-top: 63.333%;position: relative;background-color: #fff;border-radius: .05rem;overflow: hidden;} .ao-logo{width: 100%;height: 100%;object-fit: contain;position: absolute;left: 0;top: 0;} .ao-title{color: #000;line-height: 1;font-weight: bold;padding-bottom: .43rem;position: relative;margin-bottom: .48rem;} .ao-title:after{content: "";display: inline-block;width: .666em;height: .05rem;background-color: #b80101;border-radius: .03rem;position: absolute;left: 0;bottom: 0;} .ao-intro{color: #111;line-height: 1.5;} .ao-intro *{line-height: inherit;} @media(max-width: 1920px){ .ao-text{padding-right: 10px;} } @media(max-width: 760px){ .ao-main{padding: 30px 10px 20px;} .ao-text{float: none;width: 100%;padding-top: 0;padding-right: 0;margin-bottom: 20px;} .ao-right{float: none;width: 100%;} .ao-title{padding-bottom: 20px;margin-bottom: 20px;} .ao-title{font-size: 22px;} .ao-intro{font-size: 18px;} } .ap-main{width: 100%;padding-top: 1.45rem;padding-bottom: 1.15rem;background-color: #fff;overflow: hidden;} .ap-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ap-title{color: #b80101;font-weight: bold;line-height: 1;margin-bottom: .8rem;} .ap-list{width: 100%;} .ap-item{width: 100%;font-size: 0;background-color: #f2f2f2;border-radius: .05rem;overflow: hidden;margin-bottom: 1.12rem;} .ap-item:last-child{margin-bottom: 0;} .ap-box{width: 62.56%;height: 6.1rem;float: right;} .ap-img{width: 100%;height: 100%;object-fit: cover;} .ap-text{width: 37.44%;line-height: 6.1rem;height: 6.1rem;overflow: auto;float: left;} .ap-in{display: inline-block;vertical-align: middle;width: 100%;padding: .3rem .8rem;} .ap-tit{color: #111;line-height: 1.4;position: relative;z-index: 1;} .ap-tit:before{content: "";display: inline-block;width: 0.933em;height: 0.666em;background-image: url(../images/202.png);background-size: 100% 100%;position: absolute;left: -0.4em;top: -0.28em;} .ap-item:nth-child(2n) .ap-box{float: left;} .ap-item:nth-child(2n) .ap-text{float: right;} @media(max-width: 760px){ .ap-main{padding: 30px 10px;} .ap-title{font-size: 22px;margin-bottom: 20px;} .ap-box{float: none;width: 100%;height: auto;} .ap-img{height: auto;} .ap-text{float: none;width: 100%;line-height: 1;height: auto;} .ap-in{padding: 20px;} .ap-item{margin-bottom: 20px;} .ap-item:nth-child(2n) .ap-box{float: none;} .ap-item:nth-child(2n) .ap-text{float: none;} } .aq-main{width: 100%;background-size: cover;background-position: center top;padding-top: 1.2rem;padding-bottom: 1.12rem;} .aq-title{color: #fff;font-weight: bold;text-align: center;line-height: 1;} .aq-wrap{width: 100%;padding-bottom: 1.65rem;padding-top: 1.55rem;} .aq-box{width: 100%;height: 3.8rem;position: relative;background-image: url(../images/204.png);background-size: auto 100%;background-repeat: no-repeat;} .aq-item{width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid #fff;position: absolute;} .aq-item.after-ani{transition: all .3s;} .aq-item:after{content: "";display: inline-block;width: .08rem;height: .08rem;border-radius: 50%;background-color: #fff;position: absolute;left: 50%;top: 50%;margin-left: -0.04rem;margin-top: -0.04rem;} .aq-item:nth-child(1), .aq-item:nth-child(8){left: 1.6rem;top: .76rem;} .aq-item:nth-child(2), .aq-item:nth-child(9){left: 4rem;top: 0.72rem;} .aq-item:nth-child(3), .aq-item:nth-child(10){left: 6.41rem;top: 1.29rem;} .aq-item:nth-child(4), .aq-item:nth-child(11){left: 8.81rem;top: 1.77rem;} .aq-item:nth-child(5), .aq-item:nth-child(12){left: 11.21rem;top: 2.67rem;} .aq-item:nth-child(6), .aq-item:nth-child(13){left: 13.62rem;top: 3.59rem;} .aq-item:nth-child(7), .aq-item:nth-child(14){left: 16.02rem;top: 2.01rem;} .aq-in{width: 1.3rem;position: absolute;left: .04rem;top: 0;padding-top: 0.88rem;} .aq-item:nth-child(1) .aq-in, .aq-item:nth-child(2) .aq-in, .aq-item:nth-child(3) .aq-in, .aq-item:nth-child(4) .aq-in, .aq-item:nth-child(5) .aq-in, .aq-item:nth-child(6) .aq-in, .aq-item:nth-child(7) .aq-in{top: auto;bottom: 0;padding-bottom: 0.9rem;} .aq-num{font-size: .28rem;color: #fff;line-height: 1;margin-bottom: .1rem;} .aq-text{width: 100%;font-size: .16rem;color:#fff;line-height: 1.6;} @media(min-width: 1201px){ /* .aq-item:hover{background-color: #b80101;border-color: #b80101;}*/ } @media(max-width: 1200px){ .aq-wrap{padding-top: 100px;padding-bottom: 100px;} .aq-num{font-size: 18px;margin-bottom: 5px;} .aq-text{font-size: 12px;line-height: 18px;width: 80px;} .aq-in{padding-top: 30px;} .aq-item:nth-child(2n) .aq-in{padding-bottom: 30px;} } @media(max-width: 900px){ .aq-box{width: 19.2rem;} .aq-wrap{overflow: auto;} } @media(max-width: 760px){ .aq-main{padding-top: 30px;padding-bottom: 0;} .aq-title{margin-bottom: 10px;font-size: 22px;} } .ar-main{width: 100%;background-color: #f2f2f2;padding-top: 1.2rem;padding-bottom: 1.2rem;} .ar-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ar-title{color: #000;line-height: 1;font-weight: bold;} .ar-form{width: 100%;padding-top: .76rem;} .ar-row{width: 100%;} .ar-col{float: left;width: 7.6rem;margin-bottom: .59rem;} .ar-col:nth-child(2n){float: right;} .ar-dt{font-size: 0;margin-bottom: .29rem;} .ar-icon{height: 1.266em;vertical-align: top;} .ar-t{line-height: 1.266;color: #000;display: inline-block;vertical-align: top;padding-left: .5em;} .ar-dd{width: 100%;position: relative;} .ar-dd.sp{padding-right: 1.35rem;} .ar-input{width: 100%;height: .6rem;border-radius: .05rem;background-color: #fff;padding: 0 .29rem;color: #666;border: none;} .ar-last{width: 100%;text-align: center;padding-top: .2rem;} .ar-sub{display: inline-block;vertical-align: top;padding: 0 .24rem;line-height: .5rem;border-radius: .05rem;background-color: #b42328;color: #fff;cursor: pointer;border: none;min-width: 120px;text-align: center;} .ar-sub:after{content: "";display: inline-block;vertical-align: middle;width: 1.0625em;height: .4375em;background-image: url(../images/15.png);background-size: 100% 100%;margin-left: .63rem;} .ar-get{display: inline-block;width: 1.3rem;height: .6rem;border-radius: .05rem;overflow: hidden;background-color: #fff;position: absolute;right: 0;top: 0;cursor: pointer;} .ar-code{width: 100%;height: 100%;object-fit: contain;} @media(max-width: 1380px){ .ar-sub{line-height: 36px;padding: 0 15px;} } @media(max-width: 1200px){ .ar-input{height: 36px;} .ar-dd.sp{padding-right: 84px;} .ar-get{width: 81px;height: 36px;} } @media(max-width: 760px){ .ar-main{padding: 30px 10px;} .ar-title{font-size: 22px;} .ar-col{width: 100%;float: none;margin-bottom: 20px;} .ar-last{padding-top: 10px;} .ar-form{padding-top: 0;} .ar-form.sp{padding-top: 20px;} } .as-main{padding-bottom: .6rem;} .as-list{width: 100%;font-size: 0;padding-top: .8rem;display: flex;flex-wrap: wrap;} .as-item{display: inline-block;vertical-align: top;width: 22.1875%;margin-right: 3.75%;margin-bottom: 3.75%;background-color: #fff;border-radius: .05rem;padding: .24rem;position: relative;cursor: pointer;transition: all .3s;} .as-item:nth-child(4n){margin-right: 0;} .as-item:after{content: "";display: inline-block;width: calc(100% - 0.4rem);height: calc(100% - 0.4rem);border: 0.04rem solid #b42328;border-radius: .05rem;position: absolute;left: .2rem;top: .2rem;pointer-events: none;box-sizing: border-box;} .as-box{width: 1.1rem;height: 1.1rem;margin: 0.5rem auto 0.25rem auto;border-radius: 50%;background-color: #f8f8f8;} .as-tit{text-align: center;line-height: 1.4;min-height: 2.8em;padding: 0 .1rem;} .as-box2{width: 1.1rem;height: 1.1rem;margin: 0.24rem auto 0 auto;display: none;} @media(min-width: 1201px){ .as-item:hover{background-color: #b42328;} .as-item:hover:after{border-color: #bbb;} .as-item:hover .as-tit{padding-top: .44rem;color: #fff;} .as-item:hover .as-box{display: none;} .as-item:hover .as-box2{display: block;} } @media(max-width: 760px){ .as-list{padding-top: 0;} .as-item{width: 49%;margin-right: 2%;margin-bottom: 2%;} .as-item:nth-child(2n){margin-right: 0;} } .at-list{width: 100%;font-size: 0;padding-top: .8rem;padding-bottom: .2rem;} .at-item{display: inline-block;vertical-align: top;width: 48.125%;margin-right: 3.75%;background-color: #fff;border-radius: .05rem;margin-bottom: .4rem;padding: .2rem;transition: all .3s;} .at-item:nth-child(2n){margin-right: 0;} .at-in{width: 100%;border: 0.04rem solid #b42328;border-radius: .05rem;padding: .34rem .4rem;font-size: 0;} .at-tit{display: inline-block;vertical-align: middle;width: 85%;line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .at-date{display: inline-block;vertical-align: middle;width: 15%;text-align: right;white-space: nowrap;} @media(min-width: 1201px){ .at-item:hover{background-color: #b42328;} .at-item:hover .at-in{border-color: #bbb;} .at-item:hover .at-tit, .at-item:hover .at-date{color: #fff;} } @media(max-width: 1200px){ .at-in{padding-left: 10px;padding-right: 10px;} .at-tit{width: calc(100% - 70px);} .at-date{width: 70px;} } @media(max-width: 760px){ .at-list{padding-bottom: 10px;padding-top: 0;} .at-item{width: 100%;margin-right: 0;margin-bottom: 20px;} .at-tit{font-size: 14px;} .at-date{font-size: 12px;} } .dt-main{width: 100%;background-color: #f2f2f2;} .ip-item{width: 6.5em;display: inline-block;vertical-align: middle;position: relative;} .ip-text{width: 100%;height: .6rem;padding-left: .1rem;padding-right: calc(0.875em + 0.1rem);border-radius: .05rem;position: relative;vertical-align: top;background-color: transparent;border: none;color: #111;transition: all .3s;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;box-sizing: border-box;} .ip-text:hover, .ip-text:focus, .ip-text:active{color: #333;background-color:#e6e6e6;border-color:#adadad;} .ip-text[readonly]{cursor: pointer;} .ip-item:after{content: "";display: inline-block;vertical-align: middle;pointer-events: none;width: .875em;height: .5625em;background-image: url(../images/220.png);background-size: 100% 100%;position: absolute;right: .1rem;top: 50%;margin-top: -0.28125em;} .ip-item:before{content: "";display: inline-block;width: 1px;height: 1em;background-color: #e5e5e5;position: absolute;right: 0;top: 50%;margin-top: -0.5em;} .ip-item:last-child:before{display: none;} .ip-list{position: absolute;left: 0;bottom: 100%;min-width: 100%;max-height: 3.60rem;overflow: auto;display: none;padding: .05rem 0;box-sizing: border-box;text-align: left;background-color: #fff;z-index: 123;border: 1px solid #dee2e6;border-radius: .05rem;box-shadow: 0 0.06rem 0.12rem rgb(0,0,0,0.18);} .ip-list.up{top: auto;bottom: 100%;} .ip-list a{display: block;line-height: 1.3;color: #111;padding: .04rem .20rem .04rem .12rem;white-space: nowrap;cursor: pointer;transition: all .2s;box-sizing: border-box;} .ip-list a.active, .ip-list a:hover{background-color: #e9ecef;} .ip-list a.hide{display: none;} .ip-item.active{z-index: 100 !important;} .ip-item.active .ip-list{display: block;} .ip-item.active .ip-input{background-color:#e6e6e6;border-color:#adadad;} .js-main{width: 100%;position: fixed;left: 0;bottom: 0;z-index: 12345;padding: .1rem 0;box-sizing: border-box;display: none;} .js-main.show{display: block;} .js-main:after{content: "";display: block;width: 100%;height: 100%;/* background-image: url(../images/215.jpg); */background-color: #b42328;background-size: cover;background-position: center top;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0.75;} .js-main *{box-sizing: border-box;} .js-inner{width: 100%;/* max-width: 16rem; */margin: 0 auto;position: relative;z-index: 12;} .js-form{width: 100%;display: flex;justify-content: center;align-items: center;} .js-left{display: flex;/* float: left; */align-items: center;padding-right: .2rem;} .js-logo{height: .6rem;} .js-right{/* float: right; */font-size: 0;} .js-area{display: inline-block;vertical-align: top;font-size: 0;background-color: #fff;border-radius: .05rem;padding-left: .1rem;} .js-icon{width: .2rem;display: inline-block;vertical-align: middle;} .js-item{display: inline-block;vertical-align: top;position: relative;} .js-form input::-webkit-input-placeholder{color: #111;} .js-form input:-moz-placeholder{color: #111;} .js-form input::-moz-placeholder{color: #111;} .js-form input:-ms-input-placeholder{color: #111;} .js-one{display: inline-block;vertical-align: top;background-color: #fff;border-radius: .05rem;margin-left: .1rem;padding-left: .1rem;} .js-input{width: 5.5em;height: .6rem;background-color: transparent;padding: 0 .1rem;color: #111;border: none;display: inline-block;vertical-align: middle;} .js-sub{display: inline-block;vertical-align: top;padding: 0 .2rem;background-color: #be7e4d;color: #fff;border-radius: .05rem;cursor: pointer;height: .6rem;line-height: .6rem;border: none;/* margin-left: .1rem; */} .js-sub:after{content: "";display: inline-block;vertical-align: middle;width: 1.0625em;height: .4375em;background-image: url(../images/15.png);background-size: 100% 100%;margin-left: .6rem;display: none;} .js-close{width: .26rem;height: .26rem;background-image: url(../images/221.png);background-size: 100% 100%;position: absolute;right: .15rem;top: .15rem;cursor: pointer;z-index: 99;} .js-type-item{background-color: #fff;border-radius: .05rem;margin-left: .1rem;margin-right: .1rem;width: 8.5em;} .js-left-text{padding-right: .1rem;text-align: center;display: flex;height: .8rem;flex-direction: column;justify-content: space-between;} .js-left-tip{color: #fff;margin-bottom: .25em;line-height: 1;} .js-left-phone{color: #b42328;background-color: #fff;border-radius: .6em;line-height: 1.2;padding: 0 .2em;display: inline-block;vertical-align: top;font-weight: bold;} .js-left-phone:before{content: "";display: inline-block;vertical-align: top;width: 1.2em;height: 1.2em;background-image: url(../images/phone.svg);background-size: 100% 100%;margin-right: .1em;} .js-code{width: .80rem;} @media(max-width: 1920px){ .ip-list{max-height: 360px;padding: 5px 0;box-shadow: 0 6px 12px rgb(0,0,0,0.18);} .ip-list a{padding: 4px 20px 4px 12px;} .js-main{padding-top: 10px;padding-bottom: 10px;} .js-close{width: 26px;height: 26px;} .js-code{width: 80px;} .js-left-text{padding-right: 10px;height: 80px;} } @media(max-width: 1700px){ .js-inner{max-width: 17rem;} } @media(max-width: 1400px){ .ip-item{/* width: 120px; */height: 38px;flex: 1;} .ip-text{height: 38px;} .js-input{/* width: 95px; */height: 38px;} .js-logo{height: 38px;} .js-icon{width: 13px;} .js-sub{height: 38px;line-height: 38px;padding: 0 15px;} .js-main{padding: 10px 50px 10px 20px;} .js-inner{max-width: 100%;} } @media(max-width: 1300px){ .js-area{display: block;margin-bottom: .1rem;padding-left: 10px;} .ip-text{padding: 0 23px 0 10px;} .js-one{padding-left: 10px;margin-left: 5px;} .js-area+.js-one{margin-left: 0;} .js-input{padding: 0 10px;} .js-sub:after{margin-left: 39px;} } @media(max-width: 900px){ .js-main{padding-left: 10px;padding-right: 10px;} .js-left{float: none;margin-bottom: 20px;justify-content: center;} .js-right{float: none;} .ip-item{width: 100%;} .ip-item:before{display: none;} .js-area{margin-bottom: 10px;padding-left: 23px;position: relative;} .js-one{width: 100%;margin-left: 0;margin-bottom: 10px;padding-left: 23px;position: relative;} .js-input{width: 100%;} .js-sub{margin-left: 0;width: 190px;display: block;margin: 0 auto;white-space: nowrap;} .js-icon{position: absolute;left: 10px;top: 12px;} .ip-list{max-height: 280px;} .js-type-item{margin-left: 0;margin-right: 0;margin-bottom: 10px;padding-left: 23px;} .js-form{display: block;} } @media(max-width: 500px){ .js-main.show{display: none;} } .w1200{width:1200px;margin:0 auto;} .w1580{max-width:1640px;margin:0 auto;} .w1760{max-width:1760px;margin:0 auto; padding:0 30px;} .fl {float: left;} .fr {float: right;} .detailInfo{background:#f5f5f5;} .detailBox{padding:40px 30px .8rem; background:#f2f2f2;} .detailBox .detailBoxTop{margin-bottom:25px; padding:0;} .detailBox .detailBoxTop .detailImgBox{width:57%;float:left;} .detailBox .detailBoxTop .detailImg{height:auto;margin-right:25px; width:76.66666666666667%; margin:0 auto;position:relative;} .detailBox .detailBoxTop .detailImg img{width:100%; height:auto; display:block;} .detailBox .detailNr{overflow:hidden;display:block;width:43%;float:right;position:relative;margin-bottom:25px;} .detailBox .detailNr .detailNrBox{padding:35px 7.692307692307692% 30px 7.692307692307692%; margin-left:4.411764705882353%; background:#fff;border-radius:5px; } .detailBox .proTit{font-size:24px; color:#333333;margin-bottom:15px;text-transform:uppercase; text-align:center;} .detailBox .pro-Text{line-height:24px;font-size:14px;color:#464646;padding-top:15px;} .detailBox .pro-Text img{height:auto; max-width:470px;} .detailBox .pro-Text h1{ line-height:42px; background:#f8f8f8; font-size:16px; font-weight:600; color:#99755f;text-align:center; margin-bottom:15px;margin-top: 15px;} .detailBox .pro-Text h1:first-child{margin-top: 0;} .detailBoxBottom{ color:#000; background:#fff;} .detailBoxBottom .detailwz{padding:40px 20px;} .detailBoxBottom .detailTitle2 {margin-bottom:20px;position: relative;text-align:center; font-size:18px; color:#000;} .slider1{position:relative;} .slider-for2 .pic{position:relative;/* height:0; *//* padding-top:100%; */} .slider-for2 .pic img{/* position:absolute; */top:0;left:0;width:100%;height:100%} .slider-for2 .item{ width:100%;} .slider-for2 .item img{max-width:100%;} .slider1 .slick-dots{position: static;bottom:0;left:0;right:0;z-index:10;text-align:center; margin-top:50px;} .slider1 .slick-dots li{display:inline-block;margin:0 5px;width:10px;height:10px; border-radius:50%;background-color:#c6c6c6;cursor:pointer;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; font-size:0;} .slider1 .slick-dots .slick-active{background-color:#99755f;} .slider1 .slick-next, .slider1 .slick-prev{position: absolute;top: 50%;height:50px;width:28px;border: 0 none;margin-top: -25px;text-align: center;font-size:0;color: #fff;z-index: 5; outline:none;padding:0;line-height:0;background: transparent;background-repeat: no-repeat;background-position: center;background-size:28px;} .slider1 .slick-next, .slider1 .slick-prev{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .slider1 .slick-next{right:-7.555%;background-image: url("../images/pro-right.png");} .slider1 .slick-prev{left:-7.555%;background-image: url("../images/pro-left.png");} .page-lx{text-align:center; margin-bottom: .9rem;margin-top: .45rem;} .page-lx a{display:inline-block;width:145px; font-size: 14px;line-height:60px;height:60px;overflow:hidden;color: #fff;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#242e49;border-radius:5px; text-align:center;} .page-moreBox{margin:0 auto;text-align:center;padding:36px 0 0 0;border-top:1px solid #e3e3e3;font-size: 0;} .page-moreBox a{display:inline-block;vertical-align: top;font-size: 14px;line-height:60px;height:60px;padding: 0 10px;overflow:hidden;color: #595959;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;background:#fff;border-radius:5px;margin: 0;} .page-moreBox a.page-nextBOX{} .page-moreBox a:hover{color:#99755f;} .page-moreBox>div{display: inline-block;vertical-align: top;line-height: 60px;margin: 0 20px 10px;font-size: 14px;color: #595959;background-color: #fff;padding-left: 10px;border-radius: 5px;} .detailTitle2 {margin-bottom:47px;position: relative;border-bottom:1px solid #ebebeb; background:#d7d0be; padding:0 20px;} .detailTitle2 .t1 {display:inline-block;padding:0;font-size:16px;color:#99755f; font-weight:600; line-height:55px;} .detailTitle2 .t2 {display:inline-block;padding:0;font-size:14px;color:#99755f; font-weight:300; line-height:55px;padding-left:15px; text-transform:uppercase;} .xg-proListBox{ position:relative;margin-bottom:40px;background:#fff;border-radius:5px;overflow:hidden;} .xg-proListBox .xg-proList{padding:0;height:auto;color:#a0a0a0;font-size:0;line-height:normal;position:relative; background:#fff;} .xg-proListBox .xg-proList ul{padding:0 20px;} .xg-proListBox .xg-proList .proli{font-size:0;display:inline-block;margin:0;padding:0;list-style:none;width:20%;vertical-align:top;} .xg-proListBox .xg-proList .proli a{display:block; margin:0 20px;} .xg-proListBox .xg-proList .ImgBox{width:100%;height:auto;overflow:hidden; line-height:0; position:relative;border-radius:5px; overflow:hidden;} .xg-proListBox .xg-proList .ImgBox img{max-width:100%; height:auto;width: 100%; display:block;} .xg-proListBox .xg-proList .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;} .xg-proListBox .xg-proList .proli .listTitle{overflow:hidden;display:block;padding:10px 0;text-align:center; position:relative;} .xg-proListBox .xg-proList .proli .listTitle .t{ font-size:14px;color:#333;height:30px;line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width: 100%;} .xg-proListBox .xg-proList .proli a:hover .ImgBox{-webkit-box-shadow: 0 10px 50px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);box-shadow: 0px 10px 50px rgba(0,0,0,.1);} .xg-proListBox .xg-proList .proli a:hover .listTitle:after{width:100%;background:#3b4877;} .xg-proListBox .xg-proList .proli a:hover .listTitle .t{color:#99755f;} .xg-proListBox .xg-proList .ImgBox .more {opacity: 0;position: absolute;left: 0;top: 0;bottom: 0;right: 0;text-align: center;padding-top:30%;box-sizing: border-box;color: #fff;;transition: all .5s;background:rgba(0, 0, 0, 0.50);} .xg-proListBox .xg-proList .ImgBox:Hover .more{ transition: all .5s;opacity: 1;} .xg-proListBox .xg-proList .ImgBox .more .i{display: block; margin:0 auto; text-align:center; width:30px; height:30px;transition: all .3s;transform: translateY(-30px);background:url(../images/m.png) center center no-repeat; background-size:30px;} .xg-proListBox .xg-proList .ImgBox .more p{display: block;font-size:14px; line-height:30px;transition: all .3s;transform: translateY(30px); text-transform:uppercase;} .xg-proListBox .xg-proList .ImgBox:Hover .more .i, .xg-proListBox .xg-proList .ImgBox:Hover .more p{transform: translateY(0);} @media(max-width: 1300px){ .detailBox .detailBoxTop .detailImg{margin-left: 0;width: 100%;} .detailBox .detailBoxTop .detailImgBox{width: 50%;} .detailBox .detailNr{width: 50%;} .w1580{max-width: 100%;box-sizing: border-box;min-width: 0;} .detailBox .detailBoxTop{width: 100%;box-sizing: border-box;} } @media(max-width: 900px){ .detailBox .detailBoxTop .detailImgBox{width: 100%;float: none;margin-bottom: 20px;} .detailBox .detailNr{width: 100%;float: none;} .detailBox .detailNr .detailNrBox{margin-left: 0;} .w1580{padding: 30px 10px;} .detailBox .detailNr .detailNrBox{padding: 20px 10px;} .detailBox .proTit{margin-bottom: 0;} .detailBox .pro-Text{padding-top: 20px;} .page-lx{margin-top: 20px;margin-bottom: 20px;} .page-moreBox{padding-top: 20px;} .page-lx a{height: 48px;line-height: 48px;} .page-moreBox a{height: 48px;line-height: 48px;} .page-moreBox>div{line-height:48px;} .detailBox .detailNr{margin-bottom: 0;} .xg-proListBox{margin-bottom: 0;} .detailBox .proTit{font-size: 22px;} .slider-for2 .item{max-width: 690px;margin: 0 auto;} .xg-proListBox .xg-proList .proli{width: 33.33%;} .xg-proListBox .xg-proList ul{padding: 0;} .detailTitle2{margin-bottom: 20px;} } @media(max-width: 600px){ .xg-proListBox .xg-proList .proli{width: 50%;} .xg-proListBox .xg-proList .proli a{margin: 0 10px;} .xg-proListBox .xg-proList .proli .listTitle{padding-top: 5px;} } #google_translate_element{display: inline-block;vertical-align: top;margin-top: 0.26rem;transform: translate(0,-50%);margin-left: 0.2rem;} @media(max-width: 600px){ #google_translate_element{position: absolute;right: 0;top: 46px;margin-top: 0;transform: translate(0,0);margin-left: 0;z-index: 123;} } div.social-share .icon-wechat .wechat-qrcode{left: 50%;margin-left: -125px;} .ba-main{width: 100%;position: relative;} .ba-box{width: 100%;height: 100vh;position: relative;} .ba-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 1;} .ba-text{width: 16rem;position: absolute;left: 50%;margin-left: -8rem;top: 46.759%;transform: translate(0,-50%);z-index: 12;} .ba-zh{line-height: 1;color: #fff;margin-bottom: .37rem;font-weight: normal;} .ba-en{line-height: 1;color: #fff;} @media(max-width: 1200px){ .ba-box{height: auto;padding-top: 56.25%;} } @media(max-width: 900px){ .ba-text{width: 100%;left: 0;padding: 0 20px;margin-left: 0;top: 50%;} } @media(max-width: 500px){ .ba-zh{font-size: 22px;margin-bottom: 10px;} .ba-en{font-size: 14px;} } .be-main{width: 100%;padding-top: 1.18rem;padding-bottom: .75rem;background-color: #f2f2f2;overflow: hidden;} .be-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .be-title{text-align: center;color: #111;line-height: 1;font-weight: normal;margin-bottom: .17rem;font-weight: bold;} .be-des{color: #000;line-height: 1.66;text-align: center;} .be-main .w-cont{margin-top: .42rem;} @media(max-width: 760px){ .be-main{padding: 30px 10px;} .be-inner{max-width: 100%;} .be-main .w-cont{margin-top: 20px;} } @media(max-width: 500px){ .be-title{font-size: 22px;margin-bottom: 10px;} .be-des{font-size: 14px;} } .bb-main{width: 100%;font-size: 0;background-color: #f2f2f2;} .bb-left{display: inline-block;vertical-align: middle;width: 42.18%;} .bb-right{display: inline-block;vertical-align: middle;width: 57.82%;padding: .3rem 1.6rem .3rem 1.25rem;} .bb-img{width: 100%;} .bb-name{color: #111;line-height: 1;margin-bottom: .11rem;} .bb-job{color: #111;line-height: 1;padding-bottom: .23rem;position: relative;font-weight: bold;margin-bottom: .47rem;} .bb-job:after{content: "";display: inline-block;width: 1em;height: .04rem;border-radius: 0.02rem;background-color: #b21c21;position: absolute;left: 0;bottom: 0;} .bb-dl{width: 100%;font-size: 0;margin-bottom: .46rem;} .bb-dt{display: inline-block;vertical-align: bottom;} .bb-dd{display: inline-block;vertical-align: bottom;line-height: 1;color: #111;} .bb-dd:before{content: "";display: inline-block;vertical-align: middle;width: .24rem;height: .5rem;background-image: url(../images/ba5.png);background-size: 100% 100%;margin-right: .17rem;margin-left: .15rem;} .bb-one{width: 100%;margin-bottom: .2rem;} .bb-one:last-child{margin-bottom: 0;} .bb-zh{color: #111;line-height: 1;margin-bottom: .14rem;} .bb-en{color: #666;line-height: 1;} .bb-intro{color: #666;line-height: 2;} .bb-intro *{line-height: inherit;} @media(max-width: 900px){ .bb-left{width: 50%;} .bb-right{width: 50%;padding: 30px 10px;} .bb-dl{margin-bottom: 15px;} } @media(max-width: 760px){ .bb-main{padding: 30px 10px;} .bb-left{max-width: 320px;display: block;margin: 0 auto 20px;width: 100%;} .bb-right{width: 100%;padding: 0;max-width: 320px;display: block;margin: 0 auto;} } @media(max-width: 500px){ .bb-name{font-size: 22px;} .bb-job{font-size: 20px;} .bb-zh{font-size: 16px;} .bb-en{font-size: 14px;} .bb-dd{font-size: 16px;} } .bc-main{width: 100%;padding-top: 1.16rem;padding-bottom: .6rem;} .bc-inner{width: 16rem;margin: 0 auto;} .bc-hd{width: 100%;position: relative;margin-bottom: .3rem;} .bc-tabs{float: right;font-size: 0;} .bc-tab{display: inline-block;vertical-align: top;color: #111;height: .48rem;line-height: .48rem;border-bottom: 0.02rem solid transparent;margin-right: .83rem;cursor: pointer;} .bc-tab.active{border-bottom-color: #b42328;color: #b42328;} .bc-tab:last-child{margin-right: 0;} .bc-wrap{width: 100%;position: relative;} .bc-out{width: 100%;position: absolute;left: -2000vw;top: 0;} .bc-out.show{position: relative;left: 0;} .bc-title{text-align: center;font-weight: bold;color: #222;line-height: 1;margin-bottom: .5rem;} .bc-cont-wrap{width: 100%;margin-bottom: .45rem;position: relative;} .bc-cont{width: 100%;overflow: hidden;} .bc-bn{width: 8.3rem;margin-left: 0;overflow: visible;} .bc-s{padding-right: .53rem;} .bc-item{width: 100%;border-radius: 0.04rem;overflow: hidden;cursor: pointer;display: block;} .bc-box{width: 100%;padding-top: 56.113%;position: relative;overflow: hidden;} .bc-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;transform: scale(1.001);transition: all 0.5s ease 0s;} .bc-bot{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;} .bc-num{font-size: 0;} .bc-cur{color: #b42328;line-height: 1;font-weight: bold;} .bc-line{color: #b42328;line-height: 1;} .bc-total{color: #b42328;line-height: 1;} .bc-ps{font-size: 0;border-radius: .01rem;} .bc-ps .swiper-pagination-bullet{width: .3rem;height: .03rem;background-color: #d9d9d9;border-radius: 0;opacity: 1;position: relative;} .bc-ps .swiper-pagination-bullet:first-child{border-radius: .01rem 0 0 .01rem;} .bc-ps .swiper-pagination-bullet:last-child{border-radius: 0 .01rem .01rem 0;} .bc-ps .swiper-pagination-bullet:after{content: "";display: inline-block;width: 100%;height: .5rem;position: absolute;left: 0;top: 50%;margin-top: -0.25rem;} .bc-ps .swiper-pagination-bullet-active{background-color: #b42328;} .bc-arrow{width: .52rem;height: .52rem;margin-top: -0.26rem;border-radius: 50%;background-color: rgba(0,0,0,0.5);transition: all .3s;background-image: url(../images/5.png);background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 2.47rem;z-index: 12;} .bc-prev{left: -1rem;} .bc-next{right: -1rem;transform: rotate(180deg);} .bc-text{width: 100%;background-color: #f2f2f2;height: 4.16em;position: relative;} .bc-tit{width: 100%;text-align: center;padding: 0 .2rem;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);color: #111;line-height: 1.5;max-height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .bc-play{width: .76rem;height: .76rem;position: absolute;left: 50%;top: 50%;margin-left: -0.38rem;margin-top: -0.38rem;z-index: 12;cursor: pointer;background-image: url(../images/82.png);background-size: 100% 100%;} @media(max-width: 1920px){ .bc-ps .swiper-pagination-bullet:first-child{border-radius: 1px 0 0 1px;} .bc-ps .swiper-pagination-bullet:last-child{border-radius: 0 1px 1px 0;} .bc-ps .swiper-pagination-bullet{height: 3px;} } @media(min-width: 1201px){ .bc-arrow:hover{background-color: #b42328;} .bc-item:hover .bc-img{transform: scale(1.07);} .bc-item:hover .bc-tit{color: #b42328;} } @media(max-width: 1200px){ .bc-hd{margin-bottom: 20px;} } @media(max-width: 900px){ .bc-prev{left: 10px;} .bc-next{right: 10px;margin-right: 0;} } @media(max-width: 760px){ .bc-main{padding: 30px 10px;} .bc-inner{width: 100%;} .bc-arrow{top: calc(28.125vw - 6px);} .bc-bn{width: 100%;} .bc-s{padding-right: 0;} } @media(max-width: 500px){ .bc-title{font-size: 22px;margin-bottom: 20px;} } .bd-main{width: 100%;min-height: 8.2rem;padding-top: 1.05rem;padding-bottom: 1.05rem;background-size: cover;background-position: center center;} .bd-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .bd-title{color: #fff;line-height: 1;margin-bottom: .15rem;font-weight: bold;} .bd-des{color: #fff;line-height: 1;} .bd-cont{width: 100%;font-size: 0;padding-top: .5rem;} .bd-left{display: inline-block;vertical-align: top;max-width: 50%;color: #fff;line-height: 1.888;padding-right: .4rem;border-right: 1px solid rgba(255,255,255,0.2);} .bd-left *{line-height: inherit;} .bd-right{display: inline-block;vertical-align: top;max-width: 50%;color: #fff;line-height: 1.888;padding-left: .4rem;} .bd-right *{line-height: inherit;} @media(max-width: 760px){ .bd-main{padding: 30px 10px 50px;min-height: 0;} .bd-cont{padding-top: 10px;} .bd-inner{max-width: 100%;} .bd-left{padding-right: 20px;} .bd-right{padding-left: 20px;} } @media(max-width: 600px){ .bd-left{font-size: 2.5vw;padding-right: 10px;width: 47%;} .bd-right{font-size: 2.5vw;padding-left: 10px;width: 53%;max-width: 100%;} } .bf-main{width: 100%;padding-top: 1.16rem;padding-bottom: .6rem;} .bf-inner{width: 16rem;margin: 0 auto;} .bf-title{text-align: center;font-weight: bold;color: #222;line-height: 1;margin-bottom: .5rem;} .bf-cont-wrap{width: 100%;margin-bottom: .45rem;position: relative;} .bf-cont{width: 100%;overflow: hidden;} .bf-bn{width: 4.06rem;margin-left: 0;overflow: visible;} .bf-s{padding-right: .22rem;width: 4.06rem;} .bf-item{width: 100%;border-radius: 0.04rem;overflow: hidden;position: relative;left: 4.04rem;transition: all .3s;} .bf-s.swiper-slide-active .bf-item{width: 7.9rem;left: 0;} .bf-s.swiper-slide-active .bf-text{bottom: 100%;transform: translate(0,100%);padding: .53rem .57rem;} .bf-s.swiper-slide-active .bf-tit{text-align: left;padding: 0;margin-bottom: .17rem;} .bf-s.swiper-slide-active .bf-des{display: block;} .bf-s.swiper-slide-prev .bf-item{left: 0;} .bf-box{width: 100%;padding-top: 5.78rem;position: relative;overflow: hidden;border-radius: .05rem;} .bf-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;transform: scale(1.001);transition: all 0.5s ease 0s;} .bf-bot{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;} .bf-num{font-size: 0;} .bf-cur{color: #b42328;line-height: 1;font-weight: bold;} .bf-line{color: #b42328;line-height: 1;} .bf-total{color: #b42328;line-height: 1;} .bf-ps{font-size: 0;border-radius: .01rem;} .bf-ps .swiper-pagination-bullet{width: .3rem;height: .03rem;background-color: #d9d9d9;border-radius: 0;opacity: 1;position: relative;} .bf-ps .swiper-pagination-bullet:first-child{border-radius: .01rem 0 0 .01rem;} .bf-ps .swiper-pagination-bullet:last-child{border-radius: 0 .01rem .01rem 0;} .bf-ps .swiper-pagination-bullet:after{content: "";display: inline-block;width: 100%;height: .5rem;position: absolute;left: 0;top: 50%;margin-top: -0.25rem;} .bf-ps .swiper-pagination-bullet-active{background-color: #b42328;} .bf-arrow{width: .52rem;height: .52rem;margin-top: -0.26rem;border-radius: 50%;background-color: rgba(0,0,0,0.5);transition: all .3s;background-image: url(../images/5.png);background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 2.47rem;z-index: 12;} .bf-prev{left: -1rem;} .bf-next{right: -1rem;transform: rotate(180deg);} .bf-text{width: 100%;position: relative;position: absolute;left: 0;bottom: 0.43rem;z-index: 12;padding-right: .22rem;} .bf-tit{width: 100%;text-align: center;padding: 0 .2rem;color: #fff;line-height: 1.333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .bf-des{color: #fff;line-height: 1.666;display: none;} .bf-des *{line-height: inherit;} @media(max-width: 1920px){ .bf-ps .swiper-pagination-bullet:first-child{border-radius: 1px 0 0 1px;} .bf-ps .swiper-pagination-bullet:last-child{border-radius: 0 1px 1px 0;} .bf-ps .swiper-pagination-bullet{height: 3px;} } @media(min-width: 1201px){ .bf-arrow:hover{background-color: #b42328;} } @media(max-width: 900px){ .bf-prev{left: 10px;} .bf-next{right: 10px;margin-right: 0;} } @media(max-width: 760px){ .bf-main{padding: 30px 10px;} .bf-inner{width: 100%;} .bf-arrow{top: calc(36.582vw - 10px);} .bf-bn{width: 100%;} .bf-s{padding-right: 0;} .bf-s.swiper-slide-active .bf-item{width: 100%;} .bf-box{padding-top: 73.164%;} .bf-s.swiper-slide-active .bf-text{padding: 30px 40px;} .bf-item{left: 0;} .bf-text{bottom: 100%;transform: translate(0,100%);padding: 30px 40px;} .bf-tit{text-align: left;padding: 0;margin-bottom: .17rem;} .bf-des{display: block;} } @media(max-width: 500px){ .bf-title{font-size: 22px;margin-bottom: 20px;} } .bh-main{width: 100%;padding-top: 1.13rem;padding-bottom: 1.2rem;background-color: #f2f2f2;} .bh-inner{width: 16rem;margin: 0 auto;} .bh-title{text-align: center;font-weight: bold;color: #222;line-height: 1;margin-bottom: .5rem;} .bh-cont{width: 100%;} .bh-bn{width: 100%;border-radius: .05rem;overflow: hidden;} .bh-s{overflow: hidden;background-color: #000;} .bh-item{width: 100%;cursor: pointer;opacity: 0.6;transition: all .3s;} .bh-box{width: 100%;padding-top: 112.57%;position: relative;} .bh-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transform: scale(1.001);transition: all 0.5s ease 0s;} .bh-s.swiper-slide-next + .bh-s{left: 1px;} .bh-ar{width: .19rem;height: .36rem;background-image: url(../images/ba12.png);background-size: 100% 100%;position: absolute;top: 50%;margin-top: -0.18rem;z-index: 12;cursor: pointer;opacity: .4;} .bh-prev{left: .4rem;transform: rotate(180deg);} .bh-next{right: .4rem;} .bh-s.swiper-slide-active .bh-item{opacity: 1;} @media(min-width: 1201px){ .bh-item:hover .bh-img{transform: scale(1.07);} .bh-ar:hover{opacity: 1;} } @media(max-width: 760px){ .bh-main{padding: 30px 10px;} .bh-inner{width: 100%;} .bh-ar{opacity: 1;} .bh-prev{left: 10px;} .bh-next{right: 10px;} } @media(max-width: 500px){ .bh-title{font-size: 22px;margin-bottom: 20px;} .bh-item{opacity: 1;} } .foot-space{height: 60px;display: none;} .foot-menu {position: fixed;z-index: 123;width: 100%;left: 0;bottom: 0;background: #fff;display: none;} @media(max-width: 500px){ .foot-space{display: block;} .foot-menu{display: block;} } .foot-menu ul {display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex} .foot-menu ul li {-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-moz-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;text-align: center} .foot-menu ul li h6 {font-size: 12px} .foot-menu ul li p {font-size: 12px;line-height: 18px;margin-top: 3px;} .foot-menu ul li a {padding: 10px 0 7px;display: block} .foot-menu ul li i {font-size: 22px;line-height: 22px} .foot-menu1 {position: fixed;z-index: 99;width: 100%;left: 0;bottom: 0;background: #fff} .foot-menu1 ul {display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex} .foot-menu1 ul li {-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-moz-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;text-align: center;line-height: .7rem;position: relative} .foot-menu1 ul li:nth-child(1):after {content: "";height: .3rem;width: 1px;background: #d6dae2;position: absolute;right: 0;top: 50%;margin-top: -.15rem} .foot-menu1 ul li p {font-size: .28rem;zoom: 1;display: inline-block;vertical-align: middle} .foot-menu1 ul li a {padding: 10px 0;display: block} .foot-menu1 ul li i {font-size: .36rem;zoom: 1;display: inline-block;vertical-align: middle} .foot-menu1 ul li:last-child {background: #d69b71;color: #fff;-moz-box-flex: 1.5;-webkit-box-flex: 1.5;box-flex: 1.5;-moz-flex: 1.5;-ms-flex: 1.5;-webkit-flex: 1.5;flex: 1.5} .foot-menu1 ul li:last-child a {color: #fff} .foot-menu {background-color: #161516;color: #fff} .foot-menu a {color: #fff} .foot-menu li {background: url(../images/foot-menu-bj.png) no-repeat center right} @font-face { font-family: "iconfont"; src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'); } .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .icon-gouwuche:before {content: "\e647";} .icon-diqiu:before {content: "\e60f";} .icon-hezuo:before {content: "\e777";} .icon-dingzhifangan:before {content: "\e624";} .icon-gaosu:before {content: "\e600";} .icon-cctv1193373easyiconnet:before {content: "\e615";} .icon-hulianwang:before {content: "\e616";} .icon-gaotie:before {content: "\e664";} .icon-zhibo:before {content: "\e602";} .icon-youqinglianjie:before {content: "\e637";} .icon-yuangongliebiao:before {content: "\e633";} .icon-qiye:before {content: "\e71c";} .icon-dianpu:before {content: "\e646";} .icon-shengchandingdan:before {content: "\e636";} .icon-more:before {content: "\e644";} .icon-xia:before {content: "\eb36";} .icon-shang:before {content: "\eb37";} .icon-telephone:before {content: "\e645";} .icon-home:before {content: "\e614";} .icon-zixun:before {content: "\e6a7";} .icon-qqkongjian:before {content: "\e617";} .icon-qq:before {content: "\e68e";} .icon-yuyue:before {content: "\e697";} .icon-dianhua:before {content: "\e604";} .icon-dizhi:before {content: "\e613";} .icon-weixin:before {content: "\e60e";} .icon-top:before {content: "\e608";} .icon-you:before {content: "\e77b";} .icon-zuo:before {content: "\e780";} .icon-aixin:before {content: "\e6a2";} .icon-liebiao:before {content: "\e607";} .icon-weibo:before {content: "\e635";} .ca-main{width: 100%;background-color: #fff;padding: 1rem 0;} .ca-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .ca-hd{width: 100%;position: relative;margin-bottom: .4rem;} .ca-title{color: #111;line-height: 1;} .ca-hd .b-more{position: absolute;right: 0;bottom: 0;} .ca-cont{width: 100%;overflow: hidden;} .ca-bn{width: calc(100% + 0.6rem);margin-left: -0.3rem;} .ca-bn .swiper-wrapper{align-items: stretch;height: auto !important;} .ca-s{padding: 0 0.3rem;} .ca-s .ab-item{width: 100%;height: 100%;margin-right: 0;margin-bottom: 0;background-color: #f2f2f2;} .ca-bn .ab-des{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .ca-bot{display: flex;align-items: center;padding-top: .3rem;} .ca-sc{display: flex;width: 100%;position: relative;flex: 1;} .ca-sc{border-radius: 0.01rem;overflow: hidden;} .ca-sc .swiper-scrollbar-drag{height: 0.02rem;background-color: #b42328;} .ca-sc .swiper-pagination-bullet-active{} .ca-ars{width: 2.04rem;font-size: 0;text-align: right;} .ca-arrow{width: .52rem;height: .52rem;border-radius: 50%;display: inline-block;vertical-align: top;background-color: rgba(0,0,0,0.5);transition: all .3s;background-image: url(../images/5.png);background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;cursor: pointer;} .ca-prev{margin-right: .2rem;} .ca-next{transform: rotate(180deg);} .ca-ps{display: none;width: 100%;position: relative;flex: 1;background-color: rgba(0,0,0,.1);} @media(max-width: 1920px){ .ca-sc{border-radius: 1px;} .ca-sc .swiper-scrollbar-drag{height: 2px;} } @media(min-width: 1201px){ .ca-arrow:hover{background-color: #b42328;} } @media(max-width: 900px){ .ca-main{padding: 30px 20px;} .ca-inner{max-width: 100%;} .ca-bn{width: calc(100% + 20px);margin-left: -10px;} .ca-s{padding: 0 10px;} } @media(max-width: 760px){ .ca-main{padding: 30px 10px;} .ca-title{font-size: 22px;} .ca-hd .b-more{botto: auto;top: 0;} .ca-bn{width: calc(100% + 10px);margin-left: -5px;} .ca-s{padding: 0 5px;} } @media(max-width: 500px){ .ca-sc{display: none;} .ca-ps{display: flex;} .ca-ps .swiper-pagination-bullet{flex: 1;border-radius: 0;height: 2px;background-color: #b42328;opacity: 0;} .ca-ps .swiper-pagination-bullet-active{opacity: 1;} } .cb-main{width: 100%;background-color: #f2f2f2;padding: 1rem 0;} .cb-inner{width: 100%;max-width: 16rem;margin: 0 auto;} .cb-cont{width: 100%;position: relative;} .cb-left{float: left;display: block;width: 3rem;} .cb-right{float: right;width: 12rem;} .cb-title{line-height: 1;} .cb-more-row{padding-top: .5rem;} .cb-ars{font-size: 0;position: absolute;left: 0;bottom: 0;} .cb-arrow{width: .52rem;height: .52rem;border-radius: 50%;display: inline-block;vertical-align: top;background-color: rgba(0,0,0,0.5);transition: all .3s;background-image: url(../images/5.png);background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;cursor: pointer;} .cb-prev{margin-right: .2rem;} .cb-next{transform: rotate(180deg);} .cb-arrow.swiper-button-disabled{pointer-events: none;} .cb-bn{width: calc(100% + 0.3rem);margin-left: -0.15rem;} .cb-bn .swiper-wrapper{align-items: stretch;height: auto !important;} .cb-s{padding: 0 0.15rem;} .cb-item{display: block;width: 100%;height: 100%;position: relative;background-color: #fff;border-radius: .05rem;overflow: hidden;cursor: pointer;} .cb-text{padding: .15rem .2rem .3rem;} .cb-box{width: 100%;padding-top: 56.315%;position: relative;overflow: hidden;margin-bottom: .32rem;margin-bottom: .1rem;} .cb-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.5s ease 0s;} .cb-tit{color: #000;line-height: 1.5;height: 3em;margin-bottom: .15rem;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .cb-des{color: #666;line-height: 1.875;height: 5.625em;margin-bottom: .2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .cb-date{color: #111;line-height: 1;} .cb-lb{display: inline-block;vertical-align: top;color: #fff;text-align: center;min-width: .9rem;line-height: .4rem;padding: 0 1em;border-radius: .05rem 0 0.05rem 0;background-color: #b80101;position: absolute;left: 0;top: 0;z-index: 123;} @media(min-width: 1201px){ .cb-arrow:hover{background-color: #b42328;} .cb-item:hover .cb-tit{color: #b42328;} .cb-item:hover .cb-img{transform: scale(1.07);} } @media(max-width: 1200px){ .cb-lb{line-height: 24px;} } @media(max-width: 900px){ .cb-main{padding: 30px 20px;} .cb-inner{max-width: 100%;} .cb-bn{width: calc(100% + 20px);margin-left: -10px;} .cb-s{padding: 0 10px;} } @media(max-width: 760px){ .cb-main{padding: 30px 10px;} .cb-title{font-size: 22px;} .cb-cont{padding-bottom: 40px;} .cb-left{float: none;width: 100%;margin-bottom: 20px;} .cb-ars{left: 50%;right: auto;bottom: 0;transform: translate(-50%,0);} .cb-right{float: none;width: 100%;} .cb-bn{width: calc(100% + 10px);margin-left: -5px;} .cb-s{padding: 0 5px;} .cb-more-row{right: 0;top: 0;position: absolute;padding-top: 0;} } .single-video{width: 100%;height: 56.25vw;max-height: calc(100vh - 1.08rem);background-color: #000;object-fit: contain;} @media(max-width: 750px){ .single-video{height: 56.25vw;} }