@charset "utf-8";
body,* { font-family: 'SourceHanSansCN-Normal','TaipeiSansTCBeta-Light','TaipeiSansTCBeta-Regular', 'ZauriSansL','PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; }
:root {
    --red: #F08519;
    --green: #F08519;
    --blue: #F08519;
    --yellow: #F08519;
}

.mTit .et { color: var(--yellow); font-weight: 500; padding-left: 0.2rem; background: url(../images/entitbg.svg) no-repeat left center; background-size: 0.14rem auto; }
.mTit .et.colorWhite { background: url(../images/entitbg2.svg) no-repeat left center; background-size: 0.14rem auto; }
.mTit .t { font-weight: 600; color: #231D15; }
.padding160 { padding: 1.6rem 0; }
@media(max-width: 1100px){
    .padding160 { padding: 1rem 0; }
}

.colorGreen { color: var(--green); }
.color5e { color:#5E6265; }
@media (max-width:60000000px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}

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

.container { width: 76%; margin: 0 auto; }

@media(max-width: 1600px){
    .container { width: 80%; }
}
@media(max-width: 1100px){
    .container { width: 92%; }
}



.header { position: fixed; left:0; top:0; width: 100%; z-index: 100; }

.headerB { padding: 0 0.4rem; }
.headerB .nav ul li { float:left; padding: 0 0.3rem; }
.headerB .nav ul li>a { transition: all 0.5s; display:block; line-height: 1rem; }
.headerB .nav ul li.cur>a,.headerB .nav ul li:hover>a { color: var(--yellow); }
.headerB .logo { transition: all 0.5s; padding: 0.2rem 0; }
.headerB .logo img { width: auto; height: 60px; }
.headerB .logo img.m2 { display:none; }
.m-header { display:none; }

.fixed-head { background: #fff; box-shadow: 5px 5px 10px 0 rgba(120,120,120,0.3); }
.fixed-head .logo { padding: 0.1rem 0; }
.headerB .nav ul li>a { line-height: calc(60px + 0.2rem); }
.fixed-head .logo img.m2 { display: block; }
.fixed-head .logo img.m1 { display: none; }
.fixed-head .nav ul li>a { color:#333; }

.proNav { overflow: hidden; height: 0; transition: all 0.6s; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5); position: absolute; left:0; top: calc(60px + 0.2rem); width: 100%; background:rgba(255,255,255,0.95); }
.proNav .tabTit { float: left; width: 33.3333%; background:#fff; padding: 0.4rem 0; min-height: 4.3rem; }
.proNav .tabTit a { transition: all 0.6s; display: block; padding: 0.2rem 0.1rem 0.2rem 1rem; }
.proNav .tabTit a:hover,.proNav .tabTit a.cur { background:#F0F0F0; color:#231D15; }
.proNav .tabBox { float: left; width: 48%; padding: 0.4rem 0 0.4rem 0.85rem; min-height: 4.3rem; }
.proNav .tabBox a { transition: all 0.6s; display: block; padding: 0.2rem 0.3rem 0.2rem 0; }
.proNav .tabBox a:hover { color:#333333; }
.proNav .tabBox a { position: relative; border-bottom: 1px solid #D3D3D3; }
.proNav .tabBox a:before { content:''; width: 0.12rem; height: 0.12rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.6s; background: url(../images/next2.svg) no-repeat center/cover; opacity: 0.6; }
.proNav .tabBox a:after { content:''; width: 0; height: 1px; position: absolute; left: 0; bottom: -1px; transition: all 0.6s; background:var(--green); }
.proNav .tabBox a:hover:after { width: 100%; }
.proNav .tabBox a:hover:before { opacity: 1; }
.headerB .nav ul li:hover .proNav { height: 4rem; }


@media(max-width: 1920px){
    .headerB .logo img { width: auto; height: 0.8rem; }
    .headerB .nav ul li>a { line-height: 1rem; }
    .proNav { top: 1rem; }
}

@media(max-width: 1100px){
    .headerB { padding: 0 4vw; }
    .headerB .nav { display:none; }
    .header { background: #fff; }
    .headerB .logo { transition: all 0.5s; padding: 0.1rem 0; }
    .headerB .logo img { width: auto; height: 50px; }
    .headerB .logo img.m1 { display:none; }
    .headerB .logo img.m2 { display:block; }
}

.banner { border-bottom: 3px solid var(--yellow); }
.bannerA { position: absolute; left:0; width: 100%; top: 55%; transform:translateY(-50%); }

.banner .anweo { width: 100%; position: absolute; left:0; bottom: 0.7rem; z-index: 10; }
.banner .anweo .swiper-pagination { opacity: 0; }
.ssss { text-align:center; z-index: 10; position: absolute; bottom: 0; left: 0; width: 100%; }
.sss { display: inline-block; position: relative; width: 18px; height: 18px; margin: 0 0.1rem; cursor: pointer; }
.ssss .sss:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    opacity: 1;
}
.ssss .sss::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    opacity: 1;
    border: 3px solid rgba(255, 255, 255, 0.5);
    opacity: 0;
}

/*.ssss .sss::before,.ssss .sss::after { opacity: 0; }*/

.ssss .sss-active:after { opacity: 0; }
.ssss .sss-active::before { opacity: 1; } 

.sss .circle { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.sss .circle i { position: relative; float: left; width: 50%; height: 100%; overflow: hidden; opacity: 0; }
.sss .circle i::before {
    content: '';
    position: absolute;
    width: 200%;
    right: 0;
    top: 0;
    bottom: 0;
    border: 3px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
    clip: rect(0, 18px, 18px, 8.5px);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.sss.sss-active .circle i { opacity: 1; }
.sss .circle i:first-child::before { left: 0; right: auto; clip: rect(0px, 9px, 18px, 0px); }
.sss.sss-active .circle i::before { -webkit-animation: circleR 3500ms linear both; animation: circleR 3500ms linear both; }
.sss.sss-active .circle i:first-child::before { -webkit-animation-name: circleL; animation-name: circleL; }

@-webkit-keyframes circleL {
    0%,
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes circleR {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    50%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes circleL {
    0%,
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes circleR {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    50%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.bannerD { position: absolute; right: 0.4rem; bottom: 2rem; z-index: 5; }
.bannerD .t { writing-mode: vertical-rl;  }

.bannerD .t img {
    -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, 0.15rem);opacity: 1;}
}
@keyframes godown {
    0% {transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {transform: translate(0, 0.15rem);opacity: 1;}
}

body { overflow-x: hidden; }
.bgImg { width: 100%; height: 100vh; }
.ibanner,.banner { position: relative; }
.banner:after {content:''; z-index: 5; width: 4.94rem; height: 2.7rem; background: url(../images/bannerbg.svg) no-repeat center/cover; position: absolute; right: -0.35rem; bottom: -1.28rem; }
.ibanner:after {content:''; z-index: 5; width: 4.94rem; height: 2.7rem; background: url(../images/bannerbg.svg) no-repeat center/cover; position: absolute; right: -0.35rem; bottom: -1.28rem; }
.banner .swiper-container { overflow: hidden; }
.banner .bgImg { width: 100%; height: calc(100vh - 5vw); }
.bannerA { position: absolute; left:0; top: 50%; transform:translateY(-50%); width: 100%; }
.banner .img { transition:all 10s; transform:scale(1.2); }
.banner .swiper-slide-active { position: relative; z-index: 5; }
.banner .swiper-slide-active .img { transform:scale(1.0); }

.nybannerA { position: absolute; width: 100%; top: 55%; transform:translateY(-50%); }

.footer { padding-top: 0.65rem; background: #272727; }
.color9e { color:#9e9e9e; }
.footer .flogo img { width: auto; height: 0.66rem; }
.footer .flogo .ewm img { width: 100%; height: auto; }
.footerB-b ul li { float: left; position: relative; }
.footerB-b ul li:nth-child(n+2) { margin-left: 0.1rem; cursor: pointer; }
.footerB-b ul li .icon { position: relative; width: 0.42rem; height: 0.42rem; background: rgba(255,255,255,0.1); opacity: 0.7; }
.footerB-b ul li:hover .icon { opacity: 1; }
.footerB-b ul li .icon img { position: absolute; left:50%; top: 50%; transform:translate(-50%, -50%); width: 0.15rem; height: auto; }
.footerB-b ul li .ewm { position: absolute; width: 1.2rem; height: 1.2rem; border:1px solid #e2e2e2; background: #fff; position: absolute; left:50%; transform: translateX(-50%); bottom: 0.42rem; display: none; }
.footerB-b ul li:hover .ewm { display: block; }
.footerB { width: 3.5rem; }
.footerC { padding: 0.2rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1) }
.footerC a:hover { color:#fff; }
@media(max-width: 1100px){
    .footerB { width: 100%; margin-top: 0.4rem; }
    .footerC .fl,.footerC .fr { width: 100%; text-align:center; }

    .banner:after { width: 2.47rem; height: 1.35rem; right: -0.17rem; bottom: -0.64rem; }
    .ibanner:after { width: 2.47rem; height: 1.35rem; right: -0.17rem; bottom: -0.64rem; }


}


/*About*/
.padding140 { padding: 1.4rem 0; }
@media(max-width: 1100px){
    .padding140 { padding: 1rem 0; }
}

.aboutA-b { float:right; width: 71%; }
.aboutA-b p { margin-top: 0.1rem; }
.aboutA-c { padding: 3rem 1rem 0.6rem; }
.aboutA-c ul { background: url(../images/aboutabg.svg) no-repeat right 0.1rem; background-size: 100% auto; display:flex; justify-content: space-between; }
.aboutA-c ul li { width: 22%; }
.aboutA-c ul li * { color: #fff; }
.aboutA-c .t { position: absolute; padding-left: 0.35rem; }
.aboutA-c .t .icon { position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.aboutA-c .t .icon img { width: 0.25rem; height: auto; }
@media(max-width: 1100px){
    .aboutA-c { padding: 2rem 0.2rem 0.6rem; }
    .aboutA-c ul { display: block; }
    .aboutA-c ul { clear: both; background: none; }
    .aboutA-c ul:after { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block; }
    .aboutA-c ul li { width: 60%; float:left; }
    .aboutA-c ul li:nth-child(2n) { width: 40%; }
    .aboutA-c ul li:nth-child(n+3) { margin-top: 0.3rem; }
    .aboutA-b { width: 100%; margin-top: 0.4rem; }
}


.mTit .colorWhite { color:#fff; }
.swiper-container { overflow: hidden; }
.aboutB-e { position: relative; height: 0.7rem; }
.aboutB { background: var(--yellow); }
.aboutA-a .mMore { position: absolute; right: 0; bottom: 0.05rem; }
.aboutB-c .d { padding-left: 0.22rem; background: url(../images/time.svg) no-repeat left center; background-size: 0.16rem auto; }
.aboutB-b a { transition: all 0.5s; display:block; background: rgba(255, 255, 255, 0.1); }
.aboutB-b .con { padding: 0.35rem 0.25rem 0.45rem; }
/*.aboutB-b a:hover { background: rgba(); }*/
.mainQh { transition: all 0.5s; cursor: pointer; left:0; position: absolute; top: 0; width: 0.7rem; height: 0.7rem; border-radius: 0.6rem; border: 2px solid rgba(255, 255, 255, 0.3); }
.mainQhPrev { background: url(../images/mainprev.svg) no-repeat center; background-size: 0.12rem auto; }
.mainQhNext { right: 0; left: auto; background: url(../images/mainnext.svg) no-repeat center; background-size: 0.12rem auto; }
.mainQhPrev:hover { background: url(../images/mainprev2.svg) no-repeat center #fff; background-size: 0.12rem auto; }
.mainQhNext:hover { background: url(../images/mainnext2.svg) no-repeat center #fff; background-size: 0.12rem auto; }
.aboutB-e .swiper-pagination { width: calc(100% - 2rem); position: absolute; left: 1rem; top: 50%; background: rgba(255, 255, 255, 0.1); border-radius: 0.1rem; overflow: hidden; height: 6px; }
.aboutB-e .swiper-pagination .swiper-pagination-progressbar-fill { background: rgba(255, 255, 255, 0.5); }
.aboutC-c a { transition:all 0.5s; display:block; background: #F9F9F9; }
.aboutC-d .con { padding: 0.25rem 0.3rem; }
.aboutC-d .con .c { background: url(../images/aboutcmore.svg) no-repeat right center; background-size: 0.45rem auto; line-height: 0.76rem; padding-left: 1rem; }
.aboutC-d .con .icon { position: absolute; left: 0; top: 0; width: 0.76rem; }
.aboutC-c a:hover { background: var(--yellow); }
.aboutC-c a:hover .c { color:#fff; }
.aboutC-c a:hover .aboutC-d .con .c { background: url(../images/aboutcmore2.svg) no-repeat right center; background-size: 0.45rem auto;  }
.aboutC-c ul li { float:left; width: calc(50% - 0.1rem); margin-right: 0.2rem; }
.aboutC-c ul li:nth-child(2n) { margin-right: 0rem; margin-top: -1rem; }
.aboutB-c .smallMore { background: url(../images/smallMorebg.svg) no-repeat right center; background-size: 0.1rem auto;  }
@media(max-width: 1100px){
    .aboutC-c ul li { width: 100%; margin-right: 0; }
    .aboutC-c ul li:nth-child(2n) { margin-right: 0rem; margin-top: 0; }
    .aboutC-c ul li:nth-child(n+2) { margin-top: 0.3rem; }
}
.aboutC { overflow: hidden; }
.aboutC canvas { position: absolute; left:0; bottom:-1rem; width: 100%; height: 2rem; }

/*新闻列表*/
.newsA-a { position: absolute; right: 0; bottom: 0.05rem; }
.newsA-a a { transition: all 0.5s; display:inline-block; padding: 0 0.36rem; line-height: 0.6rem; border:1px solid #999999; margin-left: 0.1rem; }
.newsA-a a:hover,.newsA-a a.cur { background: var(--yellow); color:#fff; border-color: var(--yellow); }
.newsB ul { display:flex; flex-wrap: wrap; }
.newsB ul li .img { height: 2.67rem; overflow: hidden; }
.newsB ul li img { transition: all 0.5s; }
.newsB ul li:hover img { transform: scale(1.05); }
.newsB ul li { background: #F9F9F9; transition:all 0.5s; float:left; width: calc(33.33333% - 0.12rem); margin-right: 0.18rem; }
.newsB ul li:nth-child(3n) { margin-right: 0; }
.newsB ul li:nth-child(n+4) { margin-top: 0.3rem; }
.newsB .con { padding: 0.3rem 0.3rem 0.6rem; }
.newsB .con .d { padding-left: 0.2rem; background: url(../images/time2.svg) no-repeat left center; background-size: 0.16rem auto; }
.newsB .con .c { line-height: 0.26rem; height: 0.52rem; overflow: hidden; }
.smallMore { display: inline-block; padding-right: 0.2rem; background: url(../images/smallMore.svg) no-repeat right center; background-size: 0.1rem auto; }
.newsB ul li:hover { background: var(--yellow); }
.newsB ul li .t,.newsB ul li .d,.newsB ul li .c,.newsB ul li .smallMore { transition:all 0.5s; }
.newsB ul li:hover .t,.newsB ul li:hover .d,.newsB ul li:hover .c,.newsB ul li:hover .smallMore { color:#fff; }
.newsB ul li:hover .d { background: url(../images/time2bg.svg) no-repeat left center; background-size: 0.16rem auto; }
.newsB ul li:hover .smallMore { background: url(../images/smallMorebg.svg) no-repeat right center; background-size: 0.1rem auto; }
.page * { font-size:0.16rem; color:#3E3A39; font-weight: 500; }
.page a { display:inline-block; width: 0.54rem; line-height: 0.54rem; border:1px solid rgba(62, 58, 57, 0.3); margin: 0 0.05rem;  }
.page a.cur,.page a:hover { background: var(--yellow); color:#fff; border-color: var(--yellow); }
.page .prev,.page .next { font-size: 0; vertical-align:top; }
.page .prev { background: url(../images/prevpage.svg) no-repeat center; background-size: 0.1rem auto; }
.page .next { background: url(../images/nextpage.svg) no-repeat center; background-size: 0.1rem auto; }
.page .prev:hover { background: url(../images/prevpagebg.svg) no-repeat center var(--yellow); background-size: 0.1rem auto; }
.page .next:hover { background: url(../images/nextpagebg.svg) no-repeat center var(--yellow); background-size: 0.1rem auto; }
@media(max-width: 1600px){
    .newsB ul li .img { height: 2.8rem; overflow: hidden; }
}
@media(max-width: 1100px){
    .newsA-a { position: relative; left:0; float:left; width: 100%; margin-top: 0.1rem; }
    .newsA-a a { margin: 0.2rem 0.1rem 0 0; }
    .newsB ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .newsB ul li:nth-child(3n) { margin-right: 0.2rem; }
    .newsB ul li:nth-child(2n) { margin-right: 0; }
    .newsB ul li:nth-child(n+3) { margin-top: 0.3rem; }
    .newsB ul li .img { height: 2rem; overflow: hidden; }
}

/*新闻详情*/
.nybanner .detBanner { height: 4.8rem; }
.location { padding: 0.12rem 0; }
.location * { display: inline-block; color:#999; }
.location a.home { display:inline-block; padding-left: 0.3rem; background: url(../images/location.svg) no-repeat left center; background-size: 0.19rem auto; }
.colorYellow { color: var(--yellow); }
.newsDetA-a { padding: 0.8rem 0 1.3rem; }
.newsDetA-b { width: 75%; background: #F9F9F9; padding: 0.55rem 0.6rem 0.6rem; }
.newsDetA-b .tit { padding-bottom: 0.3rem; border-bottom: 1px solid #dedede; margin-bottom: 0.4rem; }
.newsDetA-b .tit .time { display:inline-block; padding-left: 0.24rem; background: url(../images/time3.svg) no-repeat left center; background-size: auto 0.16rem; }
.newsDetA-b .tit .view { display:inline-block; padding-left: 0.24rem; background: url(../images/view.svg) no-repeat left center; background-size: auto 0.17rem; margin-left: 0.4rem; }
.newsDetA-b .dtxq_a_fy { padding-right: 2rem; }
.newsDetA-b .dtxq_a_fy a span.color3 { text-decoration:underline; }
.newsDetA-b .dtxq_a_fy { position: relative; margin-top: 0.6rem; padding-top: 0.4rem; border-top: 1px solid #dedede; }
.newsDetA-b .dtxq_a_fy a { display:block; }
.newsDetA-b .dtxq_a_fy a.backList { position: absolute; right:0; bottom: 0.05rem; line-height: 0.43rem; padding: 0 0.3rem; background: var(--yellow); color:#fff; }
.newsDetA-b .dtxq_a_fy a.backList i { transition:all 0.5s; display:inline-block; padding-left: 0.2rem; background: url(../images/backlist.svg) no-repeat left center; background-size: 0.14rem auto; }
.newsDetA-b .dtxq_a_fy a.backList:hover i { padding-left: 0.3rem; }
.color23 { color:#231D15; }
.newsDetA-c { width: 23%; }
.newsDetA-d .topT { padding: 0.2rem 0.35rem; background: var(--yellow); color:#fff; }
.newsDetA-d ul li { padding: 0 0.35rem; }
.newsDetA-d ul li a { display:block; padding: 0.3rem 0; border-bottom: 1px solid #dedede; }
.newsDetA-d .d { padding-left: 0.2rem; background: url(../images/time3.svg) no-repeat left center; background-size: 0.16rem auto; }
.newsDetA-d ul li a:hover .t { color: var(--yellow); }
.newsDetA-e { background: url(../images/newsdetbg.jpg) no-repeat right center/cover; padding: 0.3rem; }
.newsDetA-e .conT { transition:all 0.5s; display:inline-block; padding: 0.1rem 0.3rem; border-radius: 0.5rem; border:1px solid rgba(255,255,255,0.3); }
.newsDetA-e .conT i { display:inline-block; padding-left: 0.3rem; background: url(../images/newsdetbg2.svg) no-repeat left center; background-size: 0.2rem auto; }
.newsDetA-e .conT:hover { background: var(--yellow); }
@media(max-width: 1100px){
    .newsDetA-b { width: 100%; padding: 0.3rem 0.2rem 0.4rem; }
    .newsDetA-b .dtxq_a_fy { padding-right:0; }
    .newsDetA-b .dtxq_a_fy a.backList { width: auto; display:inline-block; position: relative; right:auto; left: 0; margin-top: 0.3rem; bottom: 0; line-height: 0.43rem; padding: 0 0.3rem; background: var(--yellow); color:#fff; }
    .newsDetA-c { display:none; }
}

/*产品*/
.louceng { padding-top: 1rem; }
.product-d { padding: 0.25rem 0.3rem; background: linear-gradient(90deg, var(--yellow) 0%, rgba(220, 220, 220, 0) 100%); }
.mainQh2 { border-color:#DDDDDD; width: 0.5rem; height: 0.5rem; }
.product-d .mainQh { top: 50%; transform: translateY(-50%); }
.product-d .mainQhPrev { background: url(../images/prev2.svg) no-repeat center; background-size: 0.12rem auto; right: 0.6rem; left: auto; }
.product-d .mainQhNext { background: url(../images/next2.svg) no-repeat center; background-size: 0.12rem auto; right: 0; left: auto; }
.product-d .mainQhPrev:hover { background: url(../images/prev2bg.svg) no-repeat center var(--yellow); border-color: var(--yellow); background-size: 0.12rem auto; }
.product-d .mainQhNext:hover { background: url(../images/next2bg.svg) no-repeat center var(--yellow); border-color: var(--yellow); background-size: 0.12rem auto; }
.product-f .img { background: url(../images/beijingtu.png) no-repeat center/cover; width: 100%; height: 3.2rem; position: relative; overflow: hidden; }
.product-e .swiper-slide:nth-child(2n) .product-f .img { background: url(../images/beijingtu.png) no-repeat center/cover; }
.product-e .swiper-slide:nth-child(3n) .product-f .img { background: url(../images/beijingtu.png) no-repeat center/cover; }
.product-f .img img { position: absolute; left:0; bottom: 0; width: 100%; height: auto; }
.product-f .con { padding: 0.2rem 0.2rem 0.25rem; }
.product-f .con .t { width: 90%; line-height: 0.3rem; height: 0.6rem; }
.product-e .swiper-slide { border-bottom: 1px solid #dedede; transition:all 0.5s; }
.product-e .con .mmore { transition:all 0.5s; width: 0.44rem; height: 0.44rem; border-radius: 50%; background: url(../images/probg1.svg) no-repeat center/cover; }
.product-e .swiper-slide:hover { background: var(--yellow); }
.product-e .swiper-slide:hover .t { color:#fff; opacity: 1; }
.product-e .swiper-slide:hover .con .mmore { background: url(../images/probg2.svg) no-repeat center/cover; }
@media(max-width: 1600px){
    .product-f .img { height: 3.4rem; }
}
@media(max-width: 1100px){
    .product-f .img { height: 2.5rem; }
}
@media(max-width: 640px){
    .product-f .img { height: 5rem; }
}

.nybanner,.footer { position: relative; z-index: 5; }
.product-b { overflow: hidden; }
.LoutiNavPro { width: 1.5rem; position: fixed; left: 0.1rem; border-left: 1px solid #dedede; top: 50%; transform:translateY(-50%); }
.LoutiNavPro li:nth-child(n+2) { margin-top: 0.2rem; }
.LoutiNavPro li { position: relative; padding-left: 0.2rem; }
.LoutiNavPro li.cur { color:#333; }
.LoutiNavPro li.cur:after { content:''; width: 3px; height: 100%; position: absolute; left: -1px; top:0; background: var(--yellow); border-radius: 2px; }
@media(max-width: 1100px){
    .louceng { padding-top: 0.8rem; }
    .LoutiNavPro { display:none!important; }
}

/*Partner*/
.customerA-a .t { position: absolute; left:0; bottom: 0; width: 100%; padding: 0.4rem 0.5rem; }
.customerA-a .swiper-container { position: relative; padding-bottom: 0.5rem; }
.customerA-a .swiper-container .swiper-pagination-bullet { transition:all 0.5s; opacity: 1; background: #666666; }
.customerA-a .swiper-container .swiper-pagination-bullet-active { width: 0.46rem; border-radius: 0.5rem; background: #666666; }
@media(max-width: 1100px){
    .customerA-a .t { padding: 0.3rem 0.3rem; }
}

.customerB { background: #F9F9F9; }
.customerB-a ul li { height: 1.5rem; text-align:center; float: left; background: #FFF; overflow: hidden; width: calc(20% - 0.12rem); margin-right: 0.15rem; position: relative; }
.customerB-a ul li>img { position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 60%; height: auto; }
.customerB-a ul li:nth-child(5n) { margin-right: 0; }
.customerB-a ul li:nth-child(n+6) { margin-top: 0.15rem; }
@media(max-width: 1100px){
    .customerB-a ul li { height: 1.2rem; width: calc(33.33333% - 0.1rem); margin-right: 0.15rem; }
    .customerB-a ul li:nth-child(5n) { margin-right: 0.15rem; }
    .customerB-a ul li:nth-child(3n) { margin-right: 0; }
    .customerB-a ul li:nth-child(n+4) { margin-top: 0.15rem; }
}



/* 全球网络 */
.world .list li .word img { width: 0.22rem; vertical-align: top; height: auto; }
.world .list li:hover .word{ background: #F08519; transition: all .3s; cursor: pointer; }
.world .list li:hover .word .tx_a,
.world .list li:hover .word .tx_b{ color: #FFF; }
.world .list li:hover .word .img_1 { display: inline-block; }
.world .list li:hover .word .img_2 { display: none; }
.world .list li:hover .word .tx_a { border-color: rgba(255,255,255,0.4); }
.world .list li .word .img_1 { display: none; }
.world .list li {  margin-bottom: 0.12rem; float: left; overflow: hidden; width: calc(50% - 0.1rem); margin-right: .2rem; }
.world .list li:nth-child(2n){ margin-right: 0 }
.world .list li .img { overflow: hidden; }
.world .list li .word { padding: 0.2rem 0.4rem 0.5rem; background: #F9F9F9; transition:all 0.5s; }
.world .list li .word .tx_a { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(114, 113, 113, 1); padding: 0.2rem 0; }
.world .list li .word .tx_a .icon,
.world .list li .word .tx_a .icon .icon_1,
.world .list li .word .tx_a .icon .icon_1 .icon_2{ border-radius: 50%; }
.world .list li .word .tx_a .icon .icon_1,
.world .list li .word .tx_a .icon .icon_1 .icon_2{ position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.world .list li .word .tx_a .icon .icon_1 .icon_2 img { width: 100%; }
.world .list li .word .tx_a .icon{ width: 0.6rem; height: 0.6rem; background: rgba(216, 216, 216, 0.5); }
.world .list li .word .tx_a .icon .icon_1 { width: 0.54rem; height: 0.54rem; background: rgba(216, 216, 216, 0.2); }
.world .list li .word .tx_a .icon .icon_1 .icon_2 { position: relative; width: 0.5rem; height: 0.5rem; overflow: hidden; }
.world .list li .word .tx_b p { margin-top: 0.2rem; }
.world .list li .word .tx_b p span { display: inline-block; width: 92%;  margin-left: 0.15rem; }

@media(max-width: 1100px){
    .world .list li .word img { top: 0.07rem; position: relative; }
    .world .list li .word .tx_a .icon .icon_1 .icon_2 img { top: 0; }
    .world .list li {  margin-bottom: 0.12rem; width: 100%; margin-right: 0; }
    .world .list li .word .tx_b p span { line-height: 0.3rem; }
}

/*联系我们*/
.contactA-b { width: 34%; }
.contactA-c { width: 60%; }
.contactA-b ul li { min-height: 0.95rem; position: relative; padding-left: 1.05rem; }
.contactA-b .icon { width: 0.93rem; height: 0.93rem; border-radius: 0.5rem; background: #FCF9F5; position: absolute; left:0; top: 50%; transform:translateY(-50%); display:flex; justify-content: center; text-align: center; }
.contactA-b .icon .img { width: 0.93rem; height: 0.93rem; border-radius: 0.5rem; background: #FCF9F5; position: absolute; left:0; top: 50%; transform:translateY(-50%); display:flex; justify-content: center; text-align: center; }
.contactA-b .icon .img img { width: 0.26rem; height: auto; }
.contactA-b .bt { position: absolute; top: 50%; transform:translateY(-50%); width: calc(100% - 1.05rem); right: 0; }
@media(max-width: 1100px){
    .contactA-b { width: 100%; }
    .contactA-c { width: 100%; margin-top: 0.4rem; }
}


.biaodian_ty ul li { float: left;width: calc(33.3333% - 0.1rem);margin-right: 0.15rem;position: relative;margin-bottom: 0.15rem; }
.biaodian_ty ul li:nth-child(3n){margin-right: 0;}
.biaodian_ty ul li .icon { position: absolute;top: 50%;transform: translateY(-50%); left: 0.18rem; }
.biaodian_ty ul li .icon img { width: auto; height: 0.18rem; }
.biaodian_ty ul li .icon .pic2{display: none;}
.biaodian_ty ul li:hover .icon .pic1{display: none;}
.biaodian_ty ul li:hover .icon .pic2{display: block;}
.biaodian_ty ul li input { height: 0.6rem; background: #fff; border: 1px solid rgba(216, 216, 216, 0.8); padding: 0.2rem 0.2rem 0.2rem 0.5rem;  width: 100%; font-size: 0.16rem; color: #000; transition: all 0.8s;}
.biaodian_ty ul li .layui-form-select { border:1px solid rgba(216, 216, 216, 0.8); }
.biaodian_ty ul li .layui-form-select input { border:none!important; }
.biaodian_ty ul li:hover .layui-form-select,
.biaodian_ty ul li:hover textarea,
.biaodian_ty ul li:hover select,
.biaodian_ty ul li:hover input{ border: 1px solid var(--green); }
.biaodian_ty ul li.bitian:before { content: "*"; color: #FF0019; font-size: 0.15rem; position: absolute; right: 0.2rem; top: 50%; display: block; height: 0.15rem; transform: translateY(-50%);}
.biaodian_ty ul li select { background: #fff; border: 1px solid rgba(216, 216, 216, 0.8); padding: 0.2rem 0.2rem 0.2rem 0.5rem; width: 100%; font-size: 0.16rem; -webkit-appearance: none; color: rgba(34, 34, 34, 0.5);}
.biaodian_ty ul li.w100{width: 100%; }
.biaodian_ty ul li textarea{ background: #fff; border: 1px solid rgba(216, 216, 216, 0.8); padding: 0.2rem 0.2rem 0.2rem 0.5rem; width: 100%; font-size: 0.16rem; color: #999999; height: 7.2vw; }
.biaodian_ty ul li input::-webkit-input-placeholder {color: #999999;}
.biaodian_ty ul li textarea::-webkit-input-placeholder {color: #999999;}
.biaodian_ty ul li.w100 .icon{ position: absolute; top: 0.3rem; left: 0.18rem; }
.biaodian_ty button { border:none; }
.biaodian_ty button:hover { border:none; }
.biaodian_ty ul li .icon { z-index: 5; }
.layui-form-select dl { top: 0.58rem; z-index: 10; }
.qcjt_d .qcjt_d_l ul li:hover { position: relative; z-index: 100; }
@media(max-width: 1100px){
    .biaodian_ty{width: 100%;padding-top: 0; }
    .biaodian_ty ul li{ width: 100%;margin-right: 0; }
    .biaodian_ty ul li .yanzeng{width: 90px; }
    .biaodian_ty  ul{margin-top: 20px; }
    .biaodian_ty ul li textarea { height: 2rem; }
}

.contactB { background: #F9F9F9; }
.contactB-a .mTit .c { max-width: 11.5rem; }
.contactC { position: relative; }
.contactC .add { width: 0.38rem; height: 0.43rem; position: absolute; left: 47%; top: 36%; transform: translate(-50%, -50%); }
.contactC .addA { position: relative; width: 100%; height: 100%; } 
.contactC .addA .btn { position: relative; background: url(../images/address.svg) no-repeat center/cover; width: 100%; height: 100%; } 
.contactC .addB { width: 5rem; background: #fff; position: absolute; left: 0.55rem; top: 0; padding: 0.4rem; }
.contactC .addA .btn {
    -webkit-animation: godown 2s infinite;
    animation: godown 2s infinite;
    box-sizing: border-box;
}
.color76 { color:#767676; }
.contactC .addB .t1 { color: var(--yellow); }
.contactC .addB a { transition: all 0.5s; display:inline-block; padding: 0.1rem 0.3rem; background: linear-gradient(286deg, #FDB871 -5%, #F08519 88%); }
.contactC .addB a i { display:inline-block; padding-right:0.3rem; background: url(../images/link.svg) no-repeat right center; background-size: 0.15rem auto; }
.contactC .addB a:hover { background: var(--yellow); color:#fff; }
@media(max-width: 1100px){
    .contactC .addB { left: 50%; top: 50%; transform:translate(-50%, -50%); display:none; }
    .contactC .add:hover .addB { display:block; }
}

.proDetA { padding: 0.8rem 0 1rem; }

/*Application*/
.applicationA-b ul li:nth-child(n+2) { margin-top: 0.5rem; }
.applicationA-b .img { z-index: 5; position: absolute; left:0; top: 50%; transform:translateY(-50%); width: 61.6%; }
.applicationA-b .img a { display:block; width: 100%; }
.applicationA-e { padding-top: 0.2rem; margin-top: 0.2rem; border-top: 1px solid #dedede; }
.applicationA-c { float:right; width: 53%; }
.applicationA-f { position: relative; width: 100%;background: #F9F9F9; height: 5.7rem; position: relative; }
.applicationA-d { position: absolute; width: 100%; top: 50%; left: 0; transform:translateY(-50%); padding: 0 0.6rem 0 2.8rem; }
.applicationA-e { min-height: 2rem; }
.applicationA-e p { background: url(../images/entitbg.svg) no-repeat left 0.05rem; background-size: 0.1rem auto; margin: 0.1rem 0; padding-left: 0.2rem; line-height: 0.22rem; }


.applicationA-d .c { overflow-y: auto; overflow-x: hidden; height: 121px; padding-right: 54px; }
.applicationA-d .c::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}

.applicationA-d .c::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	/* border-radius: 5px; */
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
	background: #F08519;
}

.applicationA-d .c::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
	border-radius: 0;
    background: rgba(24, 86, 166, 0.05);
}

@media(max-width: 1100px){
    .applicationA-b .img { width: 100%; position: relative; top:0; transform:translateY(0); float:left; }
    .applicationA-c { width: 100%; }
    .applicationA-f { height: auto; }
    .applicationA-d { position: relative; top: 0; transform:translateY(0); padding: 0.3rem 0.2rem 0.3rem; }
    .applicationA-e { min-height: 1rem; }
    
    .applicationA-d .c { height:auto; }
    .applicationA-e p { line-height: 0.32rem; }
}


/*Application Detail*/

.appDetA-c { padding: 0.45rem; background: #F9F9F9; }
.appDetA-d .img { width: 51%; }
.appDetA-e { position: absolute; top: 50%; right: 0; transform:translateY(-50%); width: 49%; padding-left: 0.6rem; }
.appDetA-e span { cursor: pointer; display:inline-block; padding: 0.15rem 0 0.15rem 0.45rem; background: url(../images/appdet1.svg) no-repeat left center; background-size: 0.37rem auto; }
.appDetA-e span i { border-bottom: 1px solid #333; }
.appDetA-e span:hover i { color:var(--yellow); border-color: var(--yellow); }
.appDetA { padding: 0.8rem 0 1.1rem; }
.appDetA-a a { transition: all 0.5s; padding: 0.1rem 0.3rem; background: #F0F0F0; margin: 0 0.1rem 0.1rem 0; float: left; }
.appDetA-a a.cur,.appDetA-a a:hover { background: var(--yellow); color:#fff; }
@media(max-width: 1100px){
    .appDetA-c { padding: 0.2rem; }
    .appDetA-d .img { width: 100%; }
    .appDetA-e { width: 100%; position: relative; top: 0; transform:translateY(0); float:left; padding: 0.3rem 0 0; }
}

.padding110 { padding: 1.1rem 0 1.4rem; background: #F9F9F9; }
.appDetB-f { background: none; padding-left: 0; padding: 0; }
.appDetB-a .swiper-slide { transition:all 0.5s; background: #fff; transition: all 0.5s; }
.appDetB-b { height: 4.4rem; position: relative; padding: 0.4rem 0.35rem; }
.appDetB-b .icon { width: 0.92rem; height: 0.92rem; display:flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #DEDEDE; }
.appDetB-b .icon img { width: 0.45rem; height: auto; }
.appDetB-b .icon .pic1 { display:none; }
.appDetB-b .t { transition: all 0.5s; padding-bottom: 0.25rem; border-bottom: 1px solid #dedede; }
.appDetB-b .num { position: absolute; left: 0.35rem,; bottom: 0.35rem; }
.appDetB-a .swiper-slide:hover { background: var(--yellow); }
.appDetB-a .swiper-slide:hover .icon { border-color:#fff; }
.appDetB-a .swiper-slide:hover .icon .pic2 { display: none; }
.appDetB-a .swiper-slide:hover .icon .pic1 { display: block; }
.appDetB-a .swiper-slide:hover .t,.appDetB-a .swiper-slide:hover .num { color:#fff; border-color: rgba(255,255,255,0.3); }

.appDetC-c .product-f .con { position: relative; padding-right: 0.8rem; }
.appDetC-c .product-f .mmore { position: absolute; top: 50%; transform:translateY(-50%); right: 0.2rem; }

.customerC { padding: 1.1rem 0; background: url(../images/partnerbg.jpg) no-repeat center/cover; }
.customerC .mmore { position: absolute; right:0; top: 50%; transform:translateY(-50%); }
@media(max-width: 1100px){
    .customerC-a .t { font-size: 0.5rem; }
    .customerC .mmore { position: relative; margin-top: 0.3rem; right:0; top: 0%; transform:translateY(0%); }
}

/*产品详情*/
.bgF9 { background: #f9f9f9; }
.newsDetA-d dl { padding: 0 0.15rem; }
.newsDetA-d dl dd { border-bottom: 1px solid #dedede; position: relative; }
.newsDetA-d dl dd:last-child { border:none; }
.newsDetA-d dl dd .t { padding: 0.2rem 0.5rem 0.2rem 0; background: url(../images/jia.svg) no-repeat right center; background-size: 0.26rem auto; }
.newsDetA-d dl dd.cur .t { color: var(--yellow); background: url(../images/jian.svg) no-repeat right center; background-size: 0.26rem auto; }
.newsDetA-d .linkList .c { border-top:1px solid #dedede;  padding: 0.3rem 0; }
.newsDetA-d .linkList .c a { padding: 0 0.1rem; display:block; }
.newsDetA-d .linkList .c a.active { color: var(--yellow); }
.newsDetA-d .linkList .c a:nth-child(n+2) { margin-top: 0.1rem; }
.newsDetA-d .linkList { display:none; }


.newsDetA-b .loucengA:nth-child(n+2) { margin-top: 0.2rem; }
.proDetC-a .topT { cursor: pointer; padding: 0.11rem 0.2rem 0.11rem 0.35rem; background: #E8E8E8; }
.proDetC-a .topT .t { padding-right: 0.2rem; background: url(../images/slide1.svg) no-repeat right center; background-size: 0.12rem auto; }
.proDetC.close .proDetC-a .topT .t { background: url(../images/slide2.svg) no-repeat right center; background-size: 0.12rem auto; }
.proDetC-cMain { background: #fff; padding: 0.4rem 0.3rem; }
.proDetC-d ul { margin-left: 20px; }
.proDetC-d ul li { list-style: disc; }
.proDetC-d ul li:nth-child(n+2) { margin-top: 0.05rem; }

.proDetD-a { width: 51%; }
.proDetE { width: 49%; padding-left: 0.7rem; }
.proDetD-a .swiper-container { overflow: hidden; width: 100%; }
.proDetD-a { padding: 0.1rem; background: url(../images/prodetbg2.png) no-repeat center/cover; }
.proDetD-c { background: rgba(0,0,0,0.1); padding: 0.1rem 0.7rem; }
.proDetD-c .swiper-slide { background: url(../images/prodetbg3.jpg) no-repeat center/cover; }
.proDetD-c .swiper-slide:before { content:''; width: 100%; height: 100%; position: absolute; left:0; top: 0; background: rgba(0,0,0,0.5); }
.proDetD-c .swiper-slide-thumb-active:before { display:none; }
.proDetD-c .qh:after { font-size: 0.16rem; font-weight: 600; color:#666; }
.proDetD-c .qh { width: 0.18rem; height: 0.18rem; position: absolute; margin: 0; left: 0rem; top: 50%; transform:translateY(-50%); }
.proDetD-c .swiper-button-prev { left: 0.06rem; }
.proDetD-c .swiper-button-next { left:auto; right: 0.06rem; }
.proDetE .mmore span { cursor: pointer; display:inline-block; padding: 0.15rem 0 0.15rem 0.45rem; background: url(../images/appdet1.svg) no-repeat left center; background-size: 0.37rem auto; }
.proDetE .mmore span i { border-bottom: 1px solid #333; }
.proDetE .mmore span:hover i { color:var(--yellow); border-color: var(--yellow); }
.proDetE-a { padding-right: 0.12rem; height: 2rem; overflow-y:scroll; }
.proDetE-a{
    scrollbar-color:  var(--yellow) rgba(0,0,0,0.1); 
    scrollbar-width: thin;
    -ms-overflow-style:none;
}
.proDetE-a::-webkit-scrollbar {
    width: 1px;
    height: 0px;
}
.proDetE-a::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    background: var(--yellow);
}
.proDetE-a::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 3px;
    background: rgba(0,0,0,0);
}
@media(max-width: 1100px){
    .proDetD-a { width: 100%; }
    .proDetE { width: 100%; padding: 0.4rem 0 0; }
    .proDetE-a { height: auto; overflow: hidden; }
}

.proDetC-b .table table { font-size: 0.16rem; }
.proDetC-b .table table tr:nth-child(2n) { background: #F3F3F3; }
.proDetC-b .table table tr { border-color: rgba(0,0,0,0.1); }
.proDetC-b .table table tr:nth-child(1) { background: var(--yellow); color:#fff; border-color: var(--yellow); }
.proDetC-b .table table tr:nth-child(2) { background: #767676; color:#fff; border-color: rgba(0,0,0,0.1); }
.proDetC-b .table table tr td { padding: 0.15rem 0.1rem; }


.fixCon { display:none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.9); left:0; top: 0; z-index: 1000; }
.fixConA { width: 100%; height: 100%; position: relative; }
.fixConA-a { width: 84%; position: absolute; left:50%; top: 50%; transform:translate(-50%, -50%); }
.fixConA-b { width: 100%; background: #fff; padding: 0.6rem 0.7rem 0.8rem; }
.biaodian_ty ul li.w50 { width: calc(50% - 0.075rem); margin-right: 0.15rem; }
.biaodian_ty ul li.w50.marginR0 { margin-right: 0; }
.fixConA-b .close { cursor: pointer; width: 0.28rem; height: 0.28rem; background: url(../images/close.svg) no-repeat center/cover; position: absolute; top: 0.2rem; right: 0.25rem; }
@media(max-width: 1100px){
    .fixConA .biaodian_ty ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .fixConA .biaodian_ty ul li:nth-child(2n) { margin-right: 0rem; }
    .fixConA .biaodian_ty ul li.w100 { width: 100%; margin-right:0; }
    .fixConA-a { width: 94%; }
    .fixConA-b { padding: 0.4rem 0.2rem; }
    .proDetC-b .table table { font-size: 0.2rem; }
}




/*首页*/
.homeA-a { position: absolute; top: auto; bottom: 0.06rem; right: 0; transform: translateY(0%); }
.homeA .product-d .mainQhNext { bottom: 0.06rem; top: auto; transform:translateY(0); right: 2.3rem; }
.homeA .product-d .mainQhPrev { bottom: 0.06rem; top: auto; transform:translateY(0); right: 3rem; }
.homeA .product-f .img { height: 5.4rem; }
.homeA .product-f .img img { bottom: 0.8rem; }
.homeA .product-f .img { background: url(../images/homea1.jpg) no-repeat center/cover; }
.homeA .product-e .swiper-slide:nth-child(2n) .product-f .img { background: url(../images/homea2.jpg) no-repeat center/cover; }
.homeA .product-e .swiper-slide:nth-child(3n) .product-f .img { background: url(../images/homea3.jpg) no-repeat center/cover; }
@media(max-width: 1100px){
    .homeA .product-d .mainQhNext { right: 0; }
    .homeA .product-d .mainQhPrev { right: 0.7rem; }
    .homeA .product-f .img { height: 4rem; }
    .homeA .product-f .img img { bottom: 0.5rem; }
}
@media(max-width: 640px){
    .homeA .product-f .img { height: 5rem; }
    .homeA .product-f .img img { bottom: auto; top: 50%; transform: translateY(-50%); }
    .product-f .con .t { font-size: 0.3rem; }
}

.bgf9 { background: #f9f9f9; }
.homeB-b .tit { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0.3rem 0.4rem; }
.homeB-b .tit .t { position: relative; padding-right: 0.7rem; }
.homeB-b .tit .t:after { content:''; width: 0.45rem; height: 0.45rem; position: absolute; right: 0; top: 50%; transform:translateY(-50%); background: url(../images/homebbg1.svg) no-repeat center rgba(255,255,255,0.2); border-radius: 0.6rem; background-size: 0.16rem atuo; }
.homeB-a .swiper-container { overflow: visible!important; }
.homeB-a .swiper-container .swiper-slide { position: relative; }
.homeB-a .swiper-container .swiper-slide-prev:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0)); }
.homeB-a .swiper-container .swiper-slide-next:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1)); }
.homeB-a .aboutB-e .swiper-pagination { transform: translateY(-50%); width: calc(100% - 2rem); position: absolute; left: 1rem; top: 50%; background: rgba(105, 105, 105, 0.1); border-radius: 0.1rem; overflow: hidden; height: 6px; }
.homeB-a .aboutB-e .swiper-pagination .swiper-pagination-progressbar-fill { background: rgba(0, 0, 0, 0.3); }
.homeB-a .aboutB-e .mainQh { width: 0.5rem; height: 0.5rem; border-color:#DDDDDD; }
.homeB-a .aboutB-e { height: 0.5rem; }
.homeB-a .aboutB-e .swiper-pagination { width: calc(100% - 1.6rem); left: 0.8rem; }
.homeB-a .aboutB-e .mainQhPrev { background: url(../images/prev2.svg) no-repeat center; background-size: 0.12rem auto; }
.homeB-a .aboutB-e .mainQhNext { background: url(../images/next2.svg) no-repeat center; background-size: 0.12rem auto; }
.homeB-a .aboutB-e .mainQhPrev:hover { background: url(../images/prev2bg.svg) no-repeat center var(--yellow); border-color: var(--yellow); background-size: 0.12rem auto; }
.homeB-a .aboutB-e .mainQhNext:hover { background: url(../images/next2bg.svg) no-repeat center var(--yellow); border-color: var(--yellow); background-size: 0.12rem auto; }

.homeC { overflow: hidden; padding-bottom: 1.6rem; background: var(--yellow); }

.homeC-a .more2  { border 1px solid var(--yellow) }
.homeC-a .more2:hover { border-color:#fff; }
.homeC-b { width: 63%; }
.homeC-c ul { display:flex; flex-wrap: wrap;justify-content: center;}
.homeC-c ul li {  background: rgba(249, 249, 249, 0.1); padding: 0.3rem 0.35rem 0.3rem; backdrop-filter: blur(6px); width: calc(25% - 0.15rem); margin-right: 0.2rem; }
.homeC-c ul li:nth-child(4n) { margin-right: 0; }
.homeC-c ul li * { color: #fff; }
.homeC-c .t { padding-bottom: 0.4rem; position: relative; background: url(../images/homecbg1.svg) no-repeat right bottom; background-size: 100% auto; padding-left: 0.35rem; }
.homeC-c .t .icon { position: absolute; left:0; top: 0rem; }
.homeC-c .t .icon img { width: 0.25rem; height: auto; }
.homeC canvas { position: absolute; left:0; bottom:-1rem; width: 100%; height: 2rem!important; }
@media(max-width: 1100px){
    .homeC-b { width: 100%; margin-top: 0.4rem; }
    .homeC-c ul li { padding: 0.3rem 0.2rem; width: calc(50% - 0.08rem); margin-right: 0.16rem; }
    .homeC-c ul li:nth-child(2n) { margin-right: 0; }
    .homeC-c ul li:nth-child(n+3) { margin-top: 0.16rem; }
}

.homeD .aboutB-c .d { background: url(../images/time4.svg) no-repeat left center; background-size: 0.16rem auto; }
.homeD .aboutB-b a { background: #f9f9f9; }
.homeD .aboutB-b a:hover { background: var(--yellow); }
.homeD .aboutB-c .smallMore { background: url(../images/smallMore.svg) no-repeat right center; background-size: 0.1rem auto;  }
.aboutB-c .img { height: 3rem; overflow: hidden; }
.homeD .aboutB-b a:hover .t,.homeD .aboutB-b a:hover .d,.homeD .aboutB-b a:hover .c,.homeD .aboutB-b a:hover .smallMore { color:#fff; }
.homeD .aboutB-b a:hover .d { background: url(../images/time.svg) no-repeat left center; background-size: 0.16rem auto; }
.homeD .aboutB-b a:hover .smallMore { background: url(../images/smallMorebg.svg) no-repeat right center; background-size: 0.1rem auto;  }
.aboutB .aboutB-b a {  border:1px solid rgba(0,0,0,0); }
.aboutB .aboutB-b a:hover .t { text-decoration: underline; }
.aboutB .aboutB-b a:hover { background: none; border-color: rgba(255,255,255,0.6); }

@media(max-width: 1100px){
    .aboutB-c .img { height: 2rem; }
}
@media(max-width: 640px){
    .aboutB-c .img { height: 4rem; }
}

.cityA-a { position: absolute; left: 50%; transform:translateX(-50%); top: 0; width: 3.9rem; padding: 0.5rem 0 0; }
.cityA-b { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); background: #fff; padding: 0.25rem 0.2rem 0.3rem; background: #fff; }
.cityA-b .t { padding-bottom: 0.1rem; border-bottom: 1px solid #dedede; }
.cityA-b .c p { line-height: 0.3rem; padding-left: 0.3rem; margin-top: 0.05rem; }
.cityA-b .c p.pho { background: url(../images/world-phone-1.svg) no-repeat left 0.05rem; background-size: auto 0.2rem; }
.cityA-b .c p.ema { background: url(../images/world-email-2.svg) no-repeat left 0.08rem; background-size: auto 0.14rem; }
.cityA-b .c p.add { background: url(../images/world-location-3.svg) no-repeat left 0.05rem; background-size: auto 0.2rem; }
.cityA-a { cursor: pointer; display:none; }
.city:hover .cityA-a { display:block; }
.city:hover { z-index: 5; }
.homeE-b { padding-left: 1.1rem; width: 65.6%; }
.homeE-c { width: 34.4%; position: absolute; right:0; top: 50%; transform:translateY(-50%); padding-right: 12vw; }
.homeE-b .map { position: relative; }
.homeE-b .map .city { transform: translate(-50%, -50%); width: 0.34rem; height: 0.34rem; position: absolute; }
.homeE-b .map .cityA { width: 0.34rem; height: 0.34rem; position: relative; }
.homeE-b .map .cityA .btn { /*cursor: pointer;*/ position: relative; width: 100%; height: 100%; border:1px solid var(--yellow); border-radius: 50%; }
.homeE-b .map .cityA .btn:after { content:''; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 0.21rem; height: 0.21rem; background: #fff; border: 0.06rem solid var(--yellow); box-sizing: border-box; border-radius: 50%; }
@media(max-width: 1600px){
    .homeE-c { padding-right: 10vw; }
}
@media(max-width: 1100px){
    .homeE-b { padding: 0; width: 100%; }
    .homeE-c { float:left; width: 100%; position: relative; top: 0; transform:translateY(0); padding:0 4vw; }
    .city:hover .cityA-a { display: none; }
}

.homeF { padding-left: 12vw; background: #FFF4E8; }
.homeF-b { width: 26%; }
.homeF-c { width: 64%; background: #fff; margin-top: 0.7rem; padding: 1.4rem 10vw 1rem 1.1rem; }
.homeF-e { position: absolute; left: 4.5rem; top: -0.91rem; }
.homeF-e img { width: 4.3rem; height: auto; }
.homeF-d ul li { display:flex; justify-content: center; align-items: center; float:left; width: 20%; height: 0.9rem; }
@media(max-width: 1600px){
    .homeF { padding-left: 10vw; }
}
@media(max-width: 1100px){
    .homeF { padding-left: 0vw; }
    .homeF-b { width: 100%; padding: 0 4vw; }
    .homeF-c { width: 100%; background: #fff; margin-top: 0.7rem; padding: 1rem 4vw 1.1rem; }
    .homeF-e { position: absolute; left: 3rem; top: -0.95rem; }
}



/*产品详情页改版*/
.newsDetA-b.wid100 { width: 100%; background: none; padding: 0; }
.proDetC-a .topT { background: linear-gradient(90deg, rgba(240, 133, 25, 0.2) 0%, rgba(240, 133, 25, 0) 100%);}
.proDetC-cMain { padding: 0.3rem 0; }
.proDetC-a .topT { position: relative; }
.proDetC-a .topT:before { content:''; width: 0.06rem; height: 0.3rem; background:var(--green); position: absolute; left:0; top: 50%; transform: translateY(-50%); }
.proDetC-a .topT .t { background: none; }
.proDetD-a { width: 100%; }
.proDetE { padding: 0 3.4rem 0 0; position: relative; width: 100%; }
.proDetE-a { padding-right: 0.3rem; height: 1.2rem; line-height: 0.24rem; }
.proDetE .mmore { margin-top: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.proDetD-a { padding: 0; background: none; }
.proDetD-a .swiper-container.proDetD-b { float: left; width: 81%; background: url(../images/prodetbg2.png) no-repeat center / cover; } 
.proDetD-c { padding: 0.47rem 0.35rem; float: right; width: calc(19% - 0.2rem); margin-left: 0.2rem; height: 4.3rem; }
.proDetD-c .swiper-container { height: 3.36rem; }
.proDetD-b { height: 4.3rem; }
.proDetD-b .img { text-align: center; }
.proDetD-b .img img,.proDetD-b .img video { max-width: 100%; width: auto; height: 4.3rem; }
.proDetD-c .swiper-button-prev { top: 0.15rem; left: 50%; margin-left: -0.09rem; transform: rotate(90deg); }
.proDetD-c .swiper-button-next { top: auto; bottom: 0.15rem; margin-left: -0.09rem; left: 50%; transform: rotate(90deg); }
.proDetD-d .img { height: 100%; }
.proDetD-d .img .videoBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.3rem; height: 0.3rem; background: url(../images/videobtn.svg) no-repeat center/cover; }
@media(max-width: 1100px){
    .proDetD-a .swiper-container.proDetD-b { width: 100%; } 
    .proDetD-c { padding: 0.3rem 0.4rem; width: 100%; margin: 0.3rem 0 0; height: auto; }
    .proDetD-c .swiper-container { height: auto; }
    .proDetD-b { height: auto; }
    .proDetD-b .img { text-align: center; }
    .proDetD-b .img img,.proDetD-b .img video { max-width: 100%; width: 100%; height: auto; }
    .proDetD-c .swiper-button-prev { top: 50%; left: 0.1rem; margin-left: 0; margin-top: -0.09rem; transform: rotate(0deg); }
    .proDetD-c .swiper-button-next { bottom: auto; margin-left: 0; margin-top: -0.09rem; top: 50%; left: auto; right: 0.1rem; transform: rotate(0deg); }
    .proDetE { padding: 0; position: relative; width: 100%; }
    .proDetE-a { padding-right: 0; height: auto; line-height: 0.3rem; }
    .proDetE .mmore { margin-top: 0; position: relative; right: 0; top:0; transform: translateY(0); margin-top: 0.3rem; }
}