.swiper-pagination { width:100%; bottom:0px; } .swiper-pagination-bullet { width:10px; height:10px; background:#fff; border:2px solid #c0c0c0; opacity:1; margin:0px 0.1rem; } .swiper-pagination-bullet-active { background:#c02d28; border-color:#c02d28; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0px 0.1rem; } .page-tab-btn { position:absolute; width:0.5rem; height:0.5rem; z-index:5; background:url(../images/page-btn-img01.png) no-repeat center center; background-size:cover; top:50%; margin-top:-0.25rem; border-radius:50%; } .page-tab-btn.swiper-button-next:before {position:absolute; width:0.12rem; right:0.2rem; height:0.03rem; top:50%; margin-top:-0.02rem; content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg); } .page-tab-btn.swiper-button-next:after {position:absolute; width:0.12rem; margin-top:-0.03rem; right:0.2rem; height:0.03rem; border-radius:0.02rem; top:50%; content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);} .page-tab-btn.swiper-button-prev:before {position:absolute; width:0.12rem; left:0.2rem; height:0.03rem; top:50%; content:""; border-radius:0.02rem; background:#fff;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg); margin-top:-0.03rem; } .page-tab-btn.swiper-button-prev:after {position:absolute; width:0.12rem; margin-top:-0.02rem; left:0.2rem; height:0.03rem; border-radius:0.02rem; top:50%; content:""; background:#fff; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);} .page-tab-btn.swiper-button-prev { left:-0.9rem; } .page-tab-btn.swiper-button-next { right:-0.9rem; } .page-tab-btn.swiper-button-disabled { opacity:1; background:#eee; pointer-events:auto; } .page-tab-btn.swiper-button-disabled:before {background:#a9a9a9; } .page-tab-btn.swiper-button-disabled:after {background:#a9a9a9; } .er-banner .page-text h3 { line-height:1.2; margin-top:0.06rem; } .er-banner .page-btn { padding-top:0.54rem; } @media only screen and (max-width:750px) { .page-tab-btn.swiper-button-prev { left:-0.25rem; } .page-tab-btn.swiper-button-next { right:-0.25rem; } .swiper-pagination-bullet { width:6px; height:6px; } } /**************��������*******************/ .ab-in-sec01 { padding:0.8rem 0px 1.24rem; background-position:center top; background-sze:100% auto; } .ab-in-sec01 .page-pic { width:68.58%; margin-left:31.42%; margin-top:1.08rem; position:relative; overflow:hidden; } .ab-in-sec01 .page-pic .bg_container { padding-bottom:37.5%; } .ab-in-sec01 .page-pic:before { position:absolute; z-index:2; left:0px; top:0px; width:100%; left:-100%; height:0.04rem; background:#d0121b;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;content:""; } .ab-in-sec01 .page-pic:hover:before { left:0px; } .ab-in-sec01 .page-pic .page-play { position:absolute; left:0px; top:0px; width:100%; height:100%; right:0px; bottom:0px; background:url(../images/page-play01.png) no-repeat center center; background-size:0.8rem 0.8rem; cursor:pointer; z-index:3; } .ab-in-sec01 .page-pic .page-video { position:absolute; z-index:2; left:0px; top:0px; width:100%; right:0px; height:100%; bottom:0px; } .ab-in-sec01 .page-pic .page-video video { height:100%; width:100%; } .ab-in-sec01 .page-pic .swiper-slide.on .page-video video { background:#000; } .ab-in-sec01 .page-pic .swiper-slide.on .page-play { display:none; } .ab-in-sec01 .page-pic .swiper-slide:hover .page-play { display:block; } .ab-in-sec01 .page-pic .swiper-pagination { bottom:0.24rem; } .ab-in-sec01 .page-text { width:100%; margin-top:-0.1rem; } .ab-in-sec01 .page-text .page-title { line-height:1.667; width:43.71%; position:relative; padding-bottom:0.8055em; } .ab-in-sec01 .page-text .page-title:before { width:1.667em; height:2px; background:#d0121b; content:""; position:absolute; left:0px; bottom:0px; } .ab-in-sec01 .page-text .page-txt { line-height:1.875; width:54.29%; color:#2b2b2b; padding-top:0.1875em; } .ab-in-sec01 .page-text .page-txt p { padding-bottom:0.875em;} @media only screen and (max-width:750px) { .ab-in-sec01 { padding:0.5rem 0px 0.7rem; } .ab-in-sec01 .page-pic { width:100%; margin-top:0.6rem; } .ab-in-sec01 .page-text { width:100%; margin-top:0.3rem; } .ab-in-sec01 .page-text .page-title { width:100%; } .ab-in-sec01 .page-text .page-txt { width:100%; padding-top:0.5rem; } .ab-in-sec01 .page-pic { width:100%; margin-left:0px; } } /******************�Ĵ��Ʒ������ϵ*************************/ .ab-in-sec02 { padding-bottom:1rem; } .ab-in-sec02 .page-tab-wrap { box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1); position:relative; } .ab-in-sec02 .page-tab-wrap:before { position:absolute; left:0px; top:0px; height:0.04rem; background:#d0121b; width:100%; content:""; } .ab-in-sec02 .page-tab-nav { padding:0.6rem 0px 0.55rem; } .ab-in-sec02 .page-tab-nav ul li { display:inline-block; padding:0px 0.02rem; } .ab-in-sec02 .page-tab-nav ul li a { display:block; background:#f7f7f7; line-height:0.5rem; padding:0px 0.2rem; min-width:2rem; color:#333; } .ab-in-sec02 .page-tab-nav ul li.on a,.ab-in-sec02 .page-tab-nav ul li a:hover { background:url(../images/page-tab-nav-libg01.jpg) no-repeat center center; background-size:100% 100%; color:#fff; } .ab-in-sec02 .page-tab-con { overflow:hidden; } .ab-in-sec02 .page-tab-con .swiper-slide { width:25%; min-height:2.53rem; padding-bottom:0.5rem; } .ab-in-sec02 .page-tab-con .swiper-slide .page-con { padding:0px 0.66rem 0px 0.6rem; position:relative; } .ab-in-sec02 .page-tab-con .swiper-slide .page-con:before { position:absolute; left:0px; height:100%; top:0px; width:1px; bottom:0.1rem; background:#e5e5e5; content:""; display:none;} .ab-in-sec02 .page-tab-con .swiper-slide .page-ico { height:0.5rem; position:relative; margin-bottom:0.23rem; } .ab-in-sec02 .page-tab-con .swiper-slide .page-ico img { max-height:100%; max-width:100%; } .ab-in-sec02 .page-tab-con .swiper-slide .page-txt { line-height:1.875; margin-top:0.3rem; } .ab-in-sec02 .page-tab-con .swiper-slide:first-child .page-con:before { display:none; } .ab-in-sec02 .page-tab-con .tab-b:first-child +.tab-b .swiper-slide .page-txt { line-height:1.7142; margin-top:0.1rem; color:#2b2b2b; } .ab-in-sec02 .swiper-container-horizontal>.swiper-pagination-bullets { bottom:0.42rem; } .ab-in-sec02 .page-tab-con .tab-b:first-child .swiper-pagination { display:none; } @media only screen and (max-width:1200px) { .ab-in-sec02 .page-tab-con .tab-b:first-child .swiper-pagination { display:block; } .ab-in-sec02 .page-tab-con .swiper-slide { padding-bottom:1rem; } } @media only screen and (max-width:750px) { .ab-in-sec02 .page-tab-con .swiper-slide .page-txt br{ display:none; } .ab-in-sec02 .page-tab-nav { padding:0.4rem 0px 0.4rem; } .ab-in-sec02 .page-tab-con .swiper-slide .page-con {padding:0px 0.4rem 0px 0.4rem; } .ab-in-sec02 .page-tab-con .swiper-slide .page-con:before { display:none; } } /**************��ҵ�쵼��*******************/ .ab-in-sec03 { padding:0.68rem 0px 1rem; background:url(../images/ab-in-sec03-bg01.jpg) no-repeat center center; background-size:cover; } .ab-in-sec03 .page-content { position:relative; margin-top:0.33rem; } .ab-in-sec03 .page-pic-tab { width:30%; position:relative; } .ab-in-sec03 .page-pic-tab .bg_container { padding-bottom:137.62%; } .ab-in-sec03 .page-pic-tab .page-play { position:absolute; left:0px; top:0px; width:100%; height:100%; right:0px; bottom:0px; background:url(../images/page-play01.png) no-repeat center center; background-size:0.8rem 0.8rem; cursor:pointer; z-index:3; } .ab-in-sec03 .page-pic-tab .page-video { position:absolute; z-index:2; left:0px; top:0px; width:100%; right:0px; height:100%; bottom:0px; } .ab-in-sec03 .page-pic-tab .page-video video { height:100%; width:100%; } .ab-in-sec03 .page-pic-tab .swiper-slide.on .page-video video { background:#000; } .ab-in-sec03 .page-pic-tab .swiper-slide.on .page-play { display:none; } .ab-in-sec03 .page-pic-tab .swiper-slide:hover .page-play { display:block; } .ab-in-sec03 .page-pic-tab .swiper-pagination { bottom:0.24rem; } .ab-in-sec03 .swiper-pagination-bullet { border-color:#fff; background:none; } .ab-in-sec03 .swiper-pagination-bullet-active { background:#c02d28; border-color:#c02d28; } .ab-in-sec03 .page-title { position:relative; padding-bottom:0.6388em; } .ab-in-sec03 .page-title:before { position:absolute; width:1.667em; left:50%; bottom:0px; margin-left:-0.8335em; background:#d0121b; height:2px; content:""; } .ab-in-sec03 .page-text { padding-top:0.2rem; } .ab-in-sec03 .page-text ul li { width:49.64%; margin-bottom:0.1rem; background:#fff; padding:0.3rem 0.4rem; } .ab-in-sec03 .page-text ul li a { position:relative; display:block; color:#2b2b2b; left:0px; cursor:default; background:url(../images/jt05.png) no-repeat left 0.5em; background-size:0.75em 0.5em; padding-left:0.3rem; } .ab-in-sec03 .page-text ul li a:hover { left:5px; } .ab-in-sec03 .mCSB_scrollTools .mCSB_draggerContainer { background:none; } .ab-in-sec03 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#d0121b; width:0.05rem; } @media only screen and (max-width:750px) { .ab-in-sec03 { padding:0.5rem 0px 0.7rem; } .ab-in-sec03 .page-text ul li { width:100%; padding:1em; } } /*****************��չս��**********************/ .ab-in-sec04 { padding:0.68rem 0px 1rem; } .ab-in-sec04 .page-list { padding-top:0.32rem; } .ab-in-sec04 .page-list ul li { width:48.57%; position:relative; box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1); } .ab-in-sec04 .page-list ul li:before { position:absolute; left:0px; top:0px; width:100%; height:0.04rem; background:#dcdcdc; content:""; } .ab-in-sec04 .page-list ul li .page-sub { color:#333; background:#f7f7f7; padding:0.22rem 0.3rem 0.18rem; } .ab-in-sec04 .page-list ul li .page-sub .page-ico { width:0.7rem; height:0.7rem; margin-right:0.22rem; background:#fff; border-radius:50%; position:relative; } .ab-in-sec04 .page-list ul li .page-sub .page-ico img { max-height:52%; max-width:58%; } .ab-in-sec04 .page-list ul li dl { padding:0.19rem 0.8rem 0.16rem 0.69rem; } .ab-in-sec04 .page-list ul li dl dd { padding:0.15rem 0px; } .ab-in-sec04 .page-list ul li h3 { position:relative; } .ab-in-sec04 .page-list ul li h3:before { position:absolute; top:0.1rem; content:""; left:-0.29rem; width:0.15rem; height:0.1rem; background:url(../images/jt05.png) no-repeat left center; background-size:100% 100%; } .ab-in-sec04 .page-list ul li h4 { color:#2b2b2b; padding-top:0.08rem; line-height:1.75; } @media only screen and (max-width:750px) { .ab-in-sec04 { padding:0.5rem 0px 0.2rem; } .ab-in-sec04 .page-list ul li { width:100%; margin-bottom:0.5rem; } .ab-in-sec04 .page-list ul li h3:before { top:0.15rem; } } /*****************��չ����**********************/ .ab-in-sec05 { background:url(../images/ab-in-sec05-bg01.jpg) no-repeat center bottom; padding-bottom:4.37rem; background-size:cover;} .ab-in-sec05 .page-wrap { position:relative; } .ab-in-sec05 .page-title { position:absolute; left:0px; width:100%; top:0.68rem; padding-bottom:0.6388em; color:#fff; } .ab-in-sec05 .page-title:before { position:absolute; width:1.667em; left:50%; bottom:0px; margin-left:-0.8335em; background:#fff; height:2px; content:""; } .ab-in-sec05 .page-text { position:absolute; z-index:3; color:#fff; top:2.03rem; left:28%; width:44%; } .ab-in-sec05 .page-text ul li { display:none; } .ab-in-sec05 .page-text .page-btn .page-btn-prev { position:absolute; cursor:pointer; left:50%; top:1em; margin-left:-5em; } .ab-in-sec05 .page-text .page-btn .page-btn-next { position:absolute;cursor:pointer; left:50%; top:1em;margin-left:5em; } .ab-in-sec05 .page-swiper { position:relative; color:#fff; } .ab-in-sec05 .page-swiper .history-swiper { position:absolute; top:0px; height:100%; bottom:0px; left:0px; width:86%; } .ab-in-sec05 .swiper-slide { width:14.2857%; position:relative; cursor:pointer; } .ab-in-sec05 .swiper-slide span { display:block; position:absolute; bottom:-100%; left:0px; width:100%; } .ab-in-sec05 .swiper-slide span b { display:inline-block; position:relative; } .ab-in-sec05 .swiper-slide span b i { position:absolute; width:0.22rem; top:-0.3rem; right:-0.14rem; height:0.22rem; border:0.02rem solid #fff; border-radius:50%; } .ab-in-sec05 .swiper-slide span b i:before { width:0.08rem; height:0.08rem; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; margin:-0.04rem 0px 0px -0.04rem; content:""; } .ab-in-sec05 .swiper-slide-active { font-size:0.24rem;} .ab-in-sec05 .swiper-slide-active span { bottom:37%; left:-0.35rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide { font-size:0.3rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide span { bottom:29.5%; left:-0.04rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide span b i { top:auto; bottom:-0.3rem; left:-0.24rem; right:auto; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide { font-size:0.3rem; text-align:left; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide span { bottom:16%; left:0.24rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide span b i { top:auto; bottom:-0.3rem; left:-0.24rem; right:auto; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide { font-size:0.36rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide span { bottom:7%; left:-0.2rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide span b i { top:auto; bottom:-0.3rem; left:-0.24rem; right:auto; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide{ font-size:0.48rem; text-align:right; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide span { bottom:12%; left:-0.45rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide span b i { top:auto; bottom:-0.14rem; right:-0.52rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide { font-size:0.48rem; text-align:center; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide span { bottom:34%; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide span b i { top:auto; bottom:-0.2rem; right:-0.5rem; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide{ font-size:0.6rem; text-align:left; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide span { bottom:auto; left:-0.3rem; top:7%; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide span b i { top:auto; bottom:-0px; right:-0.63rem; } .ab-in-sec05 .page-tab-btn.swiper-button-prev { left:0px; } .ab-in-sec05 .page-tab-btn.swiper-button-next { right:0px; } .ab-in-sec05 .page-imgbg img { width:100%; } .ab-in-sec05 .swiper-slide span b i p { display:inline-block; width:0.08rem; z-index:5; margin:-0.04rem 0px 0px -0.04rem; height:0.08rem; position:absolute; content:""; left:50%; top:50%; background:#fff;border-radius:50%; } .ab-in-sec05 .swiper-slide span b i:after { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#fff;border-radius:50%;opacity:0; } .ab-in-sec05 .swiper-slide span b i em { z-index:3; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#fff;border-radius:50%; opacity:0; } .ab-in-sec05 .swiper-slide.on i:before {opacity:1;animation:line5 3s linear infinite;} .ab-in-sec05 .swiper-slide.on i:after {opacity:1;animation:line52 3s linear infinite;} .ab-in-sec05 .swiper-slide.on i em { opacity:1;animation:line53 3s linear infinite;} @keyframes line5{ 0%{opacity:1;transform:scale(0)} 100%{opacity:0;transform:scale(2)} } @keyframes line52{ 0%{opacity:1;transform:scale(0)} 100%{opacity:0;transform:scale(3)} } @keyframes line53{ 0%{opacity:1;transform:scale(0)} 100%{opacity:0;transform:scale(4)} } @media only screen and (max-width:1600px) { .ab-in-sec05 .page-text .page-btn .page-btn-prev,.ab-in-sec05 .page-text .page-btn .page-btn-next { top:0.9em; } } @media only screen and (max-width:1440px) { .ab-in-sec05 .page-text .page-btn .page-btn-prev,.ab-in-sec05 .page-text .page-btn .page-btn-next { top:0.65em; } } @media only screen and (max-width:1366px) { .ab-in-sec05 .page-text .page-btn .page-btn-prev,.ab-in-sec05 .page-text .page-btn .page-btn-next { top:0.5em; } } @media only screen and (max-width:1240px) { .ab-in-sec05 .page-text { top:1.8rem; } .ab-in-sec05 .page-text .page-btn .page-btn-prev,.ab-in-sec05 .page-text .page-btn .page-btn-next { top:0.32rem; } } @media only screen and (max-width:750px) { .ab-in-sec05 .fnt-20 { font-size:0.2rem; } .ab-in-sec05 .fnt-24 { font-size:0.24rem; } .ab-in-sec05 .page-title { top:2.5rem; } .ab-in-sec05 .page-text { top:3.5rem; } .ab-in-sec05 .swiper-slide-active span { bottom:5%; } .ab-in-sec05 .swiper-slide-active +.swiper-slide span { left:0px; bottom:23.5%; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide { text-align:right; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide { text-align:left; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide span { left:0px; bottom:auto; top:15%; } .ab-in-sec05 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide span b i { left:auto; bottom:0px; right:-0.5rem; } .ab-in-sec05 .page-text { width:100%; left:0px; } .ab-in-sec05 .swiper-container { overflow:visible; } } @media only screen and (max-width:414px) { .ab-in-sec05 .fnt-20 { font-size:13px; } .ab-in-sec05 .fnt-24 { font-size:14px; } } @media only screen and (max-width:340px) { .ab-in-sec05 .fnt-20 { font-size:12px; } .ab-in-sec05 .fnt-24 { font-size:13px; } } /*****************ȫ������**********************/ .ab-in-sec06 { padding:0.88rem 0px 1.28rem; } .ab-in-sec06 .page-title { position:relative; padding-bottom:0.6388em; } .ab-in-sec06 .page-title:before { position:absolute; width:1.667em; left:50%; bottom:0px; margin-left:-0.8335em; background:#d0121b; height:2px; content:""; } .ab-in-sec06 .page-left { width:38.7143%; } .ab-in-sec06 .page-content { margin-top:0.15rem; } .ab-in-sec06 .page-about-number .page-num { color:#d0121b; line-height:1.25; } .ab-in-sec06 .page-about-number ul li { position:relative; padding-left:0.6rem; margin-top:0.19rem; } .ab-in-sec06 .page-about-number ul li:before { position:absolute; top:0.26rem; left:0px; width:1px; bottom:0.08rem; background:#bfbfbf; content:""; } .ab-in-sec06 .page-about-number ul li:first-child { padding-left:0px; width:100%; } .ab-in-sec06 .page-about-number ul li:first-child:before { display:none; } .ab-in-sec06 .page-about-number ul li:first-child +li { min-width:46%; padding-left:0px; } .ab-in-sec06 .page-about-number ul li:first-child +li:before { display:none; } .ab-in-sec06 .page-about-number ul li .page-txt { margin-top:0.09rem; } .ab-in-sec06 .page-address-list { position:relative; padding-bottom:0.9rem; } .ab-in-sec06 .page-address-list ul { width:100%; padding-right:1px; } .ab-in-sec06 .page-address-list ul li { padding:0.41rem 0.5rem 0.24rem 0.26rem; margin-top:0.2rem; overflow:hidden; position:relative; border:1px solid #dcdcdc; border-top:none; } .ab-in-sec06 .page-address-list ul li:before { position:absolute; left:0px; top:0px; width:100%; content:""; background:#dcdcdc; height:0.04rem; } .ab-in-sec06 .page-address-list ul li:after { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; content:""; background:#d0121b; height:0.04rem; } .ab-in-sec06 .page-address-list { padding-top:0.29rem; } .ab-in-sec06 .page-address-list ul li:hover:after { left:0px; } .ab-in-sec06 .page-address-list ul li .page-ico { width:1rem; height:1.36rem; position:relative; } .ab-in-sec06 .page-address-list ul li .page-ico img { max-height:100%; max-width:100%; } .ab-in-sec06 .page-address-list ul li dl { padding-left:0.2rem; } .ab-in-sec06 .page-address-list ul li dl dt { padding-bottom:0.04rem; } .ab-in-sec06 .page-address-list ul li dl dd { padding-left:0.34rem; margin-top:0.14rem; position:relative; } .ab-in-sec06 .page-address-list ul li dl dd img { position:absolute; left:0px; height:0.22rem; top:1px; } .ab-in-sec06 .page-tab-btn { top:auto; bottom:0px; margin-top:0px; } .ab-in-sec06 .page-tab-btn.swiper-button-prev { left:0rem; } .ab-in-sec06 .page-tab-btn.swiper-button-next { left:0.7rem; } .ab-in-sec06 .page-text-list { padding-top:0.73rem; } .ab-in-sec06 .page-text-list ul li { padding:0.5em 0px; } .ab-in-sec06 .page-text-list a { display:block; color:#2b2b2b; cursor:default; position:relative; padding-left:14px; } .ab-in-sec06 .page-text-list a:before { position:absolute; width:5px; height:5px; border-radius:50%; background:#7c7c7c; left:0px; top:50%; margin-top:-2.5px; content:""; } .ab-in-sec06 .page-text-list a:hover { /*color:#d0121b;*/ } .ab-in-sec06 .page-text-list a:hover:before {/* background:#d0121b; */} .ab-in-sec06 .paeg-map { width:61.2857%; top:-0.16rem; position:relative; } .ab-in-sec06 .paeg-map .page-img img { width:100%; } .ab-in-sec06 .paeg-map ul li { position:absolute; width:0.5rem; height:0.5rem; margin:-0.25rem 0px 0px -0.25rem;} .ab-in-sec06 .paeg-map ul li .page-text { opacity:0;filter:alpha(opacity=0); position:absolute; line-height:1.5; padding:0.1rem 0.5em; width:20em; bottom:80%; left:50%; margin-left:-10em; color:#fff; background:#d0121b; z-index:6; padding:5px 0.1rem;display:none; } .ab-in-sec06 .paeg-map ul li .page-text:before { position:absolute; left:50%; width:0px; height:0px; margin-left:-0.14rem; border:0.1rem solid rgba(0,108,255,0.9); border-width:0.1rem 0.14rem; bottom:-0.18rem; border-color:rgba(208,18,27,1) transparent transparent transparent; content:""; } .ab-in-sec06 .paeg-map ul li:hover .page-text { opacity:1;filter:alpha(opacity=100); display:block; } .ab-in-sec06 .paeg-map ul li .page-circle { width:100%; height:100%; left:0px; top:0px; position:absolute; display:inline-block; border-radius:50%; } .ab-in-sec06 .paeg-map ul li .page-circle span { width:0.08rem; z-index:5; margin:-0.04rem 0px 0px -0.04rem; height:0.08rem; position:absolute; content:""; left:50%; top:50%; background:#ea2a33;border-radius:50%; } .ab-in-sec06 .paeg-map ul li .page-circle:before { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#d0121b;border-radius:50%;opacity:0; } .ab-in-sec06 .paeg-map ul li .page-circle:after { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#d0121b;border-radius:50%;opacity:0; } .ab-in-sec06 .paeg-map ul li .page-circle em { z-index:3; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#d0121b;border-radius:50%; opacity:0; } .ab-in-sec06 .paeg-map ul li .page-name { position:absolute; right:80%; white-space:nowrap; top:50%; margin-top:-0.75em; } .ab-in-sec06 .paeg-map ul li:hover .page-circle:before,.ab-in-sec06 .paeg-map ul li.on .page-circle:before {opacity:1;animation:line 3s linear infinite;} .ab-in-sec06 .paeg-map ul li:hover .page-circle:after,.ab-in-sec06 .paeg-map ul li.on .page-circle:after {opacity:1;animation:line2 3s linear infinite;} .ab-in-sec06 .paeg-map ul li:hover .page-circle em,.ab-in-sec06 .paeg-map ul li.on .page-circle em { opacity:1;animation:line3 3s linear infinite;} .ab-in-sec06 .paeg-map ul li:hover .page-circle span,.ab-in-sec06 .paeg-map ul li.on .page-circle span { background:#fff;} .ab-in-sec06 .paeg-map ul li.lirt .page-name { left:80%; right:auto; } @keyframes line{ 0%{opacity:1;transform:scale(0)} 100%{opacity:0;transform:scale(1.2)} } @keyframes line2{ 0%{opacity:1;transform:scale(0)} 100%{opacity:0;transform:scale(1.6)} } @keyframes line3{ 0%{opacity:1;transform:scale(0)} 100%{opacity:0;transform:scale(2)} } @media only screen and (max-width:1400px) { .ab-in-sec06 .page-address-list ul li dl dd img { top:2px; } } @media only screen and (max-width:1200px) { .ab-in-sec06 .page-address-list ul li dl dd img { top:3px; } .ab-in-sec06 .paeg-map ul li .page-text { padding:10px; width:200px; margin-left:-100px;} } @media only screen and (max-width:900px) { .ab-in-sec06 .page-address-list ul li dl dd img { top:4px; } } @media only screen and (max-width:750px) { .ab-in-sec06 .page-left { width:100%; } .ab-in-sec06 .paeg-map { width:100%; margin-top:0.6rem; } .ab-in-sec06 .paeg-map ul li .page-text { width:3rem; margin-left:-1.5rem; } .ab-in-sec06 .page-about-number ul li:first-child +li { min-width:50%;} } /****************************�˲���Ƹ******************************/ .page-ab-talent-intab { padding:0.8rem 0px 0.6rem; } .page-er-search { margin-top:0.27rem; } .page-ab-talent-list { padding:0.31rem 0px 0.98rem; } .page-ab-talent-list ul { padding-bottom:0.69rem; } .page-ab-talent-list ul li { border:1px solid #dcdcdc; margin-top:0.2rem; overflow:hidden; border-top:none; position:relative; padding:0.48rem 0.5rem 0.45rem 0.48rem; } .page-ab-talent-list ul li:before { position:absolute; left:0px; top:0px; content:""; height:0.25em; background:#dcdcdc; width:100%; } .page-ab-talent-list ul li:after { position:absolute; left:-100%; top:0px; content:"";transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; height:0.25em; background:#d0121b; width:100%; } .page-ab-talent-list ul li h3 { color:#2b2b2b; } .page-ab-talent-list ul li .page-text { overflow:hidden; padding-right:0.5rem; } .page-ab-talent-list ul li .page-label { color:#2b2b2b; margin-left:-0.2rem; padding-top:0.13rem; } .page-ab-talent-list ul li .page-label span { display:inline-block; padding:0px 0.2rem; position:relative; } .page-ab-talent-list ul li .page-label span:before { position:absolute; left:0px; top:50%; margin-top:-0.4375em; width:1px; height:0.875em; content:""; background:#dcdcdc; } .page-ab-talent-list ul li .page-more span { display:inline-block; color:#2b2b2b; border:1px solid #dcdcdc; min-width:1.4rem; line-height:0.4rem; text-align:center; padding:0px 0.25rem; border-radius:0.2rem; } .page-ab-talent-list ul li:hover:after { left:0px; } .page-ab-talent-list ul li:hover .page-more span { -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); color:#fff; border-color:transparent; } .page-ab-talent-list ul li:hover .page-more span i { display:none; } @media only screen and (max-width:750px) { .page-ab-talent-intab { padding:0.6rem 0px 0.4rem; } .page-ab-talent-list ul li .page-text { width:100%; padding-right:0px; flex:none; } .page-ab-talent-list ul li .page-more { width:100%; padding-top:0.3rem; } } /********************����Ƹ-ְλ����***********************/ .page-ab-talent-con { padding-top:0.74rem; padding-bottom:0.77rem; } .page-ab-talent-con .page-title .page-more a { position:relative; overflow:hidden;display:inline-block; line-height:0.4rem; border-radius:0.2rem; color:#fff; -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); padding:0px 0.25rem; min-width:1.4rem; border-radius:0.2rem; } .page-ab-talent-con .page-title .page-more a:before { position:absolute; left:-100%; top:0px; height:100%; width:100%; bottom:0px; background:rgba(0,0,0,0.1); content:"";transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; } .page-ab-talent-con .page-title .page-more a span { position:relative; z-index:2; } .page-ab-talent-con .page-title .page-more a:hover:before { left:0px; } .page-ab-talent-con .page-label { margin-top:0.41rem; } .page-ab-talent-con .page-label ul { border-left:1px solid #e5e5e5; border-top:0.25em solid #dcdcdc; } .page-ab-talent-con .page-label ul li { color:#2b2b2b; padding:0.29rem 0.3rem; border-bottom:1px solid #e5e5e5; width:20%; border-right:1px solid #e5e5e5; } .page-ab-talent-con .page-list { padding-top:0.22rem; } .page-ab-talent-con .page-list dl dt { border-bottom:1px solid #e0e0e0; padding:0.45rem 0px 0.32rem; } .page-ab-talent-con .page-list dl dd { line-height:2.25; color:#2b2b2b; padding:0.19rem 0px; } .page-ab-talent-con .page-list a { color:#2b2b2b; } .page-ab-talent-con .page-list a:hover { color:#d0121b; } @media only screen and (max-width:900px) { .page-ab-talent-con .page-label ul li { width:25%; } .page-ab-talent-con .page-label ul li:nth-child(9),.page-ab-talent-con .page-label ul li:nth-child(10) { display:none; } } @media only screen and (max-width:750px) { .page-ab-talent-con .page-label ul li { width:50%; } } @media only screen and (max-width:414px) { .page-ab-talent-con .page-label ul li { width:100%; } } /**********************��ҵ�������**************************/ .page-respon-list { padding-top:0.63rem; padding-bottom:1rem; } .page-respon-list .page-list { padding-bottom:0.45rem; } .page-respon-list .page-list ul { margin:0px -0.17rem; } .page-respon-list .page-list ul li { width:33.33%; padding:0.17rem 0px 0.17rem; float:left; } .page-respon-list .page-list ul li .page-img { overflow:hidden; margin:0px 0.17rem; } .page-respon-list .page-list ul li .bg_container { padding-bottom:56.3%; } .page-respon-list .page-list ul .page-con { margin:0px 0.17rem; padding:0.24rem 0.3rem 0.39rem; overflow:hidden; position:relative; } .page-respon-list .page-list ul .page-con:before { position:absolute; left:-100%;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; bottom:0rem; height:0.04rem; background:#d0121b; content:""; z-index:3; } .page-respon-list .page-list ul .page-con:after { position:absolute; content:""; left:0px; width:100%; right:0px; bottom:0px; height:0.04rem; z-index:2; background:#dcdcdc; } .page-respon-list .page-list ul .page-con:hover:before {left:0px; } .page-respon-list .page-list ul .page-con i { position:absolute; left:0px; bottom:0px; top:0px; right:0px; width:100%; height:100%; border:0.02rem solid #f1f1f1; border-top:none; } .page-respon-list .page-list ul .page-sub-tit { border-bottom:1px solid #f1f1f1; padding-bottom:0.15rem; position:relative; z-index:2; } .page-respon-list .page-list ul .page-sub-tit a { color:#2b2b2b; display:block; height:3em; } .page-respon-list .page-list ul .page-txt { color:#2b2b2b; margin-top:0.19rem; line-height:1.875; height:3.75em; max-height:3.75em; } .page-respon-list .page-list ul .page-more { padding-top:0.32rem; } .page-respon-list .page-list ul .page-more a { min-width:1.2rem;border-color:#dcdcdc; color:#2b2b2b; line-height:0.38rem; } .page-respon-list .page-list ul li:hover .page-more a { color:#fff; border-color:transparent; } .page-respon-list .page-list ul li:hover .page-more a:before { left:0px; } .page-respon-list .page-list ul li:hover .page-sub-tit a { color:#d0121b; } @media only screen and (max-width:1260px) { .page-respon-list .page-list ul .page-txt { height:40px; max-height:40px; } } @media only screen and (max-width:1100px) { .page-respon-list .page-list ul .page-sub-tit a { height:34px; max-height:34px; } } @media only screen and (max-width:750px) { .page-respon-list .page-list ul li { width:100%; } .page-respon-list .page-list ul .page-txt { height:auto; max-height:5.625em; } .page-respon-list .page-list ul .page-sub-tit a { height:auto; max-height:3em; } } @media only screen and (max-width:340px) { .page-respon-list .page-list ul .page-txt { max-height:6em; } } /*********************************������*************************************8/ /**********************page-sort*****************************/ .page-sort { border-top:1px solid #e5e5e5; margin-top:0.2rem; padding:0.08rem 0px; border-bottom:1px solid #e5e5e5; } .page-sort .layui-form-item { margin-bottom:0px; } .page-sort .layui-input { border:none; } .page-sort .layui-form-label { width:0.73rem; text-align:left; padding:9px 0px; } .page-sort .layui-form-item .layui-input-inline { width:150px; padding-right:24px; margin-right:0px; } .page-sort .layui-form-select .layui-edge { width:0.875em; height:0.5em; background:url(../images/ab-jt01.png) no-repeat center center; background-size:100% 100%; border:none; } .page-sort .layui-form-selected .layui-edge { margin-top:-5px; } .page-sort .layui-form-item .layui-input-inline.wid02 { width:130px; } .page-sort .layui-form-item .layui-input-inline.wid02 .layui-input { padding-left:6px; } .page-sort .layui-form-select dl dd.layui-this { background:#d62215; } @media only screen and (max-width:750px) { .page-sort .layui-form-item .layui-input-inline { width:9em; } .page-sort .layui-form-item .layui-input-inline.wid02 { width:8em; } } @media only screen and (max-width:540px) { .page-sort .layui-form-item .layui-input-inline { width:130px; } .page-sort .layui-form-item .layui-input-inline.wid02 { width:116px; } } @media only screen and (max-width:450px) { .page-sort .layui-form-item .layui-input-inline { margin:0px; display:inline-block; } } /******************page-ab-news-list***********************/ .page-ab-news-list { padding-bottom:1rem; } .page-ab-news-list .page-list ul { padding-bottom:0.8rem; } .page-ab-news-list .page-list ul li { width:47.22%; margin:0.6rem 0px 0px; } .page-ab-news-list .page-list .page-img { overflow:hidden; width:38.2352%; float:left; background:url(../images/error.jpg) no-repeat center/cover; } .page-ab-news-list .page-list .page-img .bg_container { /*padding-bottom:56.1538%;*/ height:100%; } .page-ab-news-list .page-list .page-text { width:57.3529%; float:right; } .page-ab-news-list .page-list .page-sub { color:#2b2b2b; padding:0px 0px 0.09rem; position:relative; } .page-ab-news-list .page-list .page-sub a { display:block;color:#2b2b2b; height:3em; } .page-ab-news-list .page-list .page-time { background:url(../images/date-ico01.png) no-repeat left center; padding-left:21px;} .page-ab-news-list .page-list .page-more { padding-top:0.17rem; } .page-ab-news-list .page-list .page-more a { border-color:#dcdcdc; min-width:1.2rem; line-height:0.38rem; border-radius:1.3875rem; color:#2b2b2b; } .page-ab-news-list .page-list ul li:hover .page-more a { color:#fff; border-color:transparent; } .page-ab-news-list .page-list ul li:hover a:before { left:0px; } .page-ab-news-list .page-list ul li:hover .page-sub a { color:#d0121b; } @media only screen and (max-width:1200px) { .page-ab-news-list .page-list .page-sub a { height:34px; max-height:34px; } } @media only screen and (max-width:750px) { .page-ab-news-list .page-list ul li { width:100%; } .page-ab-news-list .page-list .page-sub a { height:auto; max-height:3em; } } .page-news-con-wrap { padding:0.68rem 0px 0.7rem; } .page-news-con-wrap .page-sub { padding:0.28rem 0px 0.37rem; } .page-news-con-wrap .page-sub .page-sec { padding:0px 0.23rem; position:relative; display: inline-block; vertical-align: middle;} .page-news-con-wrap .page-sub .page-sec .qr_weixin_but { width:24px; height:24px; } .page-news-con-wrap .page-content { line-height:1.875; border-top:1px solid #eee; padding:0.3rem 0px 0.73rem; } .page-news-con-wrap .page-content img { max-width:100%; height:auto; } .page-news-con-wrap .page-content a { color:#2b2b2b; } .page-news-con-wrap .page-content .video_iframe +p { text-align:center; } .page-news-con-wrap .page-content .video_iframe +p a { display:block; position:relative; } .page-news-con-wrap .page-content .video_iframe +p i { position:absolute; display:block; width:0.6rem; left:50%; top:50%; margin:-0.3rem 0px 0px -0.3rem; height:0.6rem; background:url(../images/page-play01.png) no-repeat center center/cover;} .page-news-con-wrap .page-content ul li { list-style: inherit;} .page-news-con-wrap .page-sub .page-share span {display: inline-block; position: relative; top:-0.4em;} .page-news-con-wrap .page-sub .bshare-custom { display: inline-block;} .page-news-con-wrap .page-sub .bshare-custom.icon-medium a { display: inline-block; width: 24px; height: 24px; cursor: pointer;} .page-news-con-wrap .page-sub .bshare-custom.icon-medium .bshare-weixin { background:url(../images/page-ns-ico02.png) no-repeat center center;transition:0s all; -webkit-transition:0s all; -ms-transition:0s all; -o-transition:0s all; } .page-news-con-wrap .page-sub .bshare-custom.icon-medium .bshare-sinaminiblog { background:url(../images/page-ns-ico01.png) no-repeat center center;transition:0s all; -webkit-transition:0s all; -ms-transition:0s all; -o-transition:0s all; } .page-news-con-wrap .page-sub .bshare-custom.icon-medium .bshare-weixin:hover { background:url(../images/hd-share-ico01.png) no-repeat center center; opacity:1; } .page-news-con-wrap .page-sub .bshare-custom.icon-medium .bshare-sinaminiblog:hover { background:url(../images/hd-share-ico02.png) no-repeat center center; opacity:1;} .page-news-con-wrap .page-ns-ft { border-top:1px solid #eee; padding-top:0.52rem; } .page-news-con-wrap .page-ns-ft .page-ns-links p { padding:0.05rem 0px; } .page-news-con-wrap .page-ns-ft .page-ns-links a { color:#2b2b2b; } .page-news-con-wrap .page-ns-ft .page-ns-links p:hover { color:#d0121b; text-decoration:underline; } .page-news-con-wrap .page-ns-ft .page-ns-links p:hover a { color:#d0121b; } .page-news-con-wrap .page-ns-ft .page-back { padding-top:0.08rem; } .page-news-con-wrap .page-ns-ft .page-back a { display:inline-block; border:1px solid #d0d0d0; padding:0px 2.375em; line-height:2.625; border-radius:1.5em; color:#2b2b2b; } .page-news-con-wrap .page-ns-ft .page-back a:hover { color:#fff; border-color:transparent; } @media only screen and (max-width:1240px) { .page-news-con-wrap .page-sub .page-share span { top:-0.7em;} } @media only screen and (max-width:750px) { .page-news-con-wrap .page-sub .page-share { margin-top: 1em;} .page-news-con-wrap .page-sub .page-share span { top:0px; vertical-align: middle;} .page-news-con-wrap .page-sub .bshare-custom { vertical-align: middle;} .page-news-con-wrap .page-ns-ft .page-ns-links { width:100%; } .page-news-con-wrap .page-ns-ft .page-back { width:100%; } .page-news-con-wrap .page-sub .page-share { width:100%; } .page-news-con-wrap .page-sub .page-sec .qr_weixin_but { left:50%; right:auto; margin-left:22px; margin-right:0px; } } /******************************�����************************************/ .page-ab-escort-list { padding:0.2rem 0px 1rem; } .page-ab-escort-list .page-year { color:#d0121b; float:left; width:23.2638%; line-height:1.1; position:relative; padding-left:0.51rem; } .page-ab-escort-list .page-year:before { position:absolute; left:0px; top:50%; width:0.1rem; height:0.1rem; border:0.03rem solid #d0121b; border-radius:50%; content:""; margin-top:-0.08rem; background:#fff; } .page-ab-escort-list .page-list { overflow:hidden; } .page-ab-escort-list ul { position:relative; } .page-ab-escort-list ul li { padding:0.6rem 0px 0.4rem; overflow:hidden; position:relative; } .page-ab-escort-list ul li:before { position:absolute; left:0.51rem; content:""; width:100%; top:0px; right:0px; height:1px; background:#e5e5e5; } .page-ab-escort-list ul li:first-child:before { display:none;} .page-ab-escort-list ul:before { position:absolute; left:0.07rem; content:""; bottom:0.6rem; top:0.92rem; width:0.02rem; background:#e5e5e5; } .page-ab-escort-list h3 { color:#2b2b2b; } .page-ab-escort-list dl dd { width:31.45%; margin-left:1.88%; position:relative; margin-bottom:0.2rem; overflow:hidden; } .page-ab-escort-list dl dd:before { position:absolute; left:0px; display:none; top:0px; right:0px; bottom:0px; content:""; border:1px solid #dcdcdc; border-bottom:none; } .page-ab-escort-list dl dd i { position:absolute; display:none; z-index:2; left:-100%; width:100%; bottom:0px; content:""; height:0.25em; background:#d0121b; -webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;transition: all .5s; } .page-ab-escort-list dl dd:after { position:absolute; display:none; left:0px; right:0px; bottom:0px; content:""; height:0.25em; background:#dcdcdc; } .page-ab-escort-list dl dd .page-text { /*border-top:1px solid #dcdcdc;*/ padding:0.27rem 0px 0.3rem; } .page-ab-escort-list dl dd .page-img { /*height:1.66rem;*/ height:168px; position:relative; border:1px solid #dcdcdc; } .page-ab-escort-list dl dd .page-img img { max-height:70%; max-width:70%; } .page-ab-escort-list dl dd .page-time { background:url(../images/time-ico02.png) no-repeat left center; margin-top:0.06rem; padding-left:26px; color:#d0121b; } .page-ab-escort-list dl dd:hover i { left:0px; } .page-ab-escort-list dl dd:hover h3 { /*color:#d0121b;*/ } .page-ab-escort-list dl dd a { cursor:default; } .page-ab-escort-list .layui-flow-more { margin:0px; width:100%; } .page-ab-escort-list .layui-flow-more a { font-size:0.15rem; line-height:0.42rem; overflow:hidden; height:auto; display:inline-block; position:relative;border-radius:0.22rem; } .page-ab-escort-list .layui-flow-more a:before { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; content:""; background:#d0121b; height:100%; bottom:0px; } .page-ab-escort-list .layui-flow-more a cite {min-width:1.6rem; border:1px solid #d0d0d0; color:#2b2b2b; background:none; border-radius:0.22rem; } .page-ab-escort-list .layui-flow-more a:hover:before { left:0px; } .page-ab-escort-list .layui-flow-more a:hover cite { color:#fff; border-color:transparent; } @media only screen and (max-width:980px) { .page-ab-escort-list dl dd { width:48%; margin-left:2%; } } @media only screen and (max-width:750px) { .page-ab-escort-list .page-year { width:100%; float:none; margin-bottom:0.2rem; } .page-ab-escort-list .page-list { margin-left:0.41rem; } .page-ab-escort-list ul:before { bottom:1.1rem; } .page-ab-escort-list .layui-flow-more a cite { padding:0.1rem 0.2rem; border-radius:0.5rem; } } @media only screen and (max-width:480px) { .page-ab-escort-list dl dd { width:100%; margin-left:0px; } .page-ab-escort-list .page-list { margin-left:0.51rem; } } /******************�о�Ժ*****************/ /******************ab-research-sec01*****************/ .ab-research-sec01 { padding:0.66rem 0px 1.01rem; } .ab-research-sec01 .page-content { box-shadow:0px 0px 0.2rem rgba(0,0,0,0.1); position:relative; margin-top:0.35rem; } .ab-research-sec01 .page-tab-wrap { width:42.8571%; } .ab-research-sec01 .page-tab-wrap .page-tab-con .page-ul { height:16.625em; } .ab-research-sec01 .page-text { position:absolute; top:0px; right:0px; height:100%; bottom:0px; width:57.1429%; padding:0.6rem 0.44rem 0.6rem 0.64rem; } .ab-research-sec01 .page-text .page-txt { line-height:1.875; padding-top:0.18rem; padding-right:0.2rem; } .ab-research-sec01 .page-text .page-tit { padding-right:0.2rem; } .ab-research-sec01 .page-text .page-con { height:100%; } .ab-research-sec01 .page-tab-nav { width:100%; } .ab-research-sec01 .page-tab-nav ul li { width:33.33%; border-bottom:0.04rem solid #dcdcdc; background:#fafafa; line-height:2.72; cursor:pointer; } .ab-research-sec01 .page-tab-nav ul li.on { background:#fff; border-bottom-color:#d0121b; color:#d0121b; } .ab-research-sec01 .page-tab-con ul { padding:0.47rem 0px 0.43rem; width:100%; } .ab-research-sec01 .page-tab-con ul li { width:33.33%; float:left; padding:0.2rem 0px; } .ab-research-sec01 .page-tab-con ul li .page-img { height:3em; position:relative; } .ab-research-sec01 .page-tab-con ul li .page-img img { max-height:80%; max-width:80%; } .ab-research-sec01 .page-tab-con ul li a { cursor:default; } .ab-research-sec01 .mCSB_scrollTools { width:2px; } .ab-research-sec01 .mCSB_scrollTools .mCSB_draggerContainer { background:url(../images/page-scrollbg01.jpg) repeat-y right top; border-radius:0px;} .ab-research-sec01 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#d0121b; border-radius:0px; } @media only screen and (max-width:750px) { .ab-research-sec01 .page-tab-wrap { width:100%; } .ab-research-sec01 .page-text { position:relative; height:auto; width:100%;} } /******************ab-research-sec02*****************/ .ab-research-sec02 { padding:0.82rem 0px 0.48rem; } .ab-research-sec02 .page-list { overflow:hidden;margin:0px -0.17rem; padding-bottom:0.5rem; } .ab-research-sec02 .page-list ul { } .ab-research-sec02 .page-list ul li { position:relative; width:33.33%; height:auto; } .ab-research-sec02 .page-list ul li:before { position:absolute; left:0.17rem; top:0px; right:0.17rem; bottom:0px; background:#fff; content:""; } .ab-research-sec02 .page-list ul li .page-con { margin:0px 0.17rem; background:url(../images/ab-research-sec02-titbg01.jpg) no-repeat center 0.04rem; background-size:100% 1.07rem; padding:1.11rem 0.6rem 0.5rem; position:relative; z-index:2; box-shadow:0px 0px 0.2rem rgba(0,0,0,0.1); height:100%; } .ab-research-sec02 .page-list ul li .page-con:before { position:absolute; left:0px; top:0px; height:0.04rem; width:100%; background:#b9c2ca; content:""; } .ab-research-sec02 .page-list ul li .page-con:after { position:absolute; left:0px; top:0px; height:0.04rem; width:0px; background:#d0121b; content:"";-webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; } .ab-research-sec02 .page-ico { width:1.2rem; height:1.2rem; margin:0px auto; margin-top:-0.6rem;box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1); border-radius:50%; background:#fff; position:relative; } .ab-research-sec02 .page-ico img { max-height:50%; max-width:50%;} .ab-research-sec02 dl { padding-top:0.16rem; } .ab-research-sec02 dl dd { padding:0.06rem 0px 0.06rem 1.5em; background:url(../images/jt01.png) no-repeat left 0.9em; background-size:0.8125em 0.5625em; } .ab-research-sec02 .page-tit { margin-top:0.05rem; } .ab-research-sec02 .page-list ul li:hover .page-con:after { width:100%; } @media only screen and (max-width:750px) { .ab-research-sec02 .page-list ul li { width:100%; margin:0.2rem 0px; } } /******************ab-research-sec03*****************/ .ab-research-sec03 { padding:0.8rem 0px 1.2rem; } .ab-research-sec03 .page-research-wrap { margin:0px -0.2rem; position:relative; } .ab-research-sec03 .swiper-slide { width:50%; height:auto; } .ab-research-sec03 .page-con { overflow:hidden; height:100%; position:relative; margin:0px 0.2rem; } .ab-research-sec03 .page-con:before { position:absolute; left:0; top:0px; bottom:0px; width:0.02rem; background:#f1f1f1; content:""; } .ab-research-sec03 .page-con:after { position:absolute; right:0; top:0px; bottom:0px; width:0.02rem; background:#f1f1f1; content:""; } .ab-research-sec03 .page-con .page-img { position:relative; z-index:3; } .ab-research-sec03 .bg_container { padding-bottom:40.88%; } .ab-research-sec03 .page-text { /*border-left:0.02rem solid #f1f1f1;*/ padding:0.23rem 0.39rem 0.43rem; /*border-right:0.02rem solid #f1f1f1;*/ position:relative; } /*.ab-research-sec03 .page-text:before { position:absolute; left:0.02rem; bottom:0px; right:0.02rem; content:""; background:#dcdcdc; height:0.04rem; } .ab-research-sec03 .page-text:after { position:absolute; transition:0.5s all; width:0px; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; left:-0.02rem; bottom:0px; content:""; background:#d0121b; height:0.04rem; } */.ab-research-sec03 .page-txt { margin-top:0.1rem; } /*.ab-research-sec03 a { color:#2b2b2b; } .ab-research-sec03 a:hover .page-text:after { width:101%; } */.ab-research-sec03 .ft-line { position:absolute; left:0px; bottom:0px; width:100%; height:0.04rem; background:#dcdcdc; } .ab-research-sec03 .ft-line:before { position:absolute; left:0px; height:0.04rem; top:0px; content:""; width:0px; background:#d0121b; transition:0.5s all;-webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; } .ab-research-sec03 .swiper-slide:hover .ft-line:before { width:100%; } .ab-research-sec03 .page-tab-btn.swiper-button-prev { left:-0.7rem; } .ab-research-sec03 .page-tab-btn.swiper-button-next { right:-0.7rem; } @media only screen and (max-width:750px) { .ab-research-sec03 .page-tab-btn.swiper-button-prev { left:0px; } .ab-research-sec03 .page-tab-btn.swiper-button-next { right:0px; } } .text-color-fff .page-text h3 { color:#fff;} .text-color-fff .page-text h4 { color:#fff; opacity:0.6; filter:alpha(opacity-60);} .text-color-fff .page-current a,.text-color-fff .page-current { color:#fff; } .page-about-report .page-er-search { margin-top:0.47rem; } /*********************������֤*************************/ .page-about-honnor-focus { max-width:1600px; margin:1rem auto 0px; padding-top:0.5rem; padding-bottom:0.04rem; } .page-about-honnor-focus .page-list { margin:0.51rem 0px 0.5rem; padding:0px; position:relative; } .page-about-honnor-focus .page-list .swiper-honnor { position:static; } .page-about-honnor-focus .page-list .swiper-slide { width:33.33%; } .page-about-honnor-focus .page-list .page-img { overflow:hidden; } .page-about-honnor-focus .page-list .bg_container { padding-bottom:69.95%; background-size:contain; -webkit-box-reflect: below 0px linear-gradient(transparent, rgba(0, 0, 0, .1)); } .page-about-honnor-focus .page-list p { margin-top:0.65rem; display:none; } .page-about-honnor-focus .page-list p span { display:inline-block; padding-left:0.34rem; text-align:left; position:relative; } .page-about-honnor-focus .page-list p span:before { position:absolute; left:0px; border:0.1rem solid #ccc; border-width:0.14rem 0.09rem; content:""; width:0px; height:0px; border-color:transparent transparent #ccc transparent; } .page-about-honnor-focus .page-list .swiper-slide-active p { display:block; } .page-about-honnor-focus .page-list .swiper-slide-active .page-img { overflow:visible; } .page-about-honnor-focus .page-list .page-con { width:100%; } .page-about-honnor-focus .page-tab-btn { top:1.82rem; margin-top:0px; } .page-about-honnor-focus .page-tab-btn.swiper-button-next { right:0px; } .page-about-honnor-focus .page-tab-btn.swiper-button-prev { left:0px; } @media only screen and (max-width:1920px) { .page-about-honnor-focus .page-tab-btn { top:1.45rem; } } @media only screen and (max-width:1660px) { .page-about-honnor-focus .page-tab-btn { top:1.65rem; } } @media only screen and (max-width:1440px) { .page-about-honnor-focus .page-tab-btn { top:1.85rem; } } @media only screen and (max-width:750px) { .page-about-honnor-focus .page-list { padding:0px; } .page-about-honnor-focus .page-list p { font-size:0.2rem; margin-top:0.2rem; } } .page-about-honnor-focus .swiper-slide { text-align: center; font-size: 18px; /* 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(0.73); } .page-about-honnor-focus .swiper-slide-active,.page-about-honnor-focus .swiper-slide-duplicate-active{ transform: scale(1); } .page-about-honnor-focus .swiper-slide-prev { transform-origin:83% center;} .page-about-honnor-focus .swiper-slide-next { transform-origin:17% center;} @media only screen and (max-width:750px) { .page-about-honnor-focus .page-list ul li { width:100%; margin-top:0.5rem; } .page-about-honnor-focus .page-tab-btn { top:50%; margin-top:-0.4rem; } } .page-about-honnor-list { padding:0.8rem 0px 1.2rem; } .page-about-honnor-list .page-list ul { margin:0px -0.2rem; } .page-about-honnor-list .page-list ul li { width:33.33%; } .page-about-honnor-list .page-list ul li .page-con { margin:0px 0.2rem; } .page-about-honnor-list .page-list ul li .page-img { background:#f2f2f2; position:relative; padding-bottom:62.5%; } .page-about-honnor-list .page-list ul li .page-img img { max-width:93.18%; max-height:89.09%; } .page-about-honnor-list .page-list ul li .page-tit { padding:0.25rem 0px 0.37rem; } .page-about-honnor-list .layui-flow-more { margin:0px; width:100%; margin-top:0.37rem; } .page-about-honnor-list .layui-flow-more a { font-size:0.15rem; line-height:0.42rem; overflow:hidden; height:auto; display:inline-block; position:relative;border-radius:0.22rem; } .page-about-honnor-list .layui-flow-more a:before { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; content:""; background:#d0121b; height:100%; bottom:0px; } .page-about-honnor-list .layui-flow-more a cite {min-width:3.6rem; border:1px solid #d0d0d0; color:#2b2b2b; background:none; border-radius:0.22rem; } .page-about-honnor-list .layui-flow-more a:hover:before { left:0px; } .page-about-honnor-list .layui-flow-more a:hover cite { color:#fff; border-color:transparent; } @media only screen and (max-width:750px) { .page-about-honnor-list { padding-bottom:0.6rem; } .page-about-honnor-list .page-list ul li { width:100%; } } .page-policy { padding-top:1.2rem; padding-bottom:0px; } .page-policy .page-title { padding-bottom:0.25rem; } .page-policy table { border: 1px solid #ddd; width: 100%; } .page-policy table tr td, .page-policy table th { padding: 5px; border: 1px solid #ddd; font-size: inherit; } .page-policy table th { text-align: center; font-weight: bold; } @media only screen and (max-width:750px) { .page-policy { padding-top:0.5rem; } .page-policy .tableDiv { overflow: hidden; overflow-x: auto; } .page-policy .tableDiv table { min-width: 700px; } } /******************ý�屨��*********************/ .page-ab-report-list { padding:0.2rem 0px 1rem; } .page-ab-report-list .page-list ul li { width:47.8571%; padding-bottom:0.8rem; position:relative; margin-top:0.6rem; } .page-ab-report-list .page-list ul li .page-img { height:0.5rem; width:1.92rem; margin-top:0.3rem; position:absolute; } .page-ab-report-list .page-list ul li .page-img img { max-height:100%; max-width:100%; } .page-ab-report-list .page-list ul li .page-con { position:relative; height:100%; cursor:pointer; min-height:1.58rem; border-radius:0.8rem; border:1px solid #ddd; line-height:1.875; padding:0.33rem 0.6rem; } .page-ab-report-list .page-list ul li .page-con:before { position:absolute; bottom:-0.13rem; left:0.73rem; border:1px solid #ddd; width:0.25rem; height:0.25rem; border-color:transparent transparent #ddd #ddd; content:"";transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background:#fff;transition:0.5s all; -webkit-transition:0.5s all; } .page-ab-report-list .page-list ul li:hover .page-con { border-color:#c23028; } .page-ab-report-list .page-list ul li:hover .page-con:before {border-color:transparent transparent #c23028 #c23028; } .page-ab-report-list .layui-flow-more { margin:0.8rem 0px 0px; width:100%; } .page-ab-report-list .layui-flow-more a { font-size:0.15rem; line-height:0.42rem; overflow:hidden; height:auto; display:inline-block; position:relative;border-radius:0.22rem; } .page-ab-report-list .layui-flow-more a:before { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; content:""; background:#c02d28; height:100%; bottom:0px; } .page-ab-report-list .layui-flow-more a cite {min-width:1.6rem; border:1px solid #c02d28; color:#c02d28; background:none; border-radius:0.22rem; } .page-ab-report-list .layui-flow-more a:hover:before { left:0px; } .page-ab-report-list .layui-flow-more a:hover cite { color:#fff; border-color:transparent; } @media only screen and (max-width:750px) { .page-ab-report-list { padding:0.2rem 0px 0.5rem; } .page-ab-report-list .page-list ul li { width:100%; } .page-ab-report-list .layui-flow-more a cite { padding:0.1rem 0.2rem; border-radius:0.5rem; } } /***************�������******************/ .page-ab-respon { margin-top:0.87rem; position:relative; padding-bottom:1.29rem; background-position:center top; } .page-ab-respon .page-wrap { position:relative; } .page-ab-respon .page-wrap:before { position:absolute; height:100%; left:22.5%; width:1px; background:#999; top:0px; margin-left:-0.16rem; bottom:1.29rem; content:""; } .page-ab-respon .ab-respon-left { width:22.5%; } .page-ab-respon .ab-respon-nav ul { display:block; } .page-ab-respon .ab-respon-nav ul li span { display:inline-block; text-align:center; border:1px solid #999; line-height:0.58rem; width:2rem; border-radius:0.3rem; } .page-ab-respon .ab-respon-nav ul li { margin-bottom:0.4rem; position:relative; } .page-ab-respon .ab-respon-nav ul li i { position:absolute; right:0px; width:0.31rem; height:0.31rem; border-radius:50%; background:url(../images/ab-respon-nav-li01.png) no-repeat center center; display:none; background-size:100% 100%; top:50%; margin-top:-0.165rem; } .page-ab-respon .ab-respon-nav ul li a { color:#2b2b2b; } .page-ab-respon .ab-respon-nav ul li.on i { display:inline-block; } .page-ab-respon .ab-respon-nav ul li.on a { color:#fff; } .page-ab-respon .ab-respon-nav ul li.on span { -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #e54e06); background-image: linear-gradient(135deg, #d0121b 60%, #e54e06); border-color:transparent; } .page-ab-respon .ab-respon-right { width:71.4285%; } .page-ab-respon .ab-respon-video { float:none; position:relative; width:100%; } .page-ab-respon .ab-respon-video .bg_container { padding-bottom:50%; } .page-ab-respon .ab-respon-video .page-play { position:absolute; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; background:url(../images/page-play03.png) no-repeat center center; background-size:1.12rem 1.12rem; cursor:pointer; } .page-ab-respon .ab-respon-pic { position:relative; margin-top:0.2rem; } .page-ab-respon .ab-respon-pic img { width:100%; } .page-ab-respon .ab-respon-pic .page-text { position:absolute; left:0px; bottom:0px; width:100%; right:0px; background:rgba(0,0,0,0.6); color:#fff; line-height:1.875; padding:0.23rem 0.3rem; } .page-ab-respon .ab-respon-content { margin-top:-0.08rem; } .page-ab-respon .ab-respon-content .page-content { padding-top:0.36rem; line-height:1.875; padding-bottom:0.55rem; } .page-ab-respon .ab-respon-pictab { margin-top:0.2rem; position:relative; } .page-ab-respon .ab-respon-pictab .picbig-wrap { width:60.5%; } .page-ab-respon .ab-respon-pictab .picbig-wrap .bg_container { padding-bottom:54.87%; } .page-ab-respon .ab-respon-pictab .picsml-wrap { position:absolute; overflow:hidden; padding:0px 0.38rem 0.09rem; left:0px; width:60.5%; bottom:0px; } .page-ab-respon .ab-respon-pictab .gallery-thumbs { overflow:hidden; } .page-ab-respon .ab-respon-pictab .picsml-wrap .bg_container { padding-bottom:54.36%; } .page-ab-respon .ab-respon-pictab .picsml-wrap ul li { width:20%; border-bottom:3px solid transparent; cursor:pointer; position:relative; } .page-ab-respon .ab-respon-pictab .picsml-wrap ul li.swiper-slide-thumb-active { border-bottom:3px solid #d0121b; } .page-ab-respon .ab-respon-pictab .page-text { position:absolute; top:0px; right:0px; height:100%; line-height:1.875;width:39.5%; background:url(../images/ab-respon-pictab-textbg01.jpg) no-repeat center center; background-size:cover; color:#fff; padding:0.34rem 0.46rem 0.5rem 0.3rem; } .page-ab-respon .ab-respon-pictab .page-text dl { height:100%; } .page-ab-respon .ab-respon-pictab .page-text dd { height:0px; overflow:hidden; } .page-ab-respon .ab-respon-pictab .page-text dd.on { height:100%; overflow-y:auto; } .page-ab-respon .ab-respon-pictab .page-text dd::-webkit-scrollbar {/*������������ʽ*/ width: 2px; /*�߿��ֱ��Ӧ�����������ijߴ�*/ height: 1px; } .page-ab-respon .ab-respon-pictab .page-text dd::-webkit-scrollbar-thumb {/*����������С����*/ background:#d0121b; border-radius:0px; } .page-ab-respon .ab-respon-pictab .page-text dd::-webkit-scrollbar-track {/*������������*/ background:url(../images/page-scrollbg01.jpg) repeat-y right top; border-radius:0px; } .page-ab-respon .mCSB_scrollTools { width:2px; } .page-ab-respon .mCSB_scrollTools .mCSB_draggerContainer { background:url(../images/page-scrollbg01.jpg) repeat-y right top; border-radius:0px;} .page-ab-respon .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#d0121b; border-radius:0px; } @media only screen and (max-width:750px) { .page-ab-respon { padding-bottom:0.8rem; } .page-ab-respon .ab-respon-left { width:100%; } .page-ab-respon .page-wrap:before { display:none; } .page-ab-respon .ab-respon-right { width:100%; } .page-ab-respon .ab-respon-nav ul { display:-webkit-box; display:-ms-box; display: -webkit-box; /* Safari */ display: box; display: -moz-box; /* Firefox */ display:flex; } .page-ab-respon .ab-respon-nav ul li { display:inline-block; width:33.33%; } .page-ab-respon .ab-respon-nav ul li.on i { display:none; } .page-ab-respon .ab-respon-pictab .picbig-wrap { width:100%; } .page-ab-respon .ab-respon-pictab .page-text { position:relative; width:100%; } .page-ab-respon .ab-respon-pictab .picsml-wrap { width:100%; } .page-ab-respon .ab-respon-pic .page-text { position:relative; } }