.banner .swiper-button-prev{left: 13%; top:46%;}
.banner .swiper-button-next{right: 13%; top:46%;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{font-size:30px; font-weight:bold;color:#333;}
.banner .swiper-pagination{bottom:10% !important}
.banner .swiper-pagination .swiper-pagination-bullet{background:#fff;height:17px;width:17px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{height:13px;width:13px; border:2px solid #fff; border-radius:50%; background:none;}

.banner_img{display:block;text-align: center;}
.banner_img img{width:100%}

.banner_img01{display:block;text-align:center;display:none}
.banner_img01 img{height:100vh;object-fit:cover;width:100%}

.bar_tab{top:30%;left:14%}
.bar_tit{min-width: 200px} 
.bar_tit .en{color:#bccee4;font-size:60px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.bar_tit .tit{color:#FFF;font-size:48px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; top: 38px;width:100%;}
.bar_tab .tab{margin-top: 50px; background:rgba(96, 54, 11, 0.2);border-radius: 10px}
.bar_tab .tab li{line-height:52px}
.bar_tab .tab li a{display:block; font-size:16px;color:#fff;font-weight:bold;padding: 0 2vw;}
.bar_tab .tab li.current a{border-radius:10px;background:#60360b;display:block}
.tab01{padding-top:30px;justify-content: space-between;}
.year_box{width:140px;}
.year{display:block;width:140px}
.year li a{font-size:18px;line-height:36px;display:block;color:#60360b;}
.year li.current  a{font-size:36px;background: url(../images/year_03.jpg) no-repeat right center;}
.content{width:calc(100% - 198px)}
.honner_list li{border-bottom:1px solid #e1e1e1;margin-bottom:10px}
.honner_list li a{display:block}
.content{padding-bottom:80px}
.honner_list li a .pic{width:20%}
.honner_list li a .pic img{width:100%}
.honner_list li a .con{padding-left:60px;padding-top:40px; width:70%;}
.honner_list li a .con p{line-height:36px}
.honner_list li a .con p:nth-child(1){font-size:24px}
.honner_list li a .con p:nth-child(2){font-size:18px;height:80px;overflow:hidden}

.eubnga{padding:2% 0 4% 0;background:url(../images/d.jpg) repeat-y center}
.eubnga li{ padding:20px 0; position:relative;}
.eubnga li:before{ content:''; width:44px; height:44px; background:url(../images/pic02.png) no-repeat center center; position:absolute; top:40px; left:50%; transform:translateX(-50%);}
.eubnga li .pic{ padding:0 64px; text-align:right; width:42%;}
.eubnga li:nth-child(2n) .pic{ text-align:left; float:right;}
.eubnga li:nth-child(2n) .con01{ text-align:right;}
.eubnga li .con01{ padding:0 50px; width:40%; padding-top:10px;}
.eubnga li .con01 .d1{ color:#60360b; font-size:48px; font-weight:bold}
.eubnga li .con01 .d3{ line-height:2; margin-top:10px; font-size:18px;}
.xg_top{width:380px;margin:0 auto;}
.xg_top img{width:100%;}
.gap_1{margin: 0 -20px;}
.flex_3{width:33.3333%;}
.gap_1 .pic{padding:0 20px; overflow:hidden}
.gap_1 .pic img{max-width:100%}
.text{padding:66px 0 166px 0}
.text .title , .text .text_conten{text-align:center}
.text .title{font-size:30px; line-height:36px;font-weight:bold;}
.text .text_conten{padding:30px 0 50px 0; line-height:36px}
.invest{padding:125px 0 166px 0}
.address{text-align:center}
.address p:nth-child(1){font-size:36px;font-weight:bold;margin-bottom:60px; color: #333;}
.address p{color:#d9ac6e;line-height:36px;font-size:16px}
.invest .tel{font-size:20px}
.ewm{height:106px;width:106px;margin: 0 auto}
.ewm img{height:100%;width:100%;}
.about_img img{width:100%;}
.about{padding:60px 0 166px 0;}
.about span{color:#60360b;font-size:18px}
.about p{line-height:30px;}
.t_index{text-indent:20px;margin-bottom:30px}
.t_index01{text-indent:40px;margin-bottom:30px}
.about_img{padding:30px 0 50px 0;}
.about_text{width:60%;}
.aboutus{padding:20px 0 60px 0;}
.font{font-weight:bold;font-size:18px}
.contact_bg{background:#f7f4eb;margin:50px  0}
.contact{padding:94px 0  30px 37px}
.contact_tit{border-left:14px solid #000; font-size:30px;font-weight:bold;padding-left:10px;margin-bottom:30px}
.lxwm{background:url(../images/contact_bg_03.jpg) no-repeat bottom left; font-size:25px;line-height:40px;padding:10px 0;}
.contact ul{display: block;}
.contact ul li{background:url(../images/contact_bg_03.jpg) no-repeat bottom left;padding:10px 0}
.dz{font-size:16px;font-weight:bold; position:relative;padding-left:100px;min-width:20%;}
.dz::after{position:absolute; content: ""; height:8px;width:8px;background:#000;border-radius:50%;left: 20px; top:30%;}
.tel{font-size:16px;min-width:20%;}
.tel02{font-size:20px !important;text-align:center}
.tel01{font-size:16px;padding-left:40px}
.v_btn{width:200px;text-align: center; top:62%; left:45%;}
.sc_btn{-webkit-animation-name: scaleDraw; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite;  -webkit-animation-duration: 5s;}
.video{background:#000;}

.banner02 .pic img{width:100%;display:block}
.xg_top img{height:100%;}
.events{padding:50px 0;}
.video01_tit{text-align: center; line-height:30px;font-size:16px;padding:50px}
.video video{width:100%;height:850px;object-fit:cover;}
.video_btn{left: 50%;top: 50%;transform: translate(-50%, -50%);z-index:9999;}

@media(max-width:1024px){
    .lxwm,.contact ul li{border-bottom:1px solid #a8a6a6;background:none}
    .header{border-bottom:1px solid #f8f8f8;}
    .withauto{max-width:850px !important}
    .about{padding:20px 40px 80px 40px}
    .about_text,.aboutus img{width:100%;}
    .about_img{padding:15px 0;}
    .dz{width:40%; padding-left:40px;margin-bottom:10px}
    .tel{width:40%;padding-left:40px;margin-bottom:10px}
    .contact{padding:44px 37px  30px 37px}
    .eubnga li .pic,.eubnga li .con01{width:37%;}
    .wintop{max-width:900px!important;margin:0 auto;}
    .year_box{display:none;}
    .content{width:100%;}
    .honner_list li a .pic{width:25%}
    .honner_list li a .con{padding-left:60px;padding-top:40px; width:56%;}
    .video{
        padding: 141px 0 0px 0;
    }
    .video01_tit{padding:15px 0;}

}

.about_log img{max-width:100% !important;object-fit: contain}

@media(max-width:768px){
    .banner_img{display:none}
    .banner_img01{display:block}
    .zlwl{padding: 0 20px;}
    .gap_1{flex-wrap:wrap}
    .gap_1 .flex_3{width:100%; text-align: center; margin-bottom:10px}
    .gap_1 .pic img{width:100%}
    .text .title{font-size:20px; line-height:36px;font-weight:bold;}
    .text{padding:20px 0}
    .text .text_conten{padding:10px 0 10px 0;}
    .contact_bg{margin:0}
    .contact_tit{font-size:25px;margin-bottom:10px}
    .lxwm{font-size:20px}
    .xg_top{width:200px}
    .eubnga li .pic{width:32%}
    .wintop{max-width:700px!important;margin:0 auto;}
    .banner02 .pic img{max-width:100%;height:300px; object-fit:cover;}
    .video{background:#000;height:calc(100vh - 188px);display: flex;align-items: center;}
    .video video{height:auto}
    .video01_tit{color:#fff;}
    .about{padding:20px}
    .honner_list li a .pic{width:100%}
    .honner_list li a .con{width:100%;padding-left:0px;padding-top:20px;}
    .honner_list li a .con p:nth-child(1){font-size:18px;font-weight:bold}
    .honner_list li a .con p:nth-child(2){font-size:16px;height:80px;overflow:hidden}
    .content{padding:0 20px}
    .about_log img{height:auto !important;}
}


@media(max-width:640px){
   .invest{flex-wrap: wrap; padding:20px 0;}
   .invest .flex_3{width:100%; margin-bottom:60px}
    .eubnga,.eubnga li:before{background:none;}
    .eubnga li{padding: 0; margin-bottom:15px}
    .eubnga li .pic,.eubnga li .con01{width:100%;float:none;}
    .xg_top{display:none}
    .events{padding:10px 10px 60px 10px}
    .eubnga li .con01,.eubnga li .pic{padding:0;}
    .eubnga li:nth-child(2n) .con01{text-align:left}
    .eubnga li .con01 .d1{font-size:30px;margin-top:15px;}
    .eubnga li .con01 .d3{margin: 0;}
    .address p:nth-child(1){margin-bottom: 10px;}
    .video01_tit{padding-top:0}
    .address p:nth-child(1){font-size:24px}
}









@keyframes scaleDraw {  

    0%{

        transform: scale(1); 

    }

    25%{

        transform: scale(1.1); 

    }

    50%{

        transform: scale(1);

    }

    75%{

        transform: scale(1.1);

    }

}


.ov{overflow:hidden;}
/* 动画 */
.animation{visibility: hidden;opacity: 0}
.fadel, .fader, .fadeup, .fadez{visibility: visible}
.fadeup {animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
@keyframes slideInUp {
    from {transform: translate3d(0, 50%, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes fadeInUp {
    from {-webkit-transform: translate3d(0, 50%, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fadel {
    animation: slideInLeft ease-out .8s forwards;
    -webkit-animation: slideInLeft ease-out .8s forwards
}

@keyframes slideInLeft {
    from {transform: translate3d(-50%, 0, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes slideInLeft {
    from {-webkit-transform: translate3d(-50%, 0, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fader {
    animation: slideInRight ease-out .6s forwards;
    -webkit-animation: slideInRight ease-out .6s forwards
}

@keyframes slideInRight {
    from {transform: translate3d(50%, 0, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes slideInRight {
    from {-webkit-transform: translate3d(50%, 0, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fadez {
    animation: zoomIn ease-out .6s forwards;
    -webkit-animation: zoomIn ease-out .6s forwards
}

@keyframes zoomIn {
    from {transform: scale3d(.3, .3, .3)}
    to {opacity: 1;transform: none}}

@-webkit-keyframes zoomIn {
    from {-webkit-transform: scale3d(.3, .3, .3)}
    to {opacity: 1;-webkit-transform: none}
}