@charset "utf-8";
:root {
    --red: #ED2026;
    --green: #0A49CB;
    --blue: #0A49CB;
}

.yh { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eh { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sh { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
/*字体*/
.marginT5 { margin-top:0.05rem; }
.marginT6 { margin-top: 0.06rem; }
.marginT8 { margin-top: 0.08rem; }
.marginT10 { margin-top:0.1rem; }
.marginT15 { margin-top:0.15rem; }
.marginT20 { margin-top:0.2rem; }
.marginT30 { margin-top:0.3rem; }
.marginT40 { margin-top:0.4rem; }
.marginT50 { margin-top:0.5rem; }
.marginT60 { margin-top:0.6rem; }
.marginT70 { margin-top:0.7rem; }
.marginT80 { margin-top:0.8rem; }
.marginT90 { margin-top:0.9rem; }
.marginT100 { margin-top:1rem; }
.marginT120 { margin-top:1.2rem; }
.lh12 { line-height:1.2!important; }
.lh13 { line-height:1.3!important; }
.lh14 { line-height:1.4!important; }
.lh15 { line-height:1.5!important; }
.lh16 { line-height:1.6!important; }
.lh17 { line-height:1.7!important; }
.lh18 { line-height:1.8!important; }
.lh19 { line-height:1.9!important; }
.font80 { font-size:0.8rem; line-height: 1.2; }
.font55 { font-size:0.55rem; line-height: 1.2; }
.font58 { font-size:0.58rem; line-height: 1.2; }
.font50 { font-size:0.5rem; line-height: 1.2; }
.font72 { font-size:0.72rem; line-height: 1.2; }
.font70 { font-size:0.7rem; line-height: 1.2; }
.font40 { font-size:0.4rem; line-height: 1.2; }
.font42 { font-size:0.35rem; line-height: 1.2; }
.font45 { font-size:0.45rem; line-height: 1.2; }
.font44 { font-size:0.44rem; line-height: 1.2; }
.font76 { font-size:0.76rem; line-height: 1.2; }
.font26 { font-size:0.26rem; line-height: 1.2; }
.font28 { font-size:0.28rem; line-height: 1.2; }
.font36 { font-size:0.32rem; line-height: 1.2; }
.font24 { font-size:0.24rem; line-height: 1.2; }
.font32 { font-size:0.32rem; line-height: 1.2; }
.font30 { font-size:0.30rem; line-height: 1.2; }
.font22 { font-size:0.22rem; line-height: 1.2; }
.font21 { font-size:0.21rem; line-height: 1.2; }
.font20 { font-size:0.20rem; line-height: 1.2; text-align: justify;}
.font18 { font-size:0.16rem; line-height: 1.6; }
.font16 { font-size:0.18rem; line-height: 1.6; }
.font15 { font-size:0.15rem; line-height: 1.6; }
.font14 { font-size:0.14rem; line-height: 1.6; }
.font12 { font-size:0.12rem; line-height: 1.6; }
.font60 { font-size:0.60rem; line-height: 1.2; }
.font56 { font-size:0.56rem; line-height: 1.2; }
.font66 { font-size:0.66rem; line-height: 1.2; }
.font120 { font-size:1.2rem; line-height: 1.2; }
.font85 { font-size: 0.85rem; line-height: 1.2; }

.bold { font-weight:bold; }
.borderRadius6 { border-radius: 6px; overflow: hidden; }
.borderRadius10 { border-radius: 0.1rem; overflow: hidden; }
.borderRadius20 { border-radius: 0.2rem; overflow: hidden; }
.borderRadius30 { border-radius: 0.3rem; overflow: hidden; }
.borderRadius40 { border-radius: 0.4rem; overflow: hidden; }

.alignC { text-align:center; }
.alignL { text-align:left; }
.alignR { text-align:right; }
.colorWhite { color:#fff; }
.colorRed { color:#E71F1A; }
.color1 { color:#111; }
.color2 { color:#222; }
.color3 { color:#000; }
.color4 { color:#444; }
.color46 { color:#465059; }
.color5 { color:#555; }
.color6 { color:#666;     text-align: justify;}
.color7 { color:#777; }
.color8 { color:#888; }
.color9 { color:#999; }
.color0 { color:#000; }
.colorA { color:#aaa; }
.colorB { color:#bbb; }
.colorC { color:#ccc; }
.colorD { color:#ddd; }
.textTra { text-transform:uppercase; }
.opa1 { opacity: 0.1; }
.opa2 { opacity: 0.2; }
.opa3 { opacity: 0.3; }
.opa4 { opacity: 0.4; }
.opa5 { opacity: 0.5; }
.opa6 { opacity: 0.6; }
.opa7 { opacity: 0.7; }
.opa8 { opacity: 0.8; }
.opa9 { opacity: 0.9; }
.colorBlue { color:var(--blue); }
.weight100 { font-weight: 100; }
.weight200 { font-weight: 200; }
.weight300 { font-weight: 300; }
.weight400 { font-weight: 400; }
.weight500 { font-weight: 500; }
.weight600 { font-weight: 600; }
.weight700 { font-weight: 700; }
.weight800 { font-weight: 800; }
.weight900 { font-weight: 900; }
@media(max-width: 1600px){
    .font20 { font-size: 0.20rem; }
    .font26 { font-size: 0.3rem; }
    .font18 { font-size: 0.2rem; }
    .font16 { font-size: 0.2rem; }
    .font14 { font-size: 0.2rem; }
    .font12 { font-size: 0.2rem; }
}
@media(max-width: 1400px){
    .font16 { font-size: 0.2rem; }
    .font14 { font-size: 0.2rem; }
    .font12 { font-size: 0.2rem; }
}


@media (max-width:60000000px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1100px){
    html{
        font-size: calc(100vw/7.5) !important;
    }
}

:root {
    --red: #00FF00;
    --green: #0A49CB;
    --blue: #00FF00;
}

.colorRed { color:var(--red); }
.headerA { padding: 0 0.5rem; }
.header { position: fixed; left:0; top:0; z-index: 1000; width: 100%; background: rgba(0,0,0,0.3); }
.headerA .logo a { display:block; padding: 0.4rem 0 0.2rem; }
.headerA .logo a span { vertical-align: bottom; display:inline-block; padding-left: 10px; line-height: 1; }
.headerA-b { cursor: pointer; position: relative; padding: 0 0.3rem; }
.headerA-b span.btn { display:block; height: 0.4rem; width: 20px; background: url(../img/searchBtn2.svg) no-repeat left center; cursor: pointer; }
.headerA-b:hover .headerA-c { display:block; width: 300px; }
.headerA-c { overflow: hidden; width: 0; position: absolute; transition:all 0.5s; top: 100%; right:0.3rem; }
.headerA-d { border-top:1px solid #ddd; width: 300px; background: #fff; padding: 10px; }
.headerA-c .inp { width: 100%; font-size: 16px; padding-left: 10px; height: 40px; border: 1px solid #e2e2e2; padding-right: 40px; }
.headerA-c .searBtn { width: 40px; height: 40px; position: absolute; top: 0; right:0; cursor: pointer; font-size: 0; background: url(../images/searchBtn.svg) no-repeat center; border:none; }
.topNav ul li { margin-left: 0.6rem; float:left; position: relative; }
.topNav ul li.sub { padding-right: 20px; background: url(../img/xial2.svg) no-repeat center right; }
.topNav ul li>a { line-height: 0.6rem; transition:all 0.6s; color: #fff; }
.topNav ul li>a:hover,
.topNav ul li.cur>a { color: var(--red); }
.headerA-a1 { padding-top: 0.1rem; position: relative; z-index: 10; }
.headerA-a1 .Link a { display: inline-block; padding: 0.1rem 0; }
.headerA-a1 .Link a img { height: 0.2rem; width: auto; }

.headerA-a1 .aasdep .modui { line-height: 0.2rem; color: #fff; padding: 0 14px 0 23px; position: relative; }
.headerA-a1 .aasdep { padding: 0.1rem 0; display: inline-block; width: auto; height: auto; cursor:pointer; transform: translateY(3px);}
.headerA-a1 .aasdep .modui::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 17px; height: 17px; background: url(../img/diqua.svg)no-repeat center center/cover; }
.headerA-a1 .aasdep .modui::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; width: 8px; height: 5px; background: url(../img/xial.svg)no-repeat center center/cover; }
.headerA-a1 .aasdepa .modui { font-size: 16px; cursor:pointer; color: #dfe1e4; line-height: 1; padding: 0 13px 0 24px; position: relative; }
.headerA-a1 .aasdepa .modui::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 20px; height: 19px; background: url(../img/diqua1.svg)no-repeat center center/cover; }
.headerA-a1 .aasdepa .modui::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; width: 8px; height: 5px; background: url(../img/xial.svg)no-repeat center center/cover; }
.headerA-a1 .subsearch { display: none; width: 140px; position: absolute; top: 0.5rem; left: 0; }
.headerA-a1 .subsearch .lanSub { background: rgba(255,255,255,0.9); border-radius: 3px; padding:15px 0px; position: relative;width: 100%;}
.headerA-a1 .subsearch .lanSub a { display: inline-block;line-height: 20px; font-size: 14px;color:#343945;width: 100%;margin-bottom: 10px;padding: 2px 20px;}
.headerA-a1 .subsearch .lanSub a:last-child{margin-bottom: 0;}
.headerA-a1 .subsearch .lanSub a:hover,.topHeader .subsearch .lanSub a.cur { color:#11488f;background: #f8f9fa; }



.topNav ul li.sub .Gross { display:none; width: 180px; border-radius:10px;  position: absolute; left:50%; transform:translateX(-50%); top:0.6rem; }
.Grossbj { background: #fff; border-radius: 10px; padding: 0.2rem 0; overflow: hidden; text-align:center; }
.Grossa1 a { display: block; font-size: 16px; color:#333; padding: 10px 0; }
.Grossa1 a:hover { background: #F7F7F7; color:var(--blue); }
.topNav ul li.sub:hover .Gross { display:block; }


.navmo.fixed-head .topNav ul li.sub .Gross { top: 45px; }



@media(max-width: 1100px){
    .headerA-a1 .subsearch { top: 0.8rem; }
    .headerA .logo a { padding: 10px 0; }
    .headerA { padding: 0 3vw; }
    .topNav,.headerA-b { display:none; }
    .headerA .logo a img { width: auto; height: 30px; }
}

.banner .img { position: relative; width: 100vw; height: 100vh; transition:all 2s; transform:scale(1.2); }

.banner .viea {object-fit: fill; z-index: 3; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.banner .swiper-slide-active { position: relative; z-index: 10; }
.banner .swiper-slide-active .img { transform:scale(1.0); }
.banner .img .pc { overflow: hidden; width: 100vw; height: 100vh; }
.bannerA { width: 100%; position: absolute; left:0; bottom: 1rem; }
.bannerA-a { position: relative; opacity: 0; top: 100px; transition:all 1.5s; }
.bannerA-a .c { text-align: left; }
.bannerA-a .c { font-size: 0.5rem; display: inline-block; text-align:center; }
.bannerA-a .c span { color: var(--blue); font-size: 0.6rem; }

.banner .swiper-slide-active .bannerA-a { opacity: 1; top: 0; }
.mainQh { cursor: pointer; width: 68px; height: 54px; transition:all 0.6s; border:2px solid rgba(255,255,255,0.3); border-radius: 50px; } 
.mainQh:hover { border-color:var(--red); } 
.mainQhPrev { background: url(../images/prev.svg) no-repeat center; }
.mainQhNext { background: url(../images/next.svg) no-repeat center; }
.mainQhPrev:hover { background: url(../images/prev.svg) no-repeat center var(--red); }
.mainQhNext:hover { background: url(../images/next.svg) no-repeat center var(--red); }
.banner .swiper-pagination { bottom: 0.5rem!important; }
.banner .swiper-pagination-bullet { border-radius:0; width: 6px; height: 6px; background: #fff; opacity: 1; transition: all 0.6s; position: relative; }
.banner .swiper-pagination-bullet:after { content:''; width: 0; height: 100%; position: absolute; left:0; top:0; transition:all 5s; background: #fff; }
.banner .swiper-pagination-bullet-active { width: 78px; background: rgba(255,255,255,0.6); }
.banner .swiper-pagination-bullet-active:after { width: 100%; } 
.headerA .logo a img { width: 200px; height: auto; }
.bannerD-a span {
    -webkit-animation: godown 2s infinite;
    animation: godown 2s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes godown {
    0% {-webkit-transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {-webkit-transform: translate(0, 15px);opacity: 1;}
}
@keyframes godown {
    0% {transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {transform: translate(0, 15px);opacity: 1;}
}
@media(max-width: 1600px){
    .mainQh { cursor: pointer; width: 64px; height: 50px; }
    @-webkit-keyframes godown {
        0% {-webkit-transform: translate(0, 0);opacity: 1;}
        50% {opacity: 1;}
        100% {-webkit-transform: translate(0, 10px);opacity: 1;}
    }
    @keyframes godown {
        0% {transform: translate(0, 0);opacity: 1;}
        50% {opacity: 1;}
        100% {transform: translate(0, 10px);opacity: 1;}
    }
}
@media(max-width: 1100px){
    .banner .img { height: auto; }
    .bannerA { position: absolute; padding: 0.3rem 0.3rem 0; right: 0; bottom: 1rem; width: 100%; }
    .mainQh { cursor: pointer; width: 50px; height: 40px; }
    .headerA .logo a span,.topNav,.headerA-a .Link { display:none; }
    .headerA-a1 .aasdep { margin-right: 45px; }
    .headerA-a1 { padding-top: 0; }
    .headerA-a1 .aasdep { padding: 15px 0; }
    .headerA-a1 .aasdep .modui { font-size: 16px; line-height: 20px; }
    .headerA .logo a img { width: auto; height: 30px; }
}
@media(max-width: 350px){
    .headerA .logo a { padding: 13px 0; }
    .headerA .logo a img { height: 24px; width: auto; }
}

.font52 { font-size: 0.46rem; }
.homea { overflow: hidden; padding: 1.4rem 0 0;  background-size: 95% auto; }
/*.homea { overflow: hidden; padding: 1.4rem 0 0; background: url(../img/homea1.svg) no-repeat center 0.3rem; background-size: 95% auto; }*/
.homea2 { background: url(../img/homea2.svg) no-repeat center calc(100% + 3rem); background-size: 150% auto; }
.mt { padding-bottom: 15px; background: url(../img/mtbg.svg) no-repeat left bottom;     font-weight: bold;font-size: 0.20rem;}
.mt.alignC { background: url(../img/mtbg.svg) no-repeat center bottom; font-size: 0.20rem;color:#fff;}
.marginT140 { margin-top: 1.4rem; }
.homea_c { width: 8.5rem; padding: 0.4rem 0.2rem; }
@media(max-width: 1100px){
    .homea { padding: .5rem 0 0; }
    .marginT140 { margin-top: 0.4rem; }
    .homea_c { width: 100%; margin-top: 0; padding: 0.4rem 0rem; }
}

.homeb { padding: 1.2rem 0 1.7rem; }
.homeb_a { display:flex; flex-wrap: wrap; }
.homeb_b { width: 65%; }
.homeb_c { width: 35%; background: #fff; border:1px solid #D8D8D8; border-left: none; }
.homeb_c ul { position: relative; width: 100%; height: 100%; }
.homeb_c ul li { float:left; width: 33.3333333%; height: 50%; border-right:1px solid #d8d8d8; }
.homeb_c ul li:nth-child(1) { width: 50%; }
.homeb_c ul li:nth-child(2) { width: 50%; }
.homeb_c ul li:nth-child(n+3) { border-top: 1px solid #d8d8d8; }
.homeb_c ul li:nth-child(2),.homeb_c ul li:nth-child(5) { border-right: none; }
.homeb_c ul li a { display:block; width: 100%; height: 100%; padding: 0.3rem 0.3rem; }
.homeb_c .icon { height: 0.4rem; }
.homeb_c .icon img { width: auto; height: 0.36rem; }
.homeb_c ul li:hover  { background: #3A3A3A; }
.homeb_c ul li:hover .t { color: #fff; }
.homeb_c ul li:hover .icon img.ico1 { display:none; }
.homeb_c ul li:hover .icon img.ico2 { display:block; }


.homeb_c ul li.cur  { background: #3A3A3A; }
.homeb_c ul li.cur .t { color: #fff; }
.homeb_c ul li.cur .icon img.ico1 { display:none; }
.homeb_c ul li.cur .icon img.ico2 { display:block; }

.homeb_c .more img { width: 0.2rem; height: auto; }
@media(max-width: 1100px){
    .homeb_b { width: 100%; }
    .homeb_c { width: 100%; border-left:1px solid #d8d8d8; }
}
.homed { background: #fff; }
.homed_a { position: absolute; left:0; top: 26%; transform:translateY(-50%); width: 100%; }
.font62 { font-size: 0.62rem; }
.homed_b ul li:nth-child(n+2) { margin-top: 0.6rem; }
.homed_b {width: 100%; position: absolute; right:0; bottom: 0.9rem;}
@media(max-width:1100px){
    .homed_b ul li:nth-child(n+2) { margin-top: 0.3rem; }
    .homed_b { bottom: 0.3rem;}
}
@media(max-width:640px){
    .homed_b .fr{     width: 200px;}
    .homed_b .fr .font36 { font-size: 0.28rem;}
    .homed_b .fr .font16 { font-size: 0.2rem;}
}
.colorc1 { color:#C1C6CA; }
.homec { padding: 1.2rem 0 0; background: #3A3A3A; }
.homec_a { position: relative; }
.homec_a:after { content:''; width: 100%; height: 30%; background: linear-gradient(180deg, rgba(34, 44, 53, 0) 0%, #1C242C 46%); position: absolute; left:0; bottom:0; }
.homec_b { background: #1C242C; padding: 0 0 1.6rem; }
.homec_c { display:flex; flex-wrap: wrap; }
.homec_d { width: calc(65% - 10px); background: rgba(74, 77, 79, 0.8); padding: 0.6rem 0.6rem; }
.homec_e { width: 35%; margin-left: 10px; background: rgba(74, 77, 79, 0.8); padding: 0.6rem 0.6rem; }
.homec_f { padding-bottom: 0.3rem; border-bottom: 1px solid  rgba(74, 77, 79, 0.8); }
.homec_f .tit { padding-left: 0.72rem; background: url(../img/homecbg1.svg) no-repeat left center; background-size: auto 100%; }
.homec_f .con { width: 5.5rem; }
.homec_g ul { display: flex; justify-content: space-between; }
.homec_g ul li { display: flex; flex-direction: column; }
.bgGreen { background: var(--blue); }
.homec_g .icon { width: 8px; height: 8px; }
@media(max-width: 1600px){
.homed_b .fr li:nth-child(2) .font16 .num{ margin-right:13px !important;}  
}
@media(max-width: 1100px){
    .homec_d { width: 100%; padding: 0.3rem 0.2rem; }
    .homec_e { width: 100%; margin-left: 0; padding: 0.3rem 0.3rem; margin-top: 10px; }
    .homec { padding: 0.5rem 0 0; }
    .font52 { font-size: 0.4rem; }
    .homec_f .con {width: 100%; margin-top: 0.2rem; }
    .homec_g .marginT60 { margin-top: 0.3rem; }
    .homec_g .icon { width: 6px; height: 6px; }
.homed_b .fr li:nth-child(2) .font16 .num{ margin-right:28px !important;}  
.shzrc_c {
        overflow-x: auto;}
.shzrc_c span {
        padding: 0 10px;
        white-space: pre;
    }
}
@media(max-width: 800px){
    .font52 { font-size: 0.5rem; }
.shzrc_c span.cur:after, .shzrc_c span:hover:after{ height:2px;}
.homec_f .tit {    
    background-position: 0 center !important;
     margin-left: 0 !important; 
    padding-left: 49px !important;
}
.homec_g ul {
    
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
.homec_g ul li{ margin:0 !important; }
  .homec_g ul li .c{ white-space: pre;}  
  
.homed_b .fr li:nth-child(2) .font16 .num{ margin-right:9px !important;}  
  
  
  
}


/*底部*/
.colorRed { color:var(--red); }
.footer { padding: 90px 0 0; }
.footerA { padding-bottom: 130px; }
.footerA-b { width: 340px; padding-left: 100px; border-left: 1px solid #dedede; }
.footerA-b .con p { margin-bottom: 10px; position: relative; padding-left: 40px; }
.footerA-b .con p span { position: absolute; left:0; top: 0; }
.footerA-d ul li { cursor: pointer; float:left; margin-right: 10px; position: relative; }
.footerA-d .icon { width: 40px; height: 40px;  }
.footerA-d .icon.sina { background: url(../img/sina.svg) no-repeat center; }
.footerA-d .icon.wechat { background: url(../img/wechat.svg) no-repeat center; }
.footerA-d .ewm { display:none; width: 150px; position: absolute; left: 50%; transform:translateX(-50%); bottom: 30px; padding-bottom: 20px; }
.footerA-d .ewm .img { padding: 10px; background: #fff; width: 150px; height: 150px; border-radius: 5px; border:1px solid #dedede; }
.footerA-d ul li:hover .ewm { display:block; }
.footerA-c dl { float:left; margin-right: 3vw; }
.footerA-c dd a { text-align: center; display:block; }
.footerA-c dd a:nth-child(n+2) { margin-top:10px; }
.copyright { padding: 18px 0; border-top:1px solid #dedede; }
.copyright a { color:#666; }
@media(max-width: 1900px){
    .footer { padding: 5vw 0 0; }
    .footerA-a img { width: 10vw; height: auto; }
    /*.footerA-c dl { margin-right: 5vw; }*/
    .footerA { padding-bottom: 7vw; }
    .footerA-b { width: 17vw; padding-left: 4vw; } 
    /*.footerA-c dl { width: 9vw; }*/
}
@media(max-width: 1600px){
    .footerA-a img { width: 11vw; height: auto; }
    /*.footerA-c dl { width: 10vw; }*/
}
@media(max-width: 1100px){
    .footerA-c { display:none; }
    .footerA-a img { width: 160px; }
    .footer { padding: 50px 0 0; }
    .footerA { padding-bottom: 60px; }
    .footerA-b { width: 100%; border: none; margin-top: 30px; padding-left: 0; } 
    .copyright .fl,.copyright .fr { width: 100%; text-align:center; }
}
.ibanner {  overflow: hidden; }
.ibanner .img { position: relative; transition:all 2s; transform:scale(1.2); }
.ibanner.animated .img { transform:scale(1.0); }

/*加入我们*/
.joina { padding: 0.9rem 0 1.2rem; }
.ibannerA { width: 100%; position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.joina_a ul { display:flex; flex-wrap: wrap; }
.joina_a ul li { width: calc(33.3333% - 0.3rem); margin-right: 0.45rem; float:left; }
.joina_a ul li .img { overflow: hidden; }
.joina_a ul li .img img { transition: all 0.3s; }
.joina_a ul li:hover .img img { transform: scale(1.05); }
.joina_a ul li:hover .t { color: var(--blue); }
.joinc_a { margin-top: 0; padding: 0.4rem 0.2rem 0.3rem; background:#f2f2f2;height:270px; }
.joina_a ul li:after { content:''; width: 0; height: 2px; background: var(--blue); position: absolute; left:0; bottom: 0; transition: all 0.5s;}

.joina_a ul li:hover:after { width: 100%; }


.joina_a ul li:nth-child(3n) { margin-right:0; }
.joina_b { position: absolute; width: calc(100% - 0.4rem); left: 0.2rem; bottom: 0.15rem; }
.joina_b2 { position: relative; padding: 0.3rem 0.2rem; background: #fff; width: 100%; }

.joina_b2:after { content:''; width: 0; height: 2px; background: var(--blue); position: absolute; left:0; bottom: 0; transition: all 0.5s;}
.joina_a ul li:hover .joina_b2:after { width: 100%; }


.joina_b .t { position: relative; }
.joina_b .icon { position: absolute; right:0; top: 50%; transform:translateY(-50%); }
.joina_b .icon img { width: 0.42rem; height: auto; }

.joina_b .c {line-height: 0.3rem; min-height: 0.6rem; }

@media(max-width: 2570px){
.joinc_a {
    height: 350px;
}
}

@media(max-width: 1100px){
    .joina { padding: 0.5rem 0 0.6rem; }
    .joina_a ul li { width: 100%; margin-right:0; }
    .joina_a ul li:nth-child(n+2) { margin-top: 0.2rem; }
}
.joinb { position: relative; }
.joinb:before { content:''; width: 12rem; height: 100%; background: #f8f8f8; position: absolute; right:0; top:0; }
.joinb_a { width: 50%; position: relative; z-index: 5; padding-top: 0.8rem; }
.joinb_b { position: absolute; width: 6.8rem; right: 8vw; top: 50%; transform:translateY(-50%); }
@media(max-width: 1100px){
    .joinb_a { width: 100%; position: relative; z-index: 5; padding-top:0rem; }
    .joina_b .c {line-height: 1.7; min-height: 0.1rem; }
    .joinb_b { padding: 0.3rem 0.2rem; position: relative; width: 100%; right: 0; top: 0; transform:translateY(0); background: #f8f8f8; }
}
.joinc { padding: 1rem 0 1.6rem; }
@media(max-width: 1100px){
    .joinc { padding: 0.5rem 0 .6rem; }
}
@media(max-width: 640px){
    .joinc_a {height:170px; }
}

.mainQh { transition:all 0.5s; left:auto; right:0; top: auto; bottom:0; transform:translateY(0); margin: 0; border-radius: 0; width: 0.72rem; height: 0.5rem; border:1px solid #aaaaaa; }
.mainQh:after { display:none; }
.mainQhPrev { background: url(../img/prev.png) no-repeat center; background-size: 0.2rem auto; right: calc(0.72rem + 13px); }
.mainQhNext { background: url(../img/next.png) no-repeat center; background-size: 0.2rem auto; }
.mainQhPrev:hover { border-color: var(--blue); background: url(../img/prevbg.png) no-repeat center var(--blue);  background-size: 0.2rem auto; }
.mainQhNext:hover { border-color: var(--blue); background: url(../img/nextbg.png) no-repeat center var(--blue);  background-size: 0.2rem auto; }
.joind { padding-bottom: 1.4rem; }
.joind_a { padding-right:1.7rem; }
.joind_b .img { position: relative; }
.joind_b .img:after { content:''; position: absolute; left:0; width: 100%; height: 30%; bottom:0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.8) 100%); }
.joind_b .t { position: absolute; left:0; z-index: 5; width: 100%; bottom:0.3rem; padding: 0 0.3rem; }
@media(max-width: 1100px){
    .joind { padding-bottom: .6rem; }
    .joind_b .t { bottom:0.2rem; padding: 0 0.2rem; }
}

.joine { padding: 0.9rem 0 1.1rem; background: #f8f8f8; }
.joine_b ul { display:flex; flex-wrap: wrap; }
.joine_b ul li { width: calc(25% - 0.24rem); margin-right: 0.32rem; background: #fff; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08); }
.joine_b ul li:nth-child(4n) { margin-right: 0; }
.joine_b .t { padding: 0.2rem 0.2rem; }
.joine_b .t span { display:block; background: url(../img/joine5.png) no-repeat right center; background-size: 0.2rem auto; }

@media(max-width: 1100px){
    .joine { padding: 0.5rem 0 0.6rem; }
    .joine_b ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .joine_b ul li:nth-child(2n) { margin-right: 0; }
    .joine_b ul li:nth-child(n+3) { margin-top: 0.2rem; }
}

/*投资者关系*/
.tzzgxa { padding: 1.2rem 0; background: #f8f8f8; }
.tzzgxa_b { position: absolute; left:0; top: 50%; transform:translateY(-50%); width: 7.3rem; }
.tzzgxa_c {width: 50%;}
.tzzgxa_d { padding-top: 0.3rem; border-top:1px solid #deeded; }
.tzzgxa_d tr td {vertical-align:top; padding: 0.16rem 0; }
.tzzgxa_d tr td:nth-child(1) { width: 2.3rem; }
@media(max-width: 1100px){
    .tzzgxa { padding: 0.6rem 0; }
    .tzzgxa_b { position: relative; float:left; left:0; top: 0; transform:translateY(0); width: 100%; }
    .tzzgxa_c {width: 100%; margin-top: 0.3rem;}
    .tzzgxa_d tr td { padding: 0.1rem 0; }
}
.tzzgxb { background: #fff; }
.tzzgxb_a ul li { float:left; width: calc(33.33333% - 0.2rem); margin-right: 0.3rem; }
.tzzgxb_a ul li:nth-child(3n) { margin-right:0;  }
.tzzgxb_c { position: absolute; width: 100%; left:0; bottom: 0.4rem; padding: 0 0.26rem; }
.tzzgxb_c .icon img { width: 1rem; height: auto; }
.tzzgxb_c .tit span.more { position: absolute; right:0; top: 50%; transform:translateY(-50%); padding-right: 18px; background: url(../img/jt2.png) no-repeat right center; }
@media(max-width: 1100px){
    .tzzgxb_a ul li { width: 100%; margin-right: 0; }
    .tzzgxb_a ul li:nth-child(n+2) { margin-top: 0.2rem;  }
}
.tzzgxc { background: url(../img/tzzgxc1.png) no-repeat center/cover; }
.tzzgxc_a { width: 50%; background: rgba(255,255,255,0.9); padding: 0.9rem 0.6rem 0.8rem; }
.tzzgxc_b ul li .t { line-height: 0.3rem; }
.tzzgxc_b ul li { margin-top: 0.2rem; position: relative; padding-left: 0.4rem; line-height: 0.3rem; }
.tzzgxc_b ul li .icon { width: 0.3rem; position: absolute; top: 0; left:0; }
.tzzgxc_b .more { position: absolute; right:0; bottom:0; }
@media(max-width: 1100px){
    .tzzgxc_a { width: 100%; padding: 0.4rem 0.2rem; }
    .tzzgxc_b ul li .t { line-height: 0.3rem; }
    .tzzgxc_b ul li { margin-top: 0.2rem; padding-left: 0.5rem; line-height: 0.4rem; }
    .tzzgxc_b ul li .icon { width: 0.4rem; }
    .tzzgxc_b .more { position: relative; margin-top: 0.3rem; }
}


/*5_2_公司管治*/
.gsgzb_a ul li { margin-top: 0.3rem; }
.gsgzb_a a { display:block; padding: 0.25rem; background: #fff; }
.gsgzb_b { padding-right: 1.6rem; }
.gsgzb_b .d { position: absolute; right:0; top: 50%; transform:translateY(-50%); padding-right: 0.35rem; background: url(../img/gsgzb1.png) no-repeat right center; background-size: 0.17rem auto; }
.gsgzb_b .t { position: relative; padding-left: 18px; line-height: 0.3rem; }
.gsgzb_b .t:before { content:''; width: 6px; height: 6px; background: #9f9f9f; position: absolute; left:0; top: calc(0.15rem - 3px); }
.gsgzb_a ul li:hover .gsgzb_b .t:before { background: var(--blue); }
.gsgzb_a ul li:hover .t { color:#000; }
.gsgzb_a ul li:hover .gsgzb_b .d { background: url(../img/gsgzb2.png) no-repeat right center; background-size: 0.17rem auto; }
.gsgza { background: #fff; }
.gsgza_a { position: absolute; right:0; bottom: 0; }
.gsgza_a a { transition:all 0.5s; margin-left: 0.1rem; display: inline-block; padding: 0.12rem 0.1rem; text-align:center; width: 1.7rem; border:1px solid #dedede; }
.gsgza_a a:hover,.gsgza_a a.cur { background: var(--blue); color:#333; border-color: var(--blue); }
.gsgza_c ul li { padding: 0.5rem 0.3rem; background: #f8f8f8; }
.gsgza_c ul li:nth-child(n+2) { margin-top: 0.4rem; }
.gsgza_c dl { display:flex; flex-wrap: wrap; }
.gsgza_c dl dd { padding: 0.3rem 0.26rem; background: #fff; width: calc(25% - 0.24rem); margin-right: 0.32rem; }
.gsgza_c dl dd .t2 {  background-size: 0.15rem auto; }
.gsgza_c dl dd:nth-child(4n) { margin-right:0; }
.gsgza_c dl dd:nth-child(n+5) { margin-top:0.32rem; }
@media(max-width: 1100px){
    .gsgza_a { position: relative; width: 100%; margin-top: 0.2rem; }
    .gsgza_a a { margin-left: 0 0.1rem 0 0; padding: 0.06rem 0.1rem; width: 1.5rem; }
    .gsgza_c ul li { padding: 0.3rem 0.15rem; background: #f8f8f8; }
    .gsgza_c ul li:nth-child(n+2) { margin-top: 0.2rem; }
    .gsgza_c dl dd { padding: 0.3rem 0.16rem; width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .gsgza_c dl dd:nth-child(2n) { margin-right:0; }
    .gsgza_c dl dd:nth-child(n+3) { margin-top:0.2rem; }
}


.nyNav { position: absolute; width: 100%; left:0; bottom: 0.45rem; }
.nyNav a { transition:all 0.5s; padding: 0.15rem 0.2rem; background: rgba(255,255,255,0.9); float:left; width: calc(20% - 0.16rem); margin-right: 0.2rem; }
.nyNav a:nth-child(5n) { margin-right:0; }
.nyNav a.cur,.nyNav a:hover { background: var(--blue); color:#000; }
.padding140 { padding: 1.4rem 0; }
.padding110 { padding: 1.1rem 0; }
@media(max-width: 1100px){
    .nyNav { position: relative; width: 100%; left:0; bottom: 0rem; border-bottom:1px solid #ededed; }
    .nyNav .container { width: 100%; }
    .nyNav a { width: 33.3333%; margin-right:0; border-right: 1px solid #ededed; }
    .nyNav a:nth-child(n+4) { width: 50%; border-top: 1px solid #ededed; }
    .padding140 { padding: 0.5rem 0; }
    .padding110 { padding: 0.5rem 0; }
}
.about_b { width: 36%; }
.about_c { width: 50%; }
@media(max-width: 1100px){
    .about_b { width: 100%; }
    .about_c { width: 100%; margin-top: 0.3rem; }
    .homec_g { margin-top: 0.3rem; }
}
.homec_g .num { font-size: 0.40rem; }
.homec_g .font52 { font-size: 0.32rem; }

/*公司公告*/
.gsgga_a { position: absolute; right:0; bottom:0; }
.gsgga_a ul li { float:left; }
.gsgga_a ul li .layui-form-selected dl { top: 0.65rem; }
.gsgga_a ul li input { text-align:left!important; font-size: 0.16rem; color: #333; padding-left: 0.15rem; height: 0.66rem; border:1px solid #dedede; width: 100%; }
.gsgga_a ul li:nth-child(1) { width: 4.2rem; }
.gsgga_a ul li:nth-child(2) { margin-left: 15px; position: relative; width: 5.9rem; }
.gsgga_a button { border:1px solid #dedede; position: absolute; top:0; right:0; width: 100%; height: 100%; width: 1.6rem; text-align:center; }
.gsgga_a button span { display:inline-block; padding-left: 0.26rem; background: url(../img/searchbtn.png) no-repeat left center;background-size: 0.2rem auto; }
@media(max-width: 1100px){
    .gsgga_a { width: 100%; position: relative; float:left; margin-top: 0.3rem; right:0; bottom:0; }
    .gsgga_a ul li { width: 100%; }
    .gsgga_a ul li:nth-child(1) { width: 100%; }
    .gsgga_a ul li:nth-child(2) { margin-left: 0; margin-top: 0.15rem; width: 100%; }
}

/*财务报告*/
.cwbga_a ul li { width: calc(25% - 0.3rem); margin-right: 0.4rem; }
.cwbga_a ul { display:flex; flex-wrap: wrap; }
.cwbga_a ul li:nth-child(4n) { margin-right: 0; }
.cwbga_a ul li:nth-child(n+5) { margin-top: 0.4rem; }
.cwbga_b .t { width: 100%; position: absolute; left:0; top: 0.2rem; padding: 0 0.2rem; }
.cwbga_b .tt { background: url(../img/downa1.png) no-repeat right center; background-size: 0.18rem auto; }
.cwbga_b .img { opacity: 0.5; }
.cwbga_a ul li:hover .cwbga_b .img { opacity: 1; }
.cwbga_b .tt { background: url(../img/downa2.png) no-repeat right center; background-size: 0.18rem auto; }
@media(max-width: 1100px){
    .cwbga_a ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .cwbga_a ul li:nth-child(2n) { margin-right: 0; }
    .cwbga_a ul li:nth-child(n+3) { margin-top: 0.2rem; }
}


/*2_2_科技与品质*/
.kjpzc_a { width: 41%; padding-left: 8vw; }
.kjpzc_b ul li { border-bottom:1px solid #ededed; padding-bottom: 0.2rem; }
.kjpzc_b ul li .t { position: relative; }
.kjpzc_b ul li .t:after { content:''; width: 20px; height: 20px; background: url(../img/jiahao.png) no-repeat center/cover; position: absolute; top: 50%; transform:translateY(-50%); right: 0; font-size: 0.3rem; font-weight: lighter; color:#999; }
.kjpzc_b ul li.cur .t:after { background: url(../img/jianhao.png) no-repeat center/cover; }
.kjpzc_b ul li:nth-child(n+2) { margin-top: 0.2rem; }
.kjpzc_b ul li .con { display:none; }
.kjpzc_c { width: 56%;     margin-right: 20px;}
.kjpzc_c img { box-shadow: 0px 3px 10px 1.3px rgba(0, 0, 0, 0.42); }
.kjpzc_c .swiper-slide { padding: 15px; }
@media(max-width: 1600px){
    .kjpzc_a { padding-left: 5vw; }
}
@media(max-width: 1100px){
    .kjpzc_a { width: 100%; padding: 0 0.3rem; }
    .kjpzc_c { width: 100%; padding: 0.4rem calc(0.3rem - 10px) 0; }
}
.kjpza_a ul { display:flex; flex-wrap:wrap; }
.kjpza_a ul li {position: relative; padding: 0.35rem 0.1rem; background: #fff; box-shadow: 0px 3px 12.6px 1.4px rgba(0, 0, 0, 0.08); float:left; width: calc(25% - 0.15rem); margin-right:0.2rem; }
.kjpza_a ul li:nth-child(4n) { margin-right: 0; }

.kjpza_a ul li:after { content:''; width: 0; height: 2px; background: var(--blue); position: absolute; left:0; bottom: 0; transition: all 0.5s;}
.kjpza_a ul li:hover:after { width: 100%; }

@media(max-width: 1400px){
    .kjpza_a .icon img { width: auto; height: 30px; }
}
@media(max-width: 1100px){
    .kjpza_a { margin-top:0.4rem; }
    .kjpza_a .icon img { width: auto; height: 0.4rem; }
}
.kjpzb {padding-bottom: 1.1rem; position:relative;}
.kjpzb_c { width: 56%; float:right; }
/*.kjpzb_c p{ margin-right: 194px;margin-top: 43px;}*/
.kjpzb_d { position:relative; z-index: 4; background: #ffffff; padding: 0.45rem 0.5rem; box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.17); }
.kjpzb_e { height: 0.6rem; }
.kjpzb:after { content:''; width: 100%; height: 4.8rem; background: #3a3a3a; position: absolute; left:0; bottom:0; }
@media(max-width:1100px){
    .kjpzb {padding-bottom: 0.6rem; }
    .kjpzb_e { height: 0.4rem; }
}


/*2_3_社会责任*/
.shzra_a { width: 59%; }
.shzra_a p{ margin-right: 194px;margin-top: 43px;}
.shzra_a p { margin-top:0; margin-right:0; }
.shzra_b ul li { cursor: pointer; background: #f2f2f2; }
.shzra_b ul li:nth-child(n+2) { margin-top: 0.2rem; }
.shzra_b .t { padding: 0.2rem; }
.shzra_b .t span { display:block; position: relative; }
.shzra_b ul li .t span:after { content:''; width: 20px; height: 20px; background: url(../img/jiahao.png) no-repeat center/cover; position: absolute; top: 50%; transform:translateY(-50%); right: 0; font-size: 0.3rem; font-weight: lighter; color:#999; }
.shzra_b ul li.cur .t span:after { background: url(../img/jianhao.png) no-repeat center/cover; }
.shzra_b .con { display:none; }
.shzra_b .c { padding: 0 0.2rem 0.2rem; font-size: 0.16rem; max-height: 4rem; overflow-y: scroll; }

/*.shzra_b .c .pic img { width: auto; height: 1rem; }*/
.shzra_b .c .pic { float: left; width: 25%; padding-right:10px; }
.shzra_b .c .more { margin-top: 0.25rem; }
.shzra_b .c{
    /*scrollbar-color:  var(--blue) #e6e8e9; */
    /*scrollbar-width: thin; */
    -ms-overflow-style:none; 
}
.shzra_b .c::-webkit-scrollbar { 
    width: 3px;  
    height: 1px;
}
.shzra_b .c::-webkit-scrollbar-thumb { 
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    background: var(--blue);
}
.shzra_b .c::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    border-radius: 3px;
    background: rgba(0,0,0,0);
}

@media(max-width: 1100px){
    .shzra_a { width: 100%; margin-top: 0.3rem; }
}

.shzrb { background: #f8f8f8; }
.shzrb_b a { display:block; }
.shzrb_b a span {position: absolute; left:0; bottom:0.5rem; background: rgba(255,255,255,0.9); width: 90%; padding: 0.2rem; }
.shzrb_c .mainQh { vertical-align:top; display:inline-block; position:relative; left:auto; right: auto; margin: 0 2px; top: auto; }
.shzrc_c { width: calc(100% - 3.8rem); position: absolute; right:0; bottom:0; border-bottom: 1px solid #dedede; }
.shzrc_c span { cursor: pointer; display:inline-block; padding-bottom: 0.2rem; position: relative; margin-left: 0.45rem; }
.shzrc_c span.cur:after,.shzrc_c span:hover:after { content:''; width: 100%; height: 4px; background: var(--blue); position: absolute; left:0; bottom:-1px; border-radius: 2px; }
.shzrc_c span.cur,.shzrc_c span:hover { color:var(--blue); }

.shzrc_e { background: #f8f8f8; }
.shzrc_f { float:left; width: 59%; padding: 0.4rem 0.8rem 0.4rem 0.5rem; }
.shzrc_h { padding-right:0.7rem; overflow-y:scroll; height: 5.5rem; }
.shzrc_h ul li:nth-child(n+2) { margin-top: 0.4rem; }
.shzrc_g { width: 41%; }
.shzrc_h{
    scrollbar-color:  var(--blue) #e6e8e9; 
    scrollbar-width: thin; 
    -ms-overflow-style:none; 
}
.shzrc_h::-webkit-scrollbar { 
    width: 3px;  
    height: 1px;
}
.shzrc_h::-webkit-scrollbar-thumb { 
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    background: var(--blue);
}
.shzrc_h::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    border-radius: 3px;
    background: rgba(0,0,0,0);
}
.shzrc_i { width: 100%; position: absolute; left:0; bottom:0.45rem; padding: 0 0.4rem; }
.shzrc_i .t {position: relative; padding-left:0.4rem; line-height: 0.3rem; margin-bottom:0.1rem;}
.shzrc_i .icon {position: absolute; left:0; top: 50%; transform:translateY(-50%);}
.shzrc_i .icon img { height: 0.3rem; width: auto; }
.shzrc_i ul li:nth-child(n+2) { margin-top: 0.3rem; }
@media(max-width:1100px){
    .shzrc_f { width: 100%; padding: 0.3rem 0.2rem 0.4rem 0.2rem; }
    .shzrc_h { padding-right:0.3rem; height: 5.5rem; }
    .shzrc_g { width: 100%; }
    .shzrc_c { display: flex; justify-content: space-between; }
    .shzrc_c span { margin: 0; display: flex; flex-direction: column; }
    .shzrc_c { width: 100%; position: relative; right:0; float:left; margin-top: 0.3rem; bottom:0; border-bottom: 1px solid #dedede; }
}


/*新闻中心*/
.font48 { font-size: 0.48rem; }
.padding100 { padding: 1rem 0; }
.newsa_a { display:block; background: #f8f8f8; }
.newsa_a .img {width: 50%; float:left;}
.newsa_b { position: absolute; width: 50%; top:50%; transform:translateY(-50%); padding: 0 0.56rem; right:0; }
@media(max-width:1100px){
    .padding100 { padding: 0.6rem 0; }
    .newsa_a .img {width: 100%; float:left;}
    .newsa_b { position: relative; float:left; width: 100%; top:0; transform:translateY(0); padding: 0.3rem 0.2rem; }
    .newsa_b .marginT90 { margin-top: 0.4rem; }
}
.newsa_c ul li { position: relative; margin-bottom: 0.2rem; }
.newsa_c ul li:after { content:''; width: 0; height: 3px; background: var(--blue); position: absolute; left:0; bottom:0; transition:all 0.5s; }
.newsa_c ul li:hover:after { width: 100%; }
.newsa_c a { display:block; padding: 0.3rem 0.3rem 0.3rem 0; background: #f8f8f8; }
.newsa_c ul li:hover .tit,.newsa_c ul li:hover .d,.newsa_c ul li:hover .ym,.newsa_c ul li:hover .dd { color:#000; }
.newsa_d .data { float: left; width: 1.6rem; border-right: 1px solid #dedede; }
.newsa_d .tit { width: calc(100% - 2.05rem); position: absolute; top: 50%; transform:translateY(-50%); left: 2.05rem; padding: 0 0.4rem 0 0; }
.page a,.page span { position: relative; margin: 0 2px; display:inline-block; width: 0.5rem; color:#333; height: 0.5rem; line-height: 0.48rem; border:1px solid #dedede; font-size: 0.22rem; transition: all 0.5s; }
.page .cur,.page a:hover { background: var(--blue); color:#333; }
.page em { display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; }
.page em i { display: block; width:100%; height: 100%; } 
.page a i { display: block; width:100%; height: 100%; } 
.page span.layui-laypage-count { display: none; }

.page .layui-icon-left:before,
.page .layui-icon-right:before { display: none; }
.page .layui-icon-left { background: url(../img/addsyy.svg) no-repeat center; }
.page .layui-icon-right{ background: url(../img/addxyy.svg) no-repeat center; }


@media(max-width: 1100px){
    .newsa_d  { padding:0.2rem 0.15rem; }
    .newsa_d .tit {position: relative; top: 0; transform: translate(0); left:0; width: 100%; margin-top: 0.1rem;}
}

/*2_4_1_新闻中心详情页*/
.detaila { overflow: hidden; }
.location { padding:0.2rem 0; }
.location a,.location span { word-break: break-all; line-height: 20px; vertical-align:top; display:inline; }
/*.location span { height: 20px; width: 20px; }*/
.location .home { padding-left: 20px; background: url(../img/location1.png) no-repeat left center; }
.detaila_a { padding: 0.7rem 0 1rem; }
.detaila_b { position: relative; width: 67.5%; padding-right: 0.8rem; }
.detaila_b:before { content:''; width: 1px; height: calc(100% + 100vh); position: absolute; right:0; top: -50vh; background: #dedede; }
.detaila_b .text p { margin-top: 0.2rem; }
.detaila_d a { padding: 0.1rem 0.5rem; border:1px solid #ededed; }
.detaila_d a.prev span { color:#333; opacity: 0.7; display: inline-block; padding-left: 25px; background: url(../img/detprev.png) no-repeat left center; }
.detaila_d a.next span { color:#333; opacity: 0.7; display: inline-block; padding-right: 25px; background: url(../img/detnext.png) no-repeat right center; }
.detaila_d a:hover { color:#333; background: var(--blue); border-color: var(--blue); }
.detaila_d a:hover span { opacity: 1; }
.detaila_g a { display:inline-block; padding: 0.1rem 0.5rem; border:1px solid #ededed; }
.detaila_g a.backList span { color:#333; opacity: 0.7; display: inline-block; padding-left: 0.3rem; background: url(../img/back.png) no-repeat left center; background-size: 0.2rem auto; }
.detaila_g a:hover { color:#333; background: var(--blue); border-color: var(--blue); }
.detaila_g a:hover span { opacity: 1; }
.detaila_c { width: 28%; }
.detaila_e ul li a { display:block; }
.detaila_e ul li:nth-child(n+2) { margin-top: 0.3rem; }
.detaila_e ul li:hover .t { color: var(--blue); }
@media(max-width: 1100px){
    .detaila_b {width: 100%; padding-right:0; }
    .detaila_b:before { display:none; }
    .detaila_c { width: 100%; margin-top: 0.3rem; padding-top: 0.3rem; border-top: 1px solid #ededed; }
    .detaila_g { margin-top: 0.4rem; }
}



/*联系我们*/
.contacta { background: #f8f8f8; }
.contacta_b ul li { float:left; width: calc(33.333% - 14px); margin-right: 21px; }
.contacta_b ul li.w100 { width: 100%; margin-right: 0; }
.contacta_b ul li:nth-child(3n) { margin-right: 0; }
.contacta_b ul li:nth-child(n+4) { margin-top: 21px; }
.contacta_b .layui-input,.contacta_b .layui-textarea { background: none; width: 100%; border:1px solid #dedede; font-size: 0.22rem; color:#000; padding-left: 0.15rem; height: 0.74rem; }
.contacta_b .layui-textarea { height: 2.5rem; padding-top: 0.15rem; }
.contacta_b .tjanmo { text-align:center; }
.contacta_b .tjanmo .more { width: 1.8rem; height: 0.52rem; background: var(--blue); border:none; }
@media(max-width: 1100px){
    .contacta_b ul li {  width: 100%; margin-right: 0; }
    .contacta_b ul li:nth-child(n+2) { margin-top: 20px; }
    .contacta_b .layui-input,.contacta_b .layui-textarea { font-size: 0.22rem; color:#000; padding-left: 0.15rem; height: 0.74rem; }
    .contacta_b .layui-textarea { height: 2.5rem; padding-top: 0.15rem; }
    .contacta_b .tjanmo { text-align:center; }
    .contacta_b .tjanmo .more { width: 1.8rem; height: 0.52rem; background: var(--blue); border:none; }
}


/*财务报告*/

.bgWhite { background: #fff; }
.contactb_a { background: #f8f8f8; }
.contactb_b { width: 45%; }
.contactb_b .tzzgxc_b { position: absolute; left:0; bottom: 1.1rem; width: 100%; padding: 0 0.5rem; }
.contactb_c { width: 55%; position: absolute; right:0; top: 50%; transform:translateY(-50%); padding: 0 0.8rem; }
.contactb_c ul li { width: 100%; margin-right:0; margin-top: 0.2rem; }
.contactb_c .tjanmo { text-align:left; }
@media(max-width: 1100px){
    .contactb_b { width: 100%; }
    .contactb_b .tzzgxc_b { position: absolute; left:0; bottom: 0.3rem; width: 100%; padding: 0 0.2rem; }
    .contactb_c { width: 100%; float:left; position: relative; right:0; top: 0; transform:translateY(0); padding: 0.3rem 0.2rem; }
}



/*5_5_投资者联系*/
.bgWhite { background: #fff; }
.contactb_a { background: #f8f8f8; }
.contactb_b { width: 45%; }
.contactb_b .tzzgxc_b { position: absolute; left:0; bottom: 1.1rem; width: 100%; padding: 0 0.5rem; }
.contactb_c { width: 55%; position: absolute; right:0; top: 50%; transform:translateY(-50%); padding: 0 0.8rem; }
.contactb_c ul li { width: 100%; margin-right:0; margin-top: 0.2rem; }
.contactb_c .tjanmo { text-align:left; }
@media(max-width: 1100px){
    .contactb_b { width: 100%; }
    .contactb_b .tzzgxc_b { position: absolute; left:0; bottom: 0.3rem; width: 100%; padding: 0 0.2rem; }
    .contactb_c { width: 100%; float:left; position: relative; right:0; top: 0; transform:translateY(0); padding: 0.3rem 0.2rem; }
}


/*3_2解决方案详情*/
.solutiona_a .c a { display:inline-block; padding: 0.1rem 1.1rem; border:1px solid #dedede; }
.solutiona_a .cc { max-width: 12.6rem; margin-left:auto; margin-right: auto; }
.solutiona_b ul { display:flex; flex-wrap: wrap; }
.solutiona_b ul li { float:left; width: 20%; border-right: 1px solid #dedede; }
.solutiona_b ul li:last-child { border:none; }
.solutiona_b .icon img { width: auto; height: 1rem; }
.solutiona_b .icon { opacity: 0.6; }
.solutiona_b .con { max-width: 2rem; margin-left: auto; margin-right: auto; }
.solutiona_b ul li:hover .icon { opacity: 1; }
.solutiona_b ul li:hover .t { color: var(--blue); }
@media(max-width: 1100px){
    .solutiona_b ul li { width: 33.33333%; }
    .solutiona_b ul li:nth-child(3) { border:none; }
    .solutiona_b ul li:nth-child(n+4) { width: 50%; margin-top: 0.4rem; }
    .solutiona_b .icon img { width: auto; height: 1rem; }
    .solutiona_b .icon { opacity: 0.6; }
    .solutiona_b .con { max-width: 2rem; margin-left: auto; margin-right: auto; }
}

.solutionb { background: #f8f8f8; }
.solutionb_b ul { display:flex; flex-wrap: wrap; }
.solutionb_b ul li { float:left; width: calc(50% - 0.2rem); margin-right: 0.4rem; box-shadow: 0px 3px 34px 0px rgba(0, 0, 0, 0.08); background: #fff; }
.solutionb_b ul li:nth-child(2n) { margin-right:0; }
.solutionb_b .t { padding: 0.25rem 0.26rem; background: url(../img/solutionb_b1.png) no-repeat center/cover; }
.solutionb_b .con { padding: 0.35rem 0.26rem 0.5rem; }
.solutionb_b ul li:nth-child(2n) .t { background: url(../img/solutionb_b2.png) no-repeat center/cover; }
.solutionb_b .con .c { height: 2.6rem; overflow-y:scroll; padding-right: 0.2rem; }
.solutionb_b .con .c{
    scrollbar-color:  var(--blue) #e6e8e9; 
    scrollbar-width: thin; 
    -ms-overflow-style:none; 
}
.solutionb_b .con .c::-webkit-scrollbar { 
    width: 3px;  
    height: 1px;
}
.solutionb_b .con .c::-webkit-scrollbar-thumb { 
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    background: var(--blue);
}
.solutionb_b .con .c::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    border-radius: 3px;
    background: rgba(0,0,0,0);
}
@media(max-width: 1100px){
    .solutionb_b ul li { width: 100%; margin-right:0; }
    .solutionb_b ul li:nth-child(n+2) { margin-top: 0.3rem; }
    .solutionb_b .t { padding: 0.2rem 0.2rem; }
    .solutionb_b .con { padding: 0.3rem 0.2rem 0.4rem; }
}







.solutiond { padding: ; background: url(../img/solutiond1.png) no-repeat center/cover; }
.font64 { font-size: 0.64rem; }
.solutiond_b .p { margin-top: 6px; padding-left: 0.7rem; background: url(../img/dianhua.svg) no-repeat left center; background-size: 0.45rem auto; }
.solutiond_c { position: absolute; top:0; right:0; }
@media(max-width: 1100px){
    .solutiond_c { position: relative; float:left; width: 100%; margin-top: 0.3rem; top:0; right:0; }
}

.solutione_b .img { position: relative; }
.solutione_b .img:before { content:''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.6) 46%); position: absolute; left:0; bottom:0; }
.solutione_b .t { width: 100%; transition:all 0.6s; position: absolute; left:0; bottom: 0.3rem; padding: 0 0.5rem; }
.solutione_b .con { transition:all 1s; width: 100%; position: absolute; left:0; bottom: -3rem; padding: 0 0.5rem; }
.solutione_b:hover .con { bottom: 0.3rem; }
.solutione_b:hover .t { opacity: 0; }
@media(max-width: 1100px){
    .solutione_b .t { bottom: 0.2rem; padding: 0 0.2rem; }
    .solutione_b .con { padding: 0 0.2rem; }
}

.aboutb { padding: 1.1rem 0; background: #3a3a3a; }

@media(max-width: 1100px){
    .aboutb{ padding: 0.6rem 0; }
}
.aboutc_b { padding-left: 8vw; float:left; width: 34%; }
.aboutc_c { padding-top: 0.5rem; width: 62%; }
.aboutc_c .swiper-slide { transition:all 0.5s; padding: 0.4rem 0.3rem 0.2rem; }
/*.aboutc_c .swiper-slide-active { padding: 0.1rem; }*/
.aboutc_c .swiper-slide img { box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }
.aboutc_d { padding-right: 0.2rem; height: 4.8rem; overflow-y:scroll; }
.aboutc_d ul li { position: relative; padding: 0.15rem 0; }
.aboutc_d .c,.aboutc_d .d { line-height: 0.3rem; }
.aboutc_d .d { width: 1.4rem; }
.aboutc_d .c { width: calc(100% - 1.4rem); }
.aboutc_d ul li:hover .d,.aboutc_d ul li:hover .c { color:#000; }
@media(max-width: 1600px){
    .aboutc_b { padding-left: 5vw; }
}
@media(max-width: 1100px){
    .aboutc_b { padding: 0 3vw; width: 100%; }
    .aboutc_c { padding-top: 0.3rem; width: 100%; }
}
.aboutc_d{
    scrollbar-color:  var(--blue) #e6e8e9; 
    scrollbar-width: thin; 
    -ms-overflow-style:none; 
}
.aboutc_d::-webkit-scrollbar { 
    width: 3px;  
    height: 1px;
}
.aboutc_d::-webkit-scrollbar-thumb { 
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    background: var(--blue);
}
.aboutc_d::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    border-radius: 3px;
    background: rgba(0,0,0,0);
}

/*历史*/
.aboutb { background: url(../img/hisbg2.jpg) no-repeat center/cover; }
.aboutb_d .t { line-height: 0.3rem; height: 0.3rem; overflow: hidden; }
.aboutb_d .c { line-height: 0.3rem; height: 0.9rem; overflow: hidden; }
.aboutb_d { background: url(../img/hisbg.png) no-repeat right bottom/cover; padding: 0.3rem; position: relative; }
/*.aboutb_d::after {content: '';position: absolute;bottom: 0;right: -1px;width: 0;height: 0;border-style: solid;border-width: 0 0 30px 30px;border-color: transparent transparent #000 transparent;}*/
.aboutb_c { position: relative; }
.aboutb_c:after { content:''; width: 200vw; height: 1px; background: rgba(255,255,255,0.3); position: absolute; left: -50vw; top: 50%; }
.aboutb_c .swiper-container { width: 100%; }
.aboutb_c .swiper-slide { overflow: hidden; }
.aboutb_c .swiper-slide:nth-child(2n) { padding-bottom: 3.9rem; }
.aboutb_c .swiper-slide:nth-child(2n-1) { padding-top: 3.9rem; }
.aboutb_c .swiper-slide:nth-child(n+2) { margin-right: 0px; }
.aboutb_e { padding-left:0.8rem; position: relative; }
.aboutb_e .y { background: #fff; width: 0.6rem; height: 0.6rem; text-align:center; border:2px solid var(--blue); line-height: 0.54rem; border-radius: 50%; position: absolute; left:0; top: 0.5rem; }
.aboutb_c .swiper-slide:nth-child(2n-1) .aboutb_e .y { left:0; top: auto; bottom: 0.5rem; }
.aboutb_c .swiper-slide:nth-child(2n) .aboutb_e .y:before { content:''; width: 1px; height: 2.1rem; background: rgba(255,255,255,0.3); position: absolute; left: 0.29rem; top: 0.3rem; }
.aboutb_c .swiper-slide:nth-child(2n-1) .aboutb_e .y:before { content:''; width: 1px; height: 2.1rem; background: rgba(255,255,255,0.3); position: absolute; left: 0.29rem; bottom: 0.3rem; }

.aboutb_c .swiper-button-next { right:0; margin-top: -0.29rem; width: 0.58rem; height:0.58rem; border-radius:50%; background: url(../img/next2.png) no-repeat center var(--blue); background-size: 60% auto; }
.aboutb_c .swiper-button-next:after { display: none; }

.contactd_c { width: 50%; padding-top: 0.4rem; }
.contactd_b { width: 50%; float:left; position: absolute; left:0; bottom:0; }
.contactd_d { width: 100%; padding: 0.5rem 0.7rem; background: #f8f8f8; }
.contactd_d ul li { margin-top: 0.4rem; }
.contactd_d .t3 { padding-left: 0.5rem; position: relative; }
.contactd_d .t3 .icon { position: absolute; left: 0; top: 50%; transform:translateY(-50%); }
.contactd_d .cc { padding-left: 0.5rem; margin-top: 5px; }
.contactd_d .t3 .icon img { width: 0.32rem; height: auto; }
@media(max-width: 1100px){
    .contactd_c { width: 100%; padding-top: 0; }
    .contactd_b { width: 100%; float:left; position: relative; left:0; bottom:0; }
    .contactd_d { padding: 0.3rem 0.2rem; }
    .contactd_d ul li { margin-top: 0.3rem; }
    .contactd_d .t3 { padding-left: 0.4rem; }
    .contactd_d .cc { padding-left: 0.4rem; margin-top: 5px; }
    .contactd_d .t3 .icon img { width: 0.3rem; height: auto; }
}
.contacte ul { display:flex; flex-wrap: wrap; }
.contacte ul li { position: relative; padding: 0.3rem; width: calc(33.333% - 0.2rem); background: #f8f8f8; margin-right: 0.3rem; }
.contacte ul li:nth-child(3n) { margin-right: 0; }
.contacte ul li:nth-child(n+4) { margin-top: 0.3rem; }
.contacte_a .t { background: url(../img/jt1.png) no-repeat right center; background-size: 0.1rem auto; }
.contacte ul li:hover .contacte_a .t { background: url(../img/jt1bg.png) no-repeat right center; background-size: 0.1rem auto; }
.contacte ul li:hover { background: #3a3a3a; }
.contacte ul li:hover .contacte_a .t { color:#fff; }
.contacte_b { display:none; width: 100%; left:0; bottom: calc(100% - 2px); position: absolute; left:0; padding: 20px 10px; }
.contacte_c { background: #fff; padding: 0.3rem 0.4rem 0.4rem; box-shadow: 0px 3px 11.7px 1.3px rgba(0, 0, 0, 0.2); }
.contacte_c .t4 { padding-bottom: 0.2rem; border-bottom:1px solid var(--blue); }
.contacte_c dd { margin-top: 0.2rem; padding-left: 0.5rem; position: relative; }
.contacte_c dd .icon { position: absolute; left: 0; top: 0; line-height: 0.32rem; }
.contacte_c dd .icon img { width: 0.32rem; height: auto; }
.contacte ul li:hover .contacte_b { display: block; }
@media(max-width: 1100px){
    .contacte ul li { padding: 0.2rem; width: 100%; margin-right: 0; }
    .contacte ul li:nth-child(3n) { margin-right: 0; }
    .contacte ul li:nth-child(n+2) { margin-top: 0.2rem; }
    .contacte_c { padding: 0.2rem 0.2rem 0.3rem; }
}

.bgF8 { background: #f8f8f8; }

.solutione_a ul { display: flex; flex-wrap: wrap; }
.solutione_a  ul li { overflow: hidden; float: left; width: calc(50% - 0.25rem); margin-right: 0.5rem; }
.solutione_a  ul li .solutione_b .con { bottom: -6rem; }
.solutione_a  ul li:hover .solutione_b .con { bottom: 0.4rem; }
.solutione_a  ul li:nth-child(2n) { margin-right: 0; }
.solutione_a  ul li:nth-child(n+3) { margin-top: 0.5rem; }

.solutione_a  ul li .c { line-height: 0.3rem; min-height: 2.1rem; text-align: justify;}

.solutione_a  ul li:hover .solutione_b .img:before { background: rgba(0,0,0,0.7); }

@media(max-width: 1100px){
    .solutione_a  ul li { width: 100%; margin-right: 0; }
    .solutione_a  ul li .solutione_b .con { bottom: -6rem; }
    .solutione_a  ul li:hover .solutione_b .con { bottom: 0.4rem; }
    .solutione_a  ul li:nth-child(2n) { margin-right: 0; }
    .solutione_a  ul li:nth-child(n+2) { margin-top: 0.3rem; }
    .solutione_a  ul li .c { line-height: 0.3rem; min-height: 1.5rem;     max-height: 1.5rem;
    overflow-y: scroll;}
}



.yylyc_c .toptit,.yylyc_c .table tr:nth-child(1)  { padding: 0.24rem 0.35rem; background: #d6d6d6; }
.yylyc_c .table tr:nth-child(1) td { font-size:0.24rem; color:#333333; padding: 0.24rem 0.35rem; background: #d6d6d6; }
.yylyc_c .table tr:nth-child(2) td { font-size:0.18rem;     text-align: justify; color:#333333; padding: 0.24rem 0.35rem; }
.yylyc_c .table tr:nth-child(n+3) td {line-height: 1.8; font-size:0.16rem; color:#666; padding: 0.2rem 0.25rem;vertical-align: middle; }
.yylyc_c .table tr:nth-child(n+3) td img{display:block;margin:0 auto;width: 70% !important;}
.yylyc_c ul li:nth-child(n+2) { margin-top: 0.4rem; }
.yylyc_c dt,.yylyc_c dd { display:flex; flex-wrap: wrap; }
.yylyc_c .tit { float:left; padding: 0.2rem 0.1rem; }
.yylyc_c .tit { word-break: break-all; border: 1px solid #d6d6d6; width: 20%; }
.yylyc_c .tit:nth-child(n+2) { border-left:none; }

.yylyc_c .table table { font-size:0.16rem; color:#000; width: 100%;     margin-top: 25px;}
.yylyc_c .table table td { border:1px solid #dedede; }
.yylyc_c .table table td p {  }

.yylyb { background: #f8f8f8; }
.yylyb .container .fl .c{font-size: 0.20rem;}
.yylyb_a { position: absolute; right:0; bottom: 0; height: 0.5rem; }
.yylyb_a.tabTit0 .mainMoreC { display: none; }
.yylyb_a2 { position: relative; width: 100%; height: 100%; }
.yylyb_a2 .mainQh { border:none; }
.yylyb_c .swiper-slide { position: relative; padding: 0.5rem 0.3rem 0.3rem; border:1px solid #dedede;}
.yylyb_c .swiper-container { padding:1px; }
.yylyb_d .icon { position: absolute; top: 50%; transform:translateY(-50%); right:0; width: 0.65rem; }
.yylyb_d .icon img { width: 100%; height: auto; }
.yylyb_d .icon .pic2 { display:none; }
.yylyb_c .swiper-slide:hover .yylyb_d .icon .pic2 { display:block; }
.yylyb_c .swiper-slide:hover .yylyb_d .icon .pic1 { display:none; }
.yylyb_c .swiper-slide:hover { background: #fff; }
.yylyb_c .swiper-slide:after { content:''; height: 3px; width: 0; background: var(--blue); position: absolute; left:0; bottom:0; transition:all 0.5s; }
.yylyb_c .swiper-slide:hover:after { width: 100%; }

.yylyb_c .c { line-height: 0.3rem; height: 0.9rem; overflow: hidden; }
.yylya_a { width: 59%; }
.yylya_b .tabTitA { z-index: 5; position: absolute; top: 0.8rem; right: 0.6rem; }
.yylya_b .tabTitA p { cursor: pointer; padding: 0.2rem 0.1rem; width: 2.4rem; text-align:center; border:1px solid #fff; }
.yylya_b .tabTitA p.cur { background: var(--blue); border-color: var(--blue); color:#000!important; }
.yylya_b .tabTitA p:nth-child(n+2) { margin-top: 0.25rem; }

.yylya_b .con { width: 100%; position: absolute; left:0; bottom: 0.3rem; padding: 0 0.3rem; }

@media(max-width: 1100px){
    .yylya_a { width: 100%; margin-top: 0.3rem; }
    .yylya_b { margin-top: 0.4rem; }
    .yylya_b .tabTitA { position: absolute; top: 50%; transform:translateY(-50%); right: 0.2rem; }
    .yylya_b .tabTitA p { padding: 0.1rem 0.1rem; width: 1.6rem; text-align:center; border:1px solid #fff; }
    .yylya_b .tabTitA p.cur { background: var(--blue); border-color: var(--blue); color:#000!important; }
    .yylya_b .tabTitA p:nth-child(n+2) { margin-top: 0.15rem; }
    
    .yylyc_c .tabTitA,.yylyc_c .table tr:nth-child(1)  { padding: 0.2rem 0.2rem; }
    .yylyc_c .table tr:nth-child(1) td { font-size:0.28rem; padding: 0.2rem 0.2rem; }
    .yylyc_c .table tr:nth-child(2) td { font-size:0.24rem; padding: 0.2rem; }
    .yylyc_c .table tr:nth-child(n+3) td { font-size:0.2rem;  padding: 0.2rem 0.1rem; }
    .homea_b.fl { width: 100%; }
    .yylyb_a { float: left; position: relative; width: 100%; margin-top: 0.2rem; right:0; bottom: 0; height: auto; }
}
@media(max-width: 750px){
    .yylyc_c .table { width: 100%; padding-bottom: 0px; overflow-x: scroll; }
    .yylyc_c .table table { min-width: 800px; }
    .yylya_b .con .tt2{ width: 200px; }
}


.solutiondetc { padding-bottom: 1.1rem; }
.solutiondetc .container .abouta_a .fl .c { padding-bottom: 15px;
    background: url(../img/mtbg.svg) no-repeat left bottom;
    font-weight: bold;}
.solutiondetc-b { padding: 0.1rem 0.2rem 0.3rem; }
.solutiondetc-b .img { float:left; width: 47%; }
.solutiondetc-c { float:right; width: calc(53% - 0.6rem); }
@media(max-width: 1100px){
    .solutiondetc { padding-bottom: 0.6rem; }
    .solutiondetc-b { padding: 0.1rem 0.2rem 0.3rem; }
    .solutiondetc-b .img { float:left; width: 100%; }
    .solutiondetc-c { float:right; width: 100%; margin-top: 0.2rem; }
    .shzra_b .solutiondetc-c .t { font-size: 0.22rem; } 
    .shzra_b .solutiondetc-c .c,.shzra_b .solutiondetc-c .t { padding: 0; }
}
.solutiondetb:after { content:''; width: 11.5rem; right:0; position: absolute; bottom: 0.2rem; height: calc(100% - 0.2rem); background:#f8f8f8; }
.solutiondeta-a .img { position: relative; z-index: 2; width: 45.4%; padding-top: 0.8rem; }
.solutiondeta-b { position:relative; z-index: 2; float: right; width: 50%; padding-top: 1.3rem; }
.solutiondeta-b .swiper-slide {position: relative; padding: 0 0.3rem; }
.solutiondeta-b .con .c { min-height: 0.6rem; line-height: 0.3rem;     text-align: justify;}
.solutiondeta-b .swiper-container { padding-bottom: 0.7rem; }
/*.solutiondeta-b .swiper-container .swiper-pagination-bullet { position: relative; background: #b0b5b0; opacity: 1; margin: 0 15px; }*/
/*.solutiondeta-b .swiper-container .swiper-pagination-bullet-active { background: var(--blue); }*/
/*.solutiondeta-b .swiper-container .swiper-pagination-bullet-active:after { content:''; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); border-radius: 50px; border: 1px solid var(--blue); }*/

.solutiondeta-b .swiper-container .swiper-pagination-bullet { transition:all 1s; width: 6px; height: 6px; border-radius: 0;background: var(--blue); margin: 0 5px; }
.solutiondeta-b .swiper-container .swiper-pagination-bullet-active { width: 60px; height: 8px; background: var(--blue); }



.solutiondeta-b .icon img { height: 0.5rem; width: auto; }
@media(max-width: 1100px){
    .solutiondeta-a .img { width: 100%; padding-top: 0; }
    .solutiondetb:after { display: none; }
    .solutiondeta-b { background: #f8f8f8; width: 100%; padding: 0.3rem 0.2rem 0.4rem; }
    .solutiondeta-b .swiper-container { padding-bottom: 50px; }
    .solutiondeta-b .swiper-container .swiper-pagination-bullet { margin: 0 10px; }
}



.hisBox_a { position: relative; min-height: 10px; }
.hisBox_a:after { content:''; width: 200%; height: 1px; position: absolute; left: -50%; top: 50%; background: rgba(0,0,0,0.2);}
.hisBox_a .swiper-slide { position: relative; height: 4.5rem; position: relative; width: 2.5rem; }
.hisBox_b { position: absolute; left:0; top: 0.5rem; width: 4rem; }
.hisBox_a .swiper-slide:nth-child(2n) .hisBox_b { top: auto; bottom: 0.5rem; }
.hisBox_c { min-height: 10px; position: relative; }
.hisBox_c .y { line-height: 0.4rem; }
.hisBox_c .c { position: absolute; left: 0.8rem; top:50%; transform: translateY(-50%); }
.hisBox_c .c p { position: relative; padding-left: 0.2rem; line-height: 0.3rem; }
.hisBox_c .c p:before { content:''; width: 0.06rem; height: 0.06rem; background: rgba(0,0,0,0.6); position: absolute; left:0; top: 0.12rem; border-radius: 0.1rem; }
.hisBox_a .swiper-slide:nth-child(2n) .hisBox_c .y { top:auto; bottom: 0; }
.hisBox_c:before { transition: all 1s; content:''; width: 1px; left: 0.3rem; position: absolute; top: 0.4rem; height: 0; background: rgba(0,0,0,0.2); }
.hisBox_a .swiper-slide:nth-child(2n) .hisBox_c:before { top: auto; bottom: 0.4rem; }

.hisBox_a .swiper-slide:hover .y,.hisBox_a .swiper-slide:hover .c { opacity: 1; }
.hisBox_a .swiper-slide:hover .y { color: var(--blue)!important; }
.hisBox_a .swiper-container .swiper-button-next { width: 0.58rem; height: 0.58rem; background: url(../img/his.png) no-repeat center/cover var(--blue); border-radius:0.6rem; margin-top: -0.29rem; }
.hisBox_a .swiper-container .swiper-button-next:after { display: none; }

.aboutb .hisBox_a .animated .hisBox_c:before { height: 1.6rem; }

@media(max-width: 1100px){
    /*.hisBox_a .swiper-slide { height: auto; padding: 20px 15px; }*/
    /*.hisBox_b { width: 100%; position: relative; top: auto; bottom: auto; }*/
    .hisBox_a .swiper-slide { width: 2rem; height: 4rem; }
    .hisBox_b { width: 3.6rem; top: 0; }
    .hisBox_a { margin-top: 0.5rem; }
    .hisBox_a .swiper-slide:nth-child(2n) .hisBox_b { top: auto; bottom: 0; }
    .hisBox_c .c { top: 0rem; transform: translateY(0%); }
    .hisBox_a .swiper-slide:nth-child(2n) .hisBox_c .c { top: auto; bottom: 0; }
    .hisBox_c:before { top: 0.4rem; height: 0; }
    .hisBox_a .swiper-slide:nth-child(2n) .hisBox_c:before { top: auto; bottom: 0.4rem; }
    
    .aboutb .hisBox_a .animated .hisBox_c:before { height: 1.6rem; }
    
    /*.hisBox_c .c { position: relative; top: 0; transform: translateY(0); left:0; margin-top: 0.1rem; }*/
    /*.hisBox_c:before { display: none; }*/
    /*.hisBox_a .swiper-slide:nth-child(2n) .hisBox_b { bottom: auto; }*/
}

.homed_f .btn { cursor: pointer; width: 0.35rem; height: 0.35rem; }
.homed_e { z-index: 100; background: none; position: absolute; transform: translate(-50%, -50%); }
.homed_g { display:none; position: absolute; left: 50%; transform:translateX(-50%); padding: 0.2rem 0px; bottom: 0.3rem; }
.homed_h { background: #fff; width: 4rem; padding: 0.2rem; border-bottom: 3px solid var(--blue); }
.homed_h ul li { position: relative; padding-left: 1.2rem; }
.homed_h ul li .t { position: absolute; left:0; top:0; }
.homed_h ul li:nth-child(n+2) { margin-top: 20px;  }
.homed_f:hover .homed_g { display:block; }

@media(max-width: 1100px){
    .homed_e { display: none; }
}


.kjpzc_c:before { position: absolute; content:''; z-index: 1; width: 100%; left: 0; height: 100%; top:0; background:rgba(0,0,0,0.6); opacity: 0; transition: all 0.5s; }
.kjpzc_c .t { width: 100%; position: absolute; left:0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 2; transition: all 0.5s; opacity: 0; color:#fff; }
.kjpzc_c:hover:before,.kjpzc_c:hover .t { opacity:1; }

.tzzgxa_a { z-index: 10; }