.page-wrap { max-width:1440px; } .page-main { background:url(../images/main-bg01.jpg) no-repeat left top; background-size:100% auto; } @media only screen and (max-width:750px) { .page-main {background:url(../images/main-bg02.png) no-repeat left top; background-size:100% auto;} } .in-banner { position:relative; /*margin-top: 0.9rem;*/ } .in-banner .swiper-slide { position:relative; } .in-banner .bg_container { height:7.59rem; } .in-banner .page-text { position:absolute; left:17.5%; right:6.875%; color:#fff; top:0px; height:100%; bottom:0px; } .in-banner .page-text h3 { line-height:1.1667; } .in-banner .page-text h3 .page-tit img { max-width:100%; width:3.76rem; } .in-banner .page-text h3 .page-tit { border-bottom:1px solid #fff; padding-bottom:0.16rem; } .in-banner .page-text h3 .page-tit p { line-height:1.33; margin-right:0.25rem; } .in-banner .page-txt { line-height:2; width:4.3rem; margin-top:0.1rem; } .in-banner .li00 { height:7.59rem; position:relative;} .in-banner .li00 video { position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; object-fit: fill; } .in-banner .li00 .page-text { z-index:3; } .in-banner .li00 .page-text h3 .page-tit p { line-height:1.1; letter-spacing:0.15rem; margin-right:-0.17rem; } .in-banner .li00 .page-text h3 .page-tit p span { display:block; font-weight:normal; } .in-banner .li00 .page-text h3 .page-tit { line-height:1.1; display:inline-block; } .in-banner .li00 .page-text h3 .page-tit b { margin-right:0.2rem; } .in-banner .li02 .page-text h3 .page-tit { border-bottom:none; color:#2b2b2b; padding-bottom:0.1rem; } .in-banner .li02 .page-txt { width:5rem; color:#2b2b2b; line-height:1.667; } .in-banner .li02 .page-more01 { padding-top:0.74rem; } .in-banner .li02 .page-more01 a { padding:0px 0.2em; min-width:1.6rem; text-align:center; } .in-banner .li02 .page-more01 a img { vertical-align:middle; position:relative; top:-1px; height:0.16rem; margin-right:0.1rem; } .in-banner .li03 .page-text h3 .page-tit { border-bottom-color:#fff; letter-spacing:0.06rem; } .in-banner .page-more { padding-top:0.71rem; } .in-banner .li04 { height:7.59rem; position:relative;} .in-banner .li04 video { position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; object-fit: fill; } .in-banner .li04 .page-more { position: absolute; left: 0px; width: 100%; text-align: center; top:4.69rem; z-index: 3; padding-top: 0px; } .in-banner .li04 .page-more a { position: relative; display: inline-block; border: 2px solid #fff8d4; min-width:1.69rem; text-align: center; padding: 0px 0.2rem; line-height: 0.46rem; color: #fff8d4; border-radius:0.25rem; margin: 0px 0.07rem; overflow: hidden; } .in-banner .li04 .page-more a:before { content: ""; position: absolute; left: -100%; top:0px; width: 100%; height: 100%; bottom: 0px; background: rgba(0,0,0,0.1); transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; } .in-banner .li04 .page-more a:hover:before { left: 0px; } .in-banner .li04 .page-more a:first-child span { display: inline-block; position: relative; padding-left: 0.19rem; z-index: 3; } .in-banner .li04 .page-more a:first-child span:before { position: absolute; width: 0px; height: 0px; border:0.1rem solid #fff8d4; content: ""; left: 0px; top:50%; margin-top: -0.07rem; border-width: 0.08rem 0.1rem; border-radius: 0.04rem; border-color:transparent transparent transparent #fff8d4; } .in-banner .li04.swiper-slide-active .page-more {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay:1s; -webkit-animation-delay:1s; } .in-banner h3 .img11 { max-width:100%; } .in-banner .li11 .page-text { left:16.9275%; right:16.9275%; top:-20px; } .in-banner a.ahref { position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background-color: transparent; right: 0px; bottom: 0px; z-index: 2; } .in-banner .li06 .page-text h3 .page-tit { border-bottom: none; } .in-banner .li06 .page-txt { width: 6rem; } .in-banner .li07 .page-text .page-sub { color: #2b2b2b; } .in-banner .li07 .page-text .page-tit span { color: #c02d28; } .in-banner .li07 .page-more01 { padding-top: 0.46rem; } .in-banner .li08 h3 .page-tit span i { position: relative; top:1em; } .in-banner .li12 .page-text { width:49.89%; left:17.6%; top:60%; height:40%; right:auto; } .in-banner .li12 .page-more { padding-top: 0px; } .in-banner .li12 .page-text img { max-width: 100%; } .in-banner .li13 .page-text { width:57.0834%; left:21.4583%; right: 0px; top:0%; height:100%; right:auto; } .in-banner .li13 .page-text img { max-width: 100%; } .in-banner .li14 .page-text { width:60.02%; left:19.99%; right: 0px; top:0%; height:100%; right:auto; } .in-banner .li14 .page-text img { max-width: 100%; } .in-banner .li15 .page-text { width:63.2291%; left:21.09375%; top:0%; height:100%; right:auto; } .in-banner .li15 .page-text img { max-width: 100%; } .in-banner .li16 .page-text { width:100%; left:0%; top:50%; height: 30%; } .in-banner .li08 .page-more01 { padding-top:0.54rem; } .in-banner .li08 .page-more01 a { padding:0px 0.2em; min-width:1.8rem; line-height: 0.48rem; text-align:center; } .in-banner .li08 .page-more01 a img { vertical-align:middle; position:relative; top:-1px; height:0.16rem; margin-right:0.1rem; } .in-banner .li08 .page-more01 > a {color: #c02d28; background: #fff; margin-right: 0.33rem;} .in-banner .li08 .page-text { left: 10%; right: 40.78125%; } .in-banner .li08 .page-txtimg img { width:100%; } .in-banner .li08 .page-txt { width: 100%; margin-top: 0px; } .in-banner .li08 h3 .page-tit { border-bottom: none; padding-bottom: 0.07rem; } .in-banner .li08 h3 .page-tit span { font-size: 1.16363em; color: #e5b439; } .in-banner .li08 .page-physical .page-txt { color: #c02d28; padding-top: 0.05rem; } .in-banner .li08 .page-physical a { min-width: 3.33rem; } .in-banner .li08 .page-physical a span img { width: 0.21rem; margin-right: 0.03rem; } .in-banner .li08 .page-physical a i { position: relative; width: 0px; top:auto; right: auto; height: 100%; margin: 0px 0.12rem; } .in-banner .li08 .page-physical a i::before { position: absolute; content: ""; left: 0px; width: 1px; background:rgba(255,255,255,0.8); height: 13px; right: auto; border-radius: 0px; top:50%; margin-top: -5px; transform:rotate(0deg); -webkit-transform:rotate(0deg); } .in-banner .li08 .page-physical a i::after { display: none; } .in-banner .li05 .page-text {left:12.5%; } .in-banner .li05 .page-text h3 .page-tit { border-bottom:none; padding-bottom: 0px; } .in-banner .li05 .page-text h3 .page-sub { line-height: 1.1; margin-top: -0.03rem; padding-bottom: 0.07rem; } .in-banner .li05 .page-txt { width: 6.48rem; line-height: 1.5; margin-top: 0.24rem;} .in-banner .li05 .page-more01 {padding-top: 0.54rem; } .in-banner .li05 .page-more01 a { overflow: hidden; padding-right: 0.33rem; min-width: 1.6rem; border: 1px solid transparent; } .in-banner .li05 .page-more01 a:first-child { margin-right: 0.1rem;} .in-banner .li05 .page-more01 a:first-child:before { position:absolute; left:-100%;transition:0.5s all; -webkit-transition:0.5s all; border-radius:0.04rem; -ms-transition:0.5s all; -o-transition:0.5s all; content:""; width:100%; z-index:2; top:0px; height:100%; bottom:0px; background:rgba(0,0,0,0.1); } .in-banner .li05 .page-more01 a:first-child:hover::before {left:0px; } .in-banner .li05 .page-more01 a img { vertical-align:middle; position:relative; top:-1px; height:0.16rem; margin-right:0.1rem; } .in-banner .li05 .page-more01 a:first-child +a {background: #fff; color: #2b2b2b; border-color: #fff; } .in-banner .li05 .page-more01 a:first-child +a:hover {border-color: #d0111b;} .in-banner .page-souse { position: absolute; right:0.26rem; bottom: 0.2rem; color: #fff; } .in-banner .page-phone-more { position: absolute; left: 0.47rem; bottom: 0.63rem; z-index: 2; } .in-banner .page-phone-more a { display:inline-block; width: 0.93rem; height: 0.23rem; background-color:transparent; float: left; } .in-banner .page-phone-more a:first-child { margin-right: 0.08rem; } .in-banner .swiper-pagination { bottom:5px; } .in-banner .swiper-pagination .swiper-pagination-bullet { width:0.2rem; position:relative; height:0.2rem; display:inline-block; opacity:1; border:0.06rem solid transparent; background:none; } .in-banner .swiper-pagination .swiper-pagination-bullet:before { width:0.08rem; content:""; height:0.08rem; border-radius:50%; background:#fff; position:absolute; left:50%; top:50%; margin:-0.04rem 0px 0px -0.04rem; } .in-banner .swiper-pagination .swiper-pagination-bullet-active { border:0.04rem solid #fff;} .in-banner .swiper-pagination .swiper-pagination-bullet-active:before { background:none; } .in-banner .swiper-slide-active h3,.in-banner .swiper-slide-active .page-txt,.in-banner .swiper-slide-active .page-more { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .in-banner .swiper-slide-active h3 {-webkit-animation-name: bnFadeRight2; animation-name: bnFadeRight2; animation-delay:0.5s; -webkit-animation-delay:0.5s; } .in-banner .swiper-slide-active .page-txt { -webkit-animation-name: bnFadeRight; animation-name: bnFadeRight; animation-delay:0.75s; -webkit-animation-delay:0.75s; } .in-banner .swiper-slide-active .page-more {-webkit-animation-name: bnFadeRight; animation-name: bnFadeRight; animation-delay:1s; -webkit-animation-delay:1s; } .in-banner .swiper-slide-active.li12 h3, .in-banner .swiper-slide-active.li12 .page-more { -webkit-animation:none; animation:none; } .in-banner .li14 .page-text { width:39.27%; left:12.5%; right: 0px; top:0%; height:100%; right:auto; } .in-banner .li14 .page-text img { max-width: 100%; } .in-banner .phone-bnimg { display:none; } @media only screen and (max-width:1440px){ .in-banner .li08 h3 .page-tit span i { top:0.75em; } } @media only screen and (max-width:1240px){ .in-banner .li08 h3 .page-tit span i { top:1em; } } @media only screen and (max-width:1000px){ .in-banner { margin-top: 0px;} .in-banner .li00 video { display:block; } .in-banner .li04 video { display:block; } .in-banner .li05 .page-txt { width: auto;} } @media only screen and (max-width:750px){ .in-banner .bg_container { height:3.56rem; } .in-banner .fnt-36 { font-size:16px; } .in-banner .fnt-60 { font-size:0.4rem; } .in-banner .fnt-76 { font-size:0.4rem; } .in-banner .fnt-20 { font-size:14px; } .in-banner .fnt-18 { font-size:14px; } .in-banner .fnt-14 { font-size:14px; } .in-banner .page-txt { margin-top:0.2rem; } .in-banner .page-txt br { display:none; } .in-banner .page-more { padding-top:0.2rem; } .in-banner .li02 .page-more { padding-top:0.2rem; } .in-banner .li03 .page-more { padding-top:0.2rem; } .in-banner .page-text h3 .page-tit img { width:2rem; } .in-banner .phone-bnimg img { width:100%; } .in-banner .pc-bnimg { display:none; } .in-banner .phone-bnimg { display:block; } .in-banner .top-search { display:none; } .in-banner .li00 video,.in-banner .li04 video { display:none; } .in-banner .li00 .page-text { display:none; } .in-banner .li00,.in-banner .li04 { height:auto; } .in-banner .li01 { display:block; } } @media only screen and (max-width:414px){ .in-banner .bg_container { height:5rem; } .in-banner .fnt-20 { font-size:12px; } .in-banner .fnt-18 { font-size:12px; } .in-banner .fnt-14 { font-size:12px; } .in-banner .fnt-36 { font-size:14px; } } @-webkit-keyframes bnFadeRight { 0% { opacity: 0; -webkit-transform: translate3d(100px, 0px, 0); transform: translate3d(100px, 0px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bnFadeRight { 0% { opacity: 0; -webkit-transform: translate3d(100px, 0px, 0); transform: translate3d(100px, 0px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes bnFadeRight2 { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0px, 0); transform: translate3d(50px, 0px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bnFadeRight2 { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0px, 0); transform: translate3d(50px, 0px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes bnFadeUp { 0% { opacity: 0; -webkit-transform: translate3d(0px, 50px, 0); transform: translate3d(0px, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bnFadeUp { 0% { opacity: 0; -webkit-transform: translate3d(0px, 50px, 0); transform: translate3d(0px, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .page-insec-bk01 { padding-top:0.81rem; } .page-insec-bk01 .page-shares { display:none; } .page-insec-bk01 .page-shares span { display:inline-block; border:1px solid #d0121b; padding:0px 0.28rem; line-height:2.75; border-radius:1.375rem; color:#d0121b; } .page-insec-bk01 .page-content { margin-top:0.2rem; } .page-insec-bk01 .page-in-about { width:40.27%; color:#2b2b2b; position:relative; padding-bottom:1rem; } .page-insec-bk01 .page-in-about .page-title { line-height:1.33; } .page-insec-bk01 .page-in-about .page-txt { line-height:1.875; margin-top:0.26rem; color:#2b2b2b; max-height:5.625em; height:5.625em; } .page-insec-bk01 .page-in-about .page-more { position:absolute; left:0px; bottom:0px; } .page-insec-bk01 .page-in-about .page-more a { line-height:0.38rem; border-radius:1.375rem; min-width:1.6rem; color:#2b2b2b; border-color:#dcdcdc;} .page-insec-bk01 .page-in-about .page-more a:hover { color:#fff; border-color:transparent; } .page-insec-bk01 .page-ab-tab { width:56.25%; height:3.3rem; position:relative; } .page-insec-bk01 .page-ab-tab ul li { width:24.69%; position:absolute; top:0px; padding:0px 0.2rem; height:100%; background:#f2f2f2; border-left:0.02rem solid #fff; } .page-insec-bk01 .page-ab-tab ul li .page-ico { width:1.08rem; margin:0px auto; height:1.08rem; position:relative; background:#fff; border-radius:50%; } .page-insec-bk01 .page-ab-tab ul li .page-ico img { display:none; max-height:0.6rem; } .page-insec-bk01 .page-ab-tab ul li .page-ico .img01 { display:inline-block; } .page-insec-bk01 .page-ab-tab ul li .page-txt { line-height:1.625; height:3.25em; max-height:3.25em; margin-top:0.24rem; } .page-insec-bk01 .page-ab-tab ul li .page-more { display:none; padding-top:0.14rem; } .page-insec-bk01 .page-ab-tab ul li .page-more a { line-height:0.4rem; background:#fff; border-color:transparent; border-radius:1.4625rem; min-width:1.2rem; color:#2d2d2d; } .page-insec-bk01 .page-ab-tab ul li .page-more a:before { background:none; } .page-insec-bk01 .page-ab-tab ul li .page-more a:hover { background:none; border:1px solid #fff; color:#fff; } .page-insec-bk01 .page-ab-tab ul li.on { width:50.62%; background:url(../images/page-insec-bk01-bg01.jpg) no-repeat center center; background-size:cover; padding:0px 0.5rem; } .page-insec-bk01 .page-ab-tab ul li.on .page-more { display:block; } .page-insec-bk01 .page-ab-tab ul li.on .page-text { width:100%; } .page-insec-bk01 .page-ab-tab ul li.on .page-txt { font-size:1.4375em; margin-top:0.22rem; text-align:left; color:#fff; } .page-insec-bk01 .page-ab-tab ul li.on .page-txt br { display:none; } .page-insec-bk01 .page-ab-tab ul li.on .page-ico { background:none; width:auto; height:0.6rem; margin:0px; } .page-insec-bk01 .page-ab-tab ul li.on .page-ico .img01 { display:none; } .page-insec-bk01 .page-ab-tab ul li.on .page-ico .img02 { display:inline-block; position:relative; left:0px;top:0px; -webkit-transform:translate(0%,0%); transform:translate(0%,0%); } @media only screen and (max-width:1320px) { .page-insec-bk01 .page-in-about .page-txt { height:62px; max-height:62px; } } @media only screen and (max-width:1280px) { .page-insec-bk01 .page-ab-tab ul li .page-txt { height:40px; max-height:40px; } .page-insec-bk01 .page-ab-tab ul li.on .page-txt { height:3.25em; max-height:3.25em; } .page-insec-bk01 .page-in-about .page-more a { line-height:2.5; } .page-insec-bk01 .page-ab-tab ul li .page-more a { line-height:2.5; } } @media only screen and (max-width:1000px) { .page-insec-bk01 {padding-top: 0.51rem;} .page-insec-bk01 .page-shares {display: block;} } @media only screen and (max-width:750px) { .page-insec-bk01 .page-shares span { line-height:1.75; padding-top:0.03rem; } .page-insec-bk01 .page-in-about { width:100%; } .page-insec-bk01 .page-in-about .page-title { line-height:1.2; } .page-insec-bk01 .page-in-about .page-txt { height:auto; max-height:5.625em; line-height:1.5; margin-top:0.17rem; } .page-insec-bk01 .page-in-about .page-more { position:relative; padding-top:0.42rem; } .page-insec-bk01 .page-in-about .page-more a { line-height:0.38rem; padding-top:0.03rem; min-width:1.4rem; } .page-insec-bk01 .page-in-about { padding-bottom:0px; } .page-insec-bk01 .page-ab-tab { width:100%; margin-top:0.33rem; height:2.73rem; } .page-insec-bk01 .page-ab-tab ul li { padding:0px 0.1rem; } .page-insec-bk01 .page-ab-tab ul li.on { padding:0px 0.39rem; } .page-insec-bk01 .page-ab-tab ul li.on .page-txt { font-size:0.28rem; height:auto; max-height:none; line-height:1.1428; } .page-insec-bk01 .page-ab-tab ul li .page-more a {line-height:0.4rem; padding-top:0.03rem; min-width:1.3rem; } .page-insec-bk01 .page-ab-tab ul li .page-txt { font-size:0.18rem; line-height:1.33; height:auto; max-height:none; overflow: visible;-webkit-line-clamp:10; } .page-insec-bk01 .page-ab-tab ul li .page-txt br { display:none; } .page-insec-bk01 .page-ab-tab ul li .page-ico { width:0.98rem; height:0.98rem; } .page-insec-bk01 .page-ab-tab ul li .page-ico img { max-height:0.54rem; } .page-insec-bk01 .page-ab-tab ul li.on .page-ico { margin-top:0.14rem; } .page-insec-bk01 .page-ab-tab ul li.on .page-ico img { height:0.7rem; max-height:0.7rem; } .page-insec-bk01 .page-ab-tab ul li .page-more { padding-top:0.22rem; } } @media only screen and (max-width:375px) { .page-insec-bk01 .page-in-about .page-txt { max-height: 6.625em;} } /******************锟斤拷品锟斤拷锟斤拷锟?********************/ .page-insec-bk02 { padding:0.9rem 0px 0.67rem; } .page-insec-bk02 .page-title .page-more a { min-width:2rem; padding:0px 0.5rem 0px 0.39rem; background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); } .page-insec-bk02 .page-title .page-more01 a i { right:0.3rem; width:0.18rem; } .page-insec-bk02 .page-title .page-more01 a:hover i { right:0.25rem; } .page-insec-bk02 .page-list { padding-top:0.21rem; } .page-insec-bk02 .page-list .bg_container { padding-bottom:56.23%;} .page-insec-bk02 .page-list ul { margin:0px -0.1rem; } .page-insec-bk02 .page-list ul li { width:25%; position:relative; /*padding-bottom:0.43rem;*/ } .page-insec-bk02 .page-list ul li .page-img { overflow:hidden; } .page-insec-bk02 .page-list ul li .page-con { padding:0.1rem; } .page-insec-bk02 .page-list ul li .page-sub { color:#2b2b2b; padding:0.34rem 0px 0.14rem; position:relative; } .page-insec-bk02 .page-list ul li .page-sub:before { position:absolute; left:0px; bottom:0px; z-index:2; background:#d0121b; height:2px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:0.6rem; content:""; } .page-insec-bk02 .page-list ul li .page-sub:after { position:absolute; left:0px; bottom:0px; background:#e5e5e5; height:1px; width:100%; content:""; } .page-insec-bk02 .page-list ul li .page-more { display:none; position:absolute; left:0.1rem; bottom:0px; } .page-insec-bk02 .page-list ul li .page-more a { border-color:#dcdcdc; min-width:1.2rem; line-height:0.38rem; border-radius:1.3875rem; color:#2b2b2b; } .page-insec-bk02 .page-list ul li .page-more a:hover { color:#fff; border-color:transparent; } .page-insec-bk02 .page-list ul li .page-label { line-height:1.875; margin-top:0.17rem; } .page-insec-bk02 .page-list ul li .page-label a { color:#2b2b2b; cursor:default; display:inline-block; min-width:43.5%; padding-bottom:0.04rem; padding-right:0.2rem; } .page-insec-bk02 .page-list ul li .page-label a span { display:inline-block; padding-right:0.07rem; } .page-insec-bk02 .page-list ul li .page-label a:hover { /*color:#d0121b;*/ } .page-insec-bk02 .page-list ul li:first-child +li+li+li .page-label a { padding-right:0px; } .page-insec-bk02 .page-list ul li:hover .page-sub:before { width:100%; } @media only screen and (max-width:1640px) { .page-insec-bk02 .page-list ul li { /*padding-bottom:0.6rem;*/ } } @media only screen and (max-width:1340px) { .page-insec-bk02 .page-list ul li { /*padding-bottom:0.8rem;*/ } } @media only screen and (max-width:750px) { .page-insec-bk02 { padding-top:0.7rem; padding-bottom:0.39rem; } .page-insec-bk02 .page-title .page-more a { min-width:1.8rem; padding-left:0.3rem; } .page-insec-bk02 .page-list ul li { width:50%; /*padding-bottom:0.67rem;*/ margin-bottom:0.24rem; } .page-insec-bk02 .page-list ul li .page-sub { padding:0.21rem 0px 0.07rem; } .page-insec-bk02 .page-list ul li .page-label { overflow:hidden; margin-top:0.1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.667; height:3.334em; max-height:3.334em; } .page-insec-bk02 .page-list ul li .page-label a { padding-bottom:0px; padding-right:0px; min-width:49%; } .page-insec-bk02 .page-list ul li .page-more a { line-height:0.38rem; min-width:1.4rem; padding-top:0.03rem; } .page-insec-bk02 .page-list ul li:first-child +li+li+li a { display:block; } .page-insec-bk02 .page-list ul li:first-child +li+li+li .page-more { bottom:0.09rem; } .page-insec-bk02 .page-title .page-more a em { position:relative; top:0px; } } @media only screen and (max-width:414px) { .page-insec-bk02 .page-title .page-more a { padding-right:36px; } } @media only screen and (max-width:375px) { .page-insec-bk02 .page-title .page-more a { padding-right:30px; } } @media only screen and (max-width:340px) { .page-insec-bk02 .page-list ul li .page-label { height:44px; max-height:44px; } } /******************锟斤拷锟斤拷锟斤拷锟斤拷氚革拷锟?********************/ .page-insec-bk03 { color:#2b2b2b; } .page-insec-bk03 .swiper-case-nav { padding-top:0.1rem; } .page-insec-bk03 .swiper-case-nav .swiper-slide { padding:0.16rem 0px; cursor:pointer;border-bottom:1px solid #dcdcdc; } .page-insec-bk03 .swiper-case-nav .swiper-slide:before { width:1px; content:""; height:0.14rem; background:#e4e4e4; position:absolute; left:0px; top:50%; margin-top:-0.07rem; } .page-insec-bk03 .swiper-case-nav .swiper-slide:first-child:before { display:none; } .page-insec-bk03 .swiper-case-nav .swiper-slide:after { width:100%; content:""; height:2px; background:#d0121b; position:absolute; left:0px; bottom:-1px; z-index:3; display:none; } .page-insec-bk03 .swiper-case-nav .swiper-slide.on { color:#d0121b; } .page-insec-bk03 .swiper-case-nav .swiper-slide.on:after { display:block; } .page-insec-bk03 .page-content { margin-top:0.4rem; } .page-insec-bk03 .page-case-lf { width:50%; background:#fcfcfc; position:relative; } .page-insec-bk03 .page-case-lf .page-img-wrap { position:absolute; left:0px; top:0px; width:100%; height:0px; } .page-insec-bk03 .page-case-lf .page-img-wrap ul li .page-img { height:100%; } .page-insec-bk03 .page-case-lf .page-img-wrap .bg_container { height:100%; } .page-insec-bk03 .page-case-lf .page-logo-scroll { padding:0.2rem 0.5rem; background:#fcfcfc; position:absolute; left:0px; bottom:0px; width:100%; z-index:1; } .page-insec-bk03 .page-case-lf .page-logo-scroll .swiper-slide { position:relative; height:0.8rem; } .page-insec-bk03 .page-case-lf .page-logo-scroll .swiper-slide img { max-height:0.3rem; max-width:80%; } .page-insec-bk03 .page-case-lf .page-logo-scroll.on { z-index:5; } .page-insec-bk03 .page-case-lf .page-img-left { position:absolute; left:0px; top:0px; width:100%; bottom:1.2rem; } .page-insec-bk03 .page-case-lf .page-img-left .bg_container { height:100%; } .page-insec-bk03 .swiper-button-next, .page-insec-bk03 .swiper-button-prev { width:0.3rem; height:0.3rem; margin-top:-0.15rem; background:none; } .page-insec-bk03 .swiper-button-next:before {position:absolute; width:0.14rem; right:0; height:0.02rem; top:50%; content:""; border-radius:0.02rem; background:#4b4b4b;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg); } .page-insec-bk03 .swiper-button-next:after {position:absolute; width:0.14rem; margin-top:-1px; right:0px; height:0.02rem; border-radius:0.02rem; top:50%; content:""; background:#4b4b4b; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);} .page-insec-bk03 .swiper-button-prev:before {position:absolute; width:0.14rem; left:0; height:0.02rem; top:50%; content:""; border-radius:0.02rem; background:#4b4b4b;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg); } .page-insec-bk03 .swiper-button-prev:after {position:absolute; width:0.14rem; margin-top:1px; left:0px; height:0.02rem; border-radius:0.02rem; top:50%; content:""; background:#4b4b4b; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);} .page-insec-bk03 .swiper-button-prev { left:0.2rem; } .page-insec-bk03 .swiper-button-next { right:0.2rem; } .page-insec-bk03 .page-case-rt { width:50%; background-image: linear-gradient(135deg, #d0121b, #e54e06); color:#fff; padding:0.52rem 1rem 0.79rem 0.8rem; } .page-insec-bk03 .page-text-wrap ul li { display:none; } .page-insec-bk03 .page-text-wrap ul li a { color:#fff; } .page-insec-bk03 .page-text-wrap h3 a { display:block; } .page-insec-bk03 .page-text-wrap h4 { line-height:1.875; height:5.625em; margin-top:0.16rem; max-height:5.625em; } .page-insec-bk03 .page-click { padding-top:0.27rem; } .page-insec-bk03 .page-click span { display:inline-block; width:0.1rem; margin-right:0.2rem; height:0.1rem; border:0.02rem solid rgba(255,255,255,0.5); border-radius:50%; cursor:pointer; } .page-insec-bk03 .page-click span.on { border:0.02rem solid rgba(255,255,255,1); background:#fff; } .page-insec-bk03 .page-more-wrap ul { width:100%; } .page-insec-bk03 .page-more-wrap ul li { display:none; padding-top:0.52rem; } .page-insec-bk03 .page-more02 a { margin-right:0.2rem; } .page-insec-bk03 .page-more02 a { min-width:1.6rem; float:left; background:#fff; border-color:transparent; line-height:0.4rem; border-radius:1.4625rem; } .page-insec-bk03 .page-more02 a:before { background:none; } .page-insec-bk03 .page-more02 a:hover { background:none; border-color:#fff; } .page-insec-bk03 .page-more01 a { background:none; padding-left:0.39rem; border:1px solid #fff; min-width:2.4rem; } .page-insec-bk03 .page-more01 a:before { position:absolute; left:2px; top:2px; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); content:""; border-radius:1.42855rem; } .page-insec-bk03 .page-more01 a i { right:0.39rem; width:0.2rem; } .page-insec-bk03 .page-more01 a:hover i { right:0.34rem; } @media only screen and (max-width:1320px) { .page-insec-bk03 .page-text-wrap h4 { height:62px; max-height:62px; } } @media only screen and (max-width:1280px) { .page-insec-bk03 .page-more02 a { line-height:2.5; } } @media only screen and (max-width:750px) { .page-insec-bk03 .swiper-case-nav { font-size:0.28rem; } .page-insec-bk03 .swiper-case-nav .swiper-slide:before { height:0.2rem; margin-top:-0.1rem; } .page-insec-bk03 .swiper-case-nav .swiper-slide { padding:0.14rem 0px 0.09rem; } .page-insec-bk03 .page-case-lf { width:100%; } .page-insec-bk03 .page-case-lf .page-img-wrap { position:relative; } .page-insec-bk03 .page-case-lf .page-img-wrap .bg_container { bottom:0px; padding-bottom:41.79%;} .page-insec-bk03 .page-case-lf .page-logo-scroll { position:relative; } .page-insec-bk03 .page-case-lf .page-logo-scroll { padding:0px 0.5rem; height:0px; overflow:hidden; } .page-insec-bk03 .page-case-lf .page-logo-scroll.on { height:auto; padding:0.16rem 0.5rem; } .page-insec-bk03 .page-case-rt { width:100%; padding:0.42rem 0.52rem 0.57rem 0.8rem; } .page-insec-bk03 .page-text-wrap h4 { line-height:1.5; height:auto; max-height:none; margin-top:0.12rem; } .page-insec-bk03 .page-click { padding-top:0.1rem; } .page-insec-bk03 .page-more02 a { line-height:1.825; padding-top:0.03rem; } .page-insec-bk03 .page-more01 a { line-height:1.75; padding-top:0.03rem; padding-left:0.36rem; } .page-insec-bk03 .page-more-wrap ul li { padding-top:0.34rem; } .page-insec-bk03 .page-more01 a:before { left:1px; top:1px; } } @media only screen and (max-width:480px) { .page-insec-bk03 .swiper-case-nav { font-size:18px; } } @media only screen and (max-width:414px) { .page-insec-bk03 .swiper-case-nav { font-size:16px; } } @media only screen and (max-width:340px) { .page-insec-bk03 .swiper-case-nav { font-size:15px; } } /******************锟斤拷司锟斤拷锟斤拷*********************/ .page-insec-bk04 { padding-top:0.88rem; padding-bottom:0.8rem; } .page-insec-bk04 .page-sec { width:47.91%; } .page-insec-bk04 .page-title { border-bottom:1px solid #44433f; padding-bottom:0.11rem; } .page-insec-bk04 .page-in-news .page-img { width:1.2rem; float:left; overflow:hidden; } .page-insec-bk04 .page-in-news .bg_container { padding-bottom:56.667%; } .page-insec-bk04 .page-in-news .page-text { overflow:hidden; padding-left:0.2rem; } .page-insec-bk04 .page-in-news .page-txt { position:relative; padding-right:80px; } .page-insec-bk04 .page-in-news .page-txt .page-con span { position:relative; max-width:100%; overflow:hidden; display:inline-block; padding-right:2.125em; background-position:99% center; } .page-insec-bk04 .page-in-news .page-txt .page-con span i { position:absolute; right:0px; top:0px; height:100%; width:2em; display:none; background:url(../images/jt05.png) no-repeat right center #fff; } .page-insec-bk04 .page-in-news ul li:hover .page-con span i { display:block; } .page-insec-bk04 .page-in-news ul li:hover .page-con span { color:#d0121b; } .page-insec-bk04 .page-in-news .page-txt .page-time { color:#999; position:absolute; left:auto; right:0px; margin-top:-0.03rem; text-align:right; } .page-insec-bk04 .page-in-news .page-label { padding:0.05rem 0px 0.1rem; } .page-insec-bk04 .page-in-news .page-label span { display:inline-block; border:1px solid #bfbfbf; min-width:0.7rem; padding:0px 0.2rem; border-radius:1rem; line-height:0.22rem; color:#2b2b2b; } .page-insec-bk04 .page-in-news ul li a { color:#2b2b2b; } .page-insec-bk04 .page-in-news ul li a:hover { color:#d0121b; } .page-insec-bk04 .page-in-news ul li {border-bottom:1px solid #eee; padding:0.195rem 0px;} .page-insec-bk04 .page-in-announcement ul li { border-bottom:1px solid #eee; padding:0.2rem 0px 0.14rem; } .page-insec-bk04 .page-in-announcement ul li a { color:#2b2b2b; padding-left:0.22rem; display:block; position:relative; } .page-insec-bk04 .page-in-announcement ul li a b { position:absolute; left:0px; top:0px; } .page-insec-bk04 .page-in-announcement ul li a:hover { color:#d0121b; } .page-insec-bk04 .page-in-announcement .page-con span { position:relative; max-width:100%; overflow:hidden; display:inline-block; padding-right:2.125em; background-position:99% center; } .page-insec-bk04 .page-in-announcement .page-con span i { position:absolute; right:0px; top:0px; height:100%; width:2em; display:none; background:url(../images/jt05.png) no-repeat right center #fff; } .page-insec-bk04 .page-in-announcement ul li:hover .page-con span i { display:block; } .page-insec-bk04 .page-in-announcement ul li:hover .page-con span { color:#d0121b; } @media only screen and (max-width:1440px) { .page-insec-bk04 .page-in-news ul li { padding:0.215rem 0px; } } @media only screen and (max-width:1240px) { .page-insec-bk04 .page-in-news ul li { padding:0.19rem 0px; } } @media only screen and (max-width:750px) { .page-insec-bk04 { padding-top:0px; padding-bottom:0.2rem; } .page-insec-bk04 .page-sec { width:100%; padding-top:0.68rem; } .page-insec-bk04 .page-title { padding-bottom:0.28rem; } .page-insec-bk04 .page-in-news .page-label { padding:0px 0px 0.05rem; } .page-insec-bk04 .page-in-news .page-label span { line-height:0.26rem; padding-top:0.03rem; } .page-insec-bk04 .page-in-news .page-txt .page-con span { color:#2b2b2b; } .page-insec-bk04 .page-in-news .page-txt .page-time { font-size:0.24rem; } .page-insec-bk04 .page-in-news .page-txt { padding-right:1.6rem; } .page-insec-bk04 .page-in-news .page-txt .page-con span { padding-right:0.3rem; } .page-insec-bk04 .page-in-news ul li { padding:0.2rem 0px 0.09rem; } .page-insec-bk04 .page-in-announcement ul li { padding:0.34rem 0px 0.24rem; } .page-insec-bk04 .page-in-announcement .page-con span { padding-right:0.3rem; } .page-insec-bk04 .page-in-announcement ul li a { color:#2b2b2b; } } @media only screen and (max-width:375px) { .page-insec-bk04 .page-in-news .bg_container { padding-bottom:60.667%; } } /***************投锟斤拷锟竭癸拷系****************/ .page-insec-bk05 { padding:0.8rem 0px; overflow:hidden; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin-bottom:0.8rem; } .page-insec-bk05 ul li { width:47.91%; } .page-insec-bk05 ul li:first-child .page-title { padding-top:0.41rem; padding-bottom:0px; } .page-insec-bk05 ul li .page-title { padding-bottom:0.38rem; margin-top:-0.07rem; } .page-insec-bk05 ul li .page-img { overflow:hidden; } .page-insec-bk05 ul li .bg_container { padding-bottom:52.17%; } .page-insec-bk05 ul li a { color:#3a3a3a; } .page-insec-bk05 ul li:hover .page-more { border-color:#d0121b; margin-right:0.15rem; } .page-insec-bk05 ul li:hover .page-more span { background:#d0121b; } .page-insec-bk05 ul li:hover .page-more span:before { background:#d0121b; } .page-insec-bk05 ul li:hover .page-more span:after { background:#d0121b; } @media only screen and (max-height:1440px) { .page-insec-bk05 ul li .page-title { margin-top:0px; } } @media only screen and (max-width:750px) { .page-insec-bk05 { padding:0px; border-top:none; border-bottom:none; margin-bottom:0.4rem; } .page-insec-bk05 ul li { width:100%; } .page-insec-bk05 ul li a { display:block; } .page-insec-bk05 ul li:first-child .page-title { padding:0.5rem 0px 0.28rem; } .page-insec-bk05 ul li .page-title { padding:0.5rem 0px 0.28rem; } } /******************锟斤拷锟斤拷锟斤拷锟斤拷锟侥?*********************/ .page-insec-bk06 { position:relative; margin-bottom:1rem; padding:0.9rem 0px 0.92rem; } .page-insec-bk06 .bg_container { position:absolute; left:0px; top:0px; right:0px; height:100%; width:100%; bottom:0px; } .page-insec-bk06 .page-text { padding-right:0.84rem; text-align:right; width:6.1rem; float:right; color:#fff; position:relative; z-index:2;} .page-insec-bk06 h4 { line-height:1.875; margin-top:0.2rem; } @media only screen and (max-width:1140px) { .page-insec-bk06 .page-text { width:6.5rem; } } @media only screen and (max-width:750px) { .page-insec-bk06 { margin:0px -0.4rem; padding:0.68rem 0px; } .page-insec-bk06 .page-text { width:4.8rem; } .page-insec-bk06 h4 { line-height:1.5; margin-top:0.14rem; } } @media only screen and (max-width:480px) { .page-insec-bk06 .page-text { width:5.8rem; } }