@charset "utf-8";
/*
    author:Pengjin;
    date:2022-11-10;
*/

/*--wrap-title--*/
.wrap-title{margin-bottom:45px;text-align:center;animation:fadeInDown 1s}
.wrap-title h2{line-height:1.25;font-weight:400;font-size:52px;color:#2a2a2a;}
.wrap-title h2 strong{font-weight:bold;}
.wrap-title h2 a{color:inherit;}
.wrap-title h2 a:hover{color:var(--vi-color);transition:all .5s;}
.wrap-title p{margin-top:6px;font-size:18px;color:#666;}
.wrap-title p em{color:var(--vi-color);font-family:"DIN Medium";font-size:32px;}
.wrap-title p em small{font-size:18px;}
.wrap-title:before{display:block;margin:0 auto 25px;width:70px;height:4px;content:"";background:var(--vi-color);}
.wrap-title.white *{color:#fff;}
@media(max-width:1600px){
.wrap-title h2{font-size:42px;}
}
@media(max-width:1200px){
.wrap-title{margin-bottom:25px;}
.wrap-title:before{width:35px;height:2px;}
.wrap-title h2{font-size:24px;}
.wrap-title p{margin-top:4px;font-size:15px;}
.wrap-title p em{font-size:18px;}
}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;z-index:1;clear:both;overflow:hidden;}
.banner .swiper-slide{position:relative;overflow:hidden;}
.banner .swiper-slide img{display:block;width:100%;transform:scale(1.1);transition:all 4s linear;}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1);}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:99;top:50%;width:60px;height:60px;line-height:56px;text-align:center;color:#fff;cursor:pointer;border:#fff solid 2px;border-radius:50%;opacity:0;}
.banner .swiper-prev{left:5%;}
.banner .swiper-next{right:5%;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{background:var(--vi-color);border-color:var(--vi-color);}
.banner:hover .swiper-prev,.banner:hover .swiper-next{opacity:1;}
.banner .swiper-pager{position:absolute;z-index:99;left:0;bottom:60px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;margin:0 8px !important;width:28px;height:28px;background:transparent;border:transparent solid 1px;opacity:1;}
.banner .swiper-pager span:after{display:block;position:absolute;left:50%;top:50%;width:6px;height:6px;content:"";background:#fff;transform:translate(-50%,-50%);border-radius:50%;}
.banner .swiper-pager span.swiper-pagination-bullet-active{border-color:#fff;}
@media(max-width:1200px){
.banner .swiper-slide .text h3{font-size:24px;}
.banner .swiper-slide .text h3:after{margin-top:15px;width:25px;height:2px;}
.banner .swiper-slide .text p{margin-top:20px;height:75px;line-height:25px;font-size:18px;}
.banner .swiper-slide .text a{margin-top:20px;width:180px;line-height:46px;font-size:16px;}
.banner .swiper-prev,.banner .swiper-next{display:none;}
.banner .swiper-pager{left:0;bottom:20px;width:100%;text-align:center;transform:translateX(0);}
.banner .swiper-pager span{margin:0 5px !important;width:8px;height:8px;border-radius:50%;}
}
/*--end banner--*/

/*--flhs--*/
.flhs{padding:80px 0 45px;overflow:hidden;background:url(/images/Index/flhs_bg.jpg) no-repeat center / cover;}
.flhs-slide{position:relative;}
.flhs-slide .prev,.flhs-slide .next{position:absolute;z-index:9;top:45%;width:60px;line-height:60px;text-align:center;color:#fff;cursor:pointer;background:rgba(0,0,0,.5);border-radius:50%;transform:translateY(-50%);opacity:0;transition:all .5s;}
.flhs-slide .prev:hover,.flhs-slide .next:hover{background:var(--vi-color);}
.flhs-slide .prev{left:-30px;}
.flhs-slide .next{right:-30px;}
.flhs-slide .swiper-cont{overflow:hidden;}
.flhs-slide .swiper-cont .item{display:block;padding:55px 30px;overflow:hidden;background:#fff;border-radius:15px;}
.flhs-slide .swiper-cont .item .text{padding:0 25px;overflow:hidden;}
.flhs-slide .swiper-cont .item .text h3{font-size:24px;line-height:1.5;color:#2a2a2a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.flhs-slide .swiper-cont .item .text i{display:block;margin-top:16px;width:32px;line-height:32px;font-size:12px;text-align:center;color:#fff;background:var(--vi-color);border-radius:50%;}
.flhs-slide .swiper-cont .item .pic{margin-top:28px;overflow:hidden;}
.flhs-slide .swiper-cont .item .pic img{display:block;width:100%;transition:all 1s;}
.flhs-slide .swiper-cont .item:hover .text h3{color:var(--vi-color);}
.flhs-slide .swiper-cont .item:hover .pic img{transform:scale(1.1);}
.flhs-slide .swiper-cont .swiper-pager{margin-top:45px;text-align:center;}
.flhs-slide .swiper-cont .swiper-pager span{margin:0 15px !important;}
.flhs-slide .swiper-cont .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
.flhs-slide:hover .prev,.flhs-slide:hover .next{opacity:1;}
@media(max-width:1200px){
.flhs{padding:40px 20px;}
.flhs-slide .prev,.flhs-slide .next{display:none;}
.flhs-slide .swiper-cont .item{padding:20px 10px;}
.flhs-slide .swiper-cont .item .text{padding:0 5px;}
.flhs-slide .swiper-cont .item .text h3{font-size:16px;}
.flhs-slide .swiper-cont .item .text i{margin-top:10px;width:24px;line-height:24px;}
.flhs-slide .swiper-cont .item .pic{margin-top:10px;}
.flhs-slide .swiper-cont .swiper-pager{margin-top:20px;}
.flhs-slide .swiper-cont .swiper-pager span{margin:0 5px !important;}
}
/*--end flhs--*/

/*--cpdz--*/
.cpdz{padding:100px 0;overflow:hidden;background:url(/images/Index/cpdz_bg.jpg) no-repeat center / cover;}
.cpdz-cont{padding-top:15px;}
.cpdz-list{display:flex;justify-content:space-between;}
.cpdz-list .item{position:relative;padding-top:46px;width:27.14%;}
.cpdz-list .icon{position:absolute;z-index:2;top:0;left:50%;display:flex;justify-content:center;align-items:center;margin:0 auto;width:92px;height:92px;background:var(--vi-color);border-radius:50%;transform:translateX(-50%);}
.cpdz-list .icon:before,.cpdz-list .icon:after{display:block;position:absolute;content:"";background:var(--vi-color);border-radius:50%;}
.cpdz-list .icon:before{top:0;left:0;width:28px;height:28px;opacity:.5;}
.cpdz-list .icon:after{top:-36px;left:36px;width:8px;height:8px;opacity:.2;}
.cpdz-list .icon img{width:40px;}
.cpdz-list .text{padding:65px 50px 50px;text-align:center;color:#fff;overflow:hidden;border:#fff solid 2px;border-radius:15px;}
.cpdz-list .text h3{font-size:34px;font-weight:bold;}
.cpdz-list .text p{margin-top:18px;height:90px;line-height:30px;font-size:18px;overflow:hidden;}
.cpdz-list .text a{display:block;margin:18px auto 0;width:220px;line-height:56px;font-size:20px;color:#fff;text-align:center;border:#fff solid 2px;border-radius:15px;transition:all 1s;}
.cpdz-list .text a:after{display:inline-block;margin-left:15px;font-family:"iconfont";font-weight:bold;content:"\e694";}
.cpdz-list .text a:hover{border-color:var(--vi-color);background:var(--vi-color);}
@media(max-width:1200px){
.cpdz{padding:40px 20px;}
.cpdz-cont{overflow:auto;}
.cpdz-list .item{margin-right:20px;padding-top:46px;width:220px;}
.cpdz-list .text{padding:65px 30px 30px;}
.cpdz-list .text h3{font-size:18px;}
.cpdz-list .text p{margin-top:10px;height:auto;line-height:1.75;font-size:14px;}
.cpdz-list .text a{margin:10px auto 0;width:160px;line-height:45px;font-size:16px;}
}
/*--end cpdz--*/

/*--xtgn--*/
.xtgn{padding:80px 0 45px;overflow:hidden;background:#fff;}
.xtgn-slide{overflow:hidden;}
.xtgn-slide .swiper-cont{overflow:hidden;}
.xtgn-slide .swiper-cont ul{display:flex;flex-wrap:wrap;margin:-2%;}
.xtgn-slide .swiper-cont li{flex:none;display:flex;justify-content:center;align-items:center;margin:2%;width:calc(100% / 6 - 4%);text-align:center;border:#e0e0e0 solid 1px;border-radius:15px;transition:all 1s;}
.xtgn-slide .swiper-cont li:after{padding-top:100%;content:"";}
.xtgn-slide .swiper-cont li i{display:block;margin:0 auto;width:40px;height:40px;overflow:hidden;}
.xtgn-slide .swiper-cont li i img{transform:translateY(-50px);filter:drop-shadow(0px 50px 0px var(--vi-color));}
.xtgn-slide .swiper-cont li span{display:block;margin-top:15px;font-size:18px;color:#2a2a2a;}
.xtgn-slide .swiper-cont li:hover{border-color:var(--vi-color);background:var(--vi-color);}
.xtgn-slide .swiper-cont li:hover i img{transform:translateX(0);filter:none;}
.xtgn-slide .swiper-cont li:hover span{color:#fff;}
.xtgn-slide .swiper-cont .swiper-pager{margin-top:45px;text-align:center;}
.xtgn-slide .swiper-cont .swiper-pager span{margin:0 15px !important;}
.xtgn-slide .swiper-cont .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:1200px){
.xtgn{padding:40px 20px;}
.xtgn-slide .swiper-cont li{width:calc(100% / 3 - 4%);}
.xtgn-slide .swiper-cont li span{font-size:14px;}
.xtgn-slide .swiper-cont .swiper-pager{margin-top:20px;}
.xtgn-slide .swiper-cont .swiper-pager span{margin:0 5px !important;}
}
/*--end xtgn--*/

/*--solution--*/
.solution{position:relative;overflow:hidden;background:#2a2a2a;}
.solution-hd{display:flex;justify-content:space-between;position:absolute;z-index:9;top:100px;left:50%;width:83.33vw;max-width:1400px;transform:translateX(-50%);}
.solution-title{width:50%;margin-bottom:45px;animation:fadeInDown 1s}
.solution-title h2{line-height:1.25;font-weight:400;font-size:52px;color:#2a2a2a;}
.solution-title h2 strong{font-weight:bold;}
.solution-title h2 a{color:inherit;}
.solution-title h2 a:hover{color:var(--vi-color);transition:all .5s;}
.solution-title p{margin-top:6px;font-size:18px;color:#666;}
.solution-title:before{display:block;margin-bottom:25px;width:70px;height:4px;content:"";background:var(--vi-color);}
.solution-menu{padding-left:70px;width:50%;}
.solution-menu ul{display:flex;justify-content:space-between;position:relative;z-index:1;}
.solution-menu ul:after{display:block;position:absolute;z-index:-1;left:0;bottom:20px;width:100%;height:1px;content:"";background:rgba(255,255,255,.1);}
.solution-menu li{width:auto;text-align:center;cursor:pointer;}
.solution-menu li span{display:block;height:44px;line-height:22px;font-size:20px;color:#fff;}
.solution-menu li em{display:block;margin:8px auto 0;width:38px;line-height:38px;color:#fff;background:#232323;border:rgba(255,255,255,.1) solid 1px;border-radius:50%;}
.solution-menu li.cur span{color:var(--vi-color);}
.solution-menu li.cur em{background:var(--vi-color);border-color:var(--vi-color);}
.solution-bd{overflow:hidden;}
.solution-bd .item{display:flex;flex-wrap:wrap;}
.solution-bd .item .pic{width:50%;overflow:hidden;}
.solution-bd .item .pic img{display:block;width:100%;transition:all 1s;}
.solution-bd .item .pic:hover img{transform:scale(1.1);}
.solution-bd .item .text{position:relative;width:50%;background:#2a2a2a;}
.solution-bd .item .text .cont{position:absolute;left:0;bottom:100px;padding-left:70px;width:calc(83.33vw / 2);max-width:700px;}
.solution-bd .item .text h3{font-size:34px;font-weight:bold;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.solution-bd .item .text p{margin-top:20px;height:192px;line-height:32px;font-size:18px;color:#999;overflow:auto;}
.solution-bd .item .text p::-webkit-scrollbar{width:5px;}
.solution-bd .item .text p::-webkit-scrollbar-track{background:#000;}
.solution-bd .item .text p::-webkit-scrollbar-thumb{background:var(--vi-color);}
.solution-bd .item .text a{display:block;margin-top:30px;width:220px;line-height:56px;font-size:20px;color:#fff;text-align:center;border:#fff solid 2px;border-radius:15px;transition:all 1s;}
.solution-bd .item .text a:after{display:inline-block;margin-left:15px;font-family:"iconfont";font-weight:bold;content:"\e694";}
.solution-bd .item .text a:hover{border-color:var(--vi-color);background:var(--vi-color);}
@media(max-width:1600px){
.solution-title h2{font-size:42px;}
.solution-menu li span{font-size:18px;}
.solution-hd{top:80px;}
.solution-bd .item .text h3{font-size:30px;}
.solution-bd .item .text p{padding-right:20px;height:120px;line-height:30px;font-size:16px;}
.solution-bd .item .text .cont{bottom:80px;}
}
@media(max-width:1200px){
.solution{padding:40px 20px;}
.solution-hd{display:block;position:static;transform:translateX(0);}
.solution-title{margin-bottom:25px;width:100%;text-align:center;}
.solution-title:before{margin-left:auto;margin-right:auto;width:35px;height:2px;}
.solution-title h2{font-size:24px;color:#fff;}
.solution-title p{margin-top:4px;font-size:15px;color:#fff;}
.solution-title p em{font-size:18px;}
.solution-menu{padding-left:0;width:100%;}
.solution-menu li span{font-size:16px;}
.solution-bd{margin-top:25px;}
.solution-bd .item .pic,.solution-bd .item .text{width:100%;}
.solution-bd .item .text .cont{position:static;padding-left:0;margin-top:20px;width:100%;}
.solution-bd .item .text p{margin-top:10px;height:auto;line-height:1.75;font-size:14px;}
.solution-bd .item .text a{margin-top:20px;width:160px;line-height:45px;font-size:16px;}
}
/*--end solution--*/

/*--case--*/
.case{padding:80px 0 45px;overflow:hidden;background:#f3f3f3;}
.case-slide{position:relative;}
.case-slide .prev,.case-slide .next{position:absolute;z-index:9;top:40%;width:60px;line-height:60px;text-align:center;color:#fff;cursor:pointer;background:rgba(0,0,0,.5);border-radius:50%;transform:translateY(-50%);opacity:0;transition:all .5s;}
.case-slide .prev:hover,.case-slide .next:hover{background:var(--vi-color);}
.case-slide .prev{left:-30px;}
.case-slide .next{right:-30px;}
.case-slide .swiper-cont{overflow:hidden;}
.case-slide .swiper-cont .item{display:block;}
.case-slide .swiper-cont .pic{overflow:hidden;border-radius:15px;}
.case-slide .swiper-cont .pic img{transition:all 1s;height: 420px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;}
 
.case-slide .swiper-cont .text{margin-top:38px;padding:0 6.5%;overflow:hidden;}
.case-slide .swiper-cont .text h3{font-size: 24px;}
.case-slide .swiper-cont .text span{font-size: 16px;}
.case-slide .swiper-cont .text {position:relative;padding-left:40px;font-size:24px;color:#333;overflow:hidden;}
.case-slide .swiper-cont .text:before{display:block;position:absolute;left:0;width:4px;height:100%;content:"";background:var(--vi-color);}
.case-slide .swiper-cont .text:after{display:block;position:absolute;top:50%;right:0;width:30px;line-height:30px;font-family:"iconfont";content:"\e694";text-align:center;font-size:12px;font-weight:bold;color:#fff;background:#ccc;border-radius:50%;transform:translateY(-50%);}
.case-slide .swiper-cont .item:hover .pic img{transform:scale(1.1);}
.case-slide .swiper-cont .item:hover .text dl{color:var(--vi-color);}
.case-slide .swiper-cont .item:hover .text dl:after{background:var(--vi-color);}
.case-slide .swiper-cont .swiper-pager{margin-top:45px;text-align:center;}
.case-slide .swiper-cont .swiper-pager span{margin:0 15px !important;}
.case-slide .swiper-cont .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
.case-slide:hover .prev,.case-slide:hover .next{opacity:1;}
@media(max-width:1200px){
.case{padding:40px 20px;}
.case-slide .prev,.case-slide .next{display:none;}
.case-slide .swiper-cont .text{margin-top:25px;}
.case-slide .swiper-cont .text dl{padding-left:20px;font-size:16px;}
.case-slide .swiper-cont .swiper-pager{margin-top:20px;}
.case-slide .swiper-cont .swiper-pager span{margin:0 5px !important;}
}
/*--end case--*/

/*--adv--*/
.adv{padding-top:90px;overflow:hidden;background:#fff;}
.adv-menu{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:83.33vw;max-width:1400px;}
.adv-menu .item{display:flex;align-items:center;position:relative;width:21.5%;height:104px;cursor:pointer;}
.adv-menu .item:before{display:block;position:absolute;top:0;left:0;width:100%;height:4px;content:"";background:#f3f3f3;}
.adv-menu .item:after{display:block;position:absolute;z-index:3;top:50%;right:0;font:bold 18px/1 "iconfont";content:"\e692";color:#d5d5d5;transform:translateY(-50%);}
.adv-menu .num{font:52px/1.25 "DIN Medium";color:#ccc;}
.adv-menu .txt{padding-left:18px;overflow:hidden;}
.adv-menu .txt h3{font-size:24px;font-weight:bold;color:#2a2a2a;}
.adv-menu .txt em{font-size:12px;font-family:"DIN Medium";color:#ccc;text-transform:uppercase;}
.adv-menu .item.cur:before{background:var(--vi-color);transition:all 1s;}
.adv-menu .item.cur *,.adv-menu .item.cur:after{color:var(--vi-color);}
.adv-main{overflow:hidden;}
.adv-main .item{display:none;position:relative;overflow:hidden;background:var(--vi-color);}
.adv-main .item .cont{display:flex;flex-wrap:wrap;margin:0 auto;width:83.33vw;max-width:1400px;}
.adv-main .item .pic{position:relative;display:flex;justify-content:flex-end;width:50%;}
.adv-main .item .pic img{display:block;width:auto;}
.adv-main .item .text{padding-left:6.4%;padding-top:110px;width:50%;color:#fff;overflow:hidden;}
.adv-main .item .text .tit{font-weight:bold;font-size:32px;}
.adv-main .item .text .tit:after{display:block;margin-top:20px;width:70px;height:4px;content:"";background:#fff;}
.adv-main .item .text .summary{margin-top:45px;height:180px;line-height:30px;font-size:20px;overflow:auto;}
.adv-main .item .text .read{margin-top:45px;}
.adv-main .item .text .read a{display:block;width:220px;line-height:56px;font-size:20px;color:#fff;text-align:center;border:#fff solid 2px;border-radius:15px;transition:all 1s;}
.adv-main .item .text .read a:after{display:inline-block;margin-left:15px;font-family:"iconfont";font-weight:bold;content:"\e694";}
.adv-main .item .text .read a:hover{color:var(--vi-color);border-color:#fff;background:#fff;}
@media(max-width:1200px){
.adv{padding-top:40px;}
.adv-menu .item{width:25%;height:52px;}
.adv-menu .item:after{display:none;}
.adv-main .item .cont{width:100%;}
.adv-menu .num{display:none;}
.adv-menu .txt{padding-left:0;width:100%;text-align:center;}
.adv-menu .txt h3{font-size:18px;font-weight:normal;}
.adv-menu .txt em{display:none;}
.adv-main .item .pic{width:100%;}
.adv-main .item .pic img{width:100%;}
.adv-main .item .text{padding:30px;width:100%;}
.adv-main .item .text .tit{font-weight:bold;font-size:20px;}
.adv-main .item .text .tit:after{width:35px;height:2px;}
.adv-main .item .text .summary{margin-top:25px;height:auto;line-height:1.75;font-size:16px;}
.adv-main .item .text .read{margin-top:25px;}
.adv-main .item .text .read a{width:160px;line-height:45px;font-size:16px;}
}
/*--end adv--*/

/*--aboutus--*/
.aboutus{padding:100px 0;overflow:hidden;background:#f3f3f3;}
.aboutus-inner{display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between;}
.aboutus-inner .cont{position:relative;width:44.6%;overflow:hidden;}
.aboutus-inner .cont .tit{margin-bottom:45px;animation:fadeInDown 1s;}
.aboutus-inner .cont .tit h2{line-height:1.25;font-weight:400;font-size:52px;color:#2a2a2a;}
.aboutus-inner .cont .tit h2 strong{font-weight:bold;}
.aboutus-inner .cont .tit h2 a{color:inherit;}
.aboutus-inner .cont .tit h2 a:hover{color:var(--vi-color);transition:all .5s;}
.aboutus-inner .cont .tit:before{display:block;margin-bottom:25px;width:70px;height:4px;content:"";background:var(--vi-color);}
.aboutus-inner .cont .summary{font-size:18px;line-height:1.75;color:#666;overflow:hidden;}
.aboutus-inner .cont .summary p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.aboutus-inner .cont .read{position:absolute;left:0;bottom:10px;}
.aboutus-inner .cont .read a{display:inline-block;font-size:20px;line-height:30px;color:#999;}
.aboutus-inner .cont .read a:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";}
.aboutus-inner .cont .read a:hover{color:var(--vi-color);}
.aboutus-inner .datas{position:relative;display:flex;flex-wrap:wrap;width:50%;height:316px;overflow:hidden;background:url(/images/Index/datas_bg.png) no-repeat center / 100% 100%;}
.aboutus-inner .datas:before{display:block;position:absolute;top:50%;left:50%;width:8px;height:8px;content:"";border-radius:50%;background:var(--vi-color);border-radius:50%;transform:translate(-50%,-50%);}
.aboutus-inner .datas .item{padding:30px 20px;width:50%;height:50%;text-align:center;overflow:hidden;}
.aboutus-inner .datas .item em{display:block;font:52px/1 "DIN Medium";color:var(--vi-color);}
.aboutus-inner .datas .item span{display:block;margin-top:8px;font-size:20px;color:#2a2a2a;}
@media(max-width:1600px){
.aboutus-inner .cont .tit h2{font-size:42px;}
}
@media(max-width:1200px){
.aboutus{padding:40px 20px;}
.aboutus-inner .cont{width:100%;}
.aboutus-inner .cont .tit{margin-bottom:25px;}
.aboutus-inner .cont .tit:after{margin-left:auto;margin-right:auto;width:30px;height:2px;}
.aboutus-inner .cont .tit h2{font-size:24px;}
.aboutus-inner .cont .summary{font-size:14px;}
.aboutus-inner .cont .read{position:static;margin-top:25px;}
.aboutus-inner .cont .read a{font-size:16px;line-height:1.75;}
.aboutus-inner .datas{margin-top:30px;width:100%;height:auto;}
.aboutus-inner .datas .item{padding:15px 10px;}
.aboutus-inner .datas .item em{font-size:42px;}
.aboutus-inner .datas .item span{font-size:14px;}
}
/*--end aboutus--*/

/*--news--*/
.news{padding:100px 0;overflow:hidden;background:#fff;}
.news-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.news-top{width:600px;}
.news-top .item{display:none;border-radius:15px;overflow:hidden;}
.news-top .item:first-child{display:block;}
.news-top .pic{overflow:hidden;    border-radius: 15px 15px 0 0;}
.news-top .pic img{transition:all 1s;}
.news-top .pic:hover img{transform:scale(1.1);}
.news-top .text{padding:35px 50px 30px;overflow:hidden;border:#ececec solid 1px;border-top:none;border-radius:0 0 15px 15px;}
.news-top .text h3{font-size:20px;line-height:2;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .text h3:hover{color:var(--vi-color);}
.news-top .text p{margin-top:8px;margin-bottom:25px;height:75px;line-height:25px;font-size:16px;color:#999;overflow:hidden;}
.news-top .text span{display:inline-block;margin-right:40px;font-size:16px;color:#ccc;}
.news-top .text span:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";}
.news-top .text span:hover{color:var(--vi-color);}
.news-top .text em{font-size:16px;font-family:"DIN Medium";color:#ccc;}
.news-tab{width:calc(100% - 650px);}
.news-menu{height:75px;overflow:hidden;border-bottom:#f2f2f2 solid 1px;}
.news-menu ul{display:flex;}
.news-menu li{position:relative;width:25%;height:50px;line-height:50px;text-align:center;}
.news-menu li:after{display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:var(--vi-color);transform:rotate(45deg);opacity:0;}
.news-menu li a{display:block;font-size:18px;color:#666;border-radius:15px;}
.news-menu li:hover:after,.news-menu li.cur:after{opacity:1;}
.news-menu li:hover a,.news-menu li.cur a{color:#fff;background:var(--vi-color);}
.news-main{padding-top:32px;height:calc(100% - 75px);overflow:hidden;}
.news-main .swiper-slide{display:flex;flex-wrap:wrap;height:100%;}
.news-main .item{display:flex;justify-content:space-between;margin-bottom:38px;width:100%;}
.news-main .item:last-child{margin-bottom:0;}
.news-main .pic{width:228px;overflow:hidden;border-radius:15px;}
.news-main .pic img{transition:all 1s;}
.news-main .pic:hover img{transform:scale(1.1);}
.news-main .text{position:relative;padding-left:30px;width:calc(100% - 228px);}
.news-main .text h3{font-size:20px;line-height:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-main .text h3:hover{color:var(--vi-color);}
.news-main .text p{margin-top:12px;margin-bottom:35px;height:50px;line-height:25px;font-size:16px;color:#999;overflow:hidden;}
.news-main .text span{display:inline-block;margin-right:40px;font-size:16px;color:#ccc;}
.news-main .text span:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";}
.news-main .text span:hover{color:var(--vi-color);}
.news-main .text em{font-size:16px;font-family:"DIN Medium";color:#ccc;}
@media(max-width:1440px){
.news-top{width:520px;}
.news-tab{width:calc(100% - 560px);}
.news-main .item{margin-bottom:25px;}
.news-main .pic{width:200px;}
.news-main .text{padding-left:20px;width:calc(100% - 200px);}
.news-main .text p{margin-bottom:25px;}
}
@media(max-width:1200px){
.news{padding:40px 20px;}
.news-top{display:none;}
.news-tab{width:100%;}
.news-menu{padding-bottom:25px;height:auto;}
.news-menu li{height:40px;line-height:40px;}
.news-menu li a{font-size:14px;}
.news-main{padding-top:25px;height:auto;}
.news-main .item{margin-bottom:15px;}
.news-main .pic{width:160px;}
.news-main .text{padding-left:10px;width:calc(100% - 160px);}
.news-main .text h3{margin-bottom:20px;height:50px;line-height:25px;font-size:16px;white-space:unset;}
.news-main .text p{display:none;}
.news-main .text span{margin-right:10px;font-size:12px;}
.news-main .text em{font-size:12px;}
}
/*--end news--*/

/*--ad--*/
.ad{position:relative;z-index:1;height:190px;background:#fff;}
.ad:after{display:block;position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:50%;content:"";background:#2a2a2a;}
.ad-inner{display:flex;justify-content:space-between;align-items:center;position:relative;padding-left:280px;padding-right:60px;width:100%;height:190px;background:var(--vi-color);border-radius:15px;}
.ad-inner .pic{position:absolute;left:99px;bottom:0;width:119px;}
.ad-inner .text{width:380px;color:#fff;}
.ad-inner .text h3{font-size:38px;font-weight:bold;}
.ad-inner .text p{font-size:20px;}
.ad-inner .form{position:relative;width:calc(100% - 400px);height:70px;overflow:hidden;border:#fff solid 2px;border-radius:15px;}
.ad-inner .form input{display:block;padding:20px 35px;width:100%;height:100%;font-size:20px;color:#fff;border:none;outline:none;background:transparent;}
.ad-inner .form input#name{display:none;}
.ad-inner .form input::-webkit-input-placeholder{color:#fff;}
.ad-inner .form .a{display:block;position:absolute;top:0;right:0;line-height:66px;font-size:20px;color:#fff;text-align:center;background:var(--vi-color);transition:all 1s;border: none;}
.ad-inner .form .a:after{display:inline-block;margin-left:10px;width:32px;line-height:32px;text-align:center;color:var(--vi-color);font-size:12px;font-weight:bold;font-family:"iconfont";content:"\e694";background:#fff;border-radius:50%;transform:translateY(-4px);}
.ad-inner .form .a:hover{color:var(--vi-color);background:#fff;}
@media(max-width:1200px){
.ad{padding:0 20px;height:auto;}
.ad-inner{display:block;padding:25px 20px;height:auto;}
.ad-inner .pic{display:none;}
.ad-inner .text{width:100%;text-align:center;}
.ad-inner .text h3{font-size:24px;}
.ad-inner .text p{font-size:16px;}
.ad-inner .form{margin-top:25px;width:100%;height:45px;border:#fff solid 1px;}
.ad-inner .form input{padding:5px 15px;font-size:14px;}
.ad-inner .form .a{width:100px;line-height:43px;font-size:14px;}
.ad-inner .form .a:after{margin-left:5px;width:24px;line-height:24px;transform:translateY(0);}
}
/*--end ad--*/