@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar{width:12px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:5px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.8)}
.w1200{ max-width:1200px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}
.flex3{ display:flex; display: -webkit-flex; align-items:end;flex-wrap:  wrap ; justify-content:flex-start}

.fuwu02 .wap{margin-top:30px;}
.fuwu02 .wap img{width:100%;}

.pd100{ padding-left:1rem; padding-right:1rem; width:100%;margin:0 auto; }
.pd200{ padding-left:2rem; padding-right:2rem; width:100%;margin:0 auto; }


.logo img{ width:3.47rem}
.header .logo img.b{ display:none;}

.header{ position:fixed; top:0; left:0; width:100%; z-index:11; transition:all .3s;}
.nav li{ display:inline-block; position:relative; margin:0 .2rem;}
.nav li>a{  position:relative; font-size:.16rem; color:#fff; line-height:.8rem; display:block; transition:all .3s;}
.nav li .subnav{ background:#fff; border-radius:3px; position:absolute; top:110%; left:50%; width:1.6rem; margin-left:-.8rem; visibility:hidden; opacity:0; transition:all .3s; text-align:center; z-index:10; }
.nav li:hover .subnav{ top:101%; visibility:visible; opacity:1;}
.nav li .subnav a{ display:block;font-size:.14rem; color:#000 ; transition:all .3s; padding:0 5px; line-height:.4rem; border-bottom:1px solid #f5f5f5;}
.nav li .subnav a:last-child{ border:none;}
.nav li .subnav a:hover{ color:#fff; background:#eab53d;}

.nav li>a:after{ content:""; display:block; width:0; position:absolute; bottom:0; left:50%; height:2px; background:#eab53d; transition:all .3s;}
.nav li.on>a:after,.nav li:hover>a:after{ width:100%; left:0;}
.nav li.on>a,.nav li:hover>a{ color:#eab53d;}

.nav li.lang i{margin-left:5px;}

.nav li.searchbtn span{ width:17px; height:17px;background-image:url(../images/searchimg.png); background-repeat:no-repeat; background-size:100% 100%;}

.nav li>span{ font-size:.18rem; color:#fff;line-height:.8rem; display:block; }
.nav li.tels{ margin-left:0; position:relative; padding-left:.65rem; background-image:url(../images/about_06.png); background-repeat:no-repeat; background-position:.3rem center; background-size:.22rem auto; margin-right:0}
.nav li.tels:after{ content:""; display:block; width:1px; height:.2rem; background:#fff; left:0; top:50%; margin-top:-.1rem; position:absolute;}


.nav li.lang{ margin-left:.2rem; position:relative; padding-left:.65rem; background-image:url(../images/langw.png); background-repeat:no-repeat; background-position:.3rem center; background-size:.22rem auto; margin-right:0}
.nav li.lang span{font-size:.14rem;}

.nav li.lang .subnav{width: 100px;
    right: -20px;
    left: auto;}
.nav li.lang:after{ content:""; display:block; width:1px; height:.2rem; background:#fff; left:0; top:50%; margin-top:-.1rem; position:absolute;}


.header.open,.header:hover{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}

.header.open .logo img,.header:hover .logo img{ display:none;}
.header.open .logo img.b,.header:hover .logo img.b{ display:block;}
.header.open .nav li>a,.header:hover .nav li>a{ color:#111;}
.header.open .nav li.on>a,.header:hover .nav li:hover>a,.header:hover .nav li.on>a{ color:#eab53d;}
.header.open .nav li>span,.header:hover .nav li>span{ color:#111}
.header.open .nav li.tels,.header:hover .nav li.tels{ background-image:url(../images/about_06b.png); }
.header.open .nav li.lang,.header:hover .nav li.lang{ background-image:url(../images/lang.png); }


.header.open .nav li.searchbtn span,.header:hover .nav li.searchbtn span{ background-image:url(../images/searchimgb.png); }


.sp_search{ background-image:url(../images/searchimgb.png); width:17px; height:17px;background-size:100% 100%; position:absolute; right:60px; top:16px;}

.nav li.searchbtn{ margin-left:.43rem; margin-right:0;  cursor: pointer;}

.header.open .nav li.tels:after,.header:hover .nav li.tels:after{ background:#000}
.header.open .nav li.lang:after,.header:hover .nav li.lang:after{ background:#000}

.banner .swiper-slide{ height:auto; background-size:cover; overflow:hidden;}
.banner .swiper-slide img{ width:100%}

.banner .swiper-slide img{ transition:all 5s;}
.banner .swiper-slide.swiper-slide-active img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);}


.banner .bantxt{ position:absolute; left:10%; bottom:20%; z-index:11; background-image:url(../images/index22_03.png); background-size:100% 100%; width:8.4rem; padding:.6rem 0; color:#fff; text-align:center; padding-right:1.2rem;}
.bantxt b{ font-size:.6rem; line-height:1.3; display:block;}
.bantxt p{ font-size:.36rem; font-weight:bold; margin-top:.15rem;}

.banner{ position:relative;}
.banner .swiper-button-next{ bottom:10%; left:3.6rem; opacity:1; top:auto; width:.4rem; height:.4rem;}
.banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display:none;}

.banner .swiper-button-prev{ border:1px solid #fff; opacity:1; top:auto; width:.4rem; height:.4rem; border-radius:100%; left:3rem; bottom:10%;}
.banner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ display:none;}

.banner .swiper-button-next i{ color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.banner .swiper-button-prev i{ color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.banner .swiper-button-next:hover i,.banner .swiper-button-prev:hover i{ color:#eab53d;}

.circleProgress_wrapper{
            width:.4rem;
            height:.4rem;
            position: relative;
        }

        .wrapper{
            width: .2rem;
            height: .4rem;
            position: absolute;
            top:0;
            overflow: hidden;
        }
        .right{
            right:0;
        }
        .left{
            left:0;
        }
        .circleProgress{
            width: .4rem;
            height:  .4rem;
            border:1px solid #eab53d;
            border-radius: 50%;
            position: absolute;
            top:0;
            -webkit-transform: rotate(45deg);
        }
        .rightcircle{
            border-top:1px solid #fff;
            border-right:1px solid #fff;
            right:0;
            
        }
		.rightcircle.on{-webkit-animation: circleProgressLoad_right 5s linear infinite;}
        .leftcircle{
            border-bottom:1px solid #fff;
            border-left:1px solid #fff;
            left:0;
            
        }
		.leftcircle.on{-webkit-animation: circleProgressLoad_left 5s linear infinite;}
		
        @-webkit-keyframes circleProgressLoad_right{
            0%{
                -webkit-transform: rotate(45deg);
            }
            50%{
                -webkit-transform: rotate(225deg);
            }
            100%{
                -webkit-transform: rotate(225deg);
            }
        }
        @-webkit-keyframes circleProgressLoad_left{
            0%{
                -webkit-transform: rotate(45deg);
            }
            50%{
                -webkit-transform: rotate(45deg);
            }
            100%{
                -webkit-transform: rotate(225deg);
            }
        }



.main02{ padding-top:1.1rem; padding-bottom:1.1rem;}
.tit .title b{ font-size:.48rem; color:#000; line-height:1; display:block; margin-bottom:.3rem;}
.tit .title b em{ color:#eab53d; font-style:normal;}
.titp{ padding-bottom:.3rem; padding-left:.65rem; font-size:.2rem; line-height:1;}

.main02 ul{ padding-top:.6rem;}
.main02 li{ width:24.8%; position:relative; text-align:center; overflow:hidden; margin-bottom:.2%;}
.main02 li img{ width:100%; height:100%; object-fit:cover; transition:all .5s ease-in-out;}
.main02 li:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.main02 li:first-child,.main02 li:nth-child(2){ width:49.9%;}
.main02 li .txts{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.5); z-index:2; transition:all .5s; height:.8rem;}
.main02 li .txts b{ line-height:.8rem; color:#fff;  font-size:.24rem; color:#fff;}
.main02 li .txts p{  opacity:0; visibility:hidden; font-size:.16rem; color:#fff; transition:all .5s; max-width:90%; margin:0 auto;}
.main02 li .txts em{ font-style:normal; color:#eee; opacity:0; visibility:hidden;transition:all .6s; display:inline-block;margin-top:.25rem;padding-right:.26rem; background-position:right center; background-size:.16rem auto; background-repeat:no-repeat; background-image:url(../images/jiantou_066.png); }
.main02 li .txts em:hover{color:#eab53d; background-image:url(../images/jiantou_03.png); opacity:1; }
.main02 li:hover .txts{ height:100%; background:rgba(0,0,0,.7);}
.main02 li:hover em,.main02 li:hover p{ opacity:1; visibility:visible;}
.main02 li:hover em{ opacity:.7}

.main02 li em img,.indexaboutle a img{  max-width:100%; vertical-align:middle; height:auto; width:auto; margin-left:.1rem; width:.16rem;}


.main02 li:first-child .txts p,.main02 li:nth-child(2) .txts p{text-align:left; padding-left:.5rem; padding-right:.5rem; min-height:1.1rem;}

.yewutese ul{ padding-top:.3rem;flex-wrap: nowrap;}
.yewutese .pd200{ padding-right:.2rem;}
.yewutese ul li{ width:70%; transition:all .8s ease; padding:2px;}
.yewutese ul li.on{ width:150%;}
.yewutese ul li .imgs{ height:5.6rem;}
.yewutese ul li img{ width:100%; height:100%; object-fit:cover; transition:all .8s ease-in-out;}
.yewutese ul li .txts{ padding:.35rem 0; padding-right:.6rem;}
.yewutese ul li .txts b{ font-size:.24rem; line-height:1; display:block; margin-bottom:.25rem;}
.yewutese ul li .txts p{ font-size:.16rem; color:#666; height:1.4rem;}

.indexaboutle,.indexaboutri{ width:51%; overflow:hidden; position:relative;}
.indexaboutle .img{  position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.aboutindex img{width:100%; height:100%; object-fit:cover; transition:all 1s ease;}
.indexaboutri:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.indexaboutle .txt{ position:relative; z-index:2; padding:1.8rem;}

.aboutindex{flex-wrap: nowrap;}

.indexaboutle .txt b:first-child{ color:#eab53d;}
.indexaboutle .txt b { font-size:.48rem; color:#fff; display:block; line-height:1.4; }
.indexaboutle .txt span{ font-size:.14rem; opacity:.7; color:#fff; text-transform:uppercase;margin-top:.3rem; display:block;}
.indexaboutle .txt p{ font-size:.16rem; color:#fff;}
.indexaboutle .txt .intro{margin-top:.75rem; margin-bottom:.95rem;}

.indexaboutle .txt a{position:relative; display:inline-block;border:1px solid rgba(255,255,255,.4);transition:all .6s;}
.indexaboutle .txt a span{ font-size:14px;color:;position:relative; color:rgba(255,255,255,.4);transition:all .6s; z-index:2; display:inline-block; padding:0 1rem; line-height:40px; margin:0;}
.indexaboutle .txt a:after{content:'';display:block; width:0; height:100%; position:absolute; z-index:1; left:0; top:0;transition:all .6s;background:#eab53d; }
.indexaboutle .txt a:hover:after{ width:100%;}
.indexaboutle .txt a:hover{border:1px solid #eab53d;}
.indexaboutle .txt a:hover span{ color:#fff;}

.hezuohuoban{ padding:1.1rem 0;}
.tit .title2 b{ font-size:.36rem;}


.hezuohuoban ul{ padding-top:.2rem;}
.hezuohuoban li { width:25%; border:2px solid #fff; background:#f9f9f9; height:2.6rem; z-index:1; position:relative; transition:all .5s;}
.hezuohuoban li img{ position:absolute; left:50%; top:50%; max-width:70%; max-height:70%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); transition:all 1s;}
.hezuohuoban li:hover{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); z-index:2;}
.hezuohuoban li:hover img{transform:translate(-50%,-50%) scale(1.05,1.05); -webkit-transform:translate(-50%,-50%) scale(1.05,1.05);-o-transform:translate(-50%,-50%) scale(1.05,1.05);}

.newindexbox{ padding-bottom:1.1rem;}

.newindexbox li{ width:32%;}
.newindexbox .newli{ display:none; padding-top:.4rem;}

.newsindex .tab a{margin-left:.6rem;display:inline-block; padding:0 .45rem; line-height:.5rem; border:1px solid #d2d2d2; color:#000; font-size:.16rem; font-weight:bold; cursor:pointer;}
.newsindex .tab a.on{ border:1px solid #ffbd28; background:#ffbd28; color:#fff;}

.newindexbox .imgs img{transition:all 1s;width:100%; height:100%; object-fit:cover;}
.newindexbox li:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.newindexbox li .txts{ padding:.3rem .25rem ;}
.newindexbox li{ border:1px solid #f5f5f5; transition:all .4s;}
.newindexbox li:hover { box-shadow:0 0 15px rgba(0,0,0,.1); }
.newindexbox li .txts h2 a{ font-size:.2rem; color:#000000;}
.newindexbox li .txts p{ font-size:.14rem; color:#666666; margin-top:.15rem;}

.newindexbox li .times{ padding-top:.3rem;}
.newindexbox li .times a{font-size:.16rem; color:#333; transition:all .3s; padding-right:.26rem; background-position:right center; background-size:.16rem auto; background-repeat:no-repeat; background-image:url(../images/jiantou_06.png); transition:all .3s;}
.newindexbox li .times span{ font-size:.16rem; color:#333;}
.newindexbox li .times a i{font-size:.16rem; color:#333;}
.newindexbox li:hover .times a{ color:#eab53d;background-image:url(../images/jiantou_03.png)}

.foot01{ padding:1.3rem 0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.fot01box{ width:15.2rem; margin:0 auto;}
.fot01le,.fot01ri{ width:50%; color:#fff; text-align:center;}
.fot01le{ padding-left:2.7rem;}
.fot01le b{ font-size:.36rem; display:block; line-height:1; margin-bottom:.15rem;}
.fot01ri a{ border:1px solid #fff; transition:all .3s; position:relative;   color:#fff; font-size:14px; font-weight:bold; display:inline-block;}
.fot01le span{ font-size:.24rem;}
.fot01ri a:hover{  color:#fff;}
.fot01ri a span{ font-size:14px;padding:0 .55rem;line-height:.5rem;z-index:2;position:relative;}
.fot01ri a:hover:after{width:100%;}


.fot01ri a:after{content:'';display:block; width:0; height:100%; position:absolute; z-index:1; left:0; top:0;transition:all .6s;background:#eab53d; }
.fot01ri a:hover{border:1px solid #eab53d; }
.fot01ri a:hover span{ color:#fff;}


.foot02{ padding-top:.85rem; background:#000}
.fotle{ width:5rem;}
.fotri{ width:7.9rem; padding-top:.8rem;}
.fotri li{ display:inline-block;}
.fotri li b a{ color:#fff; font-size:.18rem; margin-bottom:.3rem;}
.fotri li a{ display:block; font-size:.14rem; color:rgba(255,255,255,.4); margin-bottom:.15rem;}
.fotri li a:hover{ color:#eab53d}
.fotlogo img{ width:2.4rem;}
.fotlogo b{ display:block; font-size:.3rem; color:#fff; line-height:1; margin-top:.2rem; margin-bottom:.45rem;}

.fotcont p{ margin-bottom:.2rem;}
.fotcont p,.fotcont p a{ font-size:.14rem; color:rgba(255,255,255,.4);}
.fotcont p a:hover{ color:#ffbd28;}

.fotewm{ padding-top:1.45rem; width:4rem;}
.fotewm img{ width:1rem; height:1rem;}
.fotbtn{ width:calc(100% - 1.3rem); padding-left:.3rem; position:relative }
.fotbtn a{ display:block;position:relative;   width:1.2rem; height:.35rem; text-align:center; border:1px solid #666666; transition:all .3s;position:relative; }
.fotbtn a:first-child{ margin-bottom:.25rem;}


.fotbtn:before{content:"";display:block; width:1px; height:1rem; left:0; top:0; position:absolute;background:#333;}


.fotbtn a span{ font-size:12px; color:rgba(255,255,255,.4);line-height:.33rem; position:relative; z-index:2; display:block;}
.fotbtn a:after{content:'';display:block; width:0; height:100%; position:absolute; z-index:1; left:0; top:0;transition:all .6s;background:#eab53d; }
.fotbtn a:hover:after{ width:100%;}
.fotbtn a:hover{border:1px solid #eab53d; }
.fotbtn a:hover span{ color:#fff;}



.fotcopy{ width:100%; margin-top:.5rem; border-top:1px solid #333333; padding:.2rem; text-align:center;}
.fotcopy p,.fotcopy a{ font-size:12px; color:rgba(255,255,255,.4);}
.fotcopy a.zhichi{ padding:0 .5rem;}
.fotcopy a:hover{ color:#eab53d;}


.banner_about{  background-size:cover; background-position:center;}
.bant{ padding-left:2rem;}
.bantbox{ background-image:url(../images/aboutban_03.png); background-size:100%; width:5.6rem; height:2.6rem; padding:.45rem 0 .45rem .75rem;}
.banner_about .tbc{height:8.6rem;}
.banner_about b{ font-size:.48rem; color:#fff; display:block; line-height:1; margin-bottom:.25rem}
.banner_about span{ font-size:.3rem; color:#fff; display:block;}

.position{ position:relative; z-index:2; margin-top:-.6rem; background:rgba(0,0,0,.2); height:.6rem;}
.position,.position a{ font-size:.16rem; color:#fff; line-height:.6rem;}
.position a:last-child,.position a:hover{ color:#eab53d;}

.about01{ padding:1.1rem 0;}
.about01le{ width:49%; overflow:hidden;}
.about01le img{ width:100%; transition:all 1s;}
.about01le:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.about01ri{ width:45%;}
.about01ri>b{ font-size:.48rem; display:block; line-height:1;}
.about01ri>span{ text-transform:uppercase; font-size:12px; color:#000; margin:.45rem 0; display:block;}
.about01ri p{ font-size:.16rem; color:#333; margin-bottom:.3rem;}

.about01ri ul{ margin-top:1.4rem; text-align:center;}
.about01ri li b{ color:#eab53d; font-size:.24rem; display:block; line-height:1;}
.about01ri li b em{ font-style:normal; font-size:.6rem;}
.about01ri li span{ font-size:.16rem; color:#333; display:block; margin-top:.1rem;}


.about02tit{ text-align:center; margin-bottom:.85rem;}
.about02tit b { font-size:.48rem; color:#000; display:block; line-height:1; margin-bottom:.2rem;}
.about02tit p{ font-size:.18rem; color:#333}

.about02box{ position:relative;}
.about02box img{ max-width:100%; display:block;}
.about02box .circle{width:40px; height:40px; border-radius:100%; position:absolute;}

.about02box .circle.circle01{ left:12%; top:13%;}
.about02box .circle.circle02{ left:16%; top:29%;}
.about02box .circle.circle03{ left:28%; top:60%;}
.about02box .circle.circle04{ left:63%; top:19%;}
.about02box .circle.circle05{ left:80%; top:12%;}
.about02box .circle.circle06{ left:68%; top:32%;}
.about02box .circle.circle07{ left:78%; top:33.5%;}
.about02box .circle.circle08{ left:83.5%; top:74%;}
.about02box .circle.circle09{ left:51.5%; top:46%;}
.about02box .circle.circle10{ left:54%; top:69%;}

.relative{ position:relative;}
.world-map-sec .cir-bg {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.world-map-sec .cir-pos {
    position: relative;
    width: 100%;
    height: 100%;
}

.world-map-sec .dot {
    width: 8px;
    height: 8px;
    border: 1px solid rgba(234, 181, 61, 0.2);
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 16px;
    top:  16px;
    z-index: 2;
}

.world-map-sec .pulse {
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(234, 181, 61, 1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 2s ease-out infinite;
    -moz-animation: warn 2s ease-out infinite;
    animation: warn 2s ease-out infinite;
}

.world-map-sec .pulse1 {
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background: rgba(234, 181, 61, 0.6);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn1 2s ease-out infinite;
    -moz-animation: warn1 2s ease-out infinite;
    animation: warn1 2s ease-out infinite;
    box-shadow: 1px 1px 30px #fff;
}



@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}

@-webkit-keyframes faguang_h{
           from{
                width:10px; height:10px; 
            }
            to{
               width:.4rem; height:.4rem; 
            }
        }

.about03{ padding:1.1rem 0 0}
.about03box{ padding-top:.25rem; position:relative; padding-bottom:.25rem;}
.about03box .imgs{ width:50%;}

.about03box .imgs img{ width:100%; height:100%; object-fit:cover; transition:all 1s;}
.about03box .imgs:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.about03box .txts{ width:50%; padding:0 1.15rem; position:relative; padding-top:1rem;}
.about03box .txts b{ }
.about03box .txts p{ font-size:.16rem; color:#333;}
.about03box .txts li{ margin-bottom:.4rem;}
.about03box .txts li:last-child{ margin:0}

.about03box .txts>b{ display:block; line-height:1; font-size:1.8rem; color:#c79722; opacity:.05; position:absolute; top:0; left:1.2rem;}
.about03box .swiper-button-prev{ left:-.9rem; width:.6rem; height:.6rem; background:#e9e9e9; opacity:1; transition:all .3s;}
.about03box .swiper-button-next{ right:-.9rem; width:.6rem; height:.6rem; background:#e9e9e9; opacity:1; transition:all .3s;}
.about03box .swiper-button-next:after,.about03box .swiper-button-prev:after{ font-size:16px; color:#000;}
.about03box .swiper-button-next:hover,.about03box .swiper-button-prev:hover{ background:#eab53d;}
.about03box .swiper-button-next:hover:after,.about03box .swiper-button-prev:hover:after{ color:#fff;}


.about03box .txts .liceng p strong{font-size:.2rem; color:#000; display:block; margin-bottom:.1rem;}




.about3bot{ border-top:1px solid #e5e5e5; margin-top:.6rem; text-align:center;}
.about3bot .swiper-container{ margin-top:-25px; padding-top:20px;}
.about3bot .swiper-slide{ font-size:.26rem; color:#000;padding-top:.4rem; transition:all .3s;}

.about3bot .swiper-slide .circle{ width:10px; height:10px; position:absolute; top:0; left:50%; margin-left:-5px; background:#d2d2d2; border-radius:100%;}
.about3bot .swiper-slide .circle:after{ content:""; display:block; border-radius:100%; width:35px; height:35px;  position:absolute; left:50%; top:50%; margin-left:-18px; margin-top:-18px;}

.about3bot .swiper-slide.swiper-slide-thumb-active{ color:#eab53d; font-weight:bold;font-size:.3rem;}
.about3bot .swiper-slide.swiper-slide-thumb-active .circle{ background:#eab53d;}
.about3bot .swiper-slide.swiper-slide-thumb-active .circle:after{border:1px solid #ece2cd;}

.rongyuzizhi{ padding-bottom:1.1rem;}
.zizhiimg{ background:#f5f5f5; padding:1rem 0;}

.zizhitile{ position:relative; margin-top:.2rem; margin-bottom:.8rem;}
.zizhitile b{ position:absolute; left:0; top:0; color:rgba(234,181,61,.05); font-size:1.8rem; line-height:1; text-transform:uppercase;}
.zizhitile span{ font-size:.24rem; display:block; color:#222; margin-bottom:.1rem;}
.zizhitile h4{ font-size:.24rem; color:#000}


.zizhitiri{ user-select: none}
.zizhitiri .swiper-button-prev{ display:inline-block; position:static; text-align:center; line-height:.6rem; width:.6rem; height:.6rem; background:#e9e9e9; opacity:1; transition:all .3s;}
.zizhitiri .swiper-button-next{ display:inline-block; text-align:center;position:static; line-height:.6rem; width:.6rem; height:.6rem; background:#e9e9e9; opacity:1; transition:all .3s; margin-left:.6rem;}
.zizhitiri .swiper-button-next:after,.zizhitiri .swiper-button-prev:after{ font-size:16px; color:#000;}
.zizhitiri .swiper-button-next:hover,.zizhitiri .swiper-button-prev:hover{ background:#eab53d;}
.zizhitiri .swiper-button-next:hover:after,.zizhitiri .swiper-button-prev:hover:after{ color:#fff;}

.zizhiimg .swiper-slide{ height:3.6rem;}
.zizhiimg .swiper-slide img{position:absolute; left:50%; top:50%; max-width:90%; max-height:90%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); transition:all 1s;}
.zizhiimg .swiper-slide:hover img{transform:translate(-50%,-50%) scale(1.05,1.05); -webkit-transform:translate(-50%,-50%) scale(1.05,1.05);-o-transform:translate(-50%,-50%) scale(1.05,1.05);}

.banner2{ height:8.6rem; background-size:cover; background-position:center; background-repeat:no-repeat;}


.fba01{ padding:1.1rem 0; }
.fba01le img{ width:100%; transition:all 1s;}
.fba01le:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.fba01le{ width:49%;overflow:hidden;}
.fba01ri{ width:46%; position:relative;}
.fba01ri b{ font-size:.3rem; color:#222; display:block; line-height:1; text-transform:uppercase; margin-bottom:.5rem;}
.fba01ri p{ margin-bottom:.2rem; font-size:.16rem; color:#333;}
.fba01ri a{ font-size:14px; color:#000; border:1px solid #000; transition:all .3s;  display:inline-block; margin-top:.6rem;}

.fba01ri a{ position:absolute; bottom:0; left:0; transition:all .6s;}


.fba01ri a span{ font-size:14px;color:#000;position:relative;transition:all .6s; z-index:2; display:inline-block; padding:0 .5rem; line-height:40px; margin:0;}
.fba01ri a:after{content:'';display:block; width:0; height:100%; position:absolute; z-index:1; left:0; top:0;transition:all .6s;background:#eab53d; }
.fba01ri a:hover:after{ width:100%;}
.fba01ri a:hover{border:1px solid #eab53d;}
.fba01ri a:hover span{ color:#fff;}



.fba02box{ margin-top:.3rem; position:relative;}

.fba02box .swiper-slide .imgs{ height:2.65rem;}
.fba02box .swiper-slide img{transition:all 1s; width:100%; height:100%; object-fit:cover;}
.fba02box .swiper-slide:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.fba02box .swiper-button-next{ right:-.75rem; width:.4rem; height:.4rem; text-align:center; line-height:.4rem; border-radius:100%; border:1px solid #e5e5e5; color:#333; transition:all .3s;top:1.24rem; margin-top:0}
.fba02box .swiper-button-prev{ left:-.75rem; width:.4rem; height:.4rem; text-align:center; line-height:.4rem; border-radius:100%; border:1px solid #e5e5e5; color:#333; transition:all .3s; top:1.24rem; margin-top:0}

.fba02box .swiper-button-next:hover{ border:1px solid #eab53d; color:#fff; background:#eab53d;}
.fba02box .swiper-button-prev:hover{ border:1px solid #eab53d; color:#fff; background:#eab53d;}

.fba02box .swiper-button-prev:after,.fba02box .swiper-button-next:after{ color:#9d9d9d; font-size:16px;}
.fba02box .swiper-button-prev:hover:After,.fba02box .swiper-button-next:hover:after{ color:#fff;}
.fba02box .swiper-container { padding:10px;}
.fba02box .swiper-slide{ transition:all 1s; border:1px solid #f4f4f4;}
.fba02box .swiper-slide .txts{ padding:.3rem; padding-bottom:.45rem;}
.fba02box .swiper-slide .txts b{ font-size:.2rem; color:#222222; display:block; margin-bottom:.1rem;}
.fba02box .swiper-slide p{ font-size:.14rem; color:#666}
.fba02box .swiper-slide:hover{ box-shadow:0 0 15px rgba(0,0,0,.1);}
.fba02box .swiper-wrapper{align-items:stretch;}
.fba02box .swiper-wrapper .swiper-slide{ height:auto;}

.fba03{ padding:.9rem 0;}
.changjianwenti { padding:.2rem 0}
.changjianwenti p{ font-size:.16rem; color:#333;}
.changjianwenti p strong{ font-size:.2rem; color:#000;}

.banner3{ background-size:cover; background-position:center;}
.banner3 .tbc{ height:8.6rem;}
.banner3 .tbc span{ font-size:.24rem; color:rgba(255,255,255,.6); display:block; font-weight:bold;}
.banner3 .tbc b{ font-size:.48rem; color:#fff; display:block;}


.fuwu01{ padding:1rem 0;}
.fuwutit{ text-align:center; font-size:.36rem; color:#000; font-weight:bold; padding-bottom:.6rem;}

.fuwu01 li{ width:33.33%; background-size:cover; background-color:#f9f9f9;}
.fuwu01top{ height:3rem; padding-top:1rem; text-align:center;}
.fuwu01bot{ height:3rem; overflow:hidden;}
.fuwu01bot img{ width:100%; height:100%; object-fit:cover;transition:all 1s; }
.fuwu01bot:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.fuwu01 li:nth-child(2){ padding:.7rem; color:#fff;}
.fuwu01 li> b{ font-size:.3rem; color:#fff; display:block;}
.fuwu01 li>.line{ width:.4rem; height:1px; background:#fff; margin:.15rem 0;}
.fuwu01 li> p{ font-size:.16rem; color:#fff; max-width:2.6rem; display:block;}


.topbox{ padding-left:1.1rem; background-size:.76rem auto; text-align:left; display:inline-block; margin:0 auto; background-repeat:no-repeat; background-position:left center;}
.topbox b{ display:block; font-size:.24rem; color:#000; margin-bottom:.05rem;}
.topbox span{ font-size:12px; color:#333; display:block; line-height:1.5;}

.fuwu01 li:last-child .fuwu01top .topbox{ background-size:.53rem .63rem}


.fuwu02{ padding-bottom:2.4rem;}

.fuwu02box{ width:13.8rem; margin:0 auto; margin-top:.4rem; border:1px solid #b79142; height:6.5rem; position:relative;}

.fuwu02box .table{ width:100%; height:100%; position:absolute; left:0; top:0;}
.fuwu02box .tbc{ text-align:center;}
.fuwu02box .tbc img{ margin-bottom:.4rem; max-width:3.4rem;}
.fuwu02box .tbc p b{ font-weight:bold;}
.fuwu02box .tbc p{ font-size:.3rem; color:#222;}

.top01{padding:0 1.1rem; margin-top:-.45rem;}
.top01 li{ width:1.5rem; }
.fuwu02box li{ text-align:center; background:#fff;}
.fuwu02box li img{ display:block; margin:0 auto; max-width:60%; margin-bottom:.25rem;}
.fuwu02box li span{ font-size:.2rem; color:#000; line-height:1.6; display:block;}

.top02{ position:absolute; top:50%; transform:translateY(-.7rem); -webkit-transform:translateY(-.7rem); width:100%;}
.top02 li{ background:#fff;width:2rem; padding:.2rem 0;}
.top02 li:first-child{transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.top02 li:last-child{transform:translateX(50%); -webkit-transform:translateX(50%);}

.fuwu02box .bot{ position:absolute; bottom:-1.3rem; width:100%;padding:0 1.1rem;}
.fuwu02box .bot li{ width:1.5rem;background:#fff;}


.caseneiye{ padding:1rem 0;}
.caselists{ margin-top:.2rem;    justify-content: flex-start;}
.caselists li{ width:32.33%; margin:.5%; margin-bottom:2%;}
.caselists li img{width:100%; height:100%; object-fit:cover;transition:all 1s; }


.caselists li:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.caselists li .txts{ padding:.3rem .25rem ;}
.caselists li{ border:1px solid #f5f5f5; transition:all .4s;}
.caselists li:hover { box-shadow:0 0 15px rgba(0,0,0,.1); }
.caselists li .txts h2 a{ font-size:.2rem; color:#000000; transition:all .3s;}
.caselists li .txts p{ font-size:.14rem; color:#666666; margin-top:.15rem;}

.caseneiye .swiper-slide:hover .txts h2 a{ color:#eab53d}

.caselists li .times{ padding-top:.3rem;}
.caselists li .times a{font-size:.16rem; color:#333; transition:all .3s;padding-right:.26rem; background-position:right center; background-size:.16rem auto; background-repeat:no-repeat; background-image:url(../images/jiantou_06.png)}
.caselists li .times span{ font-size:.16rem; color:#333;}
.caselists li .times a i{font-size:.16rem; color:#333;}
.caselists li:hover .times a{ color:#eab53d; background-image:url(../images/jiantou_03.png)}
.caselists li:hover h2 a{color:#eab53d;}
.newindexbox li:hover h2 a{color:#eab53d;}

.pages ul{justify-content: center; margin-top:.4rem;}
.pages ul li{ margin:0 .1rem;}
.pages ul a,.pages ul span{ display:block; padding:0 15px; border:1px solid #fff; color:#222; line-height:40px; transition:all .3s;}
.pages ul li.active a,.pages ul li a:hover,.pages span.current{ background:#eab53d; color:#fff;border:1px solid #eab53d;}

.pages ul li:first-child a{ border:1px solid #e5e5e5;}
.pages ul li:last-child a{ border:1px solid #e5e5e5;}


.banner4{ height:6.45rem; background-size:cover; background-repeat:no-repeat; background-position:center;}

.casearticle{ padding:1rem 0;}


.artile{ width:8.7rem;}
.artiri{ width:4.5rem;}

.casetitle h1{ font-size:.32rem; color:#222; }
.casetitle,.casepart{ padding-bottom:.3rem;}
.casepart  p { margin-bottom:.1rem;}
.casepart  p span{ min-width:34%;  display:inline-block; font-size:.16rem; color:#333;}
.casepart  p span em{ font-style:normal; color:#000}


.articlebox img{ max-width:100%; display:block;}
.articlebox p{ font-size:.16rem; color:#333; margin-bottom:.1rem;}

.artiri > b{ font-size:.24rem; color:#222; display:block; margin-bottom:.2rem;}
.artiri li{ padding:.2rem 0; border-bottom:1px solid #eee;}
.artiri li a{ font-size:.2rem; color:#333; display:block; font-weight:bold; transition:all .3s;}
.artiri li span{ font-size:.16rem; color:#666}
.artiri li a:hover{ color:#eab53d;}


.flagnews{ margin-top:.3rem;}
.flagnews .imgs{ width:50%; height:5.4rem;}
.flagnews .imgs img{width:100%; height:100%; object-fit:cover;transition:all 1s;}
.flagnews .imgs:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.flagnews .txts{ padding:.85rem; width:50%; padding-right:1.85rem;}
.flagnews { position:relative;}



.flagnews{ box-shadow:0 0 15px rgba(0,0,0,.1); margin-bottom:.8rem;}
.flagnews .swiper-button-prev{ display:inline-block; text-align:center; line-height:.6rem; width:.6rem; height:.6rem; background:#e9e9e9; opacity:1; transition:all .3s;}
.flagnews .swiper-button-next{ display:inline-block; text-align:center; line-height:.6rem; width:.6rem; height:.6rem; background:#e9e9e9; opacity:1; transition:all .3s; }
.flagnews .swiper-button-next:after,.flagnews .swiper-button-prev:after{ font-size:16px; color:#000;}
.flagnews .swiper-button-next:hover,.flagnews .swiper-button-prev:hover{ background:#eab53d;}
.flagnews .swiper-button-next:hover:after,.flagnews .swiper-button-prev:hover:after{ color:#fff;}

.flagnews .txts h2 a{ font-size:.3rem; color:#222; transition:all .3s; }
.flagnews .txts p{ font-size:.16rem; color:#333;margin-top:.4rem;}


.contact01{ padding:1.1rem 0; background:#fcfcfc;}



.contacle{ width:48%;}
.contacri{ width:50%; padding:.6rem; background:#fff;}


.lianxi01{ background:#fff;}


.contacri  b{ font-size:.24rem; color:#000}
.contacri p{ font-size:.16rem; color:#333;}

.contacri form{ margin-top:.2rem;}
.contacri form .inut{ width:48%; margin-bottom:4%; background:#f5f5f5; padding:0; height:.55rem;}
.contacri form .inut span{ font-size:.16rem; width:.8rem; text-align:right; display:inline-block; padding-right:10px;}
.contacri form .inut input{height:.55rem; border:none; width:calc(100% - .9rem); background:none;  font-size:.16rem;}
.contacri form .inut span em,.txtarea span em{ color:#ff0000; font-style:normal;}

.txtarea{background:#f5f5f5; padding:.2rem .35rem; }
.txtarea span{ width:.8rem; line-height:1; display:inline-block; font-size:.16rem;}
.txtarea textarea{ width:calc(100% - .9rem); border:none; background:none; vertical-align:top; height:2rem;  font-size:.16rem;}
.contacri button{ transition:all .3s; cursor:pointer; width:100%; height:.55rem; background:#000; color:#fff; font-size:.2rem; margin-top:.3rem;}
.contacri button:hover{ background:#eab53d}


.maps{ margin:1rem auto;}
.maps iframe{ width:100% !important; height:9rem !important; border:none;}
.maps img{ width:100%;}

.lianxi01:last-child{ margin-bottom:0}
.lianxi01{ margin-bottom:.35rem; padding:.9rem .8rem .8rem 0; transition:all .6s;}
.lianxi01:hover{ box-shadow:0 0 15px rgba(0,0,0,.1); background:#fefefe;}
.lianxi01 img{ margin:0 auto .15rem; display:block; max-width:100%;}
.lianxi01 b { font-size:.24rem; display:block; line-height:1.2;}
.lianxile{ text-align:center; width:2.9rem;}
.lianxiri b{ display:block; margin-bottom:.2rem;}
.lianxiri p{ font-size:.18rem; color:#333;}
.lianxiri{ width:calc(100% - 3rem);}


.join01{ padding:1.1rem 0;}

.jointit{}
.jointit span{ font-size:.24rem; color:#222; padding-left:2.5rem; display:block; background-image:url(../images/line.jpg); background-position:left center; background-repeat:no-repeat; background-size:2.16rem auto;}
.jointit b{ font-size:.48rem; color:#000; display:block; line-height:1; margin-top:.2rem; margin-bottom:.4rem;}


.join01box img{ width:100%;}
.join01box{ position:relative;}

.join01box .txt{ position:absolute; width:3.85rem; background:#000; padding:.35rem .5rem; right:2rem; bottom:0; transform:translateY(50%); -webkit-transform:translateY(50%);}
.join01box .txt p{ font-size:.16rem; color:#fff; text-indent:2em; line-height:2; margin-bottom:.2rem;}
.join01box .txt span{ display:block; font-size:.16rem; color:#fff;}
.join01box .txt  span b{ font-size:.36rem; color:#eab53d;}
.join01box .txt  span b em{ font-style: normal;}

.joinliyou li{ width:50%; padding-right:1.4rem; margin-top:1rem;}
.joinliyou li img{ vertical-align:middle; display:inline-block; margin-right:.2rem;}
.joinliyou li b{ display:block; margin-bottom:.3rem; font-size:.24rem; color:#000}
.joinliyou li p{ font-size:.16rem; color:#333;}


.join02 .fuwutit{ padding-bottom:.3rem;}
.join02tab{ border-bottom:1px solid #e5e5e5; text-align:center;}
.join02tab span{ display:inline-block; padding:.2rem 0; margin:0 .56rem; padding-left:.85rem; background-repeat:no-repeat; background-position:left center; font-size:.3rem; color:#000; font-weight:bold; cursor:pointer; position:relative;}
.join02tab span:first-child{ background-image:url(../images/join_29b.png); background-size:.54rem auto;}
.join02tab span:last-child{ background-image:url(../images/join_26b.png); background-size:.6rem auto;}
.join02tab span:first-child.on{ background-image:url(../images/join_29.png);}
.join02tab span:last-child.on{ background-image:url(../images/join_26.png);}
.join02tab span.on{ color:#eab53d;}
.join02tab span:after{ content:""; display:block; transition:all .3s; background:#eab53d; width:0; position:absolute; bottom:0; left:50%; height:1px;}
.join02tab span.on:after{ width:100%; left:0;}


.zhaopintap .tapli,.shehuili{ display:none;}

.tapli .dizhi{ padding:.6rem 0;}
.tapli .dizhi b{ font-size:.24rem;}
.dizhi2{ display:inline-block;}
.dizhi2 span{ padding:0 .6rem; line-height:.55rem; border:1px solid #e5e5e5; cursor:pointer; display:inline-block; margin-left:.5rem; font-weight:bold; font-size:.18rem;}
.dizhi2 span.on{ color:#fff; background:#eab53d; border:1px solid #eab53d;}

.shehuili .lunbo { position:relative;}

.shehuili .lunbo .swiper-container{padding:5px;}
.shehuili .gallery-thumbs .swiper-slide{ transition:all .3s; box-shadow:0 0 10px rgba(0,0,0,.1); padding:.8rem 0; text-align:center;}
.shehuili .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ background:#000; color:#fff;}
.shehuili .gallery-thumbs .swiper-slide img{ margin:0 auto; display:block; margin-bottom:.25rem;}
.shehuili .gallery-thumbs .swiper-slide img.w{ display:none;}
.shehuili .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img{ display:none;}
.shehuili .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img.w{ display:block;}
.shehuili .gallery-thumbs .swiper-slide b{ font-size:.2rem; color:#000; display:block;}
.shehuili .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{color:#eab53d;}
.shehuili .gallery-top .swiper-slide{ background:#fff;}
.shehuili .gallery-top{ margin-top:.6rem;}
.toudi{ padding:.5rem 0 .8rem; font-size:.24rem; color:#eab53d; font-weight:bold;}
.toudi a{font-size:.24rem; color:#eab53d;}

.shehuili .gallery-top p{ font-size:.16rem; color:#333;}
.shehuili .gallery-top p strong{ font-size:.24rem; color:#222;}




.lunbo .swiper-button-prev{ left:-.9rem; width:.6rem; height:.6rem; background:#fff; border:1px solid #e5e5e5; opacity:1; transition:all .3s;}
.lunbo .swiper-button-next{ right:-.9rem; width:.6rem; height:.6rem; background:#fff; border:1px solid #e5e5e5; opacity:1; transition:all .3s;}
.lunbo .swiper-button-next:after,.lunbo .swiper-button-prev:after{ font-size:16px; color:#000;}
.lunbo .swiper-button-next:hover,.lunbo .swiper-button-prev:hover{ background:#eab53d; border:1px solid #eab53d;}
.lunbo .swiper-button-next:hover:after,.lunbo .swiper-button-prev:hover:after{ color:#fff;}













@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 
	 
	 .banner .swiper-button-prev{ width:30px; height:30px; left:2rem}
	 .banner .swiper-button-next{ width:30px; height:30px; left:3rem}
	 
	 .circleProgress_wrapper{width:30px;height:30px;}
     .wrapper{width: 15px;height: 30px;}
     .circleProgress{ width: 30px;height: 30px;}
	 
	 .main02{ padding:30px 0;}
	 .pd200{ padding-left:20px; padding-right:20px;}
	 .tit .title b{ font-size:20px; margin-bottom:10px;}
	 .titp{ width:100%; font-size:14px; padding:0; padding-top:10px; line-height:1.6;}
	 
	 .main02 li{ width:48% !important; margin:1%;}
	 .main02 li .imgs{ height:8rem;}
	 .main02 li .txts{ height:50px;}
	 .main02 li .txts b{ line-height:50px; font-size:16px;}
	 .main02 li .txts p{ font-size:14px;}
	 .main02 li .txts em{ margin-top:15px; font-size:14px;    background-size: 14px auto;
    padding-right: 20px;}
  
	 .main02 li .txts em img{ width:16px;}
	 .yewutese ul li{ width:100%;}
	 .yewutese ul{flex-wrap: wrap;}
	 .yewutese ul li.on{ width:100%;}
	 .yewutese ul li .txts{ padding:20px 0;}
	 .yewutese .pd200{ padding-right:20px;}
	 .yewutese ul li .imgs{ height:8rem;}
	 .yewutese ul li .txts b{ font-size:16px; margin-bottom:10px;}
	 .yewutese ul li .txts p{ font-size:14px; height:auto;}
	 
	 .indexaboutle, .indexaboutri{ width:100%;}
	 .indexaboutri{ display:none;}
	 .indexaboutle .txt{ padding:40px 20px;}
	 .indexaboutle .txt span{ font-size:12px; margin-top:10px;}
.indexaboutle .txt p{ font-size:14px;}
.indexaboutle .txt a{ font-size:16px;}
.indexaboutle .txt a img{ width:16px;}
	 .indexaboutle .txt b{ font-size:20px;}
	 .newsindex .tab a{ margin-left:20px; font-size:14px; line-height:30px; padding:0 10px;}
	 .newsindex .tit{    align-items: center;}
	  .newsindex .tit b{ margin-bottom:0}
	  .newindexbox{ margin-top:10px;}
	  .fot01box{ width:100%;}
	  .fot01le b{ font-size:20px;}
	  .fot01le span{ font-size:14px;}
	  .fot01ri a{ font-size:14px; line-height:35px;}
	  
	  .bantbox{ width:auto; display:inline-block; background-size:100% 100%; padding:20px 40px;}
	  .position{margin-top:-40px;}
	  .banner_about b{ font-size:20px;}
	  .banner_about span{ font-size:14px;}
	  .position, .position a{ font-size:14px; line-height:40px; }
	  .about01{ padding:40px 0;}
	  .position{ height:40px;}
	  .about03 .pd200{ padding-left:40px; padding-right:40px;}
	  .about03box .swiper-button-prev{ width:30px; height:30px; left:-35px;}
	  .about03box .swiper-button-next{ width:30px; height:30px; right:-35px;}
	  .banner2,.banner3,.banner4,.banner5{ height:12rem;}
	  .banner3 .tbc b{ font-size:20px;}
	  .banner3 .tbc span{ font-size:16px;}
	  
	  .fba02box .swiper-slide .imgs{ height:5rem;}
	  .fba02box .swiper-slide .txts{ padding:15px;}
	  .fba02box .swiper-slide .txts b{ font-size:16px;}
	  .fba02box .swiper-slide .txts p{ font-size:14px;}
	  .changjianwenti p strong{ font-size:16px;}
	  .changjianwenti p { font-size:14px;}
	  .fba03,.fba01,.fuwu01,.casearticle{ padding:40px 0;}
	  .banner3 .tbc span{ font-size:14px;}
	  .artile{ width:100%;}
	  .artiri{ width:100%;}
	  
	  .contacle,.contacri{ width:100%;}
	  .contacle{ margin-bottom:20px;}
	  .contact01{ padding:40px 0;}
	  .lianxi01 b{ font-size:18px;}
	  .lianxiri p{ font-size:14px;}
	  .contacri b{ font-size:20px;}
	  .contacri p{ font-size:14px;}
	  .contacri form .inut span,.txtarea span{ width:70px; font-size:14px;}
	  .contacri form .inut input{ width:calc(100% - 80px); height:40px; font-size:14px;}
	  .contacri form .inut{ width:100%; height:40px; margin-bottom:15px;}
	  .txtarea textarea{ width:calc(100% - 80px); font-size:14px; height:100px;}
	  .contacri form{ margin-top:20px;}
	  .txtarea{ padding:15px;}
	  	.contact01 button{ margin-top:15px; height:40px; font-size:16px;}
		.lianxi01{ padding:15px;}
  
  .fba01ri a{position:static;}
		
	}
	
@media screen and (max-width:768px){
	
	 .banner .swiper-button-prev{  left:40px}
	 .banner .swiper-button-next{ left:90px}
	 .banner .bantxt{ width:auto; padding:20px;}
	 .banner .bantxt b{ font-size:18px;}
	 .banner .bantxt p{ font-size:14px;}
	 
	 .banner .bantxt{ bottom:5rem;}
	.main02 li{ width:100% !important; margin:0; margin-bottom:20px;}
	.main02 li .imgs{ height:12rem;}
	
	
	 .hezuohuoban li{ width:48%; margin:1%; height:4rem;}
	 .newindexbox li,.caselists li{ width:100%; margin-bottom:15px;}
	 .newindexbox li .txts,,.caselists li .txts{ padding:20px;}
	 .newindexbox li .txts h2 a,.caselists li .txts h2 a{ font-size:16px;}
	 .newindexbox li .txts p,.caselists li .txts p{ font-size:14px; margin-top:10px;}
	 .newindexbox li .times,.caselists li .times{ padding-top:10px;}
	.newindexbox li .times a,.caselists li .times a{ font-size:14px; background-size:16px auto; padding-right:26px;}
	.newindexbox li .times span,,.caselists li .times span{ font-size:14px;}
	.fot01le{ padding-left:0; width:100%}
	.fot01ri{ width:100%; margin-top:15px;}
	.foot01{ padding:40px 0;}
	
	.fotri{ display:none;}
	.fotle{ width:100%;}
	.fotewm img{ width:100px; height:100px;}
	.fotbtn{ width:calc(100% - 120px); padding-left:20px;}
	.fotbtn a{ font-size:14px; line-height:40px; padding:0 20px;  display:block; width:100px; height:40px;}
	.fotbtn a:first-child{margin-bottom:20px;}
	.fotlogo img{ width:100px;}
	.fotlogo b{ font-size:20px; margin-top:10px; margin-bottom:20px;}
	.foot02{ padding-top:30px;}
	.fotcont p, .fotcont p a{ font-size:14px;}
	.fotcont p{ margin-bottom:10px;}
	.fotewm{ padding-top:10px; width:auto;}
  .fotbtn a span{line-height:40px;}
  
  .fotbtn:before{height:100px;}
	.fotcopy{ margin-top:20px; padding:10px;}
	.fotcopy a{ display:inline-block;}
	
	.banner_about .tbc{ height:12rem;}
	.bant{ padding-left:20px;}
	.bantbox{ padding:20px;}
	
	
	.about01le{ width:100%; height:10rem;}
	.about01le img{ width:100%; height:100%; object-fit:cover;}
	.about01ri{ width:100%; margin-top:20px;}
	.about01ri>b{ font-size:20px;}
	.about01ri>span{ margin:10px 0;}
	.about01ri p{ font-size:14px; margin-bottom:10px;}
	.about01ri li b{ font-size:20px;}
	.about01ri li span{ font-size:14px;}
	.about01ri li b em{ font-size:30px;}
	.about02tit b{ font-size:20px; margin-bottom:10px;}
	.about02tit p{ font-size:14px;}
	.about03box .imgs{ width:100%;}
	.about03box .txts{ width:100%;}
	
	.about3bot .swiper-slide{ padding-top:40px; font-size:18px;}
	.about03box .txts{ padding:15px 0 20px;}
	.about03box .imgs{ height:7rem;}
	.about03box .txts>b{ left:0;}
	.about03box .txts li>b{ font-size:16px;}
	.about03box .txts li p{ font-size:14px;}
	.zizhitile span{ font-size:14px;}
	.zizhitile h4{ font-size:16px;}
	
	.zizhitiri .swiper-button-prev{ line-height:40px; width:40px; height:40px;}
.zizhitiri .swiper-button-next{line-height:40px; width:40px; height:40px; margin-left:15px;}
.zizhiimg .swiper-slide{ height:12rem;}

.fba01le{ width:100%;}
.fba01ri{ width:100%; margin-top:20px;}
.fba01ri b{ font-size:18px;}
.fba01ri p{ font-size:14px;}
.fba01ri a{ font-size:16px; line-height:2;}

	  .fba02box .swiper-slide .imgs{ height:8rem;}
	  .fba02box .swiper-button-prev{ left:20px; width:40px; height:40px; line-height:40px; background:#fff; top:3.5rem;}
	  .fba02box .swiper-button-next{ right:20px; width:40px; height:40px; line-height:40px; background:#fff; top:3.5rem;}
	  
	  
	  .fuwu01 li{ width:100%;}
	  
	  .fuwutit{ font-size:22px;}
	  .topbox b{ font-size:16px;}
	  .topbox span{ font-size:12px;}
	  .fuwu01top{ height:auto; padding:30px 10px; width:50%;}
	  .fuwu01bot{ width:50%; height:auto;}
	  .fuwu01 li> b{ font-size:16px;}
	  
	  .fuwu01 ul li{display: flex;
    display: -webkit-flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;}
	.fuwu01 li:nth-child(2){ padding:40px 20px; display:block;}
	.fuwu01 li> p{ max-width:none; max-width:60%;}
	.topbox{ padding-left:40px; background-size:30px auto !important;}
	.fuwu01 li>.line{ width:20px; margin:15px 0;}
	
	.fuwu02box li{ width:31.33%; margin:1%; margin-top:15px;}
	.fuwu02box{ width:100%; border:none; height:auto; position:static;}
	.fuwu02box .table{ position:static;}
	.fuwu02box .tbc img{ width:150px; max-width:none;}
	.fuwu02box .tbc p{ font-size:14px;}
	
	.fuwu02box li img{ width:35px; max-height:35px;}
	.fuwu02box li span{ font-size:12px;}
	
	.caseneiye{ padding:40px 0;}
	.caselists li .txts{ padding:15px;}
	.caselists{ margin-top:15px;}
	
	.casetitle h1{ font-size:18px;}
	.casepart p span{ font-size:12px;}
	.casepart p span{ max-width:45%;}
	.articlebox p{ font-size:14px; margin-bottom:10px;}
	.artiri{ margin-top:20px;}
	.artiri > b{ font-size:20px;}
	.artiri li{ padding:10px 0;}
	.artiri li a{ font-size:14px;}
	.artiri li span{ font-size:12px;}
	.flagnews .txts{ padding:15px; width:100%;}
	.flagnews .imgs{ width:100%; height:10rem}
	.flagnews .swiper-button-next, .flagnews .swiper-button-prev{ width:40px; height:40px; line-height:40px;}
	.flagnews .txts h2 a{ font-size:16px;}
	.flagnews .txts p{ font-size:14px;}
	.flagnews{ margin-top:20px; margin-bottom:20px;}
	
	.lianxile{ width:33%;}
	.lianxiri{ width:63%;}
	
	.join01box .txt{ position:static; width:100%; padding:15px; transform:translateY(0); -webkit-transform:translateY(0);}
	.jointit b{ font-size:20px; margin-top:10px; margin-bottom:25px;}
	.jointit span{ font-size:16px;}
	.join01box .txt p{ font-size:14px;}
	.join01box .txt span{ font-size:14px;}
	.join01box .txt span b{ font-size:24px;}
	.joinliyou li{ width:100%; padding-right:0}
	.joinliyou li b{ font-size:18px; margin-bottom:10px;}
	.joinliyou li img{ width:40px;}
	.joinliyou li p{ font-size:14px;}
	.joinliyou li:nth-child(2){ display:none;}
	.joinliyou{ margin-top:20px;}
	
	.join02 .fuwutit{ padding-bottom:20px;}
	.tapli .dizhi{ padding:15px 0;}
	.tapli .dizhi b{ font-size:16px;}
	.dizhi2 span{ font-size:14px; padding:0 10px; line-height:30px;}
	.join02tab span{ font-size:16px; background-size:30px auto !important; padding-left:40px;}
	.join02tab span:first-child{ background-size:25px auto !important;}
	.shehuili .gallery-thumbs .swiper-slide img{ width:30px;}

.shehuili .gallery-thumbs .swiper-slide b{ font-size:14px;}
.shehuili .gallery-thumbs .swiper-slide{ padding:20px 10px;}
.lunbo .swiper-button-next{ width:30px; height:30px; right:0;}
.lunbo .swiper-button-prev{ width:30px; height:30px; left:0;}
.shehuili .gallery-top p{ font-size:14px;}
.shehuili .gallery-top p strong{ font-size:16px; }
.toudi a,.toudi { font-size:16px;}
.toudi{ padding:20px 0;}
.about03box .txts .liceng p strong{ font-size: 16px;}
  .newindexbox li .times span{font-size:14px;}
  
.about03box .txts .liceng p strong{font-size:16px; margin-bottom:10px;}

.about03box .txts .liceng p{font-size:14px; margin-bottom:10px;}
  .fuwu01 li> p{ font-size:14px;}
  .caselists li .times span{ font-size:14px;}
  .flagnews .txts h2 a{ line-height:1.5; display:block;}

.about03box .swiper-button-prev{ top:3rem; margin-top:0}
.about03box .swiper-button-next{ top:3rem; margin-top:0}

.flagnews .swiper-button-prev{ top:4rem; margin-top:0}
.flagnews .swiper-button-next{ top:4rem; margin-top:0}
.maps { height:20rem;}
.maps img{ width:100%; height:100%; object-fit:cover}
  .newindexbox li .txts{padding:15px;}
  .about3bot .swiper-slide{ font-size:14px;}
  .about3bot .swiper-slide.swiper-slide-thumb-active{font-size:18px;}
  
  .fuwu01 ul li:nth-child(2){padding:40px 20px 140px;  }
  
  
  
  
  
.about02box .circle{width:20px; height:20px; border-radius:100%; position:absolute;}

.about02box .circle.circle01{ left:11%; top:11%;}
.about02box .circle.circle02{ left:16%; top:28%;}
.about02box .circle.circle03{ left:27%; top:58%;}
.about02box .circle.circle04{ left:62.5%; top:15%;}
.about02box .circle.circle05{ left:78%; top:10%;}
.about02box .circle.circle06{ left:68%; top:30%;}
.about02box .circle.circle07{ left:76%; top:31.5%;}
.about02box .circle.circle08{ left:81.5%; top:71%;}
.about02box .circle.circle09{ left:50.5%; top:43%;}
.about02box .circle.circle10{ left:52%; top:67%;}

.world-map-sec .cir-bg {
    width: 20px;
    height: 20px;
}


.world-map-sec .dot {
    width: 4px;
    height: 4px;
   
    left: 8px;
    top:  8px;
}

.world-map-sec .pulse {
    width: 20px;
    height: 20px;
   
}

.world-map-sec .pulse1 {
    
    width: 20px;
    height:20px;
   
}
  .fba01ri a{ position:relative;}
 
	}
	
	.gotop{ cursor:pointer; transition:all .3s; opacity:0; position:fixed; right:10px; bottom:60px; background-image:url(../images/gotop.png); width:45px; height:45px; z-index:50;}
	
	.gotop.on{ opacity:1;}
	.gotop:hover{background-image:url(../images/gotop2.png);}