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


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,img,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin:0;padding:0;}
table,td,ol{margin:0;padding:0;}
*{margin:0;padding:0;}
p,form,table,tr,td {margin:0px;padding:0px;}
select,input,img,select{vertical-align:middle;}
ul{list-style-type:none;margin:0;padding:0;}
ol{padding-left:10px;}
input,input:focus {border:none;outline: 0;color: #333;}
input,textarea,button,select{font-size:17px; font-family:"AvenirNextWorldRegular","Arial";}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both;visibility:hidden;height:0;line-height:0}
.hidden{display:none}
img {border:0px;vertical-align:bottom; padding:0px; margin:0px;}
a:link{color:#5a5a5a;text-decoration:none;}
a:visited{text-decoration:none;color:#5a5a5a; }
a:hover{color:#5a5a5a; text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.clear{clear:both;}
.w1000{ width:1000px; margin: 0px auto;}
.w1100{ width:1100px; margin: 0px auto;}
.w1140{ width:1140px; margin: 0px auto;}
.w1200{ width:1200px; margin: 0px auto;}
.wper100{ width:100%; margin: 0px auto;}
.w1400max{ max-width:1410px;width:100%;  margin-right: auto;margin-left: auto; padding-left:25px; padding-right:25px;}
.mt50{ margin-top:50px !important;}
body{font-size:17px; font-family:"AvenirNextWorldRegular","Arial","Helvetica,sans-serif,Verdana"; color:#5a5a5a; background:#fff;letter-spacing:0.5px;overflow-x:hidden;}


/*图片居中*/
.alignleft {display: inline;float: left;}
.alignright {display: inline;float: right;}
.aligncenter {clear: both;display: block;margin:auto;}



@font-face {
  font-family: 'AvenirNextWorldBold';
  src: url(../fonts/AvenirNextWorldBold.eot);
  src: url(../fonts/AvenirNextWorldBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/AvenirNextWorldBold.otf) format('otf'),
       url(../fonts/AvenirNextWorldBold.svg#AvenirNextWorldBold) format('svg'),
       url(../fonts/AvenirNextWorldBold.ttf) format('truetype'),
       url(../fonts/AvenirNextWorldBold.woff) format('woff'),
       url(../fonts/AvenirNextWorldBold.woff2) format('woff2');
}


@font-face {
  font-family: 'AvenirNextWorldRegular';
  src: url(../fonts/AvenirNextWorldRegular.eot);
  src: url(../fonts/AvenirNextWorldRegular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/AvenirNextWorldRegular.otf) format('otf'),
       url(../fonts/AvenirNextWorldRegular.svg#AvenirNextWorldRegular) format('svg'),
       url(../fonts/AvenirNextWorldRegular.ttf) format('truetype'),
       url(../fonts/AvenirNextWorldRegular.woff) format('woff'),
       url(../fonts/AvenirNextWorldRegular.woff2) format('woff2');
}



@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('../fonts/Inter-ExtraBold.eot');
    src: url('../fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter-ExtraBold.woff') format('woff'),
        url('../fonts/Inter-ExtraBold.ttf') format('truetype'),
        url('../fonts/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('../fonts/Inter-SemiBold.eot');
    src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter-SemiBold.ttf') format('truetype'),
        url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype'),
        url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* 网站头部、导航、幻灯片 */
.head_flex_wrap{width:100%; min-height: auto; float: left;}
.head_flex_main{width:100%; float: left;}

.head_wrap{max-width: 1140px; height: auto; padding: 20px 0px 0px 0px; margin: 0px auto;}


.head_flex_wrap .head_wrap.fixed{width: 100%; max-width: 100%; padding: 0px 0px;position: fixed;height:80px;top:0px;z-index: 99;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.head_flex_wrap .head_wrap.fixed .logo{width:15%;float: left;background: #fff; text-align: center;}
.head_flex_wrap .head_wrap.fixed .logo img{ margin:20px 40px; display:inline-block; }
.head_flex_wrap .head_wrap.fixed .nav_bar_wrap{width:85%; max-width: 85%; height: 100%; float: left; background: #952231; padding: 0px 0px 0px 40px; border: none;margin: 0px 0px;}
.head_flex_wrap .head_wrap.fixed .nav_bar_wrap ul li a{ font-size: 18px; font-weight: bold; color:#fff; border: none;border-bottom:7px solid #952231; }
.head_flex_wrap .head_wrap.fixed .nav_bar_wrap ul li a:hover{ color:#fff; border-bottom:7px solid #fff; }

.head_flex_wrap .head_wrap.fixed .search_wrap{ display:none; }
.head_flex_wrap .head_wrap.fixed .local_wrap{ display:none; }


.head_wrap .logo{ float:left; margin-bottom: 20px;}
.head_wrap .search_wrap{ float:left;margin: 0px 0px 0px 35%;}
.head_wrap .local_wrap{ float:right; margin:10px 0px 0px 0px; }

.head_wrap .logo img{ height:40px; }


.head_wrap .search_wrap{width:320px;float:left;}
.head_wrap .search_wrap form{width:100%;float:left;border-radius:20px;display: flex; align-items: center; border: 1px solid #ccc;}

.head_wrap .search_txt { width:80%;float:left; color: #333;border-radius:20px;padding:7px 15px; border:none;line-height:1px;}
.head_wrap .search_txt::placeholder { color:#aaa;opacity: 1; font-size: 16px;}

.head_wrap .search_btn{ width: 20%; float:left; color:#333;cursor: pointer;display: flex; justify-content: center;border:none;padding:7px 10px; background: none;}
.head_wrap .search_btn img{ height:21px;}

.head_wrap .local_wrap a{ display: flex; gap: 0px 5px;align-items: center;}
.head_wrap .local_wrap img{height: 30px;}
.head_wrap .local_wrap span{display: inline-block;}


.nav_bar_wrap{max-width: 1140px;width:100%; margin: 0px auto; margin-top: 20px; display: flex; align-items: center; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.nav_bar_wrap ul li{ float:left; }
.nav_bar_wrap ul li a{font-size: 18px; font-weight: bold; color:#54080d; padding:23px 0px 15px 0px; margin:0px 60px 0px 0px; display:inline-block;border-bottom:7px solid #fff; }
.nav_bar_wrap ul li a:hover{ color:#cb2c36; border-bottom:7px solid #cb2c36; }


.index_banner_wrap{width:100%; float: left; margin: 0px auto; background: url(../images/index_banner_bg01.jpg) no-repeat top center;
background-size: cover;}

.index_banner_wrap .item .txt{width: 60%; float: left; margin: 100px 0px 130px 0px;}
.index_banner_wrap .item .txt label{ color:#3c3c3c; line-height:22px; }
.index_banner_wrap .item .txt h3{ font-size:50px; color:#000; line-height:60px; margin:10px 0px 20px 0px; font-family: "AvenirNextWorldBold";}
.index_banner_wrap .item .txt span{ font-size:18px; color:#3c3c3c; display: inline-block; line-height:30px; margin:15px 0px 10px 0px; }
.index_banner_wrap .item .txt p{ font-size:24px; color:#3c3c3c; line-height:32px; margin:45px 0px 0px 0px; }


/*首页更多链接按钮*/
.index_more_link01{ float: left;margin:30px 0px 30px 0px;}
.index_more_link01 a{font-size:18px; color: #952231; padding:7px 30px; border-radius: 25px; display: flex; justify-content: center;align-items: center; border: 1px solid #952231; transition: all .5s ease;background-color: transparent;}
.index_more_link01 a:hover{ color:#952231;background:#fff;}

.index_more_link02{ float: left;margin:30px 0px 30px 0px;}
.index_more_link02 a{font-size:18px; color: #fff; padding:7px 30px; border-radius: 25px; display: flex; justify-content: center;align-items: center; border: 1px solid #fff; transition: all .5s ease;background-color: transparent;}
.index_more_link02 a:hover{ color:#952231;background:#fff;}

.index_more_link03{ margin:30px 0px 30px 0px; text-align: center;}
.index_more_link03 a{font-size:18px; color: #952231; padding:7px 30px; border-radius: 25px; display: inline-block; align-items: center; border: 1px solid #952231; transition: all .5s ease;background-color: transparent;}
.index_more_link03 a:hover{ color:#952231;background:#fff;}

.index_more_link04{ float: left;margin:30px 0px 30px 0px;}
.index_more_link04 a{font-size:18px; color: #952231; padding:7px 0px;display: flex; justify-content: center;align-items: center;transition: all .5s ease;}
.index_more_link04 a:hover{ text-decoration: underline;}


.index_more_link05{ float: left; text-align: center; display: inline-block; margin:20px 0px 0px 0px;}
.index_more_link05 a{font-size:18px; color: #fff; padding:10px 25px; border-radius: 30px; display: flex;gap: 10px;align-items: center;background: #952231;}
.index_more_link05 a:hover{ color:#fff;background:#cb2c36;}
.index_more_link05 a i{width:20px; height:20px; display: inline-block;background-image:url(../images/arrow_icon01.svg); background-repeat: no-repeat; background-size: contain;}



/* 首页视频版块 */
.index_video_wrap{width:100%; float: left;}
.index_video_main{width:100%; float: left; padding: 80px 0px 60px 0px;}

.index_video_wrap .video_wrap{width:50%; float: left;}
.index_video_wrap video{ cursor:pointer;}
.index_video_wrap .txt{width:50%;float: left; padding: 10px 30px 0px 30px;}

.index_video_wrap .txt label{ font-size:14px; color:#index_video_main; line-height:22px;text-transform: uppercase;}
.index_video_wrap .txt h3{ font-size:30px; color:#952231;line-height:40px; margin:10px 0px 0px 0px;position: relative;font-family: "AvenirNextWorldBold";}
.index_video_wrap .txt h3:after{content: '';height: 77%; max-height: 60px; width: 8px; position: absolute;left: -20px; top: 6%; background:#952231;}
.index_video_wrap .txt h3 a{color:#952231; font-family: "AvenirNextWorldBold";}
.index_video_wrap .txt h3 a:after{content: '';height: 77%; max-height: 60px; width: 8px; position: absolute;left: -20px; top: 6%; background:#952231;}
.index_video_wrap .txt h3 a:hover{ text-decoration:underline; }
.index_video_wrap .txt span{color:#3c3c3c; display: inline-block; line-height:30px; margin:15px 0px 0px 0px; }



/*首页关于我们*/
.index_about_wrap{width:100%;float:left; padding:0px 0px;background:url(../images/index_about_bg.jpg) no-repeat top center;background-size: cover;}
.index_about_main{width:100%;float:left; padding:0px 0px 80px 0px;}

.index_about_main .txt{width:60%;float:left;margin:60px 0px 10px 0px;}

.index_about_main .txt h3{font-size: 40px; color: #111; line-height: 50px; display: inline-block; padding: 0px 0px 30px 0px;font-family: "AvenirNextWorldBold";}
.index_about_main .txt p{  color: #111; line-height:30px;}




/*首页品牌列表*/
.index_brandlist_wrap{width:100%;float:left;}

.index_brandlist_main .w1400max {width: 1400px;margin: 0 auto;height: 100%;position: relative;z-index: 2;}
.index_brandlist_main .w1300 {width: 1400px;margin: 0 auto;height: 100%;position: relative;z-index: 2;}
.index_brandlist_main .w1140 {width: 1400px;margin: 0 auto;height: 100%;position: relative;z-index: 2;}
.index_brandlist_main {width: 100%;max-width: auto;height: auto;overflow: hidden; margin: 0 auto;position: relative;}

.index_brandlist_main .slide-card {width: 100%;height: 100%;position: relative;}
.index_brandlist_main .slide-bg-layer {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: left center;background-size: cover;
            /* 从左到右渐变透明，留出右侧文字区域 */
            mask-image: linear-gradient(90deg, black 55%, transparent 100%);
            -webkit-mask-image: linear-gradient(90deg, black 55%, transparent 100%);
            z-index: 1;
}

.index_brandlist_main .item_box{width: 48%; float: right;padding:130px 0px 160px 0px;}
.index_brandlist_main .item_box .img img{ height:50px; }
.index_brandlist_main .item_box .txt h3{ color:#111; font-size:40px; padding:20px 0px 25px 0px;font-family: "AvenirNextWorldBold";}
.index_brandlist_main .item_box .txt p{width:100%; float: left; color:#111; line-height: 30px; margin-bottom:20px;}

.index_brandlist_main .swiper-initialized .swiper-pagination {bottom: 80px;left: 44.5%;transform: translateX(-50%);width: 1200px;padding-left: calc(1200px * 0.52);z-index: 3;}

.index_brandlist_main .swiper-initialized .swiper-pagination-bullet { width:30px; height:30px; line-height:30px; text-align: center;color: #fff;background: #c8202e;
border-radius: 50%;opacity: 0.8;margin: 0px 0px;}
.index_brandlist_main .swiper-initialized .swiper-pagination-bullet-active { opacity: 1; color: #c8202e; background: #fff;}




/* 首页我们的影响力 */
.index_impact_wrap{width:100%; min-height: 900px; float: left; background: url(../images/index_impact_bg01.jpg) no-repeat center center; background-size: cover;}
.index_impact_main{width:100%; float: left;}

.index_impact_wrap .item .txt{width: 100%; float: left; margin: 200px 0px 0px 0px;}
.index_impact_wrap .item .txt label{ color:#fff; line-height:22px; }
.index_impact_wrap .item .txt h3{ font-size:50px; color:#fff; line-height:80px; margin:5px 0px 0px 0px;font-family: "AvenirNextWorldBold";}
.index_impact_wrap .item .txt span{ font-size:22px; color:#fff; display: inline-block; line-height:30px; margin:25px 0px 20px 0px; }


/*首页加入我们*/
.index_join_wrap{width:100%; min-height: 900px;float:left; padding:0px 0px;background:url(../images/index_join_bg01.jpg) no-repeat center;background-size: cover;}
.index_join_main{width:100%;float:left; padding:0px 0px;}

.index_join_main .item{width:580px;height:580px;float:left; text-align:center; padding: 0px 40px;margin:160px 0px 0px 50%; display: flex; align-items: center; justify-content: center; border: 8px solid #952231; border-radius: 50%; background: #fff;}

.index_join_main .item .txt i.line{width:100px;height:6px;line-height:6px; background: #952231;display: inline-block;}
.index_join_main .item .txt span{width:100%;float:left;color: #111; padding: 10px 0px 0px 0px;}
.index_join_main .item .txt h3{width:100%;float:left;font-size:45px;color: #952231;line-height: 50px; display: inline-block; padding:15px 0px 25px 0px;font-family: "AvenirNextWorldBold";}
.index_join_main .item .txt p{width:100%;float:left;color: #333; line-height:30px; }




/*网站底部*/
.footer_wrap{width:100%;float:left; font-size:18px; padding:20px 0px 10px 0px;background:#0a1e3f;}
.footer_main{width:100%; float:left; padding:30px 0px 0px 0px;}
.footer_wrap a:hover{ text-decoration:underline;}

.footer_wrap .footer_social{width:100%; float: right; text-align:right; margin-bottom:25px;}
.footer_wrap .footer_social a{width:30px; height:30px; padding-right:20px;}
.footer_wrap .footer_social i{width: 30px; height:30px;display: inline-block; background-image:url(../images/footer_social_icon.png); background-repeat: no-repeat; background-size: 30px; vertical-align: middle;}

.footer_wrap .footer_social i.youtube{ background-position: 0px -0px;}
.footer_wrap .footer_social i.facebook{ background-position: 0px -30px;}
.footer_wrap .footer_social i.twitter{ background-position: 0px -60px;}
.footer_wrap .footer_social i.linkedin{ background-position: 0px -90px;}


.footer_main .top{width:100%; float: left; padding:60px 0px 60px 0px; border-top:1px solid #eee; border-bottom: 1px solid #eee;}
.footer_main .down{width:100%; float: left; color: #eee; padding:30px 0px 30px 0px;}

.footer_main .top dl{ float:left; padding:0px 180px 0px 0px; }
.footer_main .top dl:last-child{ padding-right:0px; }
.footer_main .top dl dd{color:#eee;padding-bottom:15px; line-height: 22px;}
.footer_main .top dl dd a{color:#eee;}
.footer_main .top dl dd a:hover{ text-decoration: underline;}

.footer_main .down .fl{width:30%; float:left;}
.footer_main .down .fr{width:auto; float:right;}

.footer_main .down .fl .footer_logo{}
.footer_main .down .fl .footer_logo img{height:45px;}
.footer_main .down .fl .footer_logo .tip{ color:#eee; }

.footer_main .down .fr .item{width:100%; float: left; color: #eee; text-align: right; line-height: 26px; padding: 20px 0px 0px 0px;}
.footer_main .down .fr .item ul li{float: left;}
.footer_main .down .fr .item ul li a{ float: left; color: #eee; padding: 0px 0px 0px 35px;}
.footer_main .down .fr .item a:hover{ text-decoration:underline; }


.footer_wrap .copyright{width:100%;float:left;color:#eee;border-top:1px solid #eee; padding:25px 0px;}

.footer_wrap .copyright .fl{float: left;}
.footer_wrap .copyright .fr{float: right;}

.footer_wrap .copyright a{color:#eee;}



/* 左侧固定指示器 */
.vertical_slider01_wrap {
  position: fixed;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 9;
}

.vertical_slider01_wrap .dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #952231;
  background-color: transparent;
  transition: all 0.3s ease;
  display: block;
}

/* 处于暗色背景版块时可调整圆点边框颜色 */
.vertical_slider01_wrap .dot.active {
  background-color: #952231;
}