@charset "UTF-8"; /**********************ab-index***************************/ .ab-index-bk01 { padding-bottom:50%; position:relative; overflow:hidden; } .ab-index-bk01 video { position:absolute; left:0px; height:100%; width:100%; background:transparent; background-size:cover; background-position:center center; top:0px; right:0px; bottom:0px; object-fit:fill; } .isIe .ab-index-bk01 { padding-bottom:56%;} .isIe .ab-index-bk01 video { position: absolute;left: 50%;top: 50%; width:auto; height:auto; min-width: 100%;min-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .ab-index-bk01 .text { position:absolute; z-index:3; cursor:pointer; width:100%; height:100%; left:0px; top:0px; right:0px; bottom:0px; color:#fff; background:none!important; } .ab-index-bk01 .text .play { width:3.125em; margin:0px auto; margin-top:2.3125em; height:3.125em; background:url(../images/play2.png) no-repeat center center; background-size:100% 100%; cursor:pointer; } .ab-index-bk01 .text .tit span { padding:0px 3.91667em; position:relative; } .ab-index-bk01 .text .tit { padding-top:0.2083em; } .ab-index-bk01 .text .tit i { position:absolute; top:50%; display:inline-block; width:3.33em; margin-top:-1px; height:2px; } .ab-index-bk01 .text .tit i.i1 { left:0px;background:linear-gradient(to right,transparent,#a8a8a9); -moz-background:linear-gradient(to right,transparent,#a8a8a9);-ms-background:linear-gradient(to right,transparent,#a8a8a9); -webkit-background:linear-gradient(to right,transparent,#a8a8a9); } .ab-index-bk01 .text .tit i.i2 { right:0px;background:linear-gradient(to right,#a8a8a9,transparent); -moz-background:linear-gradient(to right,#a8a8a9,transparent);-ms-background:linear-gradient(to right,#a8a8a9,transparent); -webkit-background:linear-gradient(to right,#a8a8a9,transparent); } .ab-index-bk01 .text.on { /*opacity:0; filter:alpha(opacity=0);*/ } .ab-index-bk01 .ab-logo img { max-width:50%; } .ab-index-bk01.hover video { background:#000!important; } .ab-index-bk01 .text.hover { background:none!important; } .ab-index-bk01 .imgbg { position:absolute; display:none; left:0px; top:0px; right:0px; width:100%; height:100%; bottom:0px; } .ab-index-bk02 { padding-top:5.25em; } .ab-index-bk02 .title { padding-bottom:3.125em; } .ab-index-bk02 .title .tit { color:#151922; } .ab-index-bk02 .title .sub-tit { color:#222; } .ab-index-bk02 .ab-intro { background:#fff; color:#151922; position:relative; } .ab-index-bk02 .ab-intro .img { position:absolute; left:0px; top:0px; bottom:0px; width:50%; } .ab-index-bk02 .ab-intro .text { padding:4.9375em 3.5% 5em 53.67%; } .ab-index-bk02 .ab-intro .text .con { line-height:2; min-height:10em; margin-top:1.2857em; } .ab-index-bk02 .list ul li { border:1px solid #fff; margin-top:1.125em; box-shadow:0px 0px 5px rgba(0,0,0,0.05); position:relative; background:rgba(255,255,255,0.6); } .ab-index-bk02 .list { color:#151922; padding:2.125em 0px 7.5em; } .ab-index-bk02 .list ul { padding-top:1.125em; } .ab-index-bk02 .list ul li .tit { padding:1.75em 0px 1.5625em 1.75em; width:12.25em; color:#114163; position:relative; z-index:3; } .ab-index-bk02 .list ul li .tit p { min-width:12.25em; } .ab-index-bk02 .list ul li .ico { position:absolute;border-left-style:solid; border-left-color:#98b8de; background-position:center right; border-left-width:0.25em; left:0px; top:-1px; bottom:-1px; width:12.25em; } .ab-index-bk02 .list ul li .con { color:#444; padding-right:4.2%; padding-left:3%; } .ab-index-bk03 { padding:13.375em 0px 16.5em; } .ab-index-bk03 .title { float:left; width:46.3125%; color:#fff; padding-top:1.75em; } .ab-index-bk03 .title h3 { color:#ffcc00; line-height:1.1; } .ab-index-bk03 .title h4 { letter-spacing:0.35em; } .ab-index-bk03 .title .con { line-height:1.75; } .ab-index-bk03 .title .line { width:6.25em; height:0.25em; margin:2.5em 0px 2.625em; background:#fff; } .ab-index-bk03 .list { float:right; width:58.75%; margin-right:-17.65%; color:#fff; } .ab-index-bk03 .list ul li { float:left; width:50%; padding-top:5.125em; padding-right:7%; } .ab-index-bk03 .list ul li .ico { width:4.375em; margin-right:1.435em; float:left; height:4.375em; background:#fff; border-radius:50%; position:relative; } .ab-index-bk03 .list ul li .ico img { width:auto; height:auto; max-width:80%; max-height:80%; } .ab-index-bk03 .list ul li:hover .ico { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; -moz-transition:0.5s all;} .ab-index-bk03 .list ul li dl { overflow:hidden; } .ab-index-bk03 .list ul li dl dt { position:relative; padding-bottom:0.33em; } .ab-index-bk03 .list ul li dl dt i { position:absolute; left:0px; bottom:0px; width:2.5em; height:0.125em; background:#fff;} .ab-index-bk03 .list ul li dl dd { margin-top:0.625em; } .ab-index-bk04 { padding-top:6.3125em; padding-bottom:8.6875em; } .ab-index-bk04 .title { padding-bottom:3.125em; } .ab-index-bk04 .title .tit { color:#151922; } .ab-index-bk04 .title .sub-tit { color:#222; } .ab-index-bk04 .title .con { color:#222; line-height:1.2857; padding-top:0.7142em; } .ab-index-bk04 .list { padding-top:1.0625em; } .ab-index-bk04 .list ul li { float:left; width:33.33%; position:relative; top:0px; } .ab-index-bk04 .list ul li .con { margin:0px 1.125em; position:relative; z-index:3; padding:1.1875em 0px; } .ab-index-bk04 .list ul li .bg { position:absolute; left:1.125em; top:0px; bottom:0px; right:1.125em; background:rgba(255,255,255,0.8);} .ab-index-bk04 .list ul li .img { position:relative; height:11.5em; } .ab-index-bk04 .list ul li .img img { width:auto; height:auto; max-width:90%; max-height:90%; } .ab-index-bk04 .list ul li .tit { color:#323131; padding-top:0.8461em; } .ab-index-bk04 .list ul li .sub-tit { padding-bottom:0.778em; } .ab-index-bk04 .list ul li .label { color:#777; padding:1.25em 1em; } .ab-index-bk04 .list ul li .label span { display:inline-block; min-width:7em; margin:0.5em 0.833em 0px; text-align:left; padding-left:1em; position:relative; } .ab-index-bk04 .list ul li .label span i { width:0.44em; height:0.44em; background:#737373; border-radius:50%; position:absolute; left:0px; top:0.5em; } .ab-index-bk04 .list ul li .line { position:relative; height:2px; background:linear-gradient(to right,transparent,#e2edf7,transparent); -moz-background:linear-gradient(to right,transparent,#e2edf7,transparent);-ms-background:linear-gradient(to right,transparent,#e2edf7,transparent); -webkit-background:linear-gradient(to right,transparent,#e2edf7,transparent); } .ab-index-bk04 .list ul li:first-child .label span { min-width:8em; margin:0.5em 0px 0px; } .ab-index-bk04 .list ul li:hover { top:-5px; } .ab-index-bk04 .list ul li:hover .con { box-shadow:0px 0px 0.5em rgba(0,0,0,0.1);} .ab-index-bk05 {/* padding-bottom:50%;*/ background-position:center bottom; background-repeat:no-repeat; position:relative; height:960px; } .ab-index-bk05 .title { position:absolute; top:11.5%; left:0px; right:0px; color:#fff;} .ab-index-bk05 .title .con { padding-top:0.5em; } .ab-index-bk05 .list { position:absolute; left:0px; right:0px; bottom:106px; } .ab-index-bk05 .list ul { display:flex; flex-wrap:wrap; margin-top:-22px; } .ab-index-bk05 .list ul li { width:128px; margin:0px 6.5px; } .ab-index-bk05 .list .imgbg { perspective:1000px; width:100%; position:relative; height:145px; margin:0px auto; background:url(../images/ab-index-bk05-imgbg.png) no-repeat center center; background-size:100% 100%; } .ab-index-bk05 .list .imgbg .img { position:absolute; left:5%; margin-top:0px; top:5%; right:5%; width:90%; height:90%; bottom:5%; } .ab-index-bk05 .list .imgbg .img img { width:auto; height:auto; max-width:100%; max-height:100%; } .ab-index-bk05 .list ul li:hover .imgbg { transform:rotateY(360deg); transition:0.5s all; -webkit-transition:0.5s all; } .ab-index-bk005 {/* padding-bottom:50%;*/ background-position:center bottom; background-repeat:no-repeat; position:relative; height:960px; } .ab-index-bk005 .title { position:absolute; top:11.5%; left:0px; right:0px; color:#fff;} .ab-index-bk005 .title .con { padding-top:0.5em; } .ab-index-bk005 .list { position:absolute; left:0px; right:0px; bottom:106px; } .ab-index-bk005 .list ul { display:flex; flex-wrap:wrap; margin-top:-22px; } .ab-index-bk005 .list ul li { width:128px; margin:0px 6.5px; } .ab-index-bk005 .list .imgbg { width:100%; position:relative; height:145px; margin:0px auto; } .ab-index-bk005 .list .imgbg .img { position:absolute; left:5%; margin-top:0px; top:5%; right:5%; width:90%; height:90%; bottom:5%; } .ab-index-bk005 .list .imgbg .img img { width:auto; height:auto; max-width:100%; max-height:100%; } .ab-index-bk005 .list ul li:hover .img { /*transform:rotateY(360deg); transition:0.5s all; -webkit-transition:0.5s all;*/ } .ab-index-bk005 .list .diamond { position:absolute; left:0px; top:0px; width:100%; height:100%; bottom:0px; right:0px; perspective:1000px; background:url(../images/ab-index-bk05-imgbg.png) no-repeat center center; background-size:100% 100%; } .ab-index-bk005 .list ul li:hover .diamond {transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02); } .ab-index-bk06 { padding-bottom:50%; position:relative; background-attachment:fixed; } .ab-index-bk06 .text { position:absolute; left:0px; top:0px; height:100%; bottom:0px; right:0px; } .ab-index-bk06 .title { color:#fff600; } .ab-index-bk06 .title .line { padding:0.25em 0px 1.375em; } .ab-index-bk06 .title .line span { width:6.25em; height:2px; background:#fff600; display:inline-block; } .ab-index-bk06 .list ul { padding:3.75em 7.8% 0px; } .ab-index-bk06 .list ul li { float:left; width:33.33%;} .ab-index-bk06 .list ul li .con { display:inline-block; background:rgba(255,255,255,0.9); color:#0060b1; padding:0.25em 1.85em 0.25em 0.25em; border-radius:1.2em; } .ab-index-bk06 .list ul li span { display:inline-block; width:1.72727em; margin-right:0.7272em; line-height:1.7272; font-style:italic; height:1.7272em; background:#0075c1; color:#fff; border-radius:50%; } .ab-index-bk07 { padding:7.375em 0px 3.1875em; } .ab-index-bk07 .title { padding-left:4.21875%; padding-bottom:3.25em; } .ab-index-bk07 .title .tit { float:left; width:15em; padding-top:0.6em; color:#fff; line-height:1.34375; } .ab-index-bk07 .title .list { color:#fff; overflow:hidden; padding-left:9%; } .ab-index-bk07 .title .list ul li { float:left; width:25%; } .ab-index-bk07 .title .list ul li .num em { vertical-align:middle; } .ab-index-bk07 .title .list ul li .num span {vertical-align:middle; } .ab-index-bk07 .title .list ul li p { margin-top:-0.5em; } .con-tab-con { margin:0px -4px; } .con-tab-con .map { } .con-tab-con .map img { width:100%; } .con-tab-con .map-con { position:relative; } .con-tab-con .map-con .list ul li { position:absolute; } .con-tab-con .map-con .ico { position:relative; } .con-tab-con .map-con .ico i { display:block; width:1.625em; height:2.125em; background:url(../images/ab-index-bk07-ico01.png) no-repeat center center; background-size:100% 100%; animation: rotate 1s linear infinite; } .con-tab-con .map-con .ico label { position:absolute; color:#fff; } .map-contc { position:absolute; width:550px; display:none; left:50%; margin-left:-275px; top:100%; } .map-contc .jt { font-size:0px; } .map-contc .jt span { border:11px solid #fff; border-color:transparent transparent #fff transparent; display:inline-block; } .map-contc .list-con {background:url(../images/map-contc.png) no-repeat center center; border-radius:5px; background-size:cover; padding:1.375em 2.375em; margin-top:-2px; } .map-contc .img { float:left; width:160px; height:90px; } .map-contc .img img { width:100%; } .map-contc .tel { overflow:hidden; padding-left:1.2em; } .map-contc .tel dt { color:#383841; line-height:1.1; padding-bottom:0.3125em; } .map-contc .tel dd { position:relative; padding-left:24px; color:#383841; } .map-contc .tel dd .sign { position:absolute; left:0px; top:0.5em; } .map-contc .tel dd .sign img { width:13px; } .map-contc .tel dd a:hover { color:#e1b150; text-decoration:underline; } .map-contc .content { padding-top:1.25em; } .map-contc .address { padding-top:1em; } .map-contc .address dl dd { position:relative; margin-top:5px; padding-left:20px; color:#383841; } .map-contc .address dl dd .sign { position:absolute; left:0px; top:0.375em; } .map-contc .address dl dd .sign img { width:13px; } .map-con .list ul li:hover { z-index:10; } .map-con .list ul li:hover .ico { background:url(../images/in-con-ico01.png) no-repeat center center; background-size:100% 100%; } .map-con .list ul li:hover .ico i { opacity:0; filter:alpha(opacity=0); } .map-con .list-tab1 ul li:hover .map-contc { display:block; } .map-contc2 { left:100%; margin-left:0px; top:-1em; padding-left:22px; } .map-contc2 .jt { position:absolute; left:0px; top:32px; } .map-contc2 .jt span { border-color:transparent #fff transparent transparent; } .map-contc3 { right:100%; margin-left:0px; top:-1em; left:auto; padding-right:22px; } .map-contc3 .jt { position:absolute; right:0px; top:32px; } .map-contc3 .jt span { border-color:transparent transparent transparent #fff; } .gradient-text-one{ background:url(../images/numbg.png) repeat-x center center; background-size:100% 100%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; -ms-background-clip:text; -ms-text-fill-color:transparent; -moz-background-clip:text; -moz-text-fill-color:transparent; } .isIe .gradient-text-one { background:none; } .ab-index-bk08 { padding-top:6.3125em; padding-bottom:4.75em; } .ab-index-bk08 .title { padding-bottom:1.375em; } .ab-index-bk08 .title .tit { color:#151922; } /**********************about-gift***************************/ .ab-gift-wrap .er-bn .img { padding-bottom:39.0625%; } .ab-gift-bk01 { padding-bottom:5.5em; padding-top:6.9375em; } .ab-gift-bk01 .load-more-link span { width:13.75em; max-width:50%; line-height:3.25; border-radius:1.625em; display:inline-block; } .ab-gift-bk01 .resource-type-list { margin:0px -1em; position:relative; /*-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;*/ padding-bottom:5em; } .ab-gift-bk01 .resource-type-list li {/* float:left; width:33.31%;*/ /*-moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid;*/ } .ab-gift-bk01 .resource-type-list li .price { color:#006eb7; padding-top:0.833em; } .ab-gift-bk01 .resource-type-list li h3 { color:#333; } .ab-gift-bk01 .resource-type-list li .inner { margin:0px 1em; padding-bottom:4.25em; } .ab-gift-bk01 .resource-type-list li .img { cursor:pointer; } .ab-gift-bk01 .resource-type-list li .img img { width:100%; max-width:406px; } .ab-gift-bk01 .resource-type-list li .con { line-height:2; margin-top:1.1428em; } .ab-gift-bk01 .resource-type-list .btn { padding-top:1.4285em; } .ab-gift-bk01 .resource-type-list .btn span { display:inline-block; color:#0c6fb7; line-height:2.7857; padding:0px 2.4285em; border-radius:1.21425em; cursor:pointer; border:1px solid #0c6fb7; } .ab-gift-bk01 .resource-type-list .btn span:hover { background:#0c6fb7; color:#fff; } .ab-gift-bk01 .resource-type-list .text { color:#fff; padding:2.825em 2.5em 7.95em; } .ab-gift-bk01 .resource-type-list .con2 { line-height:1.667; } .ab-gift-bk01 .resource-type-list .ico { padding-bottom:2.5em; } .ab-gift-bk01 .resource-type-list .ico img { max-width:80%; } .ab-gift-bk01 .load-more-link { padding:0px; } .cus-reg-bg { background:rgba(105,120,130,0.8);} .cur-reg-form { padding-top:3.75em; } .cur-reg-form .list ul li { margin-top:0.625em; } .cur-reg-form .list { padding-top:0.875em; } .cur-reg-form .list ul li.number { border-bottom:none; padding-bottom:1px; width:100%; } .cur-reg-form .list ul li.number .tit { bottom:0.325em; } .cur-reg-form .list ul li.area { margin-top:0px; } .cur-reg-form .list ul li.area .inp { margin-top:2.125em; } .pic_num { padding:1.375em 0px 0px 9em; } .pic_num .num {} .pic_num a { background:#3171bd; float:left; display:inline-block; width:2.375em; height:2.375em; line-height:2.375em; color:#fff; text-align:center; border-radius:3px 0px 0px 3px; transition:0s all; -webkit-transition:0s all; -ms-transition:0s all; -o-transition:0s all; position:relative; } .pic_num a i { position:absolute; background:#fff;} .pic_num a i.i1 {width:1em; height:0.125em; left:50%; margin-left:-0.5em; top:50%; margin-top:-1px; } .pic_num a i.i2 {height:1em; width:0.125em; left:50%; margin-left:-1px; top:50%; margin-top:-0.5em; } .pic_num .input-box { float:left; } .pic_num input { width:5.625em; border:1px solid #3171bd;background:#ebf3f9; line-height:2.25; text-align:center; color:#333; float:left;} .pic_num a.jian { } .pic_num a.jian.on { } .pic_num a.jia {border-radius:0px 3px 3px 0px; } .ab-gift-bk01 .big-pic { display:none; } .pic-scroll-tc { position:fixed; left:0px; display:none; top:0px; height:100%; z-index:105; right:0px; bottom:0px; } .pic-scroll-tc .scroll { height:100%; } .pic-scroll-tc .scroll .swiper-slide .img { padding-bottom:62.44%; width:100%; margin:25% 0px; position:relative; } .pic-scroll-tc .scroll .swiper-slide .img i { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.15);} .pic-scroll-tc .swiper-button-next,.pic-scroll-tc .swiper-button-prev { color:#fff; background:none; width:auto; height:auto; margin-top:-3em; } .pic-scroll-tc .swiper-button-prev { left:2%; } .pic-scroll-tc .swiper-button-next { right:2%; } .pic-scroll-tc .swiper-slide { text-align: center; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(1); } .pic-scroll-tc .scroll .swiper-slide-active { transform: scale(2.11); z-index:3; } .pic-scroll-tc .scroll .swiper-slide-active .img i {background:rgba(0,0,0,0.0); } /**********************about-recruitment***************************/ .ab-recruit-wrap .er-bn .img { padding-bottom:39.0625%; } .ab-recruit-wrap .er-bn .text { color:#0a2745; } .ab-recruit-wrap .er-bn .text .line { background:#0a2745; } .ab-recruit-bk01 { padding:4.375em 0px 9.5em; max-width:912px; margin:0px auto; color:#23232b;} .ab-recruit-bk01 .title { padding-bottom:2.75em; } .ab-recruit-bk01 .title a { color:#006eb7; } .ab-recruit-bk01 .title p { padding-top:0.125em; } .ab-recruit-tab ul { margin:0px -0.1875em; } .ab-recruit-tab ul li { float:left; width:33.33%; } .ab-recruit-tab ul li .con { margin:0px 0.1875em; } .ab-recruit-tab ul li .con a { display:block; line-height:4; position:relative; background:#f0f0f0; color:#23232b; } .ab-recruit-tab ul li .con a i { width:0px; height:0px; display:none; border:8px solid #fff; border-color:transparent transparent #fff transparent; position:absolute; bottom:0px; left:50%; margin-left:-6px; } .ab-recruit-tab ul li.on .con a { background:#006eb7; color:#fff; } .ab-recruit-tab ul li.on .con a i { display:inline-block; } .ab-recruit-bk01 .sub-tit { padding:2.4em 0px 1.5em; } .ab-recruit-bk01 .list ul { border-bottom:1px dashed #bfbfbf; } .ab-recruit-bk01 .list ul li { border-top:1px solid #bfbfbf; padding:1.375em 2.25em 1.7em; position:relative; } .ab-recruit-bk01 .list h3 { padding-left:1.3636em; position:relative; } .ab-recruit-bk01 .list h3 i { position:absolute; left:0px; top:50%; width:0.8636em; height:1em; margin-top:-0.5em; background:url(../images/ab-recruit-bk01-ico01.png) no-repeat left top; background-size:100% 300%; } .ab-recruit-bk01 .list .label { color:#6b6b6b; padding-top:0.5625em; } .ab-recruit-bk01 .list .label span { display:inline-block; padding-right:3em; } .ab-recruit-bk01 .list .con { padding:0.625em 0px 0.375em; display:none; } .ab-recruit-bk01 .list dl dt { position:relative; padding-left:1.3889em; margin-bottom:0.33em; margin-top:1.889em; } .ab-recruit-bk01 .list dl dt i { width:0.556em; height:0.556em; background:#ff9c00; position:absolute; left:0px; top:50%; margin-top:-0.278em; border-radius:50%; } .ab-recruit-bk01 .list dl dd { line-height:2.5; } .ab-recruit-bk01 .list dl dd a { color:#006eb7; } .ab-recruit-bk01 .list dl dd a:hover { text-decoration:underline; } .ab-recruit-bk01 .more-btn { position:absolute; width:1.25em; cursor:pointer; height:1.25em; top:3.125em; right:2.1875em; } .ab-recruit-bk01 .more-btn i { background:#2d88c4; position:absolute; } .ab-recruit-bk01 .more-btn i.i1 { top:50%; left:0px; right:0px; height:2px; margin-top:-1px; } .ab-recruit-bk01 .more-btn i.i2 { left:50%; top:0px; bottom:0px; width:2px; margin-left:-1px; } .ab-recruit-bk01 .list ul li.on { background:#f6f9fb; border-top:none; } .ab-recruit-bk01 .list ul li.on .more-btn { top:2.1875em; } .ab-recruit-bk01 .list ul li.on .more-btn i.i2 { display:none; } .ab-recruit-bk01 .list ul li.on h3 { color:#006eb7; font-weight:bold; } .ab-recruit-bk01 .list ul li.on h3 i { background-position:center bottom; } .ab-recruit-bk01 .list ul li.on +li { border-top:none; } .load-more-link { display: block; padding:5em 0px 0px; position:relative; color:#23232b; cursor: pointer; } .load-more-link span { display:block; color:#333; line-height:4.5714; background:#f0f0f0; } .load-more-link span:hover { opacity:0.9; filter:alpha(opacity=90);} #infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;} .lt9 #infscr-loading{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#99000000", EndColorStr="#99000000")} #infscr-loading img{ position:absolute; left:50%; top:50%; margin:-57px 0 0 -75px; opacity:0.5; filter:alpha(opacity=50);} .layui-flow-more { position:absolute; left:0px; bottom:0px; right:0px; color:#23232b; cursor: pointer; clear: both; font-size:16px; } .layui-flow-more a cite { display:inline-block; width:13.75em; max-width:50%; border-radius:1.625em; color:#fff; line-height:3.25; background:#e0b04f; } .layui-flow-more a:hover cite { background:#006fb7;} /*****************************ab-brand**********************************/ .ab-brand-wrap .er-bn .text { color:#006fbd; } .ab-brand-wrap .er-bn .text .line { background:#006fbd; } .ab-brand-wrap .er-bn .ab-brand-nav { position:absolute; left:0px; bottom:6%; right:0px; } .ab-brand-wrap .er-bn .ab-brand-nav ul { width:90%; max-width:900px; margin:0px auto;} .ab-brand-wrap .er-bn .ab-brand-nav ul li { float:left; width:33.3%; border-left:1px solid #dadcde; background:url(../images/ab-brand-nav-bg01.jpg) repeat-x; } .ab-brand-wrap .er-bn .ab-brand-nav ul li img { vertical-align:middle; height:12px; margin-right:12px; position:relative; top:-1px; } .ab-brand-wrap .er-bn .ab-brand-nav ul li:first-child { border-radius:3px 0px 0px 3px; border-left:none; } .ab-brand-wrap .er-bn .ab-brand-nav ul li:first-child +li+li { border-radius:0px 3px 3px 0px; width:33.4%; } .ab-brand-wrap .er-bn .ab-brand-nav ul li a { display:block;line-height:4; } .ab-brand-wrap .er-bn .ab-brand-nav ul li.on { background:#006eb7; } .ab-brand-wrap .er-bn .ab-brand-nav ul li.on a { color:#fff; } .ab-brand-wrap .er-bn .ab-brand-nav ul li.on +li { border-left:none; } .ab-brand-wrap .er-bn .ab-brand-nav ul li:first-child.on img { border:1px solid #fff; } .ab-brand-wrap .er-bn .ab-brand-nav ul li:first-child +li img { border:1px solid #dcdee0; } .ab-brand-wrap .er-bn .ab-brand-nav ul li:first-child +li.on img { border:1px solid #fff; } .ab-brand-bk01 .title { color:#333; padding:2em 0px 0.375em; } .ab-brand-bk01 .map-img img { max-width:100%; } .ab-brand-bk02 { background-position:center top; background-repeat:no-repeat; } .ab-brand-bk02 .map-img img { opacity:0; filter:alpha(opacity=0);} .ab-brand-scroll { padding:6.875em 8.67%; position:relative; margin-top:-12.6875em; margin-bottom:7.5em; } .ab-brand-scroll .swiper-container1 { overflow:hidden; height:64.125em; } .ab-brand-scroll ul li .con { width:100%; } .ab-brand-scroll ul li .con .text-wrap { width:100%; position:relative; z-index:5; background:#fafdff; border:1px solid #99c8ff; padding:1.625em 2.8125em 1.5em 1.625em; /*padding:1.625em 1.5em 2.0625em 2.8125em;*/ } .ab-brand-scroll ul li .time { color:#0070bd; } .ab-brand-scroll ul li .txt { color:#999; overflow:hidden; word-wrap: break-word; word-break: break-all; line-height:1.71; /*min-height:3.42em;*/ max-height:6.84em; overflow-y:auto; margin-top:0.25em; } .ab-brand-scroll ul li .jt { position:absolute; width:10px; height:17px; top:50%; margin-top:-8.5px; right:-9px; background:url(../images/ab-brand-jt01.png) no-repeat center center;} .ab-brand-scroll ul li:nth-child(2n-1) .con { float:right; /*padding:1.625em 2.8125em 1.5em 1.625em; */} .ab-brand-scroll ul li:nth-child(2n-1) .jt { background:url(../images/ab-brand-jt02.png) no-repeat center center; background:none; height:2px; margin-top:-1px; left:auto; width:5%; right:43.5%; background:#99c8ff; } .ab-brand-scroll ul li:nth-child(2n-1) .conwrap { right:0px; left:auto; } .ab-brand-scroll ul li .conwrap { position:absolute; left:0px; top:0px; width:45.36%; bottom:0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .ab-brand-scroll .line { position:absolute; top:0px; bottom:0px; width:2px; left:50%; margin-left:-1px; background:#0076ff; height:100%; } .ab-brand-scroll .quan { width:18px; height:18px; background:url(../images/ab-brand-quan01.png) no-repeat center center; position:absolute; left:50%; top:50%; margin:-9px 0px 0px -9px; } .ab-brand-scroll .btn { position:absolute; left:50%; cursor:pointer; margin-left:-2.1875em; width:4.375em; height:4.375em; border-radius:50%; background:#0070bd; color:#fff; text-align:center; } .ab-brand-scroll .btn i { width:14px; height:8px; background:url(../images/ab-brand-jt03.png) no-repeat center center; position:absolute; margin-left:-7px; left:50%; display:block;} .ab-brand-scroll .btn span {position:relative; display:block; } .ab-brand-scroll .brand-next { bottom:0px; } .ab-brand-scroll .brand-prev { top:0px; } .ab-brand-scroll .brand-next span { padding-bottom:12px; } .ab-brand-scroll .brand-next span i { bottom:0px; -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .ab-brand-scroll .brand-prev span { padding-top:12px; } .ab-brand-scroll .brand-prev span i { top:0px; } .ab-brand-scroll ul li .con .img { overflow:hidden; position:relative; z-index:2; } .ab-brand-scroll ul li .con .img span { display:block; padding-bottom:56%; } .ab-brand-scroll ul li.li02 .con {/* border:none; padding-top:5em; padding-right:0px; padding-bottom:0px; background:none; padding-left:5.833%; */ } .ab-brand-scroll ul li.li02 .time { color:#333; /*padding-top:1em;*/ } .ab-brand-scroll ul li.li02 .txt { color:#333; margin-top:0px; } .ab-brand-scroll ul li.li02 .jt { background:none; height:2px; margin-top:-1px; left:auto; width:5%; right:43.5%; background:#99c8ff; } .ab-brand-scroll ul li.li03 .con { /*border:none; padding-top:5em; padding-left:0px; padding-bottom:0px; background:none; padding-right:5.833%;*/ } .ab-brand-scroll ul li.li03 +.text-wrap .time { color:#333;/* padding-top:1em;*/ } .ab-brand-scroll ul li.li03 +.text-wrap .txt { color:#333; margin-top:0px; } .ab-brand-scroll ul li.li03 .jt { background:none; height:2px; margin-top:-1px; left:43.5%; width:5%; right:auto; background:#99c8ff; } .ab-brand-scroll .btn.swiper-button-disabled { /*display:none;*/ } .ab-brand-scroll ul li .con .img +.text-wrap { border-top:none; } .ab-brand-scroll ul li .con:hover .text-wrap { background:#006fb7;} .ab-brand-scroll ul li .con:hover .time { color:#fff; } .ab-brand-scroll ul li .con:hover .txt { color:#fff; } .ab-brand-scroll ul li .con:hover .jt { background:url(../images/ab-brand-jt001.png) no-repeat center center; } .ab-brand-scroll ul li .con:hover .img +.text-wrap .time { color:#fff; } .ab-brand-scroll ul li .con:hover .img +.text-wrap .txt { color:#fff; } .ab-brand-scroll ul li.li01 .con:hover .jt { background:url(../images/ab-brand-jt002.png) no-repeat center center; } .ab-brand-scroll ul li.li02 .con:hover .jt { background:#99c8ff; } .ab-brand-scroll ul li.li02 .con:hover { background:none; } .ab-brand-scroll ul li.li02 .con:hover .time { color:#111; } .ab-brand-scroll ul li.li02 .con:hover .txt { color:#111; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1.5);transform: scale(1.5); opacity: 0; } } .ball-scale-multiple { position:relative; } .ball-scale-multiple { left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius: 50%; background:#0070bd; -webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;opacity: 0; margin: 0;-webkit-animation: ball-scale-multiple 2s 0s linear infinite; animation: ball-scale-multiple 2s 0s linear infinite; } /*滚动条样式*/ .ab-brand-scroll ul li .txt::-webkit-scrollbar {/*滚动条整体样式*/ width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ height:2px; } .ab-brand-scroll ul li .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ background:#cee5ff; } .ab-brand-scroll ul li .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/ } /*********************************ab-museum******************************/ .ab-museum-wrap .er-bn .text .sub-tit .txt { opacity:1; } .ab-museum-bk01 { color:#333; /*background-attachment:fixed;*/ background-position:center top; padding:5.8125em 0px 6.4375em; } .ab-museum-bk01 .title p { margin-top:1.0625em; } .ab-museum-bk01 .ab-museum-nav { margin-top:3.75em; box-shadow:0px 5px 10px rgba(0,0,0,0.05); } .ab-museum-bk01 .ab-museum-nav ul li { float:left; width:33.3%; position:relative; background:url(../images/ab-museum-nav-bg01.png) repeat-x; } .ab-museum-bk01 .ab-museum-nav ul li img { vertical-align:middle; display:none; height:2.0909em; margin-right:12px; position:relative; top:-1px; } .ab-museum-bk01 .ab-museum-nav ul li .img01 { display:inline-block; } .ab-museum-bk01 .ab-museum-nav ul li:first-child { border-radius:0.375em 0px 0px 0.375em; } .ab-museum-bk01 .ab-museum-nav ul li:first-child i { display:none;} .ab-museum-bk01 .ab-museum-nav ul li:first-child +li+li {border-radius:0px 0.375em 0.375em 0em; width:33.4%; } .ab-museum-bk01 .ab-museum-nav ul li a { display:block;line-height:3.6363; } .ab-museum-bk01 .ab-museum-nav ul li.on { background:#006eb7; } .ab-museum-bk01 .ab-museum-nav ul li.on a { color:#fff; } .ab-museum-bk01 .ab-museum-nav ul li.on .img01 { display:none; } .ab-museum-bk01 .ab-museum-nav ul li.on .img02 { display:inline-block; } .ab-museum-bk01 .ab-museum-nav ul li i { position:absolute; left:0px; top:0.909em; bottom:0.909em; width:1px; background:#b9c8d2; } .ab-museum-bk01 .ab-museum-nav ul li.on i,.ab-museum-bk01 .ab-museum-nav ul li.on +li i { display:none; } .ab-museum-bk01 .load-more-link { padding-top:5.375em; } .ab-museum-bk01 .load-more-link span { display:inline-block; line-height:3.25em; background:#e6e6e6; min-width:13.75em; border-radius:1.625em; } .ab-museum-tabcon { padding:5.375em 0px 0px; } .ab-museum-tabcon .con { margin:2px; position:relative;} .ab-museum-tabcon .list { padding-top:5.4375em; } .ab-museum-tabcon .list ul { background:#fff; padding:2px; } .ab-museum-tabcon .img { padding-bottom:100%; } .ab-museum-tabcon .list ul li { float:left; width:25%; } .ab-museum-tabcon .list ul li .text { position:absolute; opacity:0;filter:alpha(opacity=0); left:0px; top:0px; width:100%; height:100%; bottom:0px; right:0px; background:rgba(0,117,194,0.95); color:#fff;} .ab-museum-tabcon .list ul li .text .txt { position:absolute; left:10%; top:10px; width:76%; right:14%; bottom:10px; overflow:hidden; overflow-y:auto;} .ab-museum-tabcon .list ul li .text h3 { position:relative; padding-top:1.55em; line-height:1.1; } .ab-museum-tabcon .list ul li .text h3 i { width:0px; height:0.2em; background:#fff; position:absolute; left:0px; top:0px; transition:1s all; -webkit-transition:1s all; -ms-transition:1s all; -o-transition:1s all; } .ab-museum-tabcon .list ul li:hover .text {opacity:1;filter:alpha(opacity=100);} .ab-museum-tabcon .list ul li:hover .text h3 i { width:2em; } .ab-museum-tabcon .list ul li .text h4 { margin-top:0.2em; } /*滚动条样式*/ .ab-museum-tabcon .list ul li .text .txt::-webkit-scrollbar {/*滚动条整体样式*/ width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ height:2px; } .ab-museum-tabcon .list ul li .text .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ background:#cee5ff; } .ab-museum-tabcon .list ul li .text .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/ } @keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0%{ transform: scale(1); /*开始为原始大小*/ } 25%{ transform: scale(1.05); /*放大1.1倍*/ } 50%{ transform: scale(1); } 75%{ transform: scale(1.05); } } .showImg { animation: scaleDraw 20s ease-in-out infinite; } @media only screen and (min-width: 768px) and (max-height: 800px){ .cur-reg-form { padding:2.5em 5.375% 2.375em; } } @media only screen and (min-width: 768px) and (max-height: 720px){ .cur-reg-form { padding:1.5em 5.375% 1.375em; } } @media only screen and (max-width: 1760px){ .ab-index-bk03 .list { margin-right:-13%; } } @media only screen and (max-width: 1660px){ .ab-index-bk03 .list { margin-right:-8%; width:55.75%; } } @media only screen and (max-width: 1440px){ .layui-flow-more { font-size:15px; } } @media only screen and (max-width: 1340px){ .ab-index-bk03 { padding:8em 0px 10em; } .ab-index-bk03 .list { margin-right:0%; width:49.75%; } .ab-index-bk03 .list ul li { padding-right:1em; } .ab-index-bk04 { padding:4em 0px 5em; } .ab-index-bk06 .list ul { padding:3em 0px 0px; } .ab-index-bk07 { padding-top:4em; padding-bottom:2em; } .ab-index-bk07 .title { padding-left:0px; } .ab-index-bk07 .title .list { padding-left:2em; } .ab-index-bk08 { padding:4em 0px 3em; } .ab-gift-bk01 .resource-type-list { margin:0px -0.5em; } .ab-gift-bk01 .resource-type-list li .inner { margin:0px 0.5em; padding-bottom:2em; } /*.ab-brand-scroll { padding:6.875em 0px; } .ab-brand-scroll ul li .con { padding-left:1.5em; } .ab-brand-scroll ul li.li01 .con { padding-right:1.5em; } */ } @media only screen and (max-width: 1200px){ .ab-recruit-bk01 { padding:3em 0px 6em; } .ab-index-bk03 .list ul li { width:100%; padding-top:2em; padding-right:0px; } .ab-index-bk04 .list ul { margin:0px -0.5em; } .ab-index-bk04 .list ul li .label span { margin:0.5em 0.25em 0px; } .ab-index-bk04 .list ul li:first-child .label span:nth-child(2n+1) {min-width:7em; } .ab-index-bk04 .list ul li .con { margin:0px 0.5em; } .ab-index-bk04 .list ul li .bg { left:0.5em; right:0.5em; } .ab-index-bk05 .title { top:7.5%; } .ab-index-bk05 .title .con { padding-top:0px; } .ab-index-bk07 .title .tit { width:13em; } .ab-index-bk07 .title .list { padding-left:1em; } .ab-brand-bk02 { background-size:130% auto; } .ab-museum-bk01 { padding:4em 0px 5em; } .ab-museum-tabcon { padding-top:4em; } .ab-museum-tabcon .list { padding-top:4em; } .map-contc { width:450px; margin-left:-225px; } .map-contc2 { margin-left:0px; } .map-contc3 { margin-left:0px; } .ab-index-bk05 { height:600px; background-size:1200px 600px; } .ab-index-bk05 .list ul li { width:82px; margin:0px 3px; } .ab-index-bk05 .list .imgbg { height:92px; } .ab-index-bk05 .list .imgbg .img img { max-width:80%; max-height:80%; } .ab-index-bk05 .list { bottom:68px; } .ab-index-bk05 .list ul { margin-top:-16px; } } @media only screen and (max-width: 980px){ .ab-museum-tabcon .list ul li .text .txt { left:3%; right:3%; width:94%; } .ab-brand-scroll ul li .con .text-wrap { padding:1.5em; } } @media only screen and (max-width: 900px){ .ab-index-bk05 .title { top:5%; } .ab-index-bk06 .list ul li { width:50%; margin-top:1em; } .map-contc { width:440px; margin-left:-220px; } .map-contc2 { margin-left:0px; } .map-contc3 { margin-left:0px; } .map-contc .list-con { padding:1.375em 1.375em;} } @media only screen and (max-width: 767px){ .ab-recruit-bk01 { padding:3em 0px 4em; } .ab-recruit-bk01 .title { padding-bottom:2em; } .ab-recruit-tab ul li .con a { line-height:3; } .ab-recruit-tab ul li .con a i { border-width:0.5em; margin-top:-0.25em; } .ab-recruit-bk01 .list ul li { padding:1.5em 1em; } .ab-recruit-bk01 .load-more-link { padding-top:2.5em; } .ab-recruit-bk01 .load-more-link span { line-height:4; } .ab-recruit-bk01 .list .label span { display:block; } .ab-recruit-bk01 .list h3 { font-weight:bold; } .ab-recruit-bk01 .more-btn { top:1.75em; } .ab-recruit-bk01 .list dl dt { margin-top:1em; } .ab-index-bk01 { overflow:hidden; } .ab-index-bk01 .text .tit i { display:none; } .ab-index-bk01 .text .tit span { padding:0px; } .ab-index-bk01 .text .play { width:2.125em; height:2.125em; margin-top:1em; } .ab-index-bk01 video { display:none; } .ab-index-bk01 .imgbg { display:block; } .ab-index-bk02 { padding-top:3em; } .ab-index-bk02 .title { padding-bottom:2em; } .ab-index-bk02 .ab-intro .img { position:relative; width:100%; padding-bottom:50%; } .ab-index-bk02 .ab-intro .text { padding:1.5em; } .ab-index-bk02 .list { padding-bottom:3em; } .ab-index-bk02 .list ul li { display:block; border-left-width:0.25em; border-left-color:#98b8de; } .ab-index-bk02 .list ul li .ico { bottom:auto; height:5.5em; border:none; } .ab-index-bk02 .list ul li .tit { padding:1em 1.5em; } .ab-index-bk02 .list ul li .con { padding:1.5em; } .ab-index-bk03 { padding:2em 0px 3em; } .ab-index-bk03 .title { width:100%; } .ab-index-bk03 .list { width:100%; } .ab-index-bk03 .title .line { width:4.1667em; height:0.1667em; margin:1em 0px; } .ab-index-bk03 .list ul li .ico { width:2.91667em; height:2.91667em; margin-right:1em; } .ab-index-bk03 .list ul li .ico img { max-width:70%; max-height:70%; } .ab-index-bk04 { padding:2em 0px 3em; } .ab-index-bk04 .title { padding-bottom:2em; } .ab-index-bk04 .list { padding-top:0px; } .ab-index-bk04 .list ul li { width:100%; margin-top:1em; } .ab-index-bk04 .list ul li:first-child .label span:nth-child(2n+1) { min-width:1em; } .ab-index-bk04 .list ul li:first-child .label span { min-width:1em; margin:0.5em 0.5em 0px; } .con-tab-con .map-con .ico label { display:none; } .ab-index-bk05 { padding-bottom:0px; padding-bottom:3em; height:auto; background-size:cover; } .ab-index-bk05 .list ul li { width:11.5%; margin:0px 0.1em; } .ab-index-bk05 .list .imgbg { height:0px; padding-bottom:112.2%; } .ab-index-bk05 .list .imgbg .img img { max-width:80%; max-height:80%; } .ab-index-bk05 .list { bottom:0px; position:relative; } .ab-index-bk05 .list ul { margin-top:-0.5em; } .ab-index-bk05 .title { position:relative; padding-bottom:2em; top:0px; padding-top:2em; } .ab-index-bk05 .list ul { margin-top:0px; } .ab-index-bk06 { padding:3em 0px; } .ab-index-bk06 .text { position:relative; } .ab-index-bk06 .table { display:block; position:relative; } .ab-index-bk06 .table-cell { display:block; } .ab-index-bk06 .list ul { padding-top:2em; } .ab-index-bk06 .list ul li { margin-top:0.5em; } .ab-index-bk06 .list ul li .con { min-width:15em; text-align:left; } .ab-index-bk06 .list ul li span { text-align:center; } .ab-index-bk06 .list ul li { width:100%; } .ab-index-bk07 { padding-top:2em; } .ab-index-bk07 .title { padding-bottom:2em; } .ab-index-bk07 .title .tit { width:100%; } .ab-index-bk07 .title .list { float:left; width:100%; padding:1em 0px 0px; } .ab-index-bk08 { padding:2em 0px 2em; } .con-tab-con .map-con .ico i { width:1.0833em; height:1.41667em; } .con-tab-con .map-con .ico { margin-top:-1em;} .cur-reg-form { padding-top:0px; } .cur-reg-form .list ul li { margin-top:0px; } .ab-gift-bk01 { padding:2em 0px 3em; } .ab-gift-bk01 .resource-type-list {-moz-column-count:2; -webkit-column-count:2; column-count: 2; } .ab-gift-bk01 .resource-type-list li { /*width:49.8%;*/ } .ab-gift-bk01 .load-more-link { padding-top:1em; } .ab-gift-bk01 .resource-type-list .btn span { padding:0px 1.5em; line-height:2.5; } .ab-gift-bk01 .resource-type-list .text { padding:1.5em 1em; } .ab-gift-bk01 .resource-type-list .ico { padding-bottom:0.5em; } .ab-brand-scroll { margin-top:-20%; padding:4.5em 0px; margin-bottom:3em; } .ab-brand-scroll .btn { width:3em; height:3em; margin-left:-1.5em; } .ab-brand-scroll ul li .con .text-wrap { padding:1em; } .ab-brand-scroll ul li.li01 .con { padding:1em; } .ab-brand-scroll ul li .conwrap { width:44.36%; } .ab-brand-scroll .brand-next span { padding-bottom:6px; } .ab-brand-scroll .brand-prev span { padding-top:6px; } .ab-brand-scroll .swiper-container1 { height:66em; } .ab-brand-wrap .er-bn .ab-brand-nav ul li img { margin-right:5px; } .ab-brand-wrap .er-bn .ab-brand-nav ul li a { line-height:3; } .ab-brand-bk02 { background-size:170% auto; } .pic-scroll-tc .wrap,.pic-scroll-tc .swiper-container { height:100%; } .pic-scroll-tc .scroll .swiper-slide .img { height:100%; margin:0px; padding-bottom:0px; background-size:contain;} .pic-scroll-tc .scroll .swiper-slide-active { transform:scale(1);} .pic-scroll-tc .scroll .swiper-slide .img i { display:none; } .ab-museum-bk01 { padding:2.5em 0px 3em; } .ab-museum-tabcon { padding-top:2em; } .ab-museum-tabcon .list { padding-top:2em; } .ab-museum-bk01 .load-more-link { padding-top:2em; } .ab-museum-bk01 .load-more-link span { min-width:10em; line-height:2.5; } .ab-museum-tabcon .list ul li { width:50%; } .ab-museum-bk01 .ab-museum-nav ul li img { height:1.5em; } .ab-museum-bk01 .ab-museum-nav ul li { width:100%; } .ab-museum-bk01 .ab-museum-nav ul li:first-child +li+li { width:100%; } .ab-museum-bk01 .ab-museum-nav ul li i { left:0px; top:0px; right:0px; bottom:auto; } .ab-museum-bk01 .ab-museum-nav { margin-top:2em; } .con-tab-con .map-con .ico i { width:1.0833em; height:1.41667em; } .con-tab-con .map-con .ico { width:1.0833em; height:1.41667em; } .con-tab-con .map-con .list-tab2 ul li { position:relative;} .con-tab-con .map-con .list-tab2 ul li .map-contc { position:relative; width:100%; margin-left:0px; left:0px; } .con-tab-con .map-con .list-tab2 ul li .map-contc .jt { display:none; } .con-tab-con .map-con .ico label { display:none; } .con-tab-con { padding-top:0px; } .map-contc .content { padding-top:0px;} .map-con .list-tab2 { margin-top:2em; } .map-con .list-tab1 ul li.on .ico { background:url(../images/in-con-ico01.png) no-repeat center center; background-size:100% 100%; } .map-con .list-tab1 ul li.on .ico i { opacity:0; filter:alpha(opacity=0); } .map-con .list-tab1 ul li:hover .map-contc,.map-con .list-tab1 ul li.on .map-contc { display:none!important; } .map-con .list-tab2 ul li:hover .map-contc,.map-con .list-tab2 ul li.on .map-contc { display:block; } .map-contc .tel dd .sign { top:0.325em;} .map-contc .tel dd .sign img { width:1em; } .map-contc .tel dd { padding-left:1.5em; } .map-contc2 { padding-left:0px;top:0px; } .map-contc3 { top:0px; padding-right:0px; } .map-contc .img { width:7.66em; height:4.75em; } .map-contc .tel { padding-left:0.75em; } .map-contc .address dl dd .sign { top:0.25em;} .map-contc .address dl dd .sign img { width:1em; } .map-contc .address dl dd { padding-left:1.5em; } .layui-flow-more { font-size:0.24rem; } } @media only screen and (max-width: 375px){ .pic_num input { width:3em; } .ab-brand-scroll ul li .conwrap { width:43.36%; } .map-contc .img { width:100%; height:0px; padding-bottom:56.25%; } .map-contc .tel { padding-left:0px; float:left; width:100%; padding-top:1em; } .layui-flow-more { font-size:14px; } }