#app{padding-top:100px;overflow:hidden;background:#fff;}
@media(max-width:1200px){
#app{padding-top:60px;}
}

/*-- searcher --*/
.searcher-wrap{padding:100px 0;overflow:hidden;}
.searcher-title{text-align:center;animation:fadeInUpSmall 1s;}
.searcher-title h2{font-family:"Poppins-SemiBold";font-size:60px;color:var(--vi-color);}
.searcher-form{display:flex;margin:40px auto 0;max-width:1080px;height:80px;overflow:hidden;border:var(--vi-subcolor) solid 2px;border-radius:40px;box-shadow:0 0 15px rgba(0,146,216,.1);animation:fadeInUpSmall 1s;}
.searcher-form input{display:block;flex-grow:1;padding:0 30px;height:100%;font-family:"Poppins-SemiBold";font-size:18px;color:var(--vi-color);border:none;outline:none;background:none;}
.searcher-form input::-webkit-input-placeholder{color:var(--vi-color);}
.searcher-form button{display:flex;align-items:center;justify-content:center;width:100px;height:100%;cursor:pointer;border:none;background:transparent;transition:all 1s;}
.searcher-form button i{font-size:20px;color:var(--vi-subcolor);}
.searcher-form button:hover{background:var(--vi-subcolor);}
.searcher-form button:hover i{color:#fff;}
.searcher-tab{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:120px;overflow:hidden;}
.searcher-tab-menu{width:340px;}
.searcher-tab-menu .hd{font-family:"Poppins-Medium";font-size:24px;color:var(--vi-color);}
.searcher-tab-menu .bd{margin-top:50px;overflow:hidden;}
.searcher-tab-menu .bd li{margin-bottom:40px;font-family:"Poppins-Medium";font-size:18px;line-height:36px;cursor:pointer;}
.searcher-tab-menu .bd li:hover,.searcher-tab-menu .bd li.cur{color:var(--vi-subcolor);}
.searcher-tab-main{width:calc(100% - 340px);padding-left:80px;border-left:#e3e3e3 solid 1px;}
.searcher-tab-main .hd{padding-bottom:30px;font-family:"Poppins-Medium";font-size:24px;color:var(--vi-color);border-bottom:#e3e3e3 solid 1px;}
.searcher-tab-main .bd{overflow:hidden;}
.searcher-tab-main .bd .item{display:block;padding:35px 0;overflow:hidden;overflow:hidden;border-bottom:#e3e3e3 solid 1px;animation:fadeInUpSmall 1s;}
.searcher-tab-main .bd .item em{font-family:"Poppins-SemiBold";font-size:20px;color:#868e95;}
.searcher-tab-main .bd .item h3{margin-top:10px;font-family:"Poppins-Medium";font-size:20px;color:var(--vi-color);}
.searcher-tab-main .bd .item:hover *{color:var(--vi-subcolor);}

@media(max-width:1200px){
.searcher-wrap{padding:50px 0;}
.searcher-title h2{font-size:42px;}
.searcher-form{margin-top:30px;height:60px;}
.searcher-tab{margin-top:60px;}
.searcher-tab-menu{display:none;width:100%;}
.searcher-tab-main{padding-left:0;width:100%;border:none;}
.searcher-tab-main .hd{padding-bottom:20px;font-size:18px;}
.searcher-tab-main .bd .item{padding:20px 0;}
.searcher-tab-main .bd .item em,.searcher-tab-main .bd .item h3{font-size:16px;}
}
/*-- end searcher --*/

/*-- about-intro --*/
.about-intro{position:relative;overflow:hidden;}
.about-intro-inner{position:relative;margin:0 auto;padding:50px 0;width:950px;height:100vh;transition:all .5s;}
.about-intro-text{position:absolute;z-index:9;top:50px;left:50%;width:950px;text-align:center;overflow:hidden;transform:translateX(-50%);}
.about-intro-text h2{margin-bottom:10px;font-family:"Poppins-SemiBold";font-size:60px;color:var(--vi-color);animation:fadeInUpSmall 1s;}
.about-intro-text p{font-family:"Poppins-Medium";font-size:16px;line-height:1.75;color:var(--vi-color);animation:fadeInUpSmall 2s;}
.about-intro-pic{padding-top:25%;margin:0 auto;width:70%;transition:all .5s;}
.about-intro-pic .box{border-radius:30px;overflow:hidden;}
.about-intro-pic video{width:100%;height:100%;object-fit:cover;}
.about-intro-pic img{display:block;}

.about-building-summary{padding-top:100px;overflow:hidden;}
.about-building-summary h2{margin-bottom:10px;font-family:"Poppins-SemiBold";font-size:60px;color:var(--vi-color);animation:fadeInUpSmall 1s;}
.about-building-summary p{font-size:16px;line-height:1.75;color:var(--vi-color);animation:fadeInUpSmall 2s;}
.about-building-list{margin-top:110px;overflow:hidden;}
.about-building-list .item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:140px;overflow:hidden;animation:fadeInUpSmall 1s;}
.about-building-list .item .pic{flex:none;width:50%;overflow:hidden;border-radius:20px;}
.about-building-list .item .pic img{transition:all .5s;}
.about-building-list .item .pic:hover img{transform:scale(1.05);}
.about-building-list .item .text{display:flex;flex-direction:column;justify-content:center;width:43.5%;color:var(--vi-color);}
.about-building-list .item .text h3{margin-bottom:30px;font-family:"Poppins-Medium";font-size:60px;}
.about-building-list .item .text p{height:calc(16px * 1.75 * 8);font-family:"Poppins-Medium";font-size:16px;line-height:1.75;}
.about-building-list .item:nth-child(even){flex-direction:row-reverse;}

.about-history{padding-bottom:120px;overflow:hidden;}
.about-history-title{overflow:hidden;}
.about-history-title h2{font-family:"Poppins-SemiBold";font-size:60px;animation:fadeInUpSmall 1s;}
.about-history-slide{margin-top:60px;}

.about-history-slide-cont{position:relative;}
.about-history-slide-cont .item{overflow:hidden;opacity:.3;}
.about-history-slide-cont .item .pic{border-radius:20px;overflow:hidden;}
.about-history-slide-cont .item .pic img{transition:all .5s;}
.about-history-slide-cont .item .pic:hover img{transform:scale(1.05);}
.about-history-slide-cont .item .text{padding-top:20px;overflow:hidden;}
.about-history-slide-cont .item .text em{font-family:"Poppins-SemiBold";font-size:60px;}
.about-history-slide-cont .item .text p{font-family:"Poppins-Medium";font-size:16px;line-height:1.75;}
.about-history-slide-cont .item.swiper-slide-active{opacity:1;}
.about-history-slide-cont .swiper-prev,.about-history-slide-cont .swiper-next{display:flex;align-items:center;justify-content:center;position:absolute;z-index:9;top:30%;width:60px;height:60px;color:#fff;cursor:pointer;border-radius:50%;background:var(--vi-subcolor);}
.about-history-slide-cont .swiper-prev{left:50px;}
.about-history-slide-cont .swiper-next{right:50px;}
.about-history-slide-cont .swiper-prev i,.about-history-slide-cont .swiper-next i{display:block;font-size:20px;color:#fff;}
.about-history-slide-cont .swiper-button-disabled{opacity:0.5;cursor:default;}

.about-history-slide-pager{margin-top:100px;display:flex;justify-content:center;overflow:hidden;}
.about-history-slide-pager .item{flex:1;cursor:pointer;}
.about-history-slide-pager .item .dots{display:flex;justify-content:center;align-items:center;height:30px;}
.about-history-slide-pager .item .dots i{display:block;margin:0 auto;width:4px;height:4px;border-radius:50%;background:#d3d9de;transition:all .5s;}
.about-history-slide-pager .item .dots i.dot-3{background:var(--vi-subcolor);}
.about-history-slide-pager .item .year{margin-top:8px;line-height:30px;text-align:center;font-family:"Poppins-SemiBold";font-size:18px;transition:all .5s;}
.about-history-slide-pager .item.cur .dots i.dot-3{transform:scale(2);}
.about-history-slide-pager .item.cur .year{font-size:24px;color:var(--vi-subcolor);}
.about-history-slide-pager .item:first-child .dots i.dot-1,
.about-history-slide-pager .item:first-child .dots i.dot-2{opacity:0;}
.about-history-slide-pager .item:last-child .dots i.dot-4,
.about-history-slide-pager .item:last-child .dots i.dot-5{opacity:0;}

@media(max-width:1200px){
.about-intro{padding:50px 20px;}
.about-intro-inner{padding:0;width:100%;height:auto;}
.about-intro-text{position:static;text-align:left;width:100%;transform:translateX(0);}
.about-intro-text h2{font-size:42px;}
.about-intro-text p{font-size:14px;}
.about-intro-pic{margin-top:20px;padding:0;width:100%;border-radius:15px;}

.about-building-summary{padding-top:0;}
.about-building-summary h2{font-size:42px;}
.about-building-summary p{font-size:14px;}
.about-building-list{margin-top:30px;}
.about-building-list .item{margin-bottom:40px;}
.about-building-list .item .pic{width:100%;}
.about-building-list .item .text{padding-top:20px;width:100%;}
.about-building-list .item .text h3{margin-bottom:10px;font-size:42px;}
.about-building-list .item .text p{height:auto;font-size:14px;}

.about-history{padding-bottom:50px;}
.about-history-title h2{font-size:42px;}
.about-history-slide{margin-top:30px;}
.about-history-slide-cont .item .pic{border-radius:10px;}
.about-history-slide-cont .item .text em{font-size:42px;}
.about-history-slide-cont .item .text p{font-size:14px;}
.about-history-slide-pager{display:none;}
.about-history-slide-cont .swiper-prev,.about-history-slide-cont .swiper-next{width:40px;height:40px;top:20%;}
.about-history-slide-cont .swiper-prev{left:0;}
.about-history-slide-cont .swiper-next{right:0;}
}
/*-- end about-intro --*/

/*-- case-banner --*/
.case-banner{position:relative;overflow:hidden;}
.case-banner .swiper-cont{overflow:hidden;}
.case-banner .swiper-cont .item{position:relative;}
.case-banner .swiper-cont .pic{overflow:hidden;}
.case-banner .swiper-cont .pic img{width:100%;}
.case-banner .swiper-cont .item .text{position:absolute;left:0;bottom:70px;padding:0 6.875%;width:100%;font-family:"Poppins-SemiBold";overflow:hidden;}
.case-banner .swiper-cont .item .text em{display:block;font-size:20px;color:#fff;opacity:0;transform:translateY(50px);transition:all 1.5s;}
.case-banner .swiper-cont .item .text h3{font-size:36px;color:#fff;opacity:0;transform:translateY(50px);transition:all 3s;}
.case-banner .swiper-cont .item.swiper-slide-active .text em,.case-banner .swiper-cont .item.swiper-slide-active .text h3{opacity:1;transform:translateY(0);}
.case-banner .swiper-arrow{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:3;right:6.875%;bottom:70px;width:136px;}
.case-banner .swiper-arrow div{display:flex;align-items:center;justify-content:center;width:58px;height:58px;cursor:pointer;color:#fff;background:var(--vi-subcolor);border-radius:50%;transition:all .5s;}
.case-banner .swiper-arrow div:hover{background:var(--vi-color);}

@media(max-width:1200px){
.case-banner .swiper-cont .item .text{bottom:20px;}
.case-banner .swiper-cont .item .text em{font-size:14px;}
.case-banner .swiper-cont .item .text h3{font-size:20px;}
.case-banner .swiper-arrow{display:none;}
}
/*-- end case-banner --*/

/*-- case-list --*/
.case-list-wrap{padding:100px 0;overflow:hidden;}
.case-searcher{display:flex;flex-wrap:wrap;}
.case-searcher .select-box{position:relative;width:252px;height:60px;}
.case-searcher .select-box dt{display:flex;align-items:center;justify-content:space-between;padding:0 30px;width:100%;height:60px;font-size:18px;color:#8ba2ae;cursor:pointer;border:#dcdcdc solid 1px;border-radius:30px;}
.case-searcher .select-box dt:after{display:block;width:12px;height:12px;content:"";border-left:var(--vi-subcolor) solid 2px;border-bottom:var(--vi-subcolor) solid 2px;transform:rotate(-45deg);}
.case-searcher .select-box dd{display:none;position:absolute;z-index:9;top:120%;left:0;padding:15px 0;width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);}
.case-searcher .select-box dd a{display:block;float:left;width:33.33%;line-height:45px;text-align:center;}
.case-searcher .select-box dd a:hover,.case-searcher .select-box dd a.cur{color:var(--vi-subcolor);}
.case-searcher .form-box{display:flex;align-items:center;margin-left:20px;width:554px;height:60px;overflow:hidden;border:#dcdcdc solid 1px;border-radius:30px;}
.case-searcher .form-box input{display:block;padding:0 30px;width:100%;height:100%;font-size:18px;color:var(--vi-subcolor);border:none;background:transparent;}
.case-searcher .form-box input::-webkit-input-placeholder{color:#8ba2ae;}
.case-searcher .form-box button{width:80px;height:100%;color:var(--vi-subcolor);border:none;cursor:pointer;background:transparent;}
.case-searcher .form-box button i{display:block;font-size:20px;}
.case-searcher .form-box button:hover{color:var(--vi-color);}
.case-main{margin-top:50px;}
.case-list-cont{display:flex;flex-wrap:wrap;margin:0 -16px;}
.case-list-cont .item{margin:0 16px 80px;width:calc(33.33% - 32px);overflow:hidden;animation:fadeInUpSmall 1.5s;}
.case-list-cont .item .pic{overflow:hidden;border-radius:10px;}
.case-list-cont .item .pic img{transition:all .5s;}
.case-list-cont .item .text{padding-top:20px;overflow:hidden;}
.case-list-cont .item .text h3{margin-bottom:12px;line-height:1.5;max-height:calc(20px * 1.5 * 2);font-family: "Poppins-SemiBold";font-size:20px;overflow:hidden;}
.case-list-cont .item .text h3 a{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.case-list-cont .item .text span{display:block;font-size:16
	px;color:#868e95;}
.case-list-cont .item:hover .pic img{transform:scale(1.1);}
.case-list-cont .item:hover .text h3 a{color:var(--vi-subcolor);text-decoration:underline;}

.addMore{display:flex;justify-content:center;}
.addMore a{display:block;width:150px;line-height:40px;text-align:center;color:var(--vi-subcolor);border:var(--vi-subcolor) solid 1px;border-radius:25px;transition:all .5s;}
.addMore a:hover{color:#fff;background:var(--vi-subcolor);border-color:var(--vi-subcolor);}
@media(max-width:1200px){
.case-list-wrap{padding:50px 0;}
.case-searcher .select-box{width:100%;height:50px;}
.case-searcher .select-box dt{height:50px;font-size:14px;}
.case-searcher .form-box{margin-left:0;margin-top:10px;width:100%;height:50px;}
.case-searcher .form-box input{padding:0 20px;font-size:14px;}
.case-main{margin-top:30px;}
.case-list-cont{margin:0 -10px;}
.case-list-cont .item{margin:0 10px 30px;width:calc(50% - 20px);}
.case-list-cont .item .text h3{margin-bottom:0;max-height:calc(14px * 1.5 * 2);font-size:14px;}
.case-list-cont .item .text span{display:none;font-size:14px;}

.addMore a{width:120px;font-size:14px;}
}
/*-- end case-list --*/

/*-- case-detail --*/
.case-detail-intro{padding:60px 0;overflow:hidden;border-bottom:#dcdcdc solid 1px;}
.case-detail-intro .back-wrap{height:35px;line-height:35px;}
.case-detail-intro .back-wrap a{display:flex;align-items:center;font-family:"Poppins-Medium";font-size:20px;color:#868e95;}
.case-detail-intro .back-wrap a:before{display:block;margin-right:5px;font-family:"iconfont";content:"\e642";color:var(--vi-subcolor);}
.case-detail-intro .back-wrap a:hover{color:var(--vi-subcolor);}
.case-detail-intro-cont{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;animation:fadeInUpSmall 1s;}
.case-detail-intro-pic{position:relative;width:50%;overflow:hidden;border-radius:10px;}
.case-detail-intro-pic .swiper-cont li{overflow:hidden;}
.case-detail-intro-pic .swiper-cont li img{transition:all .5s;}
.case-detail-intro-pic .swiper-cont li:hover img{transform:scale(1.05);}
.case-detail-intro-pic .swiper-pager{position:absolute;z-index:9;left:0;bottom:30px;width:100%;text-align:center;}
.case-detail-intro-pic .swiper-pager span{margin:0 10px;opacity:.5;background:#fff;}
.case-detail-intro-pic .swiper-pager span.swiper-pagination-bullet-active{opacity:1;background:var(--vi-subcolor);}
.case-detail-intro-text{width:43%;}
.case-detail-intro-text h2{margin-bottom:25px;font-size:36px;line-height:1.25;}
.case-detail-intro-text li{display:flex;align-items:center;margin-bottom:10px;height:40px;}
.case-detail-intro-text li i{display:block;margin-right:18px;width:28px;height:28px;background-size:100%;background-repeat:no-repeat;}
.case-detail-intro-text li i.icon-deat{background-image:url(../images/case/icon_deat.png);}
.case-detail-intro-text li i.icon-city{background-image:url(../images/case/icon_city.png);}
.case-detail-intro-text li span{font-family:"Poppins-Medium";font-size:20px;color:#868e95;}

.case-detail-overview{padding:60px 0 140px;overflow:hidden;border-bottom:#dcdcdc solid 1px;}
.case-detail-overview-text{font-family:"Poppins-Medium";font-size:18px;line-height:1.75;animation:fadeInUpSmall 1s;}

.related-project-wrap{padding-top:60px;overflow:hidden;}
.related-project-wrap .hd h2{font-size:60px;}
.related-project-wrap .bd{margin-top:40px;}

@media(max-width:1200px){
.case-detail-intro{padding:50px 0;}
.case-detail-intro .back-wrap a{font-size:16px;}
.case-detail-intro-pic{width:100%;}
.case-detail-intro-pic .swiper-pager{bottom:20px;}
.case-detail-intro-pic .swiper-pager span{margin:0 5px;}

.case-detail-intro-text{margin-top:25px;width:100%;}
.case-detail-intro-text h2{margin-bottom:20px;font-size:20px;}
.case-detail-intro-text li{margin-bottom:8px;height:30px;}
.case-detail-intro-text li span{font-size:16px;}

.case-detail-overview{padding:50px 0;}
.case-detail-overview-text{font-size:16px;}

.related-project-wrap{padding-top:50px;}
.related-project-wrap .hd h2{font-size:36px;}
.related-project-wrap .bd{margin-top:20px;}
}
/*-- end case-detail --*/

/*-- news-list --*/
.news-list-wrap{padding:100px 0;overflow:hidden;}
.news-list-top{position:relative;display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between;}
.news-list-top .hd{position:absolute;top:0;left:0;}
.news-list-top .hd h2{font-size:60px;}
.news-list-top .bd{display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between;}
.news-list-top .bd .pic{width:50%;overflow:hidden;border-radius:10px;}
.news-list-top .bd .pic img{transition:all .5s;}
.news-list-top .bd .pic:hover img{transform:scale(1.05);}
.news-list-top .bd .text{display:flex;flex-direction:column;justify-content:flex-end;width:45%;}
.news-list-top .bd .text em{display:block;font-family: "Poppins-SemiBold";font-size:20px;color:#868e95;}
.news-list-top .bd .text h3{margin-top:10px;font-size:36px;height:calc(36px * 1.25 * 3);line-height:1.25;}
.news-list-top .bd .text h3 a{overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;}
.news-list-top .bd .text h3 a:hover{color:var(--vi-subcolor);}
.news-list-top .bd .text span{display:flex;align-items:center;margin-top:20px;font-family: "Poppins-SemiBold";font-size:18px;color:var(--vi-subcolor);}
.news-list-top .bd .text span a{display:block;color:var(--vi-subcolor);}
.news-list-top .bd .text span:hover{text-decoration:underline;}

.news-main{margin-top:120px;}
.news-list-cont{display:flex;flex-wrap:wrap;margin:0 -16px;}
.news-list-cont .item{margin:0 16px 80px;width:calc(33.33% - 32px);overflow:hidden;animation:fadeInUpSmall 1.5s;}
.news-list-cont .item .pic{overflow:hidden;border-radius:10px;}
.news-list-cont .item .pic img{transition:all .5s;}
.news-list-cont .item .text{padding-top:15px;overflow:hidden;}
.news-list-cont .item .text em{display:block;font-family: "Poppins-SemiBold";font-size:20px;color:#868e95;}
.news-list-cont .item .text h3{margin-top:5px;max-height:calc(20px * 1.5 * 3);font-size:20px;line-height:1.5;overflow:hidden;}
.news-list-cont .item .text h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;}
.news-list-cont .item .pic img:hover{transform:scale(1.1);}
.news-list-cont .item .text h3 a:hover{color:var(--vi-subcolor);text-decoration:underline;}

@media(max-width:1200px){
.news-list-wrap{padding:50px 0;}
.news-list-top{flex-direction:column;}
.news-list-top .hd{position:static;text-align:left;}
.news-list-top .hd h2{font-size:42px;}
.news-list-top .bd{margin-top:25px;}
.news-list-top .bd .pic{width:100%;}
.news-list-top .bd .text{margin-top:25px;width:100%;}
.news-list-top .bd .text em{font-size:14px;}
.news-list-top .bd .text h3{font-size:16px;height:auto;}
.news-list-top .bd .text span{font-size:14px;}

.news-main{margin-top:50px;}
.news-list-cont{margin:0 -10px;}
.news-list-cont .item{margin:0 10px 20px;width:calc(50% - 20px);}
.news-list-cont .item .text em{font-size:14px;}
.news-list-cont .item .text h3{height:calc(14px * 1.5 * 2);font-size:14px;}
.news-list-cont .item .text h3 a{-webkit-line-clamp:2;}
}
/*-- end news-list --*/

/*-- news-detail --*/
.news-detail-wrap{margin:0 auto;width:64%;overflow:hidden;}
.news-detail-cont{padding:60px 0 100px;overflow:hidden;border-bottom:#dcdcdc solid 1px;}
.news-detail-cont .article-hd{border-bottom:#dcdcdc solid 1px;}
.news-detail-cont .article-hd .title h1{font-size:42px;}
.news-detail-cont .article-hd .meta{display:flex;align-items:center;justify-content:space-between;margin-top:40px;height:60px;}
.news-detail-cont .article-hd .meta .date em{font-size:18px;}
.news-detail-cont .article-hd .meta .share span{display:flex;align-items:center;color:var(--vi-color);cursor:pointer;}
.news-detail-cont .article-hd .meta .share span:after{display:block;margin-left:8px;font-family:"iconfont";content:"\e602";color:var(--vi-color);}
.news-detail-cont .article-bd{padding-top:60px;overflow:hidden;animation:fadeInUpSmall 1s;}
.news-detail-cont .article-bd p{font-size:18px;line-height:1.75;}

.related-news-wrap{padding:100px 0 40px;overflow:hidden;}
.related-news-wrap .hd h2{font-size:60px;}
.related-news-wrap .bd{margin-top:30px;}
.related-news-list-cont{display:flex;flex-wrap:wrap;margin:0 -16px;}
.related-news-list-cont .item{margin:0 16px 80px;width:calc(33.33% - 32px);overflow:hidden;animation:fadeInUpSmall 1.5s;}
.related-news-list-cont .item .pic{overflow:hidden;border-radius:10px;}
.related-news-list-cont .item .pic img{transition:all .5s;}
.related-news-list-cont .item .text{padding-top:15px;overflow:hidden;}
.related-news-list-cont .item .text em{display:block;font-family: "Poppins-SemiBold";font-size:16px;color:#868e95;}
.related-news-list-cont .item .text h3{margin-top:5px;height:calc(18px * 1.5 * 2);font-size:18px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;}
.related-news-list-cont .item:hover .pic img{transform:scale(1.1);}
.related-news-list-cont .item:hover .text h3{color:var(--vi-subcolor);}

@media(max-width:1200px){
.news-detail-wrap{width:100%;padding:0 6.875%;}
.news-detail-cont{padding:20px 0 30px;}
.news-detail-cont .article-hd .title h1{font-size:24px;}
.news-detail-cont .article-hd .meta{margin-top:20px;}
.news-detail-cont .article-bd{padding-top:30px;}
.news-detail-cont .article-bd p{font-size:14px;}

.related-news-wrap{padding:50px 0 0;}
.related-news-wrap .hd h2{font-size:36px;}
.related-news-wrap .bd{margin-top:20px;}
.related-news-list-cont{margin:0 -10px;}
.related-news-list-cont .item{margin:0 10px 30px;width:calc(50% - 20px);}
.related-news-list-cont .item .text em{font-size:14px;}
.related-news-list-cont .item .text h3{height:calc(16px * 1.5 * 2);font-size:16px;}
}
/*-- end news-detail --*/

/*-- banner --*/
.banner{position:relative;}
.banner .pic{overflow:hidden;}
.banner .text{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);}
.banner .text h2{font-family: "Poppins-SemiBold";font-size:60px;color:#fff;animation:fadeInUpSmall 1.5s;}
@media(max-width:1200px){
.banner .text h2{font-size:26px;}
}
/*-- end banner --*/

/*-- product-list --*/
.product-list-wrap{padding:120px 0;overflow:hidden;background:#f5f5f5;}
.product-list-tab{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-list-menus{width:21%;}
.product-list-menus .hd{padding-bottom:24px;border-bottom:#e3e3e3 solid 1px;}
.product-list-menus .hd h3{font-size:24px;color:#333;}
.product-list-menus .hd h3 a{color:#333;}
.product-list-menus .hd h3 a:hover{color:var(--vi-subcolor);}
.product-list-menus .bd{overflow:hidden;}
.product-list-menus .bd ul{display:block;}
.product-list-menus .bd li{display:flex;align-items:center;justify-content:space-between;height:80px;font-size:18px;color:var(--vi-color);cursor:pointer;border-bottom:#dcdcdc solid 1px;}
.product-list-menus .bd li:after{display:block;margin-left:10px;font-family:"iconfont";content:"\e694";}
.product-list-menus .bd li:hover,.product-list-menus .bd li.cur{color:var(--vi-subcolor);}

.product-list-main{width:74%;}
.product-list-group{display:none;}
.product-list-cont{display:flex;flex-wrap:wrap;margin:-20px -20px 60px;}
.product-list-cont .item{margin:20px;padding:30px;width:calc(33.33% - 40px);overflow:hidden;background:#fff;border-radius:15px;animation:fadeInUpSmall 0.5s;}
.product-list-cont .item .pic{margin:0 auto;max-width:225px;}
.product-list-cont .item .pic img{transition:all .5s;}
.product-list-cont .item .pic:hover img{transform:scale(1.05);}
.product-list-cont .item .text{padding-top:12px;text-align:center;overflow:hidden;}
.product-list-cont .item .text h3{font-family: "Poppins-Medium";font-size:18px;}
.product-list-cont .item .text p{margin-top:5px;height:calc(14px * 1.5 * 3);font-size:14px;color:#a6a6a6;overflow:hidden;}
.product-list-cont .item .text a{display:flex;align-items:center;justify-content:center;margin:15px auto 0;width:210px;height:42px;border-radius:22px;transition:all 1s;}
.product-list-cont .item .text a.more{color:#fff;background:var(--vi-subcolor);border:var(--vi-subcolor) solid 1px;}
.product-list-cont .item .text a.tag-1{color:var(--vi-subcolor);border:var(--vi-subcolor) solid 1px;}
.product-list-cont .item .text a.tag-2{color:var(--vi-color);background-color:#eff0f1;}
.product-list-cont .item .text a.more:hover,
.product-list-cont .item .text a.tag-1:hover{background-color:var(--vi-subcolor);color:#fff;opacity:.55;}

.product-list-main .loading{display:none;padding:20px;}
.product-list-main .loading .d-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#666;}
.product-list-main .loading .d-flex i{display:block;font-size:40px;animation:loading .5s linear;}
.product-list-main .loading .d-flex span{display:block;margin-top:5px;}

.no-data{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px;border:#ddd solid 1px;}
.no-data i{display:block;font-size:100px;color:#bbb;}
.no-data span{display:block;margin-top:5px;color:#666;}

@media(max-width:1200px){
.product-list-wrap{padding:0 0 50px;}
.product-list-wrap .wrapper{padding:0;}
.product-list-menus{width:100%;}
.product-list-menus .hd{display:none;}
.product-list-menus .hd h3{font-size:18px;}
.product-list-menus .bd{padding:0 6.875%;background:#fff;}
.product-list-menus .bd ul{display:flex;}
.product-list-menus .bd li{width:auto;height:50px;font-size:16px;border:none;}
.product-list-menus .bd li:after{display:none;}
.product-list-main{padding:0 6.875%;width:100%;}
.product-list-cont{margin:30px -10px;}
.product-list-cont .item{margin:10px;padding:20px 20px 30px;width:calc(100% - 20px);}
}
/*-- end product-list --*/

/*-- product-detail-intro --*/
.product-detail-intro{margin-top:40px;padding-bottom:120px;overflow:hidden;animation:fadeInUpSmall 1s;}
.product-detail-intro-images{float:left;width:50%;}
.product-detail-intro-images-big,.product-detail-intro-images-thumb{margin:0 auto;width:500px;overflow:hidden;}
.product-detail-intro-images-big li{overflow:hidden;}
.product-detail-intro-images-big li img{transition:all .5s;}
.product-detail-intro-images-big li:hover img{transform:scale(1.05);}
.product-detail-intro-images-thumb ul{display:flex;margin:30px -5px;}
.product-detail-intro-images-thumb li{position:relative;margin:0 5px;width:calc(25% - 10px);cursor:pointer;overflow:hidden;}
.product-detail-intro-images-thumb li:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:#dcdcdc solid 1px;border-radius:10px;}
.product-detail-intro-images-thumb li img{transition:all .5s;}
.product-detail-intro-images-thumb li:hover:after,.product-detail-intro-images-thumb li.cur:after{border-color:var(--vi-subcolor);border-width:2px;transition:all .5s;}
.product-detail-intro-images-thumb li:hover img{transform:scale(1.05);}

.product-detail-intro-text{float:right;width:50%;}
.product-detail-intro-text .title{margin-bottom:15px;}
.product-detail-intro-text .title h1{font-size:42px;}
.product-detail-intro-text .param{margin-bottom:15px;overflow:hidden;}
.product-detail-intro-text .param li{margin-bottom:8px;font-family:"Poppins-Medium";font-size:24px;}
.product-detail-intro-text .param li:last-child{margin-bottom:0;}
.product-detail-intro-text .summary{height:calc(18px * 1.75 * 5);font-size:18px;line-height:1.75;font-family:"Poppins-Medium";overflow:hidden;}
.product-detail-intro-text .buttons{overflow:hidden;}
.product-detail-intro-text .buttons a{display:flex;align-items:center;justify-content:center;width:188px;height:56px;color:#fff;background:var(--vi-subcolor);border-radius:30px;transition:all 1s;}
.product-detail-intro-text .buttons a i{display:block;margin-left:8px;font-size:20px;}
.product-detail-intro-text .buttons a:hover{background:var(--vi-color);}
.product-detail-intro-text .tags{margin-top:40px;}
.product-detail-intro-text .tags ul{display:flex;flex-wrap:wrap;}
.product-detail-intro-text .tags ul li{margin-right:20px;height:54px;}
.product-detail-intro-text .tags img{width:auto;height:100%;}

@media(max-width:1200px){
.product-detail-intro{padding-bottom:50px;}
.product-detail-intro-images,.product-detail-intro-text{float:none;width:100%;}
.product-detail-intro-images-big,.product-detail-intro-images-thumb{width:100%;}
.product-detail-intro-text{margin-top:30px;padding-bottom:50px;}
.product-detail-intro-text .title h1{font-size:36px;}
.product-detail-intro-text .param li{font-size:16px;}
.product-detail-intro-text .summary{height:auto;font-size:14px;}
.product-detail-intro-text .buttons{margin-top:30px;}
.product-detail-intro-text .buttons a{width:150px;height:50px;}
}
/*-- end product-detail-intro --*/

/*-- product-detail-standard --*/
.product-detail-standard{height:820px;overflow:hidden;background:url(../images/products/product_standard_bg.jpg) no-repeat center / cover fixed;}
.product-detail-standard-inner{display:flex;align-items:center;width:100%;height:820px;}
.product-detail-standard-inner .text{max-width:50%;}
.product-detail-standard-inner .text h2{font-size:48px;color:#fff;animation:fadeInUpSmall 1s;}
.product-detail-standard-inner .text ul{margin-top:30px;animation:fadeInUpSmall 2s;}
.product-detail-standard-inner .text li{position:relative;margin-bottom:10px;padding-left:24px;font-family:"Poppins-Medium";font-size:16px;line-height:25px;color:#fff;}
.product-detail-standard-inner .text li:before{display:block;position:absolute;left:0;top:7px;width:12px;height:12px;content:"";border:#fff solid 2px;border-radius:50%;opacity:.5;}
@media(max-width:1200px){
.product-detail-standard{padding:50px 0;height:auto;background-attachment:unset;}
.product-detail-standard-inner{height:auto;}
.product-detail-standard-inner .text{max-width:unset;width:100%;}
.product-detail-standard-inner .text h2{font-size:36px;}
.product-detail-standard-inner .text li{font-size:14px;}
}
/*-- end product-detail-standard --*/

/*-- product-detail-cabinet --*/
.product-detail-cabinet{padding:120px 0;overflow:hidden;}
.product-detail-cabinet-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-detail-cabinet-inner .pic{width:50%;overflow:hidden;border-radius:15px;animation:fadeInUpSmall 1s;}
.product-detail-cabinet-inner .text{padding-top:40px;width:44%;overflow:hidden;}
.product-detail-cabinet-inner .text h2{font-size:48px;animation:fadeInUpSmall 1s;}
.product-detail-cabinet-inner .text ul{margin-top:30px;animation:fadeInUpSmall 2s;}
.product-detail-cabinet-inner .text li{position:relative;margin-bottom:10px;padding-left:24px;font-family:"Poppins-Medium";font-size:16px;line-height:25px;}
.product-detail-cabinet-inner .text li:before{display:block;position:absolute;left:0;top:7px;width:12px;height:12px;content:"";border:var(--vi-subcolor) solid 2px;border-radius:50%;opacity:.5;}
@media(max-width:1200px){
.product-detail-cabinet{padding:50px 0;}
.product-detail-cabinet-inner .pic{width:100%;}
.product-detail-cabinet-inner .text{padding-top:25px;width:100%;}
.product-detail-cabinet-inner .text h2{font-size:36px;}
.product-detail-cabinet-inner .text ul{margin-top:20px;}
.product-detail-cabinet-inner .text li{font-size:14px;}
}
/*-- end product-detail-cabinet --*/

/*-- product-detail-specifications --*/
.product-detail-specifications{padding-bottom:120px;overflow:hidden;}
.product-detail-specifications-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-detail-specifications-inner .text{width:50%;overflow:hidden;}
.product-detail-specifications-inner .text .hd{padding-bottom:25px;overflow:hidden;border-bottom:#dcdcdc solid 1px;animation:fadeInUpSmall 1s;}
.product-detail-specifications-inner .text .hd h2{font-size:48px;}
.product-detail-specifications-inner .text .bd{padding:30px 0;overflow:hidden;animation:fadeInUpSmall 2s;}
.product-detail-specifications-inner .text .bd ul{display:flex;flex-wrap:wrap;}
.product-detail-specifications-inner .text .bd li{padding:12px 0;width:50%;font-family: "Poppins-Medium";font-size:16px;line-height:1.75;}
.product-detail-specifications-inner .text .bd li span{display:block;}
.product-detail-specifications-inner .pic{width:50%;overflow:hidden;border-radius:15px;animation:fadeInUpSmall 1s;}
.product-detail-specifications-inner .pic img{transition:all .5s;}
@media(max-width:1200px){
.product-detail-specifications{padding-bottom:50px;}
.product-detail-specifications-inner .text{width:100%;}
.product-detail-specifications-inner .text .hd h2{font-size:36px;}
.product-detail-specifications-inner .text .bd li{font-size:14px;}
.product-detail-specifications-inner .pic{width:100%;}
}
/*-- end product-detail-specifications --*/

/*-- product-detail-download --*/
.product-detail-download{padding:120px 0;overflow:hidden;background:#f5f5f5;}
.product-detail-download-title{text-align:center;animation:fadeInUpSmall 1s;}
.product-detail-download-title h2{font-size:48px;}
.product-detail-download-cont{margin-top:40px;}
.product-detail-download-list{display:flex;flex-wrap:wrap;margin:-15px;}
.product-detail-download-list .item{display:flex;justify-content:space-between;align-items:center;margin:15px;padding:20px 30px;width:calc(50% - 30px);overflow:hidden;background:#fff;border-radius:15px;animation:fadeInUpSmall 1s;}
.product-detail-download-list .item .text{padding-left:60px;overflow:hidden;background:url(../images/products/icon_download.png) no-repeat 0 center / 40px;}
.product-detail-download-list .item .text h3{font-size:24px;font-family: "Poppins-Medium";}
.product-detail-download-list .item .text em,.product-detail-download-list .item .text span{display:inline-block;margin-right:10px;font-size:14px;}
.product-detail-download-list .item .button{display:flex;align-items:center;font-size:18px;color:var(--vi-subcolor);}
.product-detail-download-list .item .button i{display:block;margin-right:10px;font-size:20px;}
.product-detail-download-list .item .button span{display:block;font-family: "Poppins-Medium";}
.product-detail-download-list .item:hover{box-shadow:0 0 20px rgba(0,146,216,0.15);}
@media(max-width:1200px){
.product-detail-download{padding:50px 0;}
.product-detail-download-title h2{font-size:36px;}
.product-detail-download-list{margin:-10px;}
.product-detail-download-list .item{margin:0 0 10px;width:100%;}
.product-detail-download-list .item .text{padding-left:40px;background-size:30px;}
.product-detail-download-list .item .text h3{font-size:16px;}
.product-detail-download-list .item .text em,.product-detail-download-list .item .text span{font-size:12px;}
.product-detail-download-list .item .button span{display:none;}
}
/*-- end product-detail-download --*/

/*-- product-detail-compare --*/
.product-detail-compare{padding:120px 0;overflow:hidden;}
.product-detail-compare-title{text-align:center;animation:fadeInUpSmall 1s;}
.product-detail-compare-title h2{font-size:48px;}
.product-detail-compare-cont{margin-top:40px;overflow:hidden;}
.product-detail-compare-hd{padding:30px 45px;overflow:hidden;background:var(--vi-subcolor);border-radius:10px;}
.product-detail-compare-hd ul{display:flex;}
.product-detail-compare-hd li{display:flex;align-items:center;width:180px;height:40px;font-family:"Poppins-Medium";color:#fff;cursor:pointer;}
.product-detail-compare-hd li:not(:first-child):before{display:block;margin-right:10px;font-family:"iconfont";content:"\e684";}
.product-detail-compare-hd li.checked:not(:first-child):before{content:"\e7d3";}
.product-detail-compare-bd{display:flex;overflow:hidden;overflow-x:auto;}
.product-detail-compare-bd .col{display:none;position:relative;flex:none;width:20%;min-width:250px;text-align:center;border-left:#dcdcdc solid 1px;}
.product-detail-compare-bd .col:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(12,151,218,.05);opacity:0;transition:all 1s;}
.product-detail-compare-bd .col:first-child{text-align:left;border-left:none;}
.product-detail-compare-bd .col li{padding:25px 40px;font-size:18px;font-family:"Poppins-Medium";white-space:nowrap;overflow:hidden;}
.product-detail-compare-bd .col li i{display:block;width:150px;height:150px;overflow:hidden;}
.product-detail-compare-bd .col li:nth-child(even){background:#f6fafb;}
.product-detail-compare-bd .col:not(:first-child):hover:after{opacity:1;}
@media(max-width:1200px){
.product-detail-compare{padding:50px 0;}
.product-detail-compare-title h2{font-size:36px;}
.product-detail-compare-cont{margin-top:25px;}
.product-detail-compare-hd{padding:15px 20px;overflow:auto;}
.product-detail-compare-hd li{flex:none;width:auto;padding-right:30px;height:40px;}
.product-detail-compare-bd .col{min-width:200px;}
.product-detail-compare-bd .col li{font-size:14px;}
.product-detail-compare-bd .col li i{width:100px;height:100px;}
}
/*-- end product-detail-compare --*/

/*-- product-detail-systems --*/
.product-detail-systems{padding:120px 0;overflow:hidden;background:#f5f5f5;}
.product-detail-systems-title{text-align:center;animation:fadeInUpSmall 1s;}
.product-detail-systems-title h2{font-size:48px;}
.product-detail-systems-cont{margin-top:40px}
.product-detail-systems-menu{margin-bottom:50px;overflow:hidden;animation:fadeInUpSmall 1s;}
.product-detail-systems-menu ul{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:4px;width:710px;background:#fff;border-radius:30px;}
.product-detail-systems-menu li{flex:none;width:25%;text-align:center;height:52px;line-height:52px;cursor:pointer;font-size:18px;font-family:"Poppins-Medium";border-radius:26px;transition:all .5s;}
.product-detail-systems-menu li.cur{color:#fff;background:var(--vi-subcolor);}
.product-detail-systems-main{overflow:hidden;animation:fadeInUpSmall 2s;}
.product-detail-systems-main .systems-list{display:flex;flex-wrap:wrap;margin:-20px;overflow:hidden;}
.product-detail-systems-main .systems-list .item{display:block;margin:20px;padding:30px;width:calc(25% - 40px);text-align:center;overflow:hidden;background:#fff;border-radius:10px;}
.product-detail-systems-main .systems-list .item .pic{margin:0 auto;max-width:220px;overflow:hidden;}
.product-detail-systems-main .systems-list .item .pic img{transition:all .5s;}
.product-detail-systems-main .systems-list .item .text{padding:15px 0;overflow:hidden;}
.product-detail-systems-main .systems-list .item .text h3{margin-bottom:10px;font-size:18px;font-family:"Poppins-Medium";overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;}
.product-detail-systems-main .systems-list .item .text p{font-size:14px;color:#a6a6a6;}
.product-detail-systems-main .systems-list .item:hover .pic img{transform:scale(1.05);}
.product-detail-systems-main .systems-list .item:hover .text h3{color:var(--vi-subcolor);}
@media(max-width:1200px){
.product-detail-systems{padding:50px 0;}
.product-detail-systems-title h2{font-size:36px;}
.product-detail-systems-cont{margin-top:25px;}
.product-detail-systems-menu{overflow:auto;}
.product-detail-systems-menu li{font-size:14px;}

.product-detail-systems-main .systems-list{margin:-10px;}
.product-detail-systems-main .systems-list .item{margin:10px;padding:20px;width:calc(50% - 20px);}
.product-detail-systems-main .systems-list .item .text h3{margin-bottom:0;font-size:14px;-webkit-line-clamp:3;}
.product-detail-systems-main .systems-list .item .text p{display:none;}
}
/*-- end product-de systems --*/

/*-- product-detail-reviews --*/
.product-detail-reviews{padding:120px 0 140px;overflow:hidden;background:url(../images/products/product_reviews_bg.jpg) no-repeat center / cover;}
.product-detail-reviews-title{text-align:center;animation:fadeInUpSmall 1s;}
.product-detail-reviews-title h2{font-size:48px;color:#fff;}
.product-detail-reviews-cont{margin-top:25px;overflow:hidden;}
.product-detail-reviews-cont .row{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;}
.product-detail-reviews-cont .inputbox{width:calc(50% - 10px);background:#fff;border-radius:30px;}
.product-detail-reviews-cont .inputbox input{display:block;padding:15px 30px;width:100%;height:60px;font-family:"Poppins-Medium";font-size:18px;color:var(--vi-subcolor);background:transparent;border:none;}
.product-detail-reviews-cont .inputbox input::-webkit-input-placeholder{color:var(--vi-color);}
.product-detail-reviews-cont .textarea{width:100%;overflow:hidden;background:#fff;border-radius:15px;}
.product-detail-reviews-cont .textarea textarea{display:block;width:100%;padding:15px 30px;height:120px;font-family:"Poppins-Medium";font-size:18px;color:var(--vi-subcolor);background:transparent;border:none;resize:none;}
.product-detail-reviews-cont .textarea textarea::-webkit-input-placeholder{color:var(--vi-color);}
.product-detail-reviews-cont .button-wrap{margin-top:50px;overflow:hidden;}
.product-detail-reviews-cont .button-wrap button{display:block;margin:0 auto;width:288px;height:60px;font-family:"Poppins-Medium";font-size:24px;color:#fff;cursor:pointer;background:var(--vi-subcolor);border:var(--vi-subcolor) solid 2px;border-radius:30px;transition:all 1s;}
.product-detail-reviews-cont .button-wrap button:hover{background:var(--vi-color);border-color:#fff;}
@media(max-width:1200px){
.product-detail-reviews{padding:50px 0;}
.product-detail-reviews-title h2{font-size:36px;}
.product-detail-reviews-cont .row{margin-bottom:0;}
.product-detail-reviews-cont .inputbox{margin-bottom:20px;width:100%;}
.product-detail-reviews-cont .inputbox input{padding:10px 20px;height:50px;font-size:14px;}
.product-detail-reviews-cont .textarea textarea{padding:10px 20px;height:100px;font-size:14px;}
.product-detail-reviews-cont .button-wrap button{width:220px;height:50px;font-size:16px;}
}
/*-- end product-detail-reviews --*/

/*-- contact-banner --*/
.contact-banner{position:relative;}
.contact-banner .pic{overflow:hidden;}
.contact-banner .text{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);}
.contact-banner .text h2{font-size:60px;color:#fff;animation:fadeInUpSmall 1.5s;}
@media(max-width:1200px){
.contact-banner .text h2{font-size:42px;}	
}
/*-- end contact-banner --*/

/*-- contact-main --*/
.contact-main{padding-bottom:20px;border-bottom:#dcdcdc solid 1px;background:#f5f5f5;}
.contact-cont{position:relative;z-index:3;padding:100px;overflow:hidden;background:#fff;border-radius:20px;transform:translateY(-100px);}
.contact-cont-hd{font-family: "Poppins-Medium";font-size:24px;line-height:1.25;color:var(--vi-color);animation:fadeInUpSmall 1s;}
.contact-cont-bd{margin-top:30px;overflow:hidden;}
.contact-cont-bd .form-row{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -30px 40px;animation:fadeInUpSmall 1s;}
.contact-cont-bd .form-row .item{flex:1;margin:0 30px;}
.contact-cont-bd .form-row .item .label{display:flex;align-items:center;height:30px;font-size:18px;font-family: "Poppins-Medium";color:var(--vi-color);}
.contact-cont-bd .form-row .item .inputbox,.contact-cont-bd .form-row .item .selectbox{position:relative;margin-top:16px;height:60px;overflow:hidden;border:#dcdcdc solid 1px;border-radius:30px;}
.contact-cont-bd .form-row .item .inputbox input,.contact-cont-bd .form-row .item .selectbox select{display:block;padding:0 28px;width:100%;height:100%;font-size:18px;border:none;background:transparent;appearance:none;}
.contact-cont-bd .form-row .item .inputbox *::-webkit-input-placeholder{color:#8ba2ae;}
.contact-cont-bd .form-row .item .selectbox:after{display:block;position:absolute;right:20px;top:50%;font-family:"iconfont";content:"\e692";font-weight:bold; color:var(--vi-subcolor); transform:translateY(-50%);}
.contact-cont-bd .form-row .item[data-required='true'] .label:after{display:block;margin-left:5px;content:"*";color:#e52222;}

.contact-cont-bd .term-wrap{overflow:hidden;animation:fadeInUpSmall 1s;}
.contact-cont-bd .term-wrap span{display:block;margin-bottom:16px;font-size:18px;font-family: "Poppins-Medium";color:var(--vi-color);}
.contact-cont-bd .term-wrap p{position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:#8ba2ae;}
.contact-cont-bd .term-wrap p:before{display:block;position:absolute;top:4px;left:0;width:16px;height:16px;content:"";border:#dcdcdc solid 1px;border-radius:3px;background:#fff;}
.contact-cont-bd .term-wrap p:after{display:block;position:absolute;top:7px;left:3px;font-family:"iconfont";font-size:7px;content:"\e651";color:#fff;opacity:0;}
.contact-cont-bd .term-wrap p a{color:var(--vi-subcolor);}
.contact-cont-bd .term-wrap.active p:before{background:var(--vi-subcolor);}
.contact-cont-bd .term-wrap.active p:after{opacity:1;}

.contact-cont-bd .button-wrap{margin-top:50px;animation:fadeInUpSmall 1s;}
.contact-cont-bd .button-wrap button{display:block;width:285px;height:60px;font-size:24px;font-family:"Poppins-Medium";color:#fff;cursor:pointer;border:none;background:var(--vi-subcolor);border-radius:30px;transition:all .5s;}
.contact-cont-bd .button-wrap button:hover{background-color:var(--vi-color);}
@media(max-width:1200px){
.contact-cont{padding:30px;transform:translateY(-50px);}
.contact-cont-hd{font-size:18px;}
.contact-cont-bd{margin-top:20px;}
.contact-cont-bd .form-row{margin:0;}
.contact-cont-bd .form-row .item{flex:none;margin:0 0 20px;width:100%;}
.contact-cont-bd .form-row .item .inputbox,.contact-cont-bd .form-row .item .selectbox{height:50px;}
.contact-cont-bd .form-row .item .inputbox input,.contact-cont-bd .form-row .item .selectbox select{font-size:14px;}
.contact-cont-bd .button-wrap{margin-top:25px;}
.contact-cont-bd .button-wrap button{width:100%;height:50px;font-size:18px;}
}
/*-- end contact-main --*/

/*-- where-to-main --*/
.where-to-buy-main{padding:120px 0;overflow:hidden;}
.where-to-buy-cont{display:flex;flex-wrap:wrap;justify-content:space-between;}
.where-to-buy-cont .text{width:35%;animation:fadeInUpSmall 1s;}
.where-to-buy-cont .text .hd{font-family: "Poppins-Medium";font-size:24px;line-height:1.25;color:var(--vi-color);}
.where-to-buy-cont .text .bd{margin-top:35px;overflow:hidden;}
.where-to-buy-cont .text .bd .item{margin-bottom:35px;overflow:hidden;}
.where-to-buy-cont .text .bd .item .label{display:flex;align-items:center;height:30px;font-family: "Poppins-Medium";font-size:18px;color:var(--vi-color);}
.where-to-buy-cont .text .bd .item .inputbox,.where-to-buy-cont .text .bd .item .selectbox{position:relative;margin-top:16px;height:60px;overflow:hidden;border:#dcdcdc solid 1px;border-radius:30px;}
.where-to-buy-cont .text .bd .item .inputbox input,.where-to-buy-cont .text .bd .item .selectbox select{display:block;padding:0 28px;width:100%;height:100%;font-size:18px;border:none;background:transparent;appearance:none;}
.where-to-buy-cont .text .bd .item .inputbox *::-webkit-input-placeholder{color:#8ba2ae;}
.where-to-buy-cont .text .bd .item .selectbox:after{display:block;position:absolute;right:20px;top:50%;font-family:"iconfont";content:"\e692";font-weight:bold; color:var(--vi-subcolor); transform:translateY(-50%);}
.where-to-buy-cont .text .bd .item[data-required='true'] .label:after{display:block;margin-left:5px;content:"*";color:#e52222;}
.where-to-buy-cont .text .bd .button-wrap{overflow:hidden;}
.where-to-buy-cont .text .bd .button-wrap button{display:block;width:268px;height:60px;font-family: "Poppins-Medium";font-size:24px;color:#fff;cursor:pointer;border:none;background:var(--vi-subcolor);border-radius:30px;transition:all .5s;}
.where-to-buy-cont .text .bd .button-wrap button:hover{background:var(--vi-color);}

.where-to-buy-cont .map{position:relative;width:57%;animation:fadeInUpSmall 1s;}
.where-to-buy-cont .map #map{position:absolute;top:0;left:0;width:100%;height:100%;}
.where-to-buy-cont .map .leaflet-popup-content h3{margin-bottom:6px;font-size:18px;color:var(--vi-color);}
.where-to-buy-cont .map .leaflet-popup-content p{margin:0;font-size:16px;color:#6a6d70;}
@media(max-width:1200px){
.where-to-buy-main{padding:50px 0;}
.where-to-buy-cont .text{width:100%;}
.where-to-buy-cont .text .hd{font-size:18px;}
.where-to-buy-cont .text .bd{margin-top:20px;}
.where-to-buy-cont .text .bd .item .inputbox,.where-to-buy-cont .text .bd .item .selectbox{height:50px;}
.where-to-buy-cont .text .bd .item .inputbox input,.where-to-buy-cont .text .bd .item .selectbox select{padding:0 20px;font-size:14px;}
.where-to-buy-cont .text .bd .button-wrap button{width:220px;height:50px;font-size:16px;}

.where-to-buy-cont .map{margin-top:30px;width:100%;height:300px;}
}
/*-- end where-to-main --*/

/*-- lookup --*/
.lookup-wrap{padding:50px 0 120px;overflow:hidden;background:#f5f5f5;}
.lookup-query-inner{padding:120px 120px 200px;overflow:hidden;background:#fff;border-radius:20px;animation:fadeInUpSmall 2s;}
.lookup-query-hd{text-align:center;overflow:hidden;}
.lookup-query-hd h2{line-height:1.25;font-size:60px;}
.lookup-query-hd p{margin-top:10px;font-size:18px;}
.lookup-query-bd{margin-top:60px;}
.lookup-query-bd .form-row{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -30px 40px;animation:fadeInUpSmall 1s;}
.lookup-query-bd .form-row .item{flex:1;margin:0 30px;}
.lookup-query-bd .form-row .item .label{display:flex;align-items:center;height:30px;font-size:18px;font-family: "Poppins-Medium";color:var(--vi-color);}
.lookup-query-bd .form-row .item .inputbox,.lookup-query-bd .form-row .item .selectbox{position:relative;margin-top:16px;height:60px;overflow:hidden;border:#dcdcdc solid 1px;border-radius:30px;}
.lookup-query-bd .form-row .item .inputbox input,.lookup-query-bd .form-row .item .selectbox select{display:block;padding:0 28px;width:100%;height:100%;font-size:18px;border:none;background:transparent;appearance:none;}
.lookup-query-bd .form-row .item .inputbox *::-webkit-input-placeholder{color:#8ba2ae;}
.lookup-query-bd .form-row .item .inputbox i{display:block;position:absolute;z-index:3;top:50%;right:20px;font-size:20px;transform:translateY(-50%);color:var(--vi-subcolor);}
.lookup-query-bd .form-row .item .selectbox:after{display:block;position:absolute;right:20px;top:50%;font-family:"iconfont";content:"\e692";font-weight:bold; color:var(--vi-subcolor); transform:translateY(-50%);}
.lookup-query-bd .form-row .item[data-required='true'] .label:after{display:block;margin-left:5px;content:"*";color:#e52222;}
.lookup-query-bd .button-wrap{margin-top:50px;animation:fadeInUpSmall 1s;}
.lookup-query-bd .button-wrap button{display:block;width:285px;height:60px;font-size:24px;font-family:"Poppins-Medium";color:#fff;cursor:pointer;border:none;background:var(--vi-subcolor);border-radius:30px;transition:all .5s;}
.lookup-query-bd .button-wrap button:hover{background-color:var(--vi-color);}

.lookup-result-inner{display:none;overflow:hidden;padding:110px;overflow:hidden;background:#fff;border-radius:20px;animation:fadeInUpSmall 2s;}
.lookup-result-hd{display:flex;justify-content:space-between;}
.lookup-result-hd h2{line-height:1.25;font-size:60px;}
.lookup-result-hd a{display:flex;align-items:center;font-family: "Poppins-Medium";font-size:20px;color:#868e95;}
.lookup-result-hd a:before{display:block;margin-right:5px;font-family:"iconfont";content:"\e642";color:var(--vi-subcolor);}
.lookup-result-hd a:hover{color:var(--vi-subcolor);}
.lookup-result-bd{margin-top:50px;overflow:hidden;}
.lookup-result-bd .item{display:flex;padding:20px 0;overflow:hidden;border-bottom:#dcdcdc solid 1px;}
.lookup-result-bd .item .label,.lookup-result-bd .item .val{flex:none;width:50%;font-family: "Poppins-Medium";color:var(--vi-color);}
.lookup-result-bd .item .val img{width:142px;}
.lookup-result-bd .item .val a{color:var(--vi-subcolor);}
@media(max-width:1200px){
.lookup-wrap{padding:50px 0;}
.lookup-query-inner{padding:50px 20px;}
.lookup-query-hd h2{font-size:32px;}
.lookup-query-hd p{font-size:14px;}
.lookup-query-bd{margin-top:25px;width:100%;}
.lookup-query-bd .form-row{margin:0;}
.lookup-query-bd .form-row .item{flex:none;margin:0 0 20px;width:100%;}
.lookup-query-bd .form-row .item .inputbox,.lookup-query-bd .form-row .item .selectbox{height:50px;}
.lookup-query-bd .form-row .item .inputbox input,.lookup-query-bd .form-row .item .selectbox select{font-size:14px;}
.lookup-query-bd .button-wrap{margin-top:25px;}
.lookup-query-bd .button-wrap button{width:100%;height:50px;font-size:18px;}

.lookup-result-inner{padding:20px;}
.lookup-result-hd h2{font-size:42px;}
.lookup-result-bd{margin-top:25px;width:100%;}
}
/*-- end lookup --*/

/*-- training-list --*/
.training-list-wrap{padding:120px 0;overflow:hidden;background:#f5f5f5;}
.training-list-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.training-list-l{width:21%;}
.training-list-l .form{position:relative;padding:0 80px 0 30px;height:68px;overflow:hidden;background:#fff;border-radius:34px;}
.training-list-l .form input{display:block;width:100%;height:100%;font-size:18px;font-family:"Poppins-Medium"; border:none;background:transparent;}
.training-list-l .form input::-webkit-input-placeholder{color:#8ba2ae;}
.training-list-l .form button{display:block;position:absolute;top:0;right:0;width:80px;height:100%;cursor:pointer;border:none;background:transparent;transition:all .5s;}
.training-list-l .form button i{display:block;font-size:20px;font-weight:bold;color:var(--vi-subcolor);}
.training-list-l .form button:hover{background:var(--vi-subcolor);}
.training-list-l .form button:hover i{color:#fff;}
.training-menus{margin-top:38px;overflow:hidden;}
.training-menus dl{border-bottom:#dcdcdc solid 1px;}
.training-menus dt{font-size:18px;font-family:"Poppins-Medium";color:var(--vi-color);cursor:pointer;}
.training-menus dt a{display:flex;align-items:center;justify-content:space-between;color:var(--vi-color);height:80px;}
.training-menus dt a:after{display:block;margin-left:8px;font-family:"iconfont";font-weight:bold;content:"\e694";transition:all .5s;}
.training-menus dd{display:none;overflow:hidden;}
.training-menus dd a{display:block;margin-bottom:30px;padding:0 30px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.training-menus dd a:hover,.training-menus dd a.cur{color:var(--vi-subcolor);}
.training-menus dl.cur dt a{color:var(--vi-subcolor);}
.training-menus dl.cur dt a:after{transform:rotate(90deg);}
.training-menus dl.cur dd{display:block;}

.training-list-r{width:74%;}
.training-list-group{display:none;}
.training-list-cont{display:flex;flex-wrap:wrap;margin:0 -16px;}
.training-list-cont .item{margin:0 16px 80px;width:calc(33.33% - 32px);overflow:hidden;animation:fadeInUpSmall 1.5s;}
.training-list-cont .item .pic{overflow:hidden;border-radius:10px;}
.training-list-cont .item .pic img{transition:all .5s;}
.training-list-cont .item .text{padding-top:15px;overflow:hidden;}
.training-list-cont .item .text em{display:block;font-family: "Poppins-SemiBold";font-size:16px;color:#868e95;}
.training-list-cont .item .text h3{margin-top:5px;height:calc(18px * 1.5 * 2);line-height:1.5;font-size:18px;overflow:hidden;}
.training-list-cont .item .text h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;}
.training-list-cont .item:hover .pic img{transform:scale(1.1);}
.training-list-cont .item:hover .text h3 a{color:var(--vi-subcolor);text-decoration:underline;}
@media(max-width:1200px){
.training-list-wrap{padding:50px 20px;}
.training-list-l{width:100%;}
.training-menus .bd dt{height:50px;font-size:14px;}
.training-menus .bd dd a{margin-bottom:10px;padding:0 20px;font-size: 14px;}

.training-list-r{margin-top:30px;width:100%;}
.training-list-cont{margin:0 -10px;}
.training-list-cont .item{margin:0 10px 30px;width:calc(50% - 20px);}
.training-list-cont .item .text em{font-size:12px;}
.training-list-cont .item .text h3{height:calc(14px * 1.5 * 2);font-size:14px;}
}
/*-- end training-list --*/

/*-- literature --*/
.literature-wrap{padding:100px 0 120px;border-bottom:#dcdcdc solid 1px;background:#f5f5f5;}
.literature-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.literature-menus{width:21%;}
.literature-menus .hd{padding-bottom:24px;border-bottom:#e3e3e3 solid 1px;}
.literature-menus .hd h3{font-size:24px;}
.literature-menus .bd{overflow:hidden;}
.literature-menus .bd dl{border-bottom:#dcdcdc solid 1px;}
.literature-menus .bd dt{display:flex;align-items:center;justify-content:space-between;height:80px;font-size:18px;font-family:"Poppins-Medium";color:var(--vi-color);cursor:pointer;}
.literature-menus .bd dt:after{display:block;margin-left:8px;font-family:"iconfont";font-weight:bold;content:"\e694";transition:all .5s;}
.literature-menus .bd dd{display:none;overflow:hidden;}
.literature-menus .bd dd a{display:block;margin-bottom:30px;padding:0 30px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.literature-menus .bd dd a:hover,.literature-menus .bd dd a.cur{color:var(--vi-subcolor);}
.literature-menus .bd dl.cur dt{color:var(--vi-subcolor);}
.literature-menus .bd dl.cur dt:after{transform:rotate(90deg);}
.literature-menus .bd dl.cur dd{display:block;}

.literature-main{width:74%;background:#fff;border-radius:20px;}
.literature-main-hd{padding:30px 40px;overflow:hidden;border-bottom:#e3e3e3 solid 1px;}
.literature-main-hd h3{font-family:"Poppins-Medium";font-size:24px;}
.literature-main-bd{padding:30px 40px;overflow:hidden;}
.literature-item{margin-bottom:30px;overflow:hidden;}
.literature-item-hd{font-family:"Poppins-Medium";font-size:18px;line-height:28px;color:var(--vi-subcolor);}
.literature-item-bd{margin-top:12px;overflow:hidden;}
.literature-item-bd .download-item{margin-bottom:20px;}
.literature-item-bd .download-item a{display:flex;align-items:center;padding:0 20px;height:58px;font-size:18px;background:#f7f8f9;border-radius:10px;}
.literature-item-bd .download-item a i{display:block;margin-right:18px;color:var(--vi-subcolor);font-size:20px;}
.literature-item-bd .download-item a:hover{color:var(--vi-subcolor);}

@media(max-width:1200px){
.literature-wrap{padding:50px 0;}
.literature-menus{width:100%;}
.literature-menus .hd h3{font-size:18px;}
.literature-menus .bd dt{height:50px;font-size:14px;}
.literature-menus .bd dd a{margin-bottom:10px;padding:0 20px;font-size: 14px;}

.literature-main{margin-top:30px;width:100%;}
.literature-main-hd{padding:15px 20px;}
.literature-main-hd h3{font-size:18px;}
.literature-main-bd{padding:15px 20px;}
.literature-item{margin-bottom:20px;}
.literature-item-bd .download-item{margin-bottom:15px;}
.literature-item-bd .download-item a{font-size:14px;}
}
/*-- end literature --*/

/*-- menu --*/
.menu-wrap{overflow:hidden;background:#fff;}
.menu-wrap .list{}
.menu-wrap .list ul{display:flex;justify-content:center;}
.menu-wrap .list li{position:relative;margin:0 45px;width:auto;height:80px;line-height:80px;font-size:18px;}
.menu-wrap .list li:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;content:"";background:var(--vi-subcolor);transform:scale(0);transition:all .5s;}
.menu-wrap .list li:hover a,.menu-wrap .list li.cur a{color:var(--vi-subcolor);}
.menu-wrap .list li:hover:after,.menu-wrap .list li.cur:after{transform:scale(1);}
@media(max-width:1200px){
.menu-wrap{padding:10px 20px;}
.menu-wrap .list ul{justify-content:flex-start;}
.menu-wrap .list li{margin:0;width:auto;height:50px;line-height:50px;font-size:16px;}
.menu-wrap .list li:after{display:none;}
}
/*-- end menu --*/

/*-- breadcrumb-wrap --*/
.breadcrumb-wrap{padding:25px 0;overflow:hidden;}
.breadcrumb-wrap ol{display:flex;align-items:center;width:100%;}
.breadcrumb-wrap ol:before{display:block;margin-right:5px;font-family:"iconfont";content:"\e601";color:var(--vi-subcolor);}
.breadcrumb-wrap ol li{display:flex;align-items:center;font-size:16px;}
.breadcrumb-wrap ol li:after{display:block;margin:0 5px;font-family:"iconfont";font-size:12px;font-weight:bold;content:"\e694";}
.breadcrumb-wrap ol li:last-child:after{display:none;}
.breadcrumb-wrap ol li a:hover{color:var(--vi-subcolor);}
@media(max-width:1200px){
.breadcrumb-wrap{display:none;}
}
/*-- end breadcrumb-wrap --*/

/*-- pager --*/
.pager{display:flex;justify-content:center;align-items:center;}
.pager a{display:flex;align-items:center;justify-content:center;margin:0 5px;width:50px;height:50px;cursor:pointer;background:#fff;border-radius:50%;transition:all .5s;}
.pager a:hover,.pager a.cur{color:#fff;background:var(--vi-subcolor);}
.pager .nums{display:flex;padding:0 5px;}
@media(max-width:1200px){
.pager a{width:40px;height:40px;}	
}
/*-- end pager --*/