@charset "utf-8";

/* 
    author:Kelp;
    date:2022-07-30;
    Copyright:©Kelp;
*/

/*--wrap-title--*/
.wrap-title{overflow:hidden;animation:fadeInDown 1s;}
.wrap-title h2{font-weight:600;font-size:42px;color:#000;}
.wrap-title em{font-family:"Montserrat";font-size:14px;color:var(--vi-color);text-transform:uppercase;letter-spacing:-0.5px;}
@media(max-width:1024px){
.wrap-title{text-align:center;}
.wrap-title h2{font-size:30px;}
}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;overflow:hidden;}
.banner .swiper-wrapper .item{display:block;position:relative;overflow:hidden;}
.banner .swiper-wrapper .pic{overflow:hidden;}
.banner .swiper-wrapper .pic img{display:block;width:100%;}
.banner .swiper-wrapper .video{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.banner .swiper-wrapper .video video{display:block;width:100%;height:100%;object-fit:cover;}
.banner .swiper-wrapper .video .player-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.banner .swiper-wrapper .video .player-btn span{display:block;padding-right:30px;line-height:30px;font-size:18px;color:#fff;background:url(../images/Index/video_icon.png) no-repeat right center;}
.banner .swiper-ctrl{position:absolute;z-index:9;left:50%;bottom:40px;width:83.33vw;height:46px;transform:translateX(-50%);display:flex;justify-content:space-between;} 
.banner .swiper-pager{display:flex;align-items:center;line-height:46px;}
.banner .swiper-pager em{display:block;font-size:16px;color:#fff;}
.banner .swiper-pager em:before{content:"0";}
.banner .swiper-pager span{display:block;position:relative;margin:0 10px;width:142px;height:2px;background:#fff;}
.banner .swiper-pager span i{display:block;position:absolute;top:0;left:0;width:0;height:100%;background:var(--vi-subcolor);animation:line 5s linear;}
.banner .swiper-arrow{display:flex;justify-content:space-between;width:112px;height:46px;}
.banner .swiper-arrow div{width:46px;height:46px;line-height:42px;text-align:center;cursor:pointer;color:#fff;/* border:#fff solid 2px; */background: #000;border-radius:50%;opacity:.5;}
.banner .swiper-arrow div:hover{opacity:1;}
.banner .view-tips{position:absolute;left:50%;top:0;width:100px;color:#fff;text-align:center;transform:translateX(-50%);}
.banner .view-tips span{display:block;font-size:14px;}
.banner .view-tips i{display:block;font-size:20px;animation:tipsArrow 2s linear infinite;}
@media(max-width:1024px){
.banner .swiper-ctrl{bottom:10px;}
.banner .swiper-pager{margin:0 auto;}
.banner .swiper-arrow,.banner .view-tips{display:none;}
.banner .swiper-pager span{display:none;}
.banner .swiper-pager em[data-index]:after{display:inline-block;margin:0 10px;content:"/";}
}
@keyframes line{
0%{width:0%;}
100%{width:100%;}	
}
@keyframes tipsArrow{
0%{transform:translateY(0);}
100%{transform:translateY(100%);}	
}
/*--end banner--*/

/*--brand--*/
.brand{padding:120px 20px;overflow:hidden;background:#f5f5f5;}
.brand-inner{position:relative;margin-top:-70px;}
.brand-menu{height:102px;overflow:hidden;}
.brand-menu ul{float:right;display:flex;width:50%;}
.brand-menu li{flex:1;height:102px;cursor:pointer;background:url(../images/Index/brand_menu.png) no-repeat center / 100% 100%;}
.brand-menu li a{display:flex;width:100%;height:102px;align-items:center;justify-content:center;}
.brand-menu li:hover,.brand-menu li.cur{background-image:url(../images/Index/brand_menu_cur.png);}
.brand-main{overflow:hidden;}
.brand-main .item{display:flex;flex-wrap:wrap;overflow:hidden;background:#fff;border-radius:8px 0 8px 8px}
.brand-main .item .pic{width:50%;overflow:hidden;}
.brand-main .item .pic img{display:block;width:100%;transition:all 1s;}
.brand-main .item .pic:hover img{transform:scale(1.1);}
.brand-main .item .text{position:relative;padding:3.75%;width:50%;overflow:hidden;}
.brand-main .item .intro{overflow:hidden;}
.brand-main .item .intro h3{line-height:50px;font-size:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.brand-main .item .intro h3 a{color:#000;transition:all .5s;}
.brand-main .item .intro h3 a:hover{color:var(--vi-color);}
.brand-main .item .intro p{margin-top:20px;height:56px;line-height:28px;font-size:16px;color:#666;overflow:hidden;}
.brand-main .item .intro a.read{display:block;margin-top:20px;width:152px;line-height:46px;font-size:16px;text-align:center;color:var(--vi-color);border:var(--vi-color) solid 2px;border-radius:25px;transition:all .85s;}
.brand-main .item .intro a.read:after{display:inline-block;margin-left:15px;font-weight:bold;font-family:"iconfont";content:"\e609";}
.brand-main .item .intro a.read:hover{color:#fff;background:var(--vi-color);}
.brand-main .item .goods{position:absolute;bottom:7.5%;left:7.5%;right:7.5%;}
.brand-main .item .goods ul{display:flex;justify-content:space-between;}
.brand-main .item .goods li{width:48%;overflow:hidden;border-radius:5px;}
.brand-main .item .goods li img{display:block;width:100%;transition:all 1s;}
.brand-main .item .goods li:hover img{transform:scale(1.1);}
@media(max-width:1200px){
.brand{padding:40px 20px;}
.brand-menu,.brand-menu li,.brand-menu li a{height:60px}
.brand-menu li img{width:80%;}
.brand-menu ul{width:100%;}
.brand-inner{margin-top:25px;}
.brand-main .item .pic{width:100%;}
.brand-main .item .text{padding:40px 20px;width:100%;}
.brand-main .item .intro h3{line-height:30px;font-size:18px;}
.brand-main .item .intro p{margin-top:10px;height:66px;line-height:22px;font-size:14px;}
.brand-main .item .goods{position:static;margin-top:40px;width:100%;}
.brand-main .item .intro a.read{width:136px;line-height:36px;font-size:14px;border-width:1px;}
}
/*--end brand--*/

/*--duty--*/
.duty{padding:120px 20px;overflow:hidden;background:#fff;}
.duty-inner{position:relative;display:flex;flex-wrap:wrap;margin-top:-70px;}
.duty-slide{position:relative;width:50%;}
.duty-menu{margin-top:110px;}
.duty-menu ul{display:flex;}
.duty-menu li{margin-right:3.5%;padding:22px 10px;width:37.75%;height:116px;text-align:center;cursor:pointer;overflow:hidden;background:#f5f5f5;border-radius:5px;transition:all .85s;}
.duty-menu li i{display:block;margin:0 auto;width:50px;height:40px;overflow:hidden;background:url(../images/Index/duty_icon.png) no-repeat 0 / 100%;filter:contrast(.1);}
.duty-menu li i.icon-xc{background-position:0 0;}
.duty-menu li i.icon-gy{background-position:0 bottom;}
.duty-menu li span{display:block;margin-top:5px;font-size:24px;color:#6c797c;}
.duty-menu li:hover,.duty-menu li.cur{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.duty-menu li:hover i,.duty-menu li.cur i{filter:none;}
.duty-main{margin-top:40px;overflow:hidden;}
.duty-main .item{display:none;width:79.5%;}
.duty-main .item .summary{height:90px;line-height:30px;font-size:16px;color:#565c5d;overflow:hidden;}
.duty-main .item .datas{display:flex;margin-top:50px;overflow:hidden;}
.duty-main .item .datas dl{overflow:hidden;}
.duty-main .item .datas dl:nth-child(1){padding-right:5%;border-right:#c5d5d8 solid 1px;}
.duty-main .item .datas dl:nth-child(2){padding-left:5%;}
.duty-main .item .datas dl dt{position:relative;display:inline-block;padding-right: 40px;height:60px;}
.duty-main .item .datas dt em{font:72px/60px "Montserrat";letter-spacing:-2px;color:var(--vi-subcolor);}
.duty-main .item .datas dt sub{display:block;position:absolute;right:0;bottom:0;font-size:16px;color:#6c797c;width: 32px;}
.duty-main .item .datas dt:after{display:block;position:absolute;top:0;right: 0;font-weight:500;font-size:16px;content:"+";color:var(--vi-subcolor);width: 30px;text-align: left;} 
.duty-main .item .datas dd{margin-top:10px;font-size:16px;color:#6c797c;}
.duty-main .item .pic{display:none;}
.duty-main .item .read{position:absolute;left:0;bottom:0;}
.duty-main .item .read a{display:block;width:152px;line-height:46px;font-size:16px;text-align:center;color:var(--vi-color);border:var(--vi-color) solid 2px;border-radius:25px;transition:all .85s;}
.duty-main .item .read a:after{display:inline-block;margin-left:15px;font-weight:bold;font-family:"iconfont";content:"\e609";}
.duty-main .item .read a:hover{color:#fff;background:var(--vi-color);}
.duty-main .item:first-child{display:block;}
.duty-pic{width:50%;}
.duty-pic li{display:none;}
.duty-pic li a{display:block;overflow:hidden;border-radius:8px;}
.duty-pic li img{display:block;width:100%;transition:all 1s;}
.duty-pic li:hover img{transform:scale(1.1);}
@media(max-width:1440px){
.duty-main .item .datas dt em{font-size:64px;}
}
@media(max-width:1024px){
.duty{padding:40px 20px;}
.duty-inner{margin-top:25px;}
.duty-slide{width:100%;}
.duty-menu{margin-top:0;}
.duty-menu ul{justify-content:center;}
.duty-menu li{margin:0 5px;padding:10px 0;width:40%;height:auto;}
.duty-menu li i{width:25px;height:20px;}
.duty-menu li span{font-size:16px;}
.duty-main .item{width:100%;}
.duty-main .item .summary{height:auto;line-height:24px;font-size:14px;text-align:center;}
.duty-main .item .datas dl{padding:0 10px !important;width:50%;text-align:center;}
.duty-main .item .datas dl dt{height:50px;}
.duty-main .item .datas dt em{font-size:44px;line-height:50px;}
.duty-main .item .datas dt sub{bottom:6px;font-size:14px;}
.duty-main .item .datas dd{font-size:14px;}
.duty-main .item .read{position:static;margin-top:30px;}
.duty-main .item .read a{margin:0 auto;width:136px;line-height:36px;font-size:14px;border-width:1px;}
.duty-pic{margin-top:30px;width:100%;}
.duty-pic li a{width:100%;border-radius:5px;}
}
/*--end duty--*/

/*--news--*/
.news{padding:120px 20px;overflow:hidden;background:#f5f5f5;}
.news-hd{display:flex;justify-content:space-between;align-items:center;}
.news-hd .more{width:152px;}
.news-hd .more a{display:block;line-height:46px;font-size:16px;text-align:center;color:var(--vi-color);border:var(--vi-color) solid 2px;border-radius:25px;transition:all .85s;}
.news-hd .more a:after{display:inline-block;margin-left:15px;font-weight:bold;font-family:"iconfont";content:"\e609";}
.news-hd .more a:hover{color:#fff;background:var(--vi-color);}
.news-bd{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px;overflow:hidden;}
.news-left{display:flex;flex-wrap:wrap;justify-content:space-between;width:63.125%;overflow:hidden;}
.news-left .item{display:block;width:47.52%;overflow:hidden;background:#fff;transition:all .85s;}
.news-left .item .pic{overflow:hidden;}
.news-left .item .pic img{display:block;width:100%;transition:all 1s;}
.news-left .item .text{padding:8.3%;overflow:hidden;}
.news-left .item .text em{display:block;line-height:22px;font-size:16px;color:#333;}
.news-left .item .text h3{margin-top:10px;height:60px;line-height:30px;font-size:18px;font-weight:500;color:#333;overflow:hidden;}
.news-left .item .text span{display:block;margin-top:58px;font-size:16px;line-height:30px;color:var(--vi-color);}
.news-left .item .text span:after{display:inline-block;margin-left:15px;font-weight:bold;font-family:"iconfont";content:"\e609";}
.news-left .item:hover{background:var(--vi-color);}
.news-left .item:hover .pic img{transform:scale(1.1);}
.news-left .item:hover .text *{color:#fff;}
.news-right{width:33.75%;margin:-30px 0;}
.news-right .item{display:flex;justify-content:space-between;padding:30px 0;height:33.33%;overflow:hidden;border-bottom:#e0e0e0 solid 1px;}
.news-right .item:nth-child(1),.news-right .item:nth-child(2){display:none;}
.news-right .item .pic{width:46%;overflow:hidden;}
.news-right .item .pic img{display:block;width:100%;transition:all 1s;}
.news-right .item .text{position:relative;width:51%;}
.news-right .item .text h3{font-size:16px;font-weight:400;color:#272727;overflow:hidden;}
.news-right .item .text em{position:absolute;left:0;bottom:0;font-size:16px;color:#272727;}
.news-right .item:hover .pic img{transform:scale(1.1);}
.news-right .item:hover .text h3{color:var(--vi-color);}
.news-bd .more{display:none;margin-top:40px;width:100%;clear:both;}
.news-bd .more a{display:block;margin:0 auto;line-height:46px;font-size:16px;text-align:center;color:var(--vi-color);border:var(--vi-color) solid 2px;border-radius:25px;transition:all .85s;}
.news-bd .more a:after{display:inline-block;margin-left:15px;font-weight:bold;font-family:"iconfont";content:"\e609";}
.news-bd .more a:hover{color:#fff;background:var(--vi-color);}
@media(max-width:1024px){
.news{padding:40px 20px;}
.news-hd{display:block;}
.news-hd .more{display:none;}
.news-bd{margin-top:10px;}
.news-left{display:none;width:100%;}
.news-left .item{margin-bottom:20px;width:100%;display:flex;}
.news-left .item .pic{width:140px;}
.news-left .item .text{padding:8px 15px;width:calc(100% - 140px);}
.news-left .item .text em{font-size:12px;line-height:1;}
.news-left .item .text h3{margin-top:8px;height:44px;line-height:22px;font-size:14px;}
.news-left .item .text span{display:none;}
.news-right{width:100%;margin:0;}
.news-right .item{padding:15px 0;height:auto;}
.news-right .item:nth-child(1),.news-right .item:nth-child(2){display:flex;}
.news-right .item .text h3,.news-right .item .text em{font-size:14px;}
.news-bd .more{display:block;}
.news-bd .more a{margin:0 auto;width:136px;line-height:36px;font-size:14px;border-width:1px;}
}
/*--end news--*/

/*--video-pop*/
.video-pop{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#000;}
.video-pop .close-btn{position:absolute;top:20px;right:20px;width:50px;line-height:50px;color:#fff;text-align:center;cursor:pointer;}
.video-pop .close-btn i{display:block;font-size:30px;}
.video-pop .playerBox{position:absolute;top:50%;left:50%;width:1300px;height:700px;transform:translate(-50%,-50%);}
.video-pop .playerBox video{width:100%;height:100%;object-fit:cover}
@media(max-width:1024px){
.video-pop .close-btn{}
.video-pop .close-btn i{font-size:20px;}
.video-pop .playerBox{width:90vw;height:55vw;}
}
/*--end video-pop*/