.w1110{width: 1110px; margin: 0 auto;} .borderdash{border: 2px dashed #c12c49; padding: 0 5px; margin-right: 8px;} #list-to{position: fixed; top: 50%; right: 0;} #fp-nav ul li a span, .fp-slidesnav ul li a span{width: 11px; height: 11px; background: #1a3369} #fp-nav ul li a.active span, .fp-slidesnav ul li a.active span{background: #9c1a33} #fp-nav ul li a span, .fp-slidesnav ul li a span{border: none;} .dropdown{width: 36px; height: 18px; display: inline-block; position: absolute; bottom: 30px; left: 50%; margin-left: -18px;} .c1e4bac{color: #1e4bac;} .c1eac4d { color:#1eac4d} .c541eac { color:#541eac} .cff46da { color:#ff46da} .f22{font-size: 22px;} /*第一块*/ .section1{overflow: hidden} .section-bg1{position: absolute; top: 150px; width: 564px; height: 672px; background: url(/uploads/image/sig/sec1_bg1.jpg) no-repeat; left: 50%;} .section-bg2{position: absolute; top: 150px; width: 276px; height: 481px; background: url(/uploads/image/sig/sec1-bg2.png) no-repeat; left: 49%; z-index: 1} .section-bg3{position: absolute; top: 150px; right: 40%; opacity: 0; transition: opacity 0.1s linear 2s;} .moveto .section-bg3{opacity: 1;} .section-bg3 {width: 70%;height: 100%;} .section-bg3 img{opacity: 0.5; width: 100%;height: 100%; min-height: 800px; transition: opacity 0.1s linear 2.5s;} .moveto .section-bg3 img{opacity: 1;} .section-con1{position: absolute; top: 50%; left: 50%; z-index: 9; margin-top: -210px ;margin-left: -600px; overflow: hidden} .section-con1 h1{opacity: 0; transition: opacity 0.5s;} .section-con1 .mright35 { position:absolute; right:0; bottom:0; float:none!important;} .moveto .section-con1 h1{opacity: 1;} .section-con1 h3{opacity: 0; transition: opacity 0.5s linear 0.5s;} .moveto .section-con1 h3{opacity: 1;} .sec1l-img{opacity: 0; width: 492px; height: 196px; transition: opacity 0.1s linear 2s; filter: alpha(opacity=20);} .moveto .sec1l-img{opacity: 0.2} .sec1l-img img{ width: 492px; height: 196px;} .white-link, .red-link{width: 245px; height: 45px; display: inline-block; line-height: 45px; text-align: center; border-radius: 45px; opacity: 0; transition: opacity 1.5s linear 1s;} .moveto .white-link, .moveto .red-link{opacity: 1;} .white-link{background: #fff; color: #bf2542;} .white-link:hover{color: #bf2542;} .red-link{background: #bf2542; color: #fff;} .red-link:hover{color: #fff;} .white-link span, .red-link span{font-weight: 700;/* transition: opacity 0.5s linear 1.5s*/} .sec1r-img{opacity: 0; transition: opacity 0.5s linear 1.5s;} .moveto .sec1r-img{opacity: 1} /*第二块*/ .section{position: relative;} .section-con{display: block; overflow: hidden; position: absolute; top: 50%; margin-top: -320px;} .sec2{width: 621px; height: 345px;} .leftbg{width: 567px; height: 276px;} /*.leftbg{width: 581px; height: 276px; background: url(/uploads/image/sig/map.png) no-repeat;} .leftbg img{width: 555px; height: 276px;opacity: 0; transition: opacity 2s;}*/ .moveto .leftbg img{opacity: 1;} .cc12c49kuai{ background: #c12c49; display: inline-block;} .c0f1d3ekuai{ background: #0f1d3e; display: inline-block;} .sec2peo{ height: 267px;} .sec2peokuai{height: 240px; border-bottom: 2px solid #c12c48} .sec2peo li{width: 78px; float: left; text-align: center; height: 240px; position: relative;} .sec2peo_1, .sec2peo_2, .sec2peo_3, .sec2peo_4, .sec2peo_5, .sec2peo_6{width: 30px; transition: height 1.7s; height: 0px; position: absolute; bottom: 0; left: 33px;} .moveto .sec2peo_1{height: 140px;} .moveto .sec2peo_2{height: 120px;} .moveto .sec2peo_3{height: 80px;} .moveto .sec2peo_4{height: 105px;} .moveto .sec2peo_5{height: 165px;} .moveto .sec2peo_6{height: 170px;} /*第三块*/ .section-con3{/*overflow: hidden;*/ position: absolute; top: 50%; margin-top: -450px; width:1110px;} .sec3l{height: 335px;} /*.sec3l ul{overflow: hidden;} .sec3l li{margin-bottom: 40px; height: 75px;} .sec3l li img{vertical-align: middle; opacity: 0.3; margin-left: -100px; float: left; margin-right: 5px; transition: margin-left 0.5s, opacity 1.5s; } .moveto .sec3l li img{margin-left: 0; opacity: 1;}*/ .sec3ladd{overflow: hidden; width:640px;} .sec3ladd .sec3laddtype{margin-bottom: 25px; height: 55px;} .sec3laddp li{height: 55px; width: 24px; float: left; /*margin-right: 3px;*/} .sec3l-com{background: url(/uploads/image/sig/section3-p.png) no-repeat;} .sec3l-whi{background: url(/uploads/image/sig/section3-p.png) 0 -88px no-repeat;} .sec3l-yel{background: url(/uploads/image/sig/section3-p.png) 0 -176px no-repeat;} .sec3l-red{background: url(/uploads/image/sig/section3-p.png) 0 -262px no-repeat;} .sec3l-blue{background: url(/uploads/image/sig/section3-p.png) 0 -347px no-repeat;} .sec3l-green{background: url(/uploads/image/sig/section3-p.png) 0 -436px no-repeat;} .sec3l-purple{background: url(/uploads/image/sig/section3-p.png) 0 -522px no-repeat;} .sec3l-pink{background: url(/uploads/image/sig/section3-p.png) 0 -610px no-repeat;} .sec3ladd li.sec3laddtype dl{width: 80px; float: right;} .sec3ladd li.sec3laddtype dt{line-height: 22px; height: 22px;} .sec3r{width: 425px;} .sec3rcon{width: 425px; height: 290px; position: relative;} .secrcon1{position: absolute; top: 0px; left: 320px; width: 80px; height: 83px; background: url(/uploads/image/sig/section3-con1.png) no-repeat; color:#c12c48; text-align:right;} .secrcon2{position: absolute; left: 28px; top: 157px; width: 79px; height: 82px; background: url(/uploads/image/sig/section3-con2.png) no-repeat; color:#fff; padding:50px 0 0 0} .secrcon3{position: absolute; left: 37px; top: 0px; width: 68px; height: 82px; background: url(/uploads/image/sig/section3-con3.png) no-repeat; color:#1c46a0} .secrcon4{position: absolute; left: 303px; top: 182px; width: 117px; height: 58px; background: url(/uploads/image/sig/section3-con4.png) no-repeat; color:#e3ce85; text-align:center;} #sec3limg{width: 540px; height: 460px; margin: 0 auto;} #sec3rimg {width:540px; height:460px; margin:0 auto;} .sec3rimg{position: relative;width: 230px; height: 230px; margin: 0 auto;} .sec3rimg img{position: absolute;} .img3_1{left: 0; top: 0px;} .img3_2{left: 0px; top: 0px;} .img3_3{left: 0px; top: 0px;} .addhover{transform: scale(1.1,1.1)} .sec3cover1, .sec3cover2, .sec3cover3, .sec3cover4{position: absolute; z-index: 2; opacity: 0; filter: alpha(opacity=0);} .sec3cover1{width: 75px; height: 90px; top: 20px;} .sec3cover2{width: 75px; height: 120px; top: 108px;} .sec3cover3{width: 150px; height: 130px; left: 75px;} .sec3cover4{width: 150px; height: 90px; left: 75px; top: 136px;} /*第四页*/ .section-con4{ overflow: hidden; position: absolute; top: 50%; margin-top: -330px; width:1110px;} .sec4l{width: 655px;} .sec4ldl dd{margin-bottom: 15px; height: 20px; line-height: 20px; font-weight: 700;} .sec4ljindu {margin-top: 40px;} .sec4ljindu li{margin-bottom: 15px; height: 20px;} .sec4ljindu li span{vertical-align: top; margin-left: 15px;} .sec4ljindu li .cc12c49kuai{margin-bottom: 15px; height: 20px; width: 0px; transition: width 2s;} .sec4ljindu li .c0f1d3ekuai{margin-bottom: 15px; height: 20px; width: 0px; transition: width 2s;} .moveto .sec4ljindu li .sec4k1{width: 300px;} .moveto .sec4ljindu li .sec4k2{width: 265px;} .moveto .sec4ljindu li .sec4k3{width: 235px;} .moveto .sec4ljindu li .sec4k4{width: 210px;} .moveto .sec4ljindu li .sec4k5{width: 210px;} .moveto .sec4ljindu li .sec4k6{width: 185px;} .moveto .sec4ljindu li .sec4k7{width: 160px;} .moveto .sec4ljindu li .sec4k8{width: 160px;} .moveto .sec4ljindu li .sec4k9{width: 140px;} .moveto .sec4ljindu li .sec4k10{width: 110px;} /*第五块*/ .section-con5{overflow: hidden;position: absolute; top: 50%; margin-top: -310px; width:1110px;} .sec5lcon {width: 620px; } .sec5lcon li{width: 124px; height: 124px;margin-right: 30px; margin-bottom: 30px; background: url(/uploads/image/sig/sect5l_bg.png) no-repeat center; float: left; } .sec5lcon li img{width: 83px; height: 60px; margin: 30px 0px 0px 20px; transition: transform 2s;} .moveto .sec5lcon li img{transform:rotatey(360deg)} .sec5r{width: 446px;height: 275px; margin-left: 30px;} .banner{float: left; height: 275px;width: 446px; overflow: hidden; position:relative} .banner .banner-img{width: 446px; height: 275px;} .banner .banner-item{position: absolute; bottom: 15px; left: 35px; height: 12px; line-height: 12px;} .banner .banner-item a{background: #fff; border-radius: 5px; cursor: pointer;display: inline-block;height: 10px; width: 10px; margin-right: 5px;} .banner .banner-item a.cur{background: #c12c49;height: 11px; width: 11px; border-radius: 6px;} .banner .banner-img li{float: left;width: 446px; height: 275px;} .sec5rcon{width: 446px; height: 275px; background: url(/uploads/image/sig/sec5r_bg.jpg) no-repeat; position: relative;} .sec5rcon_1{width: 386px; line-height: 25px; padding: 30px 30px 0px; } .sec5rcon_1_text { height:150px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient: vertical;} .index_logos {width:600px;height:275px;background-color:#ffffff;overflow:hidden} .index_logos li{height:793px} .index_logos li img {width:100%;vertical-align:top} /*第六块*/ .section-con6 {position:absolute;top:50%;margin-top:-450px;overflow:hidden;width:1110px} /*展馆导航部分*/ .shop-nav{ padding-bottom: 60px;} .tab-select{ width: 1080px; margin: 0 auto; overflow: hidden;} .tab-select div{ width: 525px; height: 42px; border-radius: 42px; text-align: center; border: 1px solid #999999; line-height: 42px; font-size: 18px; color: #333333; cursor: pointer;} .tab-select div:hover{ background: #d1425d; color: #fff; border: 1px solid #d1425d;} .tab-select .selected{ background: #d1425d; color: #fff; border: 1px solid #d1425d;} .tab-b{ margin-left: 25px;} .text-part{ width: 1060px; border: 1px solid #dddcdc; margin: 5px auto; overflow: hidden; background: #fff;} .floorblock{width: 40px; height: 70px; font-size: 16px; background: #c12c48; line-height: 90px; text-align: center; color: #fff; margin: 5px 0; padding:15px 0} .floor-1,.floor-2,.floor-3{ width: 1060px; margin: 0 auto; } .floor-1,.floor-2 { height:50px!important;} .floor-1,.floor-2{ border-bottom: 1px solid #dcdcdc;} .floor-content { width:995px;} .floor-3{ padding-bottom: 1px;} .floor-title{ width: 65px; height: 45px; background: no-repeat;} .floor-1 .floor-title{ background-position: 20px 0;} .floor-2 .floor-title{ background-position: 20px -60px;} .floor-3 .floor-title{ background-position: 20px -122px;} .floor-content ol{ margin-left: 5px;} .floor-content li{ float: left; padding-right: 8px; margin-top: 5px; color: #535353;} .posi-num{ color: #c12c48; font-size: 14px; padding-right: 5px;} .floor-content li:hover .posi-num,.floor-content li:hover .posi-name{ color: #0f1d3e; cursor: pointer;} .posi-num em{ font-size: 12px;} .posi-name{ font-size: 12px;} .partb{height:90px;} .parta{height:100px;} .image-part{ width: 1136px; height: 445px; background: no-repeat; margin: 0 auto; position: relative;background-size: 100%;} .oneshop{ width: 48px; height: 60px; background: #bd3149; color: #fff; position: absolute; border-radius: 5px; box-shadow: 3px 3px 3px #999; z-index: 98; text-align: center; font-size: 16px; padding: 0 2px; overflow: hidden;} .oneshop a{color: #fff; cursor: pointer;} .oneshop:hover{ background: #212d4b; z-index: 100;} .oneshop .shopnum{ margin-top: 5px; cursor: default; cursor: pointer;} .oneshop .shopname{ font-size: 10px; cursor: default; cursor: pointer; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow:hidden; line-height:16px; height:34px;} .oneshop.cur{ background: #212d4b!important; z-index: 99;} .oneshop.notcur{ background: #a09f9f; z-index: 89; box-shadow: 3px 3px 3px #e1e1e1; color: #fff;} /*.oneshop.notcur:hover{ background: #a62c43; z-index: 100; box-shadow: 3px 3px 3px #e1e1e1; color: #927e9c; color: white;}*/ /*.oneshop.notcur:hover .shopnum{ margin-top: 15px; margin-left: 0px;}*/ /*.oneshop.notcur:hover .shopname{ display: block;}*/ /*.oneshop.notcur .shopnum{ margin-top: 40px; margin-left: 20px;}*/ /*.oneshop.notcur .shopname,.oneshop.inhibit .shopname{ display: none;}*/ .inhibit_shop{ width: 62px; height: 75px; color: #fff; border-radius: 5px; position: absolute; background: #dcdcdc!important; z-index: 79; box-shadow: 3px 3px 3px #dedddd; cursor: not-allowed; box-shadow: 3px 3px 3px #dad9d9; text-align: center; font-size: 20px; line-height: 70px;} .fl2.notcur .shopnum{ margin-top: 36px; margin-left: -8px;} .fl2.notcur .shopname{ display: none;} .fl1.notcur .shopnum{ margin-top: 4px;} .fl3.notcur .shopnum{ margin-top: 4px;} .fa1, .fa2,.fb1 ,.fb2, .fb3,.fd1{position: absolute; width: 400px; height: 60px;} .fa1{top: 220px;left: 177px;z-index: 1;} .fa2{top: 255px;left: 182px;z-index: 2;} .fb1{top: 220px;left: 645px;z-index: 0;} .fb2{top: 257px;left: 660px;z-index: 1;} .fb3{top: 290px;left: 680px;z-index: 2;} .fd1{top: 180px; left: 55px; z-index: 2;} #a-shop12{ left: 60px;top: 10px;} #a-shop22{ left: 135px;top: 10px;} #a-shop32{ left: 220px;top: 10px;} #a-shop42{ left: 285px;top: 10px;} #a-shop52{ left: 355px;top: 10px;} #a-shop61{ left: 160px; top: -120px;} #a-shop71{ left: 220px; top: -120px;} #a-shop81{ left: 280px; top: -120px;} #a-shop11{ left: 50px;top: 10px;} #a-shop21{ left: 125px;top: 10px;} #a-shop31{ left: 200px;top: 10px;} #a-shop41{ left: 270px;top: 10px;} #a-shop51{ left: 342px;top: 10px;} #b-shop91{ left: 20px;top:10px;} #b-shop101{ left: 105px;top:10px;} #b-shop111{ left: 190px;top:10px;} #b-shop121{left: 70px;top: -120px;} #b-shop131{left: 140px;top: -120px;} #b-shop92{ left: 30px;top:10px;} #b-shop102{ left: 120px;top:10px;} #b-shop112{ left: 210px;top:10px;} #b-shop122{ left: 25px;top:-180px;} #b-shop132{ left: 100px;top:-180px;} #d-shop171{ left: 0;} #d-shop181{ left: 70px;} #d-shop191{ left: 140px;} #d-shop201{ left: 210px;} #b-shop93{ left: 35px;top:5px;} #b-shop103{ left: 125px;top:5px;} #b-shop113{ left: 215px;top:5px;} /*第七块*/ .section-con7{overflow: hidden; position: absolute; top: 50%; margin-top: -350px; left: 50%; margin-left: -555px;} .section7{background: url(/uploads/image/sig/section7-bg.png) no-repeat center top;} .sec7l{width: 610px; height: 345px;} .sec7r{width: 355px; height: 345px; position:relative;} .sec7rcon{position: absolute; top: 0; left: 0; z-index: 2;} .sec7r dl{margin: 25px 15px 40px 15px; height: 190px; width: 325px; } .sec7r dt{color: #fff; background: #c12c49; height: 32px; line-height: 32px; padding-left: 10px; } .sec7r dt span{display: inline-block; height: 32px;padding-right: 10px; border-right: 2px solid #07132e} .sec7r dd{padding-left: 5px; font-size: 12px; line-height: 32px; width: 300px; } .sec7r dd,.sec7r dd a{color: #fff;} .sec7rbg{position: absolute; top: 0; left: 0; width: 355px; height: 345px; background: #000; opacity: 0.1; filter: alpha(opacity =10); z-index: 0;} .footer{position: absolute; bottom: 0; width: 100%; background: #434343;} .container7 { width: 320px; height: auto; float: left; } .container7 .div_scroll {width: 320px; height: 120px; float: left; margin-top: 20px;} .container7 .scroll_container { overflow: hidden; position: relative; } .container7 .scroll_absolute { position: absolute;} .container7 .scroll_vertical_bar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; margin: 0; padding: 0;} .container7 .scroll_track { position: relative; background-color: #fff; width: 1px; margin: 0 auto;} .container7 .scroll_drag {position: relative; top: 0; left: 0; cursor: pointer; background-color: #c12c48; width: 8px; margin-left: -3px; border-radius: 10px;} .container7 .scroll_arrow { text-indent: -20000px; display: block; cursor: pointer; background-color: #d6b74b;} .container7 .scroll_vertical_bar .scroll_arrow {height: 16px;} .sec7r p:hover,.sec7r p:hover a{color: #c12c49;} .sec7r dl p{width: 310px; height: 32px; line-height: 32px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .container7 p:hover .icon-right{background: url(/uploads/image/sig/section7-icon.png) 0 0 no-repeat;} .container7 .icon-right{width: 10px; height: 10px; display: inline-block; vertical-align: middle; background: url(/uploads/image/sig/section7-icon.png) 0px -30px no-repeat;} .bottom-ad { width:300px; height:320px; position:fixed; right:0; bottom:0; z-index:999; display:none} /* 20240402 */ .parta{height: auto !important;} .floor-1,.floor-2{height: auto !important;}