.mini { display: flex; justify-content: center; height: 581px; background: #fff; overflow: hidden;}
.imgg{width:100%; display:block}
.videoplayer{ display:none; width: 100vw; height: 100vh; position: fixed; top: 0;  left: 0; background-color: #000;  z-index: 10000;}
.videoplayer .close{ position: absolute; top: 40px; right: 40px; font-size: 32px; color: #999; z-index: 100001; cursor: pointer;}
.videoplayer .close svg{width:40px; height:40px;}
.videoplayer video{width:100%; height:100%}
.icon_play{background-image:url('data:image/png;base64,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'); }
.banner,.banner img{width:100%}
.bannervideo{width: 100%; height: calc(100vh - 56px); display: flex;align-items: center;}
.bannervideo video{ width: 100%; height: 100%;object-fit: cover;}
.videoBtn{cursor:pointer}
em{font-style:normal}

.lunbo{overflow:hidden; width: 100%; height:100vh; position: relative;background-color: #fff; margin-top:-56px;}
.lunbo .videobox{width: 100%; height: 100%; object-fit: cover; z-index:1; }
.lunbo img{width:100%;}
.lunbo .swiper-slide{position:relative}
.lunbo .swiper-pagination { bottom:210px; z-index:99}
.lunbo .swiper-pagination .swiper-pagination-bullet{ width: 48px; height: 3px; background: #fff; border-radius: 1px;}
.lunbo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#333}
.lunbo .innnerbox{position:absolute; left: 124px; top: 175px;  display: flex; flex-direction: column;}
.lunbo .innnerbox h4{ font-size: 16px; font-weight: 600; color: #fff; margin-top: 10px;}
.lunbo .innnerbox h1{ height: 112px; font-size: 80px; font-weight: 600; color: #fff; line-height: 112px;}
.lunbo .innnerbox .btn{margin-top: 23px; width: 180px; height: 42px; line-height:42px; text-align:center; border-radius: 4px; border: 1px solid #fff; font-size: 14px; font-weight: 500; color: #fff; transition: all .4s;  cursor: pointer;}
/*.lunbo .innnerbox .btn{background: hsla(0,0%,100%,.2);}*/
.lunbo .innnerbox .btn:hover{background-color:rgba(255,255,255,0.6);}

.index{overflow:hidden}
.index .lunbo{margin-top:0;}
.index .lunbo .swiper-pagination{display:none}
.index .series {background-color: #f7fafc; margin-top: 16px; overflow:hidden; padding-bottom:40px;}
.index .series .swiper-slide {overflow: hidden;  width: 721px!important; }
.index .series .swiper-slide.swiper-slide-active{}
.index .series .swiper-slide.swiper-slide-active .imgbox::after{ opacity:0;}
.index .series .swiper-slide.swiper-slide-active .imgbox img{ filter: blur(0px);}
.index .series .swiper-slide.swiper-slide-active .infobox {display:block}
.index .series .imgbox{position:relative;width:100%; overflow:hidden; }
.index .series .imgbox::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: hsla(0,0%,100%,.7); z-index:2; opacity:1;}
.index .series .imgbox img{width: 100%; filter: blur(15px); z-index:1;}
.index .series .infobox{overflow:hidden; text-align:center; display:none}
.index .series .infobox h1{ font-size: 32px;font-weight: 600; line-height: 45px; letter-spacing: 2px;padding-left: 10px; color: #bbb; margin-top: 80px;}
.index .series .infobox h4{font-size: 16px; font-weight: 600; color: #000; line-height: 22px; margin-top: 28px;}
.index .series .infobox p{margin-top: 5px; font-size: 14px; font-weight: 400; color: #000; line-height: 24px;}
.index .series .swiper-pagination { bottom:210px; z-index:99}
.index .series .swiper-pagination .swiper-pagination-bullet{ width: 48px; height: 3px; background: #b4b4b4; border-radius: 1px;}
.index .series .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#555}
.index .productbox{  background-color: #fff; padding: 148px 0 63px; display: flex; justify-content: center;}
.index .productbox .content{width: 968px; display: flex; flex-wrap: wrap; justify-content:space-between; }
.index .productbox .content .item{ width: 477px; display: flex; flex-direction: column; align-items: center;  margin-bottom: 84px;  cursor: pointer;}
.index .productbox .content .item .imgbox{ width: 477px; height: 477px; background: #d8d8d8; overflow: hidden; position: relative;}
.index .productbox .content .item .imgbox img{width:100%;}
.index .productbox .content .item .imgbox .mask{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;   transition: all .4s;}
.index .productbox .content .item p{margin-top: 24px; font-size: 24px; font-weight: 600; color: #000;}
.index .productbox .content .item:hover .imgbox .mask{opacity:1; }
.index .hengfu{background-color:#fff; }
.index .hengfu .item{height: 701px; width: 100%;position: relative; margin-bottom:20px; overflow:hidden;}
.index .hengfu .item .bg{width:100%;}
.index .hengfu .item .innnertext{ padding-left: 121px; padding-top: 262px; width: 100%; height: 100%; position: absolute; top: 60px; left: 0;  z-index: 1;}
.index .hengfu .item .title{height:45px;}
.index .hengfu .item p{ font-size: 16px; font-weight: 400; color: #000; line-height: 24px; margin-top: 20px;}
.index .hengfu .item .more{ width: 180px; height: 42px; line-height:42px; text-align:center; display: block; background: hsla(0,0%,100%,.2); border-radius: 4px; border: 1px solid #000; font-size: 12px; font-weight: 400; color: #000; transition: all .4s; cursor: pointer; margin-top: 45px;}

.products{overflow:hidden; margin-top:56px;}
.products .lunbo .swiper-pagination {bottom:5%}
.products .content{overflow:hidden; width: 1120px;  margin: 0 auto;}
.products .titbox{ height: 86px; align-items: flex-end; padding-bottom: 8px;display: flex; align-items: center;justify-content: space-between; margin-bottom: 16px; padding-top: 30px;}
.products .titbox.fixed{position:fixed; top: 56px; left: 0; width: 100%; background: #fff; box-shadow: 0 7px 7px 0 rgba(0,0,0,0.3);padding-left: calc(100vh - 525px);padding-right: calc(100vh - 540px);}
.products .titbox .tit{display: flex; align-items: center; }
.products .titbox .tit img{width:30px; height:30px; }
.products .titbox .tit p{ font-size: 24px; font-weight: 600; color: #555; margin-left: 14px;}
.products .titbox .subclass{padding-right: 36px; z-index: 1;}
.products .titbox .subclass a{ font-weight: 300; color: #555; margin-left: 36px; cursor: pointer; font-weight:bold;}
.products .titbox .subclass a.on{color: #000; position: relative;}
.products .titbox .subclass a.on::after{content: "";  width: 100%; border-radius: 1px; background-color: #333; height: 2px; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);}
.products .list{ width: 1088px; margin:0 auto; display: flex; flex-wrap: wrap; justify-content:space-between; min-height: 500px;}
.products .list .item{ width: 536px; display: flex; flex-direction: column; align-items: center; margin-bottom: 98px;}
.products .list .item img{width:100%;}
.products .list .item h4{ font-size: 24px; font-weight: 600; color: #000; line-height: 33px; margin-top: 36px;}
.products .list .item p{ font-size: 14px; color: #666; margin-top: 7px; width: 410px; text-align: center; font-weight:bold}
.productinfo{overflow:hidden;  margin-top: 56px;}
.productinfo .top{height: 40vw; width: 100%; background: #f7fafc;display: block;  align-items: center;}
.productinfo .top .left{ height: 100%; background-color: #f7fafc; display: block; width:28.89%; float:left; }
.productinfo .top .left .con{width: 528px; position: relative;}
.productinfo .top .left .cate{margin-top: 2.361111vw; margin-left: 1.319444vw;display: flex;align-items: center;}
.productinfo .top .left .cate img{width:25px; height:25px;}
.productinfo .top .left .cate p{ font-size: 12px; font-weight: bold; color: #000; margin-left: 8px; }
.productinfo .top .left .title{margin-top: 5.625vw; margin-left: 8.3333333vw; font-size: 45px; font-weight: bold; color: #000; line-height: 48px;}
.productinfo .top .left .dec{ margin-top: .625vw; margin-left: 8.3333333vw; width: 196px;  font-size: 14px; font-weight: bold; color: #000; line-height: 20px;}
.productinfo .top .left .buybtn{display:block; position: absolute; top: 28.125vw; left: 8.3333333vw;  width: 180px; height: 42px; border-radius: 4px; border: 1px solid #000; cursor: pointer;display: flex;align-items: center; justify-content: center;}
.productinfo .top .left .buybtn img{width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 16px;}
.productinfo .top .left .buybtn span{font-size: 12px; font-weight: bold; color: #000;}
.productinfo .top .right{  width: 71.11%; float:right;  height: 40vw;  overflow: hidden; position:relative; }
.productinfo .top .right .lunbo{margin-top:0; position:initial; }
.productinfo .top .right .lunbo img{width: 100%;  height: auto; }
.productinfo .top .right .lunbo .swiper-pagination{bottom:5%}
.productinfo .content{margin-top: 4px; overflow:hidden; }
.productinfo .content img{width:100%;}

.design{overflow:hidden; margin-top:56px;}
.design .designerlist{overflow:hidden; background-color:#000; }
.design .designerlist .swiper-wrapper{transition-timing-function: linear !important;}
.design .designerlist .swiper-slide{margin:0 2px;overflow:hidden;}
.design .designerlist .swiper-slide:hover .mask{opacity:1}
.design .designerlist .swiper-slide:hover .imgbox img{filter: blur(10px);}
.design .designerlist .imgbox {position:relative; overflow:hidden}
.design .designerlist .imgbox img{width:100%}
.design .designerlist .imgbox .mask{opacity: 0; transition: all .4s; width: 100%;height: 100%; position: absolute; top: 0; left: 0; z-index: 100; background-color: rgba(0,0,0,.25); display: flex;  flex-direction: column;  align-items: center;}
.design .designerlist .imgbox .mask p{width: 80%; font-size: 14px; color: #fff; word-break: break-all; text-align: center;line-height: 20px; margin-top: 25%;}
.design .designerlist .infobox{ padding: 10px 16px 10px 10px; position: relative; height: 100px; display: flex; align-items: center; justify-content: space-between;}
.design .designerlist .infobox p{font-weight: 600; color: #fff;}
.design .designerlist .infobox img{ width: 80px; height: 80px; object-fit: contain;}
.design .odc{margin-top:30px; cursor:pointer; }
.design .odc innertext{}
.design .odc innertext .icon_play{width: 60px;height: 60px; margin-top: 113px; cursor: pointer; }

.olohome{overflow:hidden; margin-top:56px;}
.olohome .titbox{display: flex; flex-direction: column; align-items: center;}
.olohome .titbox h2{font-size: 28px;font-weight: 500; color: #000; line-height: 40px;}
.olohome .titbox p{font-size: 14px; font-weight: 400; color: #000; margin-top: 4px;}
.olohome .listbox{margin:60px auto 0; display: flex; flex-wrap: wrap; width: 976px; justify-content:space-between;}
.olohome .listbox .imgbox{position:relative;}
.olohome .listbox .imgbox img{width:100%; z-index:1;}
.olohome .storemap{height: 760px; background-color: #f7fafc;  overflow: hidden; }
.olohome .storemap .box{ display: flex;width: 1440px;margin: 0 auto;}
.olohome .storemap .searchbox{  height: 370px;margin-top: 165px;transform: translateX(120px); z-index: 100; width: 264px; background: #fff; border-radius: 8px; border: 1px solid rgba(0,0,0,.4);}
.olohome .storemap .searchbox .title{padding: 14px 24px; font-size: 24px;color: #000; line-height: 33px;display: flex; align-items: center;}
.olohome .storemap .searchbox .title img{ width: 24px; margin-right: 8px;}
.olohome .storemap .searchbox .serch{ margin: 46px 12px 0 9px;}
.olohome .storemap .searchbox .serch .box1{ border-bottom: 1px solid #979797;padding-bottom: 5px; display: flex; align-items: center; justify-content: space-between;}
.olohome .storemap .searchbox .serch .box1 input{ flex: 1 1; border: none!important; height: 22px; box-shadow: none!important; font-size: 14px; color: #b9b9b9; text-indent: 10px; outline:none}
.olohome .storemap .searchbox .serch .box1 p{font-size: 12px;color: #b9b9b9; display:none;}
.olohome .storemap .searchbox .serch .box1 p em{font-style:normal}
.olohome .storemap .searchbox .result{padding: 5px 0; min-height: 28px; height: auto; max-height: 232px; overflow-y: auto;}
.olohome .storemap .searchbox .result .item{border-bottom: 1px solid #979797; padding: 13px; font-size: 12px; color: #000; display: flex; align-items: center; justify-content: space-between;  cursor:pointer;}
.olohome .storemap .boxlist{display:none; }
.olohome .storemap .boxlist .left{ width: 30%; padding: 30px; float: left;}
.olohome .storemap .boxlist .right{width: 70%;float: left;}
.olohome .storemap .boxlist .head{display: flex;align-items: center;justify-content: space-between; width:100%; }
.olohome .storemap .boxlist .items{ margin: 20px 0 30px; position: relative; overflow-y: auto; height: 634px; padding-right: 6px;}
.olohome .storemap .boxlist .item{ transition: all .4s; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%); background-color: #fff; padding: 18px 26px; margin: 0 0 10px;cursor: pointer;}
.olohome .storemap .boxlist .item p{ font-size: 15px; font-weight: 400; line-height: 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.olohome .storemap .boxlist .item p.address{ font-size: 12px; font-weight: 400; color: #54585a; margin: 4px 0 0; padding: 0; line-height: 18px;}
.olohome .storemap .BMap_Marker>div{width:40px;}
.olohome .storemap .mapbox{ width: 1000px;  height: 770px; transform: translateX(200px);   padding-top: 110px;}
.olohome .home{padding: 90px 0 0;}
.olohome .home .item{cursor:pointer; width: 480px; margin-bottom: 64px;}
.olohome .home .imgbox::after{ content:''; background-size:contain; width: 40px; height: 40px;position: absolute; top: 50%; left: 50%; z-index:99; transform: translate(-50%,-50%); background-image:url('data:image/png;base64,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');}
.olohome .home h2{ font-size: 20px;color: #000; line-height: 33px; margin-top:35px; text-align:center}
.olohome .home p{ font-size: 14px; color: #000; line-height: 20px; margin-top: 12px;  text-align:center}
.olohome .club{ padding: 30px 0 0;}
.olohome .club .item{width: 480px;  position: relative; margin-bottom: 99px;}
.olohome .club .infobox{ margin-top: 21px;padding: 0 24px 0 22px; display: flex; align-items: center; justify-content: space-between;}
.olohome .club .infobox h2{font-size: 40px; font-weight: 600; color: #000; line-height: 56px;}
.olohome .club .infobox p{font-size: 14px; font-weight: 400; color: #000; line-height: 20px; margin-top: 4px;}
.olohome .club .infobox .btn{display:block; width: 180px; height: 50px; line-height:50px; text-align:center; border-radius: 4px; border: 1px solid #000; font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}

.join{overflow:hidden; margin-top:56px;}
.join .videobox{position:relative; background-color:#fff; }
.join .videobox::after{content:''; background-size:contain; width: 60px; height: 60px;position: absolute; top: 50%; left: 50%; z-index:99; transform: translate(-50%,-50%); background-image:url('data:image/png;base64,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'); cursor:pointer; }
.join .videobox .imgg{margin:auto; max-width:100%; height:650px; z-index:1;}
.join .formbox{ width: 369px; min-height: 443px; background: #fff; border-radius: 8px; position: absolute; top: 50%; left: 11.0416vw; margin-top: -221.5px; overflow: hidden; z-index:9999; }
.join .formbox .formhead{height: 113px; width: 100%; display: flex; flex-direction: column; justify-content: center;}
.join .formbox .formbody{padding: 22px 24px 20px 25px; width: 100%;  overflow: hidden;}
.join .formbox .formbody .item{ margin-bottom: 12px;position: relative; display: flex; justify-content: center; overflow: hidden; flex-wrap: wrap;}
.join .formbox .formbody .item .icon{ height: 21px; width:21px; position: absolute; top: 50%; left: 16px; margin-top: -10px; z-index: 100;}
.join .formbox .formbody .item input{ width: 320px; height: 45px;border-radius: 4px; border: 1px solid #979797; padding: 0 20px 0 60px; outline:none; }
.join .formbox .formbody .item .ant-btn{ margin-top: 16px; width: 100%; height: 44px; background: #000; border-radius: 4px; color: #fff;border: none;}
.join .formbox .formbody .item .error{color:red; text-align:center}

.story{overflow:hidden; margin-top:56px;}
.story .bottom{overflow:hidden; padding:120px 0 80px;}
.story .bottom p{text-transform:uppercase; font-size:15px; text-align:center; line-height:60px; color:#000}
.story .videobox {background-color: #f7fafc; margin-top: 16px; overflow:hidden; padding-bottom:40px;}
.story .videobox .swiper-slide {overflow: hidden;  width: 721px}
.story .videobox .swiper-slide.swiper-slide-active{}
.story .videobox .swiper-slide.swiper-slide-active .imgbox::after{ opacity:0;}
.story .videobox .swiper-slide.swiper-slide-active .imgbox img{ filter: blur(0px);}
.story .videobox .swiper-slide.swiper-slide-active .infobox {display:block}
.story .videobox .imgbox{position:relative;width:100%; overflow:hidden; }
.story .videobox .imgbox::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: hsla(0,0%,100%,.7); z-index:2; opacity:1;}
.story .videobox .imgbox img{width: 100%;  z-index:1; height:350px;}
.story .videobox .imgbox .icon_play{width: 40px; height: 40px; position: absolute;top:50%; margin-top:-20px; left:50%; margin-left:-20px; z-index:999; background-size:contain }
.story .videobox .infobox{overflow:hidden; text-align:center; display:none}
.story .videobox .infobox h1{ font-size: 18px;font-weight: 600; line-height: 45px;padding-left: 10px; color: #333; margin-top: 80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.story .videobox .infobox h4{font-size: 16px;font-weight: 600; color: #000; line-height: 22px; margin-top: 28px;}
.story .videobox .infobox p{margin-top: 5px; font-size: 14px;  font-weight: 400; color: #000; line-height: 24px; height:24px; overflow:hidden}
.story .videobox .swiper-pagination { bottom:160px; z-index:99}
.story .videobox .swiper-pagination .swiper-pagination-bullet{ width: 48px; height: 3px; background: #b4b4b4; border-radius: 1px;}
.story .videobox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#555}

.history{overflow:hidden; margin-top:56px;}
.history .content {width: 100%; height: calc(100vh - 56px); background-color: #fff; display: flex; overflow: hidden;}
.history .content .title{width: 186px; display: flex; flex-direction: column; justify-content: space-between; padding: 48px 0;}
.history .content .title .top{ font-size: 32px; font-weight: 600; color: #000; padding: 0 24px;}
.history .content .title .bottom{ display: flex; align-items: center;  justify-content: center;}
.history .content .title .bottom span{cursor:pointer}
.history .content .title .bottom svg{width:38px; height:38px;}
.history .content .ct { flex: 1 1; height: 100%; overflow: hidden;display: flex; align-items: center;}
.history .content .ct .item{ width: calc(9.09091% - 41.81818px); height: 100%; border-left: 1px solid rgba(0,0,0,.3); transition: all .4s; cursor: pointer;}
.history .content .ct .item.act {width: 460px;}
.history .content .ct .item.act .year1{display:none}
.history .content .ct .item.act .con{display:flex}
.history .content .ct .year1{ font-size: 36px; font-weight: 600; color: #999; line-height: 50px; margin-top: 44px; display: flex; justify-content: center;}
.history .content .ct .con{ display: none; position: relative; width: 100%; height: 100%; flex-direction: column; padding:30px 25px; overflow-y: hidden; min-height: calc(100vh - 56px);}
.history .content .ct .con .tit{ display:flex;}
.history .content .ct .con .tit h2{ font-size: 60px; font-weight: normal; color: #000; line-height: 84px;}
.history .content .ct .con .tit p{ font-size: 16px; font-weight: 500; color: #000; line-height: 24px; margin-left: 21px; margin-top: 45px;}
.history .content .ct .con .des{ margin-top: 20px; width: 80%;}
.history .content .ct .con .des p{word-break: break-all; font-size: 16px; color: #000; line-height: 24px; margin-bottom:10px; }    
.history .content .ct .con .des img{width:100%}

.estate{overflow:hidden; margin-top:56px;}

.stock{overflow:hidden; margin-top:56px;}
.stock .content{ background-color: #fff; padding: 120px 0 54px; width: 1200px;  margin: 0 auto;}
.stock .boxhead{ display: flex; align-items: center; justify-content: space-between; width:100%; overflow:hidden; }
.stock .boxhead .left{ display: flex; align-items: flex-end;}
.stock .boxhead .left p{font-size: 24px; font-weight: 600; color: #000; line-height: 33px;}
.stock .boxhead .left span{ font-size: 16px; color: #000; line-height: 22px; margin-left: 24px; margin-bottom: 2px;}
.stock .boxhead .right{ display: flex; align-items: center;}
.stock .boxhead .right .item{ display: flex; align-items: flex-end; margin-right: 25px;}
.stock .boxhead .right .item>span{font-size: 16px; color: #000; line-height: 22px;}
.stock .boxhead .right .item p{font-size: 32px;color: #c91f2b;margin-left: 10px;}
.stock .boxhead .right .item .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.stock .boxcon{overflow:hidden; height:520px; position:relative}
.stock .boxcon .loading{position:absolute; width:100%; left:0; top:0; bottom:0; right:0; background-color:#fff; z-index:99; }
.stock .boxcon .framecon{width:1200px; margin:-880px auto 0px; z-index:-1}
.stock .boxcon .framecon iframe{border:0; width:100%;height:1400px;}
.stock .tips{ display: flex; align-items: center; margin-top:46px;}
.stock .tips p{font-size: 12px; color: #000;  margin-right: 8px;}
.stock .tips p span{font-weight: 700;}
.stock .chart{ margin-top:24px;}
.stock .news{ display: flex; padding: 98px 0 112px;  background-color: #f7fafc;}
.stock .news .container{width: 1200px;  margin: 0 auto;}
.stock .news .title{ font-size: 24px; font-weight: 500; color: #000; line-height: 33px;}
.stock .news .list{ margin-top: 16px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.stock .news .btn{ display:block; width: 180px; height: 42px; line-height:42px; background: #000; border-radius: 4px; color: #fff; text-align:center; font-size:14px; margin-top:57px;}
.stock .contact{background-color: #f7fafc;padding-bottom: 119px;  border-bottom: 1px solid #979797;}
.stock .contact .container{width: 1200px;  margin: 0 auto;display: flex; justify-content:  space-between; align-items: center; border-bottom: 1px solid #979797; padding-bottom:10px;}
.stock .contact .left{ font-size: 24px; font-weight: 600; color: #000; line-height: 33px;}
.stock .contact .right{ display: flex;align-items: center;}
.stock .contact .right .item{ padding: 0 26px; position: relative;display: flex;  align-items: center;}
.stock .contact .right .item::after{ content: ""; width: 1px; height: 20px; opacity: .39; background-color: #979797; position: absolute; top: 4px; right: 0;}
.stock .contact .right .item:last-child::after{display:none}
.stock .contact .right .item img{ width:24px;object-fit: cover;}
.stock .contact .right .item p{font-size: 16px;color: #000;line-height: 22px;margin-left: 10px;}

.notice{width:1200px; overflow:hidden; margin:auto}
.notice .titbox{overflow:hidden; width:100%;}
.notice .titbox h2{color:#333; font-size:36px; float:left; line-height:50px; font-weight:bold; }
.notice .titbox .years{width:300px; float:right; height:50px; border-bottom:1px solid #ddd; border-bottom:1px solid #555; }
.notice .titbox .years select{border:none; width:100%; height: 45px; line-height: 45px; font-size: 18px;}
.notice .titbox .years select option{border:none; line-height:30px;}
.notice .list{overflow:hidden; margin-top:20px;}
.notice .list .item{padding: 40px 0 20px; border-bottom: 1px solid #979797; cursor: pointer; overflow:hidden; display:block;}
.notice .list .item p{font-size: 24px; font-weight: 600; color: #000; line-height:30px; width:85%; float:left; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.notice .list .item span{line-height:30px; color:#555; font-size:24px; float:right;}
.notice .list .nomore{ font-size: 16px; margin-top: 5%; border: 1px solid #ddd;padding: 5%;}
.notice .pages{overflow:hidden;}
.notice .pages .btn{float:left}
.notice .pages .btn a{display:block; float:left; font-size:14px; background-color:#ddd; text-align:center; line-height:30px; width:80px;}
.notice .pages .pre{margin-right:20px;}
.notice .pages .next{}
.notice .pages .info{float:right; line-height:30px; font-size:16px; }
.notice .pages .info em{font-style:normal}

.pages{ padding-top: 100px;}
.privacy{overflow:hidden}
.privacy h1{text-align:center; line-height:50px; font-size:20px; color:#333; margin-bottom:30px; }
.privacy p{font-size:13px; color:#333; margin-bottom:20px; line-height:24px;}



@media screen and (max-width:1200px) {
    .mini { display: none;}
    .videoplayer{ display:none; width: 100vw; height: 100vh; position: fixed; top: 0;  left: 0; background-color: #000;  z-index: 10000;}
    .videoplayer .close{ position: absolute; top: 40px; right: 40px; font-size: 32px; color: #999; z-index: 100001; cursor: pointer;}
    .videoplayer .close svg{width:40px; height:40px;}
    .bannervideo{width: 100%; height: auto; display: flex;align-items: center;}

    .lunbo .innnerbox{position:absolute; left: 0; top: 40vh;  text-align:center; width:100%;}
    .lunbo .innnerbox h1{ height: auto; font-size: 50px; line-height: 50px; /*margin-bottom: 5vh;*/}
    .lunbo .innnerbox .btn{margin: auto; margin-top: 50px;}

    .index .series {display:none;}
    .index .productbox{  background-color: #fff; padding:5%; display: flex; justify-content: center;}
    .index .productbox .content{width: 100%; display: block;}
    .index .productbox .content .item{ width: 100%; display: block;  margin-bottom: 5%; text-align:center; position: relative;}
    .index .productbox .content .item .imgbox{ width: 100%; height: auto;}
    .index .productbox .content .item .imgbox img{width:100%;}
    .index .productbox .content .item .imgbox .mask{display:none;}
    .index .productbox .content .item p{margin-top: -25px; font-weight: bold; color: #fff; position:absolute; top:50%; text-align:center; width:100%; height: 50px;line-height: 50px;}
    .index .productbox .content .item p::after{content:""; width:16%; height:3px; background-color:#fff; opacity:0.9; position:absolute; left: 50%; margin-left: -8%; bottom: -5px;}
    .index .hengfu{ padding:5%;margin-bottom: 8%;}
    .index .hengfu .item{height: auto; }
    .index .hengfu .item .innnertext{ padding-left: 0; padding-top: 0; width: 100%; height: 100%; position: relative; top:20px;}
    .index .hengfu .item .title{height:20px;}
    .index .hengfu .item p{ font-size: 14px; width:60%; margin-top: 10px;}
    .index .hengfu .item .more{ width: 30%; margin-top: 5px; position:absolute; top:0; right:0;}


    .products{overflow:hidden; margin-top:56px;}
    .products .lunbo{display:none}
    .products .content{overflow:hidden; width: 100%;  margin: 0 auto; }
    .products .titbox{ padding: 0 5%; height: 100px;position: relative; background-color: #fff; padding-top: 20px;padding-bottom: 10px;display: flex; align-items: center;justify-content: space-between; margin-bottom: 16px; flex-wrap: wrap;box-shadow: 0 0.533vw 0.533vw 0 rgb(0 0 0 / 6%);}
    .products .titbox .tit{display: flex; align-items: center; }
    .products .titbox .tit img{width:30px; height:30px; }
    .products .titbox .tit p{ font-size: 20px; font-weight: 600; color: #555; margin-left: 14px;  margin-left: 5px;letter-spacing: -2px;}
    .products .titbox .subarrow{color: #000; display: flex; align-items: center;}
    .products .titbox .subarrow span{ font-size: 16px;}
    .products .titbox .subarrow .am-icon{ width: 4vw;height: 4vw; fill: currentColor; background-size: cover;}
    .products .titbox .subclass{ display:none; padding-right: 0; width:100%; background-color: #fff; position: absolute; top: 80px; width: 100%; left: 0; padding: 3% 5%;box-shadow: 0 0.533vw 0.533vw 0 rgb(0 0 0 / 6%);}
    .products .titbox .subclass a{width:22%; float:left; display:block; border:1px solid #ddd; margin:1% 1%; line-height: 30px;text-align: center; }
    .products .titbox .subclass a.on::after{display:none}
    .products .list{ width: 100%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content:space-between; min-height: 500px;background-color:#f2f2f2;}
    .products .list .item{ width: 100%; display: block; flex-direction: column; align-items: center; margin-bottom: 1%;text-align: center; overflow:hidden; background-color: #fff; padding: 1% 0; position:relative;}
    .products .list .item img{ width: 60%;  height: auto; float: right;}
    .products .list .item h4{ font-size: 20px; float: left; width: 40%; padding: 0 5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
    .products .list .item p{  width: 40%; padding: 0 5%; position: absolute; bottom: 10%; font-size: 16px;}
    .productinfo .top{height: auto; width: 100%; background: #f7fafc;display: block;  align-items: center;}
    .productinfo .top .left{ height: 100%; background-color: #f7fafc; display: block; float:none; width:100%; position:relative;}
    .productinfo .top .left .con{width: 100%; position: relative; padding:5%; }
    .productinfo .top .left .cate{ justify-content: flex-end;}
    .productinfo .top .left .cate img{width:25px; height:25px;}
    .productinfo .top .left .cate p{ font-size: 12px; font-weight: 300; color: #999; margin-left: 8px;}
    .productinfo .top .left .title{ /*margin-top: -3vh;*/ margin-left:0; font-size: 32px; font-weight: 600; color: #000; line-height: 48px;}
    .productinfo .top .left .dec{ margin-top: .625vw; margin-left:0; width: 100%;  font-size: 18px; line-height: 1.5;}
    .productinfo .top .left .buybtn{display:none}
    .productinfo .top .right{  width: 100%;  height: auto;  overflow: hidden; position:relative; float:none; }
    .productinfo .top .right .lunbo{display:block; width:100%; height:auto; }
    .productinfo .top .right .lunbo img{width: 100%;  height:auto; }
    .productinfo .top .right .lunbo .swiper-pagination{bottom:5%}

    .design .bannervideo .mobileshow{width: 100%; height: 100%;}
    .design .designer{padding:5% 4%; }
    .design .designer .titbox{overflow:hidden; padding:3% 0;}
    .design .designer .titbox h2{font-size:24px; font-weight:normal; line-height:2; color:#333 }
    .design .designer .titbox p{font-size:14px;color:#333; line-height:1.5;}
    .design .designerlist{background-color:#fff;}
    .design .designerlist .swiper-slide{margin:0 1% 2%;overflow:hidden; width:48%; float:left;}
    .design .designerlist .infobox{ padding: 0 16px 0 10px; position: relative; height: 80px; display: flex; align-items: center; justify-content: space-between;}
    .design .designerlist .infobox p{font-weight: 600; color: #333; font-size:14px;}
    .design .odc{margin-top:30px; cursor:pointer; }
    .design .odc innertext{}
    .design .odc innertext .icon_play{width: 60px;height: 60px; margin-top: 113px; cursor: pointer; }


    .olohome{overflow:hidden; margin-top:56px;}
    .olohome .bannervideo .mobileshow{width: 100%; height: 100%;}
    .olohome .titbox{padding:0 5%; align-items:flex-start; }
    .olohome .titbox h2{font-size: 28px; font-weight: 500; color: #000; line-height: 40px;}
    .olohome .titbox p{font-size: 14px; font-weight: 400; color: #000; margin-top: 4px;}
    .olohome .listbox{margin:5% auto 0; display: flex; flex-wrap: wrap; width: 100%; justify-content:space-between;}
    .olohome .storemap{display:none }
    .olohome .mstore{ overflow:hidden; padding:6% 0; background-color:#f2f2f2; }
    .olohome .mstore .tit{display: flex; align-items: center; justify-content:center; padding:5% 0; }
    .olohome .mstore .tit img{height:18px}
    .olohome .mstore .tit p{margin-left: 5px; color: #000; font-weight: 600; font-size: 16px;}
    .olohome .mstore .search{ width: 88vw; margin:5px auto; padding: 10px 12px; background: #fff; border-radius: 5px;display: flex; align-items: center;}
    .olohome .mstore .search img{height:20px;}
    .olohome .mstore .search .input{line-height:20px; flex:1; text-align:center; }
    .olohome .home{padding: 5% 0 0;}
    .olohome .home .item{cursor:pointer; width: 100%; margin-bottom: 5%;}
    .olohome .home .imgbox::after{ content:''; background-size:contain; width: 40px; height: 40px;position: absolute; top: 50%; left: 50%; z-index:99; transform: translate(-50%,-50%); background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAAABHNCSVQICAgIfAhkiAAADCxJREFUeJztne112zoShl/47P+ogzAVrLeC8FYQ3wqirSDeCqxUEN8KrFQQpwIxFViuQHIFlit49wdAm5Yte/BFABSec3SOo1DgABgCMwMQo3CEkDwF8AFAC6AxnyGvfbc1n9e+6wA8KKXWoWQsBZVagNiQ/ALgFFpZZubvmKwB7KCVaq2U+h35fkmZnAKR/AytLP0nB7r+o5T6k1aUsBSvQCRnAL4AODOfErgGcK2U+plaEF+KVSCSLYCv0EozSyuNMztoZfqplOoSy+JEUQpEsgHwDVppmqTChGcLrUz/KKW2aUWZGCQbklc8Hq6oH5bsyXoEMo14AWCeVpJkLAF8z3lEylKBqOM0FyjHKI7NEnpqyy7OlJUCUXtUFwDOR7jdHzwFAvvYTc92/6k3o2Ez+KqPKfXff44j5jMuoUek3btXjkQ2CkTyK3QDxfCo/uApFrOO1QHmAeiDli3iKNUOwH+VUtcRyi4PagN5FdgIXZNcULv6qevXGlnWgeu4YiGGdjRIXgRs0C3J85wblfphOTeyhuIidb1Gh+SMYUadHckltdFdFCRPjey7AO2wop4+pw/1kH7v2WBbkvMpNBr1wzSn/6h0zwym7KjQf8rakpynrkcsAinS9KY0+k9Zk1acfQIo0ooTGJ0BPCrPjUdjLCbTGBaYdlt4tNtN8e1GbShuHBugY8Ye1VhQe26dYxtuWKCDAeBReVyM5R3JuoSxB8kzunls98UpEd09rY6lD7sRoZ7WXEajcjw0ozwuLFLLXgp0t43a1LK/Cd2mrV32FcsQ6gfVdkrLdzpzVJ4165TlDPWUZrvGlp8SmYpsLCuyrMrjj2n7pWXbb7Jpe7rFeZap5Z4aDkqUR5yI9hHmy9QyTxWSl5Z9sUotsK03ME8q8BFAvQxiwyKVoLbueh15RoL2I1E7toAz2nlcy1EFrNjaRPcc0x6ind2zHE2wyjMslWgce4h2dk+N8ySE9nGiRWyBGgthdlV50mOUyCZi3cQUZmUhSBtNkIoVtHN44kxltHMPF1GEqDhDO9Mj7HYa2nldXdCbV4JB+VaQsF4Z5XGFavdkDO3soTBxO+pVdil1J2HmUO9slOK/ak/yWnizzr96lTGgfCpb+t7Ixm1vgtSuEp3R+pXySOYiWO0qo0C5V7Z0vYFUS7eshnNxUBvU0pcXG5cbSEefefDaVUaB8tje0rZg8egTpWaV0aDnKHRyoFzpEXMLF6FTQvIzc9tUnpaF8Dr5sYOUbZDfukg7NmY0veDrkfQbkl955DaccBTaSAuTLrzN41bLH5LfhHW5pz6j8SihPjVNQispTGI8Z79kQbeDyVeiRpoYlC9xLCUFSRZN3y4oMZQ/UYe44pEFRikbOO7fK0Tq1mVrhNIuyvpmY3GKp30dgPI1z/lbhUjWvbaj1coB2r+R8B4bHskiMWXG9OHzqYUNOsYp8s7Q/wDPQ6yY8cgbAgqXNw79WOp9NeNWSw61DRebH8zcgXCF8um/7X8zDCS2L0p8yW3OmWMgy4f64HmPcwAbkt88y8kO07e3gkvb/g9bBZpCfoY1gL+g82e4MgNwSW0ftUGkygdJH7cvvrEdunKEsmm4G1w/Z5iT4n8x46ndBmEbcv9Hom2OieokRlj5bu83vsfpDrngBOwjYV1b4GkKk9gOk0pX3aOU2imlFgA+AfDN8b6Ato9KXxaR9HULPClQK/hB5yZLGSiltkqpM2j76M6jqBmAJcteFukE15wCTwr0IVChxaOU6pRSDYD/wc9jawGsWOaySCe45uPjX8I5L/u5nQ420DvlzRgmsl3UsgiF8bT+YtEaSOI6iWBgBRqUe0r3dANDNixkWURYn+YEshylkzSgpSil1kqpFsDf8LOPGgC/WEa6SkmfNyeQGdBbL1EmglLq2thH3+FvH22Y97KIJDFxe4LnqawPsfUSZWIYt78B8NOzqJyXRSQ56mdSBcou4X1qTPxoDuA/CLMssspsNJL0+emhtzL2ySbRfW4EtI9a6NEoFyUS9blUgSrvEMg+mgH4FUqmMagKFBhjH53C3T5qWcAbLz0nGEYUD7ONLMekMMsic7hvG8lhLW0ruOajKGAUW9JQMFIgMYBcc9pnYU5uC0mErFPYCCilltDTmo19VMT+66pAIzHYNtJiQl5tVaARod4n9Auy5aMiOIEgdsH8122yhnoxdgVgCVngFkjsuAj7/O4EMkElhVX2oN4WcQXgBrI1x54c3n5pBNds/xVbimOFev/POdymq2Jyq1UFCgz1NtYruI/at8ZrKwKpAk3G6IuFsRmuYDdV7fMAIJcNZ6I+l9pARcQkUmDsnB8ANvBTnlsApxnYPj2SPl9XI9oD45ZvYHN+4Ot8B9BmpDyATIF2J5DtwG+8RJkYZsnkBtot95nefwP4pJRaKKVyCy5K6tXVTfV25TfUrzH7smbm74wJ69HYXJy9Ic14b2XMqF9b9mXHArZq0OK1nn4pQ3Kkx1Ea0nyycxaeRX0H0BTiokv6+hZ4UiDRDnxXaUqEx2HnHKIVXLMDnhSoC1Ro8dDYOQBW8Bt1bwH8pZQ6y8y7ktAKrumAp0CiZAf+Z0dhioDaxvsG9+WHngcA54VMVYeQ9HX37F9CI7CNIW0o6GhEU6c72Ajb4C0WLMDZeAthGz565cP9QOIzYaaCaSzbbRavUaKdc4hWcM2jrgwVqBP88IulMFlCbedcQds5rUdRdyjXzjmEpI+7F99Ihy5mvLlMWId7+p8lvWPm52W7QIdjfvcLkJBtw3Gcc6KXLNzOOQR9Dho3BUhSHcjyRiXCRzPeoeP0T6rfCNrh2THA+5vqJWcEN5k3pO+JGfvcAfhbKdUqpSZ7yITp00Zw6Zu5MsLkjUoI5Vln3mPHCbjlUijMExeqoPucG5b+5xoumbGzEBqGzBPHiaS8pN4yYUv22yxiwJApL02Bkve4szamAauRqIhtFrFg6CTLFg0/j1arQFDbRIem5S31wQfZTsexoTxL5eK136sDhTbQe2DeY6uU+uQu/rhQexq9sqwnsOzgDfVM0ggu/WQVbX/jqS1uFKq8jsXos3QpXBrW3vCIp4BSofa8NsI+blxvIh2FFkFrV4kO5Smulj43kY5C7lpaGZ1R+5XyUWgVpnqV2FCfSS1hGeJmNksDubzXXTkAhdkpDWHWPCmPC2W9xHHsUL5kQZLhjpihfJGVrFNZtlA+de2CDwSUxwzI6pVlB+0SC8cxRWiXdK2NIkTFGsoXyMmY52jTzv2r9lAG0M7uIWOHY2g3FN5UJUqHUZ4bi/5ajCWYzVR2NYpQlRdQZ4yW0o0pmI1XVpUoAZbKE97rEghoY5iRIeMKlTeh/ZbeNpWgNvYQWbd+RId24RYydciF9vnUfyQVeMJQZ4G2oUstc28P2W5grzZRYGhn89D0WR4eslEiyUb8Z0qUTQUKxrS9rfJss2t76lV7G8+MrHEiL2gf56HpozzfLHZUonvWZQ9rqL1g21NG8lWeHtq79z0XqWUvBbofOdymll2EUSLbkYjU2w3qlHYA6ilr5dCuu2KUp4du0xmph+W6s3EP6p2ELgdj5T9tHcIoka131rNi3ajf74BYObbhtljl6aFbnGjIBY9wWqN/eoV84jy+mMawjVgP2VCnHDgK6H/scDcZ5RlC+7Wzo1KkAIpDpl7big3dPbQhG+rGLv4pox6dv9FfccrztFyh/5TWc08dxi/OUKR2MK7of+QwOdUp6z3oP6UN2VA/yU3qeh2C2qO6YJi0Cj2L1PVKimnUEKPRkBvqjkqeIIbkZyOL7ZrVe3TM4GF59YCpFFAHD5cAPkQovht8bmMdLEU9jfwbOn1C/wnNA4C5UkpyJHN0slEg4LEDFtBpl2LTQWes3kKnuxoq1d3+aVzmaf84+GoGnU+sP/WsjSTnkH8AZJXQJSsF6qE2is8BTNZlt+QngMspH3QeBWr7SHq8zBRZMgM7p3h4fIpUjOJkOYUdwjTqOYAzPLdHpsAddB6Ky5JyjxWlQEOoo65zaGWK4bmNwQO00iyVUl1iWZwoVoGGUL9vdoZyMir+BnBdeGJeABNRoCFmZOo/yQOJhj8wcahSR5pDTE6B9tlTqD7QF5Nb6JhShwkqzD6TV6DXMMZ4gyel2l+MbfDSSL+DDjoO6QOQHXTah/3/nzz/B8m/Xcoy7GkCAAAAAElFTkSuQmCC');}
    .olohome .home h2{ font-size: 28px; font-weight:bold; margin-top:25px; text-align:left; font-weight:normal;padding: 0 5%;}
    .olohome .home p{ font-size: 14px; text-align:left;padding: 0 5%;}
    .olohome .home .item h2{ font-size:20px; font-weight:normal}
    .olohome .club{ padding: 30px 0 0;}
    .olohome .club .item{width: 100%;  position: relative; margin-bottom: 5%;}
    .olohome .club .infobox{ margin-top: 0;padding: 2% 5%;}
    .olohome .club .infobox h2{font-size: 28px; font-weight: 600; color: #000; line-height: 56px;}
    .olohome .club .infobox p{font-size: 14px; font-weight: 400; color: #000; line-height: 20px; margin-top: 4px;}
    .olohome .club .infobox .btn{display:block; width: 180px; height: 50px; line-height:50px; text-align:center; border-radius: 4px; border: 1px solid #000; font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}

    .join{overflow:hidden; margin-top:56px;}
    .join .lunbo {height:auto}
    .join .lunbo .swiper-wrapper{display:none}
    .join .lunbo .swiper-pagination{display:none}
    .join .videobox{position:relative; background-color:#fff; }
    .join .videobox::after{content:''; background-size:contain; width: 60px; height: 60px;position: absolute; top: 50%; left: 50%; z-index:99; transform: translate(-50%,-50%); background-image:url('data:image/png;base64,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'); cursor:pointer; }
    .join .videobox .imgg{margin:auto; max-width:100%; height:auto; z-index:1;}
    .join .formbox{ width: 100%; min-height: 100px; background: #f2f2f2; border-radius: 8px; position: initial; top: auto; left: auto; margin-top: 0; overflow: hidden; z-index:9999; padding:8% 2%}
    .join .formbox .formhead.pcshow{display:none}
    .join .formbox .mformhead{ display: flex;align-items: center; justify-content: center;}
    .join .formbox .mformhead img{height:16px; width:auto; }
    .join .formbox .mformhead span{ margin-left: 5px; color: #000; font-weight: 600; font-size: 16px;}
    .join .formbox .formbody{padding: 22px 24px 0 25px;}
    
    .story{overflow:hidden; margin-top:56px;}
    .story .banner img.mobileshow{width:100%; height:100%;}
    .story .bottom{overflow:hidden; padding:5% 0;}
    .story .bottom p{text-transform:uppercase; font-size:12px; text-align:center; line-height:2;}
    .story .videobox {background-color: #fff; margin-top: 0; padding-bottom:40px;}
    .story .videobox .swiper-wrapper{width:100% !important; height:auto; display:block; }
    .story .videobox .swiper-slide {overflow: hidden;  width: 100%;margin-bottom: 5%;}
    .story .videobox .imgbox::after{display:none;}
    .story .videobox .imgbox img{width: 100%;height:auto}
    .story .videobox .infobox{overflow:hidden; text-align:center; display:block; padding:3%; }
    .story .videobox .infobox h1{ font-size: 16px;line-height: 35px;padding-left: 0; color: #333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:0; }
    .story .videobox .infobox p{margin-top: 0; font-size: 12px; font-weight: 400; color: #000; line-height: 24px; height:24px; overflow:hidden}
    .story .videobox .swiper-pagination { display:none}


    .history{overflow:hidden; margin-top:56px;}
    .history .content {width: 100%; height:auto; background-color: #fff; display: flex; overflow: hidden;}
    .history .content .title{display:none}
    .history .content .ct { flex: 1 1; height: auto; overflow: hidden;display: flex; align-items: center; flex-wrap: wrap;}
    .history .content .ct .item{ width: 100%; height: auto; border-bottom: 1px solid rgba(0,0,0,.3); transition: all .4s; cursor: pointer;}
    .history .content .ct .item.act {width: 100%;}
    .history .content .ct .item.act .year1{display:none}
    .history .content .ct .item.act .con{display:flex}
    .history .content .ct .year1{ font-size: 22px; font-weight: normal; color: #999; line-height: 50px;padding: 0 5%; margin: 5px 0; display: flex; justify-content: flex-start;}
    .history .content .ct .con{ display: none; position: relative; width: 100%; height: auto; flex-direction: column; padding:30px 25px; overflow-y: hidden; min-height: 10px;}
    .history .content .ct .con .tit{ display:flex;}
    .history .content .ct .con .tit h2{ font-size: 40px;  line-height: 84px;}
    .history .content .ct .con .tit p{ font-size: 16px; font-weight: 500; color: #000; line-height: 24px; margin-left: 21px; margin-top: 35px;}
    .history .content .ct .con .des{ margin-top: 20px; width: 100%;}
    .history .content .ct .con .des p{word-break: normal;  }    

    .estate{overflow:hidden; margin-top:56px;}

    .stock{overflow:hidden; margin-top:56px;}
    .stock .content{ padding:0; width: 100%;  margin: 0 auto;}
    .stock .boxhead{ display: none;}
    .stock .boxcon{display:none}
    .stock .tips{ display: none;}
    .stock .chart{ margin-top:24px;}
    .stock .news{ display: flex; padding: 5%;  background-color: #f7fafc;}
    .stock .news .container{width: 100%;  margin: 0 auto;}
    .stock .news .title{ font-size: 26px; text-align:center; }
    .stock .news .list{ margin-top: 16px; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .stock .news .btn{ display:block; width: 80%; height:40px; line-height:40px; font-size:16px; margin: 5% auto;}
    .stock .contact{display:none}

    .notice{width:1200px; overflow:hidden; margin:auto}
    .notice .titbox h2{display:none }
    .notice .titbox .years{width:100%; float:none; height:auto; border-bottom:1px solid #ddd; }
    .notice .titbox .years select{border:none; width:100%; height: 40px; line-height: 40px; font-size: 16px;}
    .notice .list{overflow:hidden; margin-top:0; padding:5%;}
    .notice .list .item{padding: 15px 0; }
    .notice .list .item p{font-size: 15px; font-weight: normal;line-height:30px; width:85%; float:left; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
    .notice .list .item span{line-height:30px; color:#555; font-size:20px; float:right;}
    .notice .list .nomore{ font-size: 16px; margin-top: 0; border: 1px solid #ddd;padding: 5%;}
    .notice .pages{padding: 8% 0;}
    .notice .pages .btn{float:none; width:60%; margin:auto; overflow:hidden;}
    .notice .pages .btn a{display:block; float:left; font-size:14px; background-color:#ddd; text-align:center; line-height:30px; width:46%;}
    .notice .pages .pre{margin-right:0;}
    .notice .pages a.next{float:right;}
    .notice .pages .info{display:none }
}
@media screen and (min-width:780px)
{
.story .videobox .imgbox img{filter: blur(15px);}
.design .designerlist .swiper-slide{ width:254px!important;}
.design .designerlist .swiper-wrapper{margin-top: 3px;}
}