/*--wrap-title--*/
.wrap-title{margin-bottom:3.75rem;text-align:center;overflow:hidden;animation:fadeInDown 1s;}
.wrap-title h2{font-size:3.25rem;color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title h2 em{font-family:"DIN Medium";font-weight:bold;color:var(--vi-color);}
.wrap-title p{margin-top:0.875rem;font-size:1.125rem;line-height:1.875rem;color:#333;}
.wrap-title.white *{color:#fff;}
@media(max-width:1200px){
.wrap-title h2{font-size:2.15rem;}
.wrap-title p{font-size:1.30rem;}
}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;overflow:hidden;}
.banner .item{display:block;overflow:hidden;}
.banner .item img{position:relative;transform:scale(1.1);transition:all 3s;}
.banner .item.swiper-slide-active img{transform:scale(1);}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:9;top:50%;width:50px;height:50px;line-height:48px;color:#fff;text-align:center;cursor:pointer;background:var(--vi-color);border-radius:50%;opacity:0.25;transform:translateY(-50%);}
.banner .swiper-prev{left:2%;}
.banner .swiper-next{right:2%;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{opacity:1;transition:all .5s;}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:3.375rem;width:100%;text-align:center;}
.banner .swiper-pager span{display:inline-block;margin:0 0.875rem !important;width:26px;height:22px;background:url(../image/dot.png) no-repeat center / 100%;border-radius:0;opacity:1;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background-image:url(../image/dot_cur.png)}
@media(max-width:1200px){
.banner .item img{position:static;width:100%;transform:translateX(0);}
.banner .swiper-prev,.banner .swiper-next{display:none;} 
.banner .swiper-pager span{width:13px;height:11px;}
}
/*--end banner--*/

/*--solution--*/
.solution{padding:6.25rem 0;overflow:hidden;background:url(../image/solution_bg.jpg) no-repeat center / cover;}
.solution-inner{overflow:hidden;}
.solution-list{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:5.625rem;}
.solution-list .item{position:relative;padding-left:2rem;padding-top:2.25rem;width:26.5625rem;}
.solution-list .item:before{display:block;position:absolute;z-index:1;top:0;left:0.5rem;width:1px;height:100%;content:"";background:#bbb;}
.solution-list .item:after{display:block;position:absolute;z-index:2;left:0;top:0;width:1rem;height:1rem;content:"";background:var(--vi-color);border-radius:50%;}
.solution-list .item:nth-child(even){transform:translateY(5.625rem);}
.solution-list .item .hd{overflow:hidden;}
.solution-list .item .hd em{display:block;font:bold 4.5rem/1 "DIN Medium";color:var(--vi-color);}
.solution-list .item .hd h3{margin-top:1rem;font-size:1.5rem;color:#000;}
.solution-list .item .bd{padding-top:1.25rem;overflow:hidden;}
.solution-list .item .bd p{font-size:1.125rem;line-height:2.25rem;color:#333;}
.solution-list .item .pic{margin-top:1.25rem;overflow:hidden;}
.solution-list .item .pic img{display:block;width:100%;transition:all 1s;}
.solution-list .item:hover .pic img{transform:scale(1.1);}
@media(max-width:1200px){
.solution{padding:4rem 1.25rem;}
.solution-list{padding-bottom:0;}
.solution-list .item{width:100%;}
.solution-list .item:nth-child(even){transform:translateY(0);}
.solution-list .item .bd p{font-size:1.4rem;}
.solution-list .item .hd em{font:bold 3.5rem/1 "DIN Medium";}
}
/*--end solution--*/

/*--product-*/
.product{padding:5rem 0;overflow:hidden;}
.product-inner{position:relative;z-index:1;height:44rem;background:#f3f3f3;}
.product-inner:after{display:block;z-index:-1;position:absolute;top:0;right:50%;width:1.875rem;height:100%;content:"";background:#fff;}
.product-inner .wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;height:44rem;}
.product-menu{flex:none;position:relative;margin-top:2.75rem;padding:2.5rem;width:calc(52% - 1.875rem);height:36.625rem;border:#dadada solid 2px;border-right:0;}
.product-menu li{height:3.25rem;font-size:1.1rem;color:#333;width:17rem;}
.product-menu li>a{display:block;color:#333;line-height:0 !important;}
.product-menu li:hover>a,.product-menu li.cur>a{color:var(--vi-color);font-weight:500;}
.product-menu .drop{display:none;position:absolute;z-index:9;top:-2px;bottom:-2px;right:0;padding:5rem 3.125rem;width:23.125rem;background:var(--vi-color);}
.product-menu .drop:after{display:block;position:absolute;right:-0.3rem;top:50%;margin-top:-0.375rem;width:0.75rem;height:0.75rem;content:"";background:var(--vi-color);transform:rotate(45deg);}
.product-menu .drop .tit{padding-bottom:1.25rem;font-size:1.5rem;color:#fff;overflow:hidden;border-bottom:rgba(0,0,0,0.1) solid 1px;}
.product-menu .drop .tit a{color:#fff;line-height:0;}
.product-menu .drop .summary{margin-top:1.625rem;height:9rem;line-height:1.5rem;font-size:0.875rem;color:#fff;overflow:hidden;}
.product-menu .drop .btnBox{margin-top:1.8rem;overflow:hidden;}
.product-menu .drop .btnBox a{display:block;float:left;width:7.5rem;line-height:3.25rem;font-size:.8rem;text-align:center;border:#fff solid 1px;}
.product-menu .drop .btnBox a:after{display:inline-block;margin-left:0.375rem;font-family:"iconfont";}
.product-menu .drop .btnBox a.btn-zx{margin-right:0.75rem;color:#fff;}
.product-menu .drop .btnBox a.btn-zx:after{content:"\e62c";}
.product-menu .drop .btnBox a.btn-read{color:var(--vi-color);background:#fff;}
.product-menu .drop .btnBox a.btn-read:after{content:"\e8f0";}
.product-menu li.cur .drop,.product-menu li:hover .drop{display:block;}
.product-main{flex:none;width:50%;}
.product-main .item{display:none;height:44rem;}
.product-main .item img{width:auto;height:44rem;}
.product-main .item.cur{display:block;}
.product-ad{position:absolute;left:-10.375rem;bottom:-2.5rem;width:24rem;height:24rem;}
.product-ad img{display:block;width:100%;}
@media(max-width:1200px){
.product{padding:4rem 1.25rem;}
.product-inner:after{display:none;}
.product-inner{height:auto;}
.product-inner .wrapper{height:auto;}
.product-menu{margin-top:0;padding:2rem;width:100%;height:auto;border:none;}
.product-menu .drop{display:none !important;}
.product-menu li{float:left;width:50%;height:3rem;line-height:3rem;text-align:center;}
.product-main{width:100%;}
.product-main .item{height:auto;}
.product-main .item img{width:100%;height:auto;}
.product-ad{display:none;}
}
/*--end product--*/

/*--partner--*/
.partner{padding:6.25rem 0;overflow:hidden;background:#f2f2f2;}
.partner-slide{overflow:hidden;}
.partner-slide ul{overflow:hidden;border-radius:2rem;}
.partner-slide li{ margin:0  5px; padding: 0 1px;float:left;width: calc(100%/6 - 10px);overflow:hidden;}
.partner-slide li a{display:block;overflow:hidden;}
.partner-slide li img{display:block;width:100%;transition:all .5s}
.partner-slide li:hover img{transform:scale(1.1);}
.partner-slide .swiper-pager{padding-top:2rem;text-align:center;}
.partner-slide .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:1200px){
.partner{padding:4rem 1.25rem;}
.partner-slide li{width: calc(100%/3 - 10px);margin: 5px;}
}
/*--end partner--*/

/*--aboutus--*/
.aboutus{position:relative;z-index:1;padding:6.25rem 0;height:948px;overflow:hidden;background:url(../image/aboutus_bg.jpg) no-repeat center 0/ cover fixed;}
.aboutus:after{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.aboutus .datas{display:flex;flex-wrap:wrap;overflow:hidden;}
.aboutus .datas .item{flex:none;width:calc(100% / 6);text-align:center;color:#fff;}
.aboutus .datas .item dt{height:3.75rem;}
.aboutus .datas .item dt em{font:3rem/1 "Agency FB Bold";}
.aboutus .datas .item dt sub{display:inline-block;position:relative;z-index:2;margin-left:-1rem;padding:0 0.375rem;line-height:1.25rem;font-size:1rem;background:var(--vi-color);border-radius:2rem;}
.aboutus .datas .item dd{padding-top:0.375rem;font-size:1rem;}
.aboutus .player-btn{position:relative;z-index:1;margin:3rem auto;width:6rem;line-height:6rem;text-align:center;cursor:pointer;background:rgba(0,0,0,0.5);border-radius:50%;transition:all .5s}
.aboutus .player-btn:after{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";border-radius:50%;background:rgba(0,0,0,0.25);animation:scales 4s linear infinite;}
.aboutus .player-btn i{display:block;font-size:2.5rem;color:#fff;}
@media(max-width:1200px){
.aboutus{padding:4rem 1.25rem;height:180vw;background-image:url(../image/aboutus_m_bg.jpg);background-attachment: unset;background-size:100%;}
.aboutus .datas .item{padding:1rem 0;width:calc(100% / 2);}
}
@keyframes scales{
0%{opacity:0;transform:scale(0);}
50%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(2);}
}
/*--end aboutus--*/

/*--honor--*/
.honor{padding:6.25rem 0;overflow:hidden;background:#fff;}
.honor .wrap-title{margin-bottom:1.625rem;}
.honor-menu{margin-bottom:3.125rem;text-align:center;overflow:hidden;}
.honor-menu li{display:inline-block;margin:0 1rem;width:9rem;line-height:3.375rem;text-align:center;}
.honor-menu li a{display:block;font-size:1.125rem;color:#fff;background:#000;}
.honor-menu li:hover a{background:var(--vi-color);}
.honor-slide{position:relative;}
.honor-slide .prev,.honor-slide .next{position:absolute;top:3rem;width:3rem;height:3rem;line-height:3rem;text-align:center;color:#000;cursor:pointer;background:#ebebeb;border-radius:50%;}
.honor-slide .prev{left:-4.25rem;}
.honor-slide .next{right:-4.25rem;}
.honor-slide .prev:hover,.honor-slide .next:hover{color:#fff;background:var(--vi-color);}
.honor-list{overflow:hidden;}
.honor-list .item{text-align:center;overflow:hidden;}
.honor-list .pic{overflow:hidden;}
.honor-list .pic img{display:block;width:100%;transition:all 1s;}
.honor-list .text{padding-top:0.875rem;overflow:hidden;}
.honor-list .text h3{font-size:1rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.honor-list .text h3 a{color:#666;}
.honor-list .item:hover .pic img{transform:scale(1.1);}
@media(max-width:1200px){
.honor{padding:4rem 1.25rem;}
.honor-list .text h3{font-size:1.45rem;}
.honor-menu li a{font-size:1.6rem;}
}
/*--end honor--*/

/*--news--*/
.news{padding:6.25rem 0;overflow:hidden;background:#f2f2f2;}
.news-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:4.375rem;overflow:hidden;}
.news-hd h2{line-height:4.375rem;font-size:3.25rem;}
.news-hd h2 a{color:#000;}
.news-hd ul{display:flex;overflow:hidden;}
.news-hd ul li{line-height:2.875rem;font-size:1.25rem;}
.news-hd ul li a{display:block;padding:0 1.625rem;color:#333;}
.news-hd ul li.cur a{color:#fff;background:var(--vi-color);}
.news-main{margin-top:2.5rem;overflow:hidden;}
.news-list{display:flex;flex-wrap:wrap;margin:-0.875rem;overflow:hidden;}
.news-list .item{display:block;margin:0.875rem;width:calc(100% / 3 - 1.75rem);overflow:hidden;}
.news-list .pic{overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 1s;}
.news-list .text{position:relative;z-index:2;margin-top:-5rem;padding:1.5rem 1rem 1.875rem;width:100%;overflow:hidden;background:#fff;}
.news-list .text h3{font-size:1.25rem;line-height:1.75;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text em{display:block;font:0.9375rem / 1.5 "DIN Medium";color:#666;}
.news-list .text p{font-size:0.9375rem;line-height:1.5;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text i{display:block;margin-top:1.375rem;width:1.875rem;line-height:1.75rem;text-align:center;color:#000;border:#cfcfcf solid 1px;border-radius:50%;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3{color:var(--vi-color);}
.news-list .item:hover .text i{color:#fff;border-color:var(--vi-color);background:var(--vi-color);}
@media(max-width:1200px){
.news{padding:4rem 1.25rem;}
.news-hd{text-align:center;height:auto;}
.news-hd h2{font-size:2.15rem;}
.news-hd h2{flex:none;width:100%;}
.news-hd ul{margin-top:2rem;width:100%;justify-content:center;}
.news-list .item{width:calc(100% - 1.75rem);}
.news-list .text{}
.news-list .text p,.news-list .text i{display:none;}
.news-list .text h3{font-size:1.5rem;}
.news-list .text em{font:1.35rem / 1.5 "DIN Medium";}
.news-hd ul li{font-size:1.6rem;}
}
/*--end news--*/

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .inner{position:absolute;top:50%;left:50%;width:1000px;height:600px;background:#000;transform:translate(-50%,-50%);}
.video-pop .inner .close{position:absolute;right:0;bottom:100%;width:3rem;height:3rem;line-height:3rem;cursor:pointer;text-align:center;color:#333;background:#fff;}
.video-pop .inner .iframe{width:1000px;height:600px;}
.video-pop .inner .iframe iframe{width:1000px;height:600px;}
@media(max-width:1200px){
.video-pop .inner{width:90vw;height:60vw;}
.video-pop .inner .iframe,.video-pop .inner .iframe iframe{width:90vw;height:60vw;}
}
/*--end video-pop--*/

/*--adv--*/
.adv{padding-top:5rem;overflow:hidden;background:#fff;}
.adv-title{margin-bottom:3.75rem;text-align:center;overflow:hidden;animation:fadeInDown 1s;}
.adv-title h2{position:relative;z-index:1;line-height: 5rem;}
.adv-title h2 span{display:block;font-size: 3.5rem;color:#000;}
.adv-title h2 em{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;font-family:"DIN Medium";font-weight:bold;color: #f0f0f0;text-transform: uppercase;font-size: 5rem;}
.adv-title p{margin-top:0.875rem;font-size:1.125rem;line-height:1.875rem;color:#333;}
.adv-title p span{display:inline-block;margin:0 0.5rem;padding:0 0.5rem;border:#f0f0f0 solid 1px;}
.adv-inner{overflow:hidden;}
.adv-inner .item{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 0;}
.adv-inner .item:nth-child(odd){flex-direction:row-reverse;}
.adv-inner .pic{flex:none;width:45%;}
.adv-inner .pic img{display:block;width:100%;}
.adv-inner .text{flex:none;width:45%;}
.adv-inner .text .hd{position:relative;padding-left:70px;}
.adv-inner .text .hd em{display:block;position:absolute;left:0;top:0;width:54px;height:70px;line-height:56px;font-size:2.25rem;font-family:"DIN Medium";text-align:center;color:#fff;background:var(--vi-color);}
.adv-inner .text .hd em:after{display:block;position:absolute;left:5px;bottom:10px;right:5px;height:2px;content:"";background:#fff;}
.adv-inner .text .hd h3{font-size:2.25rem;font-weight:bold;color:#000;}
.adv-inner .text .hd span{display:block;font-size:16px;font-family:"DIN Medium";color:#999;text-transform:uppercase;}
.adv-inner .text .bd{padding-top:10px;overflow:hidden;}
.adv-inner .text .bd h4{margin-bottom:10px;font-size:1.3rem;line-height:1.5;color:#000;}
.adv-inner .text .bd p{padding-left:20px;font-size:1.125rem;line-height:1.6;color:#666;background:url(../image/adv_list.png) no-repeat 0 5px / 15px;}
@media(max-width:1200px){
.adv-inner .text .hd em{width:54px;height:52px;line-height:42px;font-size:2.25rem;}
.adv{padding:4rem 1.25rem 0;}
.adv-title h2 span{font-size:2.25rem;}
.adv-title h2 em{font-size:2.875rem;}
.adv-inner .item{padding:0;margin-bottom:2rem;}
.adv-inner .pic{width:100%;}
.adv-inner .text{padding-top:20px;width:100%;}
.adv-inner .text .hd h3{font-size:20px;}
.adv-inner .text .hd span{font-size:14px;}
.adv-inner .text .bd h4{font-size:16px;}
.adv-inner .text .bd p{font-size:1.45rem;}
}
/*--end adv--*/