/*--wrap-title--*/
.wrap-title{margin-bottom:2.25rem;text-align:center;overflow:hidden;animation:fadeInDown 1s;} 
.wrap-title h2{font-size:2.375rem;color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title h2 a:hover{color:var(--vi-subcolor);transition:all .5s;}
.wrap-title p { font-size: 1.125rem;color: #666;}
.wrap-title[data-color="white"] h2  { color: #fff;}
.wrap-title[data-color="white"] h2 a { color: #fff;}
.wrap-title[data-color="white"] p  { color: #fff;}
@media(max-width:992px) {
    .wrap-title h2 { font-size: 2rem;}
    .wrap-title p {font-size:1.375rem;}
}
/*--end wrap-title--*/


/*--products-menu--*/
.products-menu{padding:5rem 0 2.5rem;overflow:hidden;}
.products-menu .inner{overflow:hidden;background:#fff;}
.products-menu ul{justify-content:center;}
.products-menu li{position:relative;width:auto !important;height:5rem;line-height:5rem;font-size:1rem;}
.products-menu li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-1rem;width:2rem;height:3px;content:"";background:var(--vi-color);transform:scaleX(0);transition:all .5s;}
.products-menu li a{display:block;padding:0 1.5rem;font-size:1.25rem;color:#666;}
.products-menu li:hover:after,.products-menu li.cur:after{transform:scaleX(1);}
.products-menu li:hover a,.products-menu li.cur a{color:var(--vi-color);}
@media(max-width:992px){
.products-menu{padding-top:0;}
.products-menu ul{justify-content:flex-start;}
.products-menu li a{padding:0 1rem;}
.products-menu li a{font-size:1.6rem;}
}
/*--end products-menu--*/

/*--product-scope--*/
.product-scope{padding:1rem 0 3rem ;overflow:hidden;}
.product-scope-cont{overflow:hidden;}
.product-scope-list{display:flex;flex-wrap:wrap;margin:-1rem;overflow:hidden;}
.product-scope-list .item{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;margin:1rem;padding:2rem;width:calc(100% / 3 - 2rem);background:#fff;border:#f0f0f0 solid 1px;}
.product-scope-list .txt{width:calc(100% - 100px);}
.product-scope-list .txt h3{font-size:1.5rem;color:#000;}
.product-scope-list .txt p{margin:0.75rem 0 1rem;font-size:1rem;height:1.5rem;line-height:1.5rem;color:#666;}
.product-scope-list .txt span{display:block;width:100px;line-height:2rem;font-size:1rem;text-align:center;color:var(--vi-color);border:var(--vi-color) solid 1px;border-radius:2rem;}
.product-scope-list .icon{width:90px;}
.product-scope-list .icon img{display:block;width:100%;}
.product-scope-list .item:hover .txt h3{color:var(--vi-color);}
.product-scope-list .item:hover .txt span{color:#fff;background:var(--vi-color);border-color:var(--vi-color);}
@media(max-width:1200px){
.product-scope{padding:4rem 1.25rem;background:#fff;}
.product-scope-list{margin:-0.5rem;}
.product-scope-list .item{display:block;margin:0.5rem;width:calc(100% / 2 - 1rem);}
.product-scope-list .icon{margin:0 auto;width:40px;}
.product-scope-list .txt{padding-top:1rem;width:100%;text-align:center;}
.product-scope-list .txt h3{font-size:1.75rem;}
.product-scope-list .txt p{height:3rem;font-size:1.25rem;}
.product-scope-list .txt span{margin:0 auto;line-height:3rem;font-size:1.25rem;}
}
/*--end product-scope--*/

/*--section-title--*/
.section-title{margin-bottom:40px;text-align:center;overflow:hidden;animation:fadeinT 1s ease-in-out;}
.section-title:before{display:block;margin:0 auto 10px;width:24px;height:2px;content:"";background:var(--vi-color);}
.section-title h2{font-size:1.8rem;color:var(--vi-color);}
.section-title h2 a{color:#333;}
.section-title h2 a:hover{color:var(--vi-color);}
.section-title p{margin-top:6px;font-size:1.125rem;color:#666;font-family:"DIN Medium";text-transform:uppercase;}
.section-title.white *{color:#fff;}
.section-title.white:before{background:#fff;}
@media(max-width:1200px){
.section-title{margin-bottom:20px;}
.section-title h2{font-size:1.8rem;}
.section-title p{margin-top:4px;font-size:1.125rem;}
}
/*--end section-title--*/

/* --cx-company-intro01-- */
.cx-company-intro01{clear:both;padding:60px 0;overflow:hidden;}
.cx-company-intro01 .summary{text-align:center;overflow:hidden;}
.cx-company-intro01 .summary p{font-size:1.125rem;color:#666;line-height:1.75;}
.cx-company-intro01 .datas{clear:both;padding-top:50px;overflow:hidden;}
.cx-company-intro01 .datas dl{float:left;padding:0 10px;width:25%;text-align:center;overflow:hidden;}
.cx-company-intro01 .datas dt{height:50px;line-height:50px;}
.cx-company-intro01 .datas dt em{display:inline-block;font-size:58px;color:#010101;font-family:"DIN Medium";vertical-align:top;}
.cx-company-intro01 .datas dt sub{display:inline-block;position:relative;top:-10px;width:26px;height:26px;line-height:26px;text-align:center;font-size:13px;color:#fff;background:var(--vi-color);border-radius:50%;}
.cx-company-intro01 .datas dd{padding-top:8px;font-size:1.125rem;color:#666;}
@media(max-width:1440px){
.cx-company-intro01{padding:50px 0;}
}
@media(max-width:1200px){
.cx-company-intro01{padding:30px 10px;background:#fff;}
.cx-company-intro01 .summary p{font-size:1.7rem;text-align:left;}
.cx-company-intro01 .datas dl{padding:10px;width:50%;}
.cx-company-intro01 .datas dt{height:45px;line-height:45px;}
.cx-company-intro01 .datas dt em{font-size:36px;}
.cx-company-intro01 .datas dt sub{width:20px;height:20px;line-height:20px;font-size:12px;}
.cx-company-intro01 .datas dd{font-size:1.4rem;}
}
/* --end cx-company-intro01-- */

/* --cx-company-photos01-- */
.cx-company-photos01{padding:60px 0;clear:both;overflow:hidden;}
.cx-photos-slide{position:relative;overflow:hidden;}
.cx-photos-slide .prev,.cx-photos-slide .next{position:absolute;z-index:99;top:50%;margin-top:-25px;width:50px;height:50px;line-height:48px;text-align:center;cursor:pointer;outline:none;background:#fff;border:#f0f0f0 solid 1px;border-radius:50%;}
.cx-photos-slide .prev{left:0;}
.cx-photos-slide .next{right:0;}
.cx-photos-slide .item{position:relative;overflow:hidden;transform:scale(0.85);transition:all .5s;}
.cx-photos-slide .item.swiper-slide-active{transform:scale(1);}
.cx-photos-slide .pic{overflow:hidden;}
.cx-photos-slide .pic img{display:block;width:100%;}
.cx-photos-slide .tit{display:none;position:absolute;z-index:9;left:0;bottom:0;padding:20px;width:100%;font-size:16px;text-align:center;background:rgba(0,0,0,0.5);background:linear-gradient(transparent,rgba(0,0,0,0.5) 80%);}
.cx-photos-slide .tit a{color:#fff;}
.cx-photos-slide .item.swiper-slide-active .tit{display:block;}
.cx-photos-slide .prev:hover,.cx-photos-slide .next:hover{color:#fff;background:var(--vi-color);border-color:var(--vi-color);}
.cx-company-photos01 .more{padding-top:40px;text-align:center;}
.cx-company-photos01 .more a{display:inline-block;padding:10px 50px;font-size:16px;color:#fff;border-radius:50px;background:var(--vi-color);transition:all 0.5s;}
@media(max-width:1440px){
.cx-company-photos01{padding:50px 0;}
}
@media(max-width:1200px){
.cx-company-photos01{padding:30px 10px;}
.cx-photos-slide{overflow:visible;}
.cx-photos-slide .prev,.cx-photos-slide .next{display:none;}
.cx-company-photos01 .more{padding-top:30px;}
.cx-company-photos01 .more a{font-size:14px;}
}
/* --end cx-company-photos01-- */

/* --cx-company-partner01-- */
.cx-company-partner01{padding:60px 0;overflow:hidden;background: #eaeaea;}
.cx-company-partner01 .list{padding-top:1px;padding-left:1px;overflow:hidden;background:#e6e6e6;}
.cx-company-partner01 .item{position:relative;float:left;margin-right:1px;margin-bottom:1px;width: calc(100%/6 - 1px);overflow:hidden;}
.cx-company-partner01 .pic{overflow:hidden;}
.cx-company-partner01 .pic img{display:block;width:100%;transition:all .5s;}
.cx-company-partner01 .text{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;text-align:center;background:var(--vi-color);opacity:0;}
.cx-company-partner01 .text:after{display:block;position:absolute;z-index:-1;left:10px;top:10px;right:10px;bottom:10px;content:"";border:#fff solid 1px;transform:scale(0);}
.cx-company-partner01 .text a{display:block;position:relative;top:50%;height:50px;line-height:50px;font-size:16px;color:#fff;transform:translateY(-50%);}
.cx-company-partner01 .item:hover img{transform:scale(1.1);}
.cx-company-partner01 .item:hover .text{opacity:1;transition:all .5s;}
.cx-company-partner01 .item:hover .text:after{transform:scale(1);transition:all .5s;}
.cx-company-partner01 .more{padding-top:40px;text-align:center;}
.cx-company-partner01 .more a{display:inline-block;padding:10px 50px;font-size:16px;color:#fff;border-radius:50px;background:var(--vi-color);transition:all 0.5s;}
@media(max-width:1440px){
.cx-company-partner01{padding:50px 0;}
}
@media(max-width:1200px){
.cx-company-partner01{padding:30px 10px;}
.cx-company-partner01 .item{width:calc(50% - 1px)}
.cx-company-partner01 .more{padding-top:30px;}
.cx-company-partner01 .more a{font-size:14px;}
}
/* --end cx-company-partner01-- */

/* --t-intro-type03-- */
.t-intro-type03{overflow:hidden;}
.t-intro-type03-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-intro-type03-inner .pic{width:600px;}
.t-intro-type03-inner .pic img{display:block;width:100%;}
.t-intro-type03-inner .text{padding-top:20px;width:calc(100% - 680px);overflow:hidden;text-align: left;}
.t-intro-type03-inner .text p{line-height: 1.75;font-size:18px;color:#666;}
.t-intro-type03-photo{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-intro-type03-photo .item{width:calc(100% / 4 - 20px);transition:all 1s;}
.t-intro-type03-photo .item span{display:block;overflow:hidden;}
.t-intro-type03-photo .item span img{display:block;width:100%;transition:all 1s;}
.t-intro-type03-photo .item p{height:50px;line-height:50px;font-size:16px;text-align:center;overflow:hidden;}
.t-intro-type03-photo .item:hover{background:#0e90d2;}
.t-intro-type03-photo .item:hover span img{transform:scale(1.1);}
.t-intro-type03-photo .item:hover p{color:#fff;}
@media(max-width:1440px) {
    .t-intro-type03-inner .text p { line-height:1.6;}
}
@media(max-width:1200px){
.t-intro-type03-inner .pic,.t-intro-type03-inner .text{width:100%;}
.t-intro-type03-inner .text p{font-size:14px;}
.t-intro-type03-photo{margin-top:10px;}
.t-intro-type03-photo .item{margin-top:10px;width:calc(100% / 2 - 5px);}
}
/* --end t-intro-type03-- */

/* --t-title-type02-- */
.t-title-type02{position:relative;padding-top:20px;text-align:center;}
/*.t-title-type02:before{display:block;position:absolute;left:50%;top:0;width:24px;height:4px;content:"";background:#0e90d2;transform:translateX(-50%);}*/
.t-title-type02 h2{position:relative;z-index:1;font-size:42px;color:#333;}
.t-title-type02 p{margin-top:5px;font-size:18px;color:#999;}
@media(max-width:1200px){
.t-title-type02 h2{font-size:24px;}
.t-title-type02 p{font-size:14px;}
}
/* --end t-title-type02-- */


/*--t-txt-type04--*/
.t-txt-type04{overflow:hidden;}
.t-txt-type04 .item{position:relative;margin-bottom:30px;padding:30px 50px 30px 80px;overflow:hidden;border:#f0f0f0 solid 1px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.t-txt-type04 .item:last-child{margin-bottom:0;}
.t-txt-type04 .item em{display:block;position:absolute;left:0;top:0;padding-left:10px;width:60px;height:60px;line-height:45px;font-family:"DIN Medium";font-size:24px;font-style:normal;color:#fff;background:#0e90d2;border-radius:0 0 60px 0;}
.t-txt-type04 .item h3{font-size:18px;color:#0e90d2;}
.t-txt-type04 .item p{margin-top:10px;font-size:16px;line-height:1.75;color:#666;}
.t-txt-type04 .item:nth-child(1){animation:fadeinB 1s;}
.t-txt-type04 .item:nth-child(2){animation:fadeinB 1.5s;}
.t-txt-type04 .item:nth-child(3){animation:fadeinB 2s;}
.t-txt-type04 .item:nth-child(4){animation:fadeinB 2.5s;}
@media(max-width:1200px){
.t-txt-type04 .item em{width:50px;height:50px;line-height:35px;font-size:20px;}
.t-txt-type04 .item{margin-bottom:15px;padding:15px 25px 15px 60px;}
.t-txt-type04 .item h3{font-size:16px;}
.t-txt-type04 .item p{font-size:14px;}
}
/*--end t-txt-type04--*/


/*-- t-picture-type01 --*/
.t-picture-type01{overflow:hidden;}
.t-picture-type01-list{margin:-10px;}
.t-picture-type01-list .item{position:relative;float:left;margin:10px;text-align:center;overflow:hidden;box-sizing:border-box;border-radius:5px;border: 1px #ddd solid;}
.t-picture-type01-list[data-row="2"] .item{width:calc(100% / 2 - 20px);}
.t-picture-type01-list[data-row="3"] .item{width:calc(100% / 3 - 20px);}
.t-picture-type01-list[data-row="4"] .item{width:calc(100% / 4 - 20px);}
.t-picture-type01-list[data-row="5"] .item{width:calc(100% / 5 - 20px);}
.t-picture-type01-list .pic{overflow:hidden;}
.t-picture-type01-list .pic img{display:block;width:100%;transition:all 1s;}
.t-picture-type01-list .tit{position:absolute;left:0;bottom:0;right:0;padding:10px;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.85);background:linear-gradient(transparent,rgba(0,0,0,0.85));transition:all .5s;}
.t-picture-type01-list .item:hover .pic img{transform:scale(1.1);}
.t-picture-type01-list .item:hover .tit{transform:translateY(100%);}
@media (max-width:1200px){
.t-picture-type01-list{margin:-6px;}
.t-picture-type01-list .item{margin:6px;width:calc(50% - 12px) !important;}
.t-picture-type01-list .item .tit{font-size:14px;}
}
/*-- end t-picture-type01 --*/


/*-- t-txt-type03 --*/
.t-txt-type03{position:relative;overflow:hidden;}
.t-txt-type03-list{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-txt-type03-list .item{flex:1;padding:20px 50px;text-align:center;}
.t-txt-type03-list .item:last-child{border:none;}
.t-txt-type03-list .item h3{font-weight:300;font-size:24px;line-height:1.75;}
.t-txt-type03-list .item p{margin-top:10px;font-weight:300;font-size:16px;line-height:1.75;}
@media(min-width:1200px){
.t-txt-type03-list .item{border-right:#e0e0e0 solid 1px;}
}
@media(max-width:1200px){
.t-txt-type03-list{margin:0 auto;max-width:300px;}
.t-txt-type03-list .item{flex:none;padding:25px 0;width:100%;border-bottom:#e0e0e0 solid 1px;}
.t-txt-type03-list .item h3{font-size:20px;}
.t-txt-type03-list .item p{font-size:14px;}
}
/*-- end t-txt-type03 --*/

/*-- t-picture-type02 --*/
.t-picture-type02{overflow:hidden;}
.t-picture-type02-list{margin:-10px;}
.t-picture-type02-list .item{position:relative;float:left;margin:10px;text-align:center;overflow:hidden;box-sizing:border-box;border-radius:5px;}
.t-picture-type02-list[data-row="2"] .item{width:calc(100% / 2 - 20px);}
.t-picture-type02-list[data-row="3"] .item{width:calc(100% / 3 - 20px);}
.t-picture-type02-list[data-row="4"] .item{width:calc(100% / 4 - 20px);}
.t-picture-type02-list[data-row="5"] .item{width:calc(100% / 5 - 20px);}
.t-picture-type02-list .pic{overflow:hidden;}
.t-picture-type02-list .pic img{display:block;width:100%;transition:all 1s;}
.t-picture-type02-list .tit{padding:10px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f0f0f0;}
.t-picture-type02-list .item:hover .pic img{transform:scale(1.1);}
.t-picture-type02-list .item:hover .tit{color:#fff;background:#0e90d2;}
@media (max-width:1200px){
.t-picture-type02-list{margin:-6px;}
.t-picture-type02-list .item{margin:6px;width:calc(50% - 12px) !important;}
.t-picture-type02-list .item .tit{font-size:14px;}
.t-picture-type02-list[data-row="3"] .item:first-child,.t-picture-type02-list[data-row="5"] .item:first-child{width:calc(100% - 12px) !important;}
}
/*-- end t-picture-type02 --*/


.t-picture-list05{overflow:hidden;}
.t-picture-list05 .item{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0;box-sizing:border-box;}
.t-picture-list05 .item:first-child{margin-top:0;}
.t-picture-list05 .item:last-child{margin-bottom:0;}
.t-picture-list05 .item:nth-child(even){flex-direction:row-reverse;}
.t-picture-list05 .pic{float:left;width:50%;overflow:hidden;}
.t-picture-list05 .pic img{display:block;width:100%;}
.t-picture-list05 .text{position:relative;padding:10px 25px;width:50%;overflow:hidden;}
.t-picture-list05 .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.t-picture-list05 .hd:before,.t-picture-list05 .hd:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-picture-list05 .hd:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.t-picture-list05 .hd:after{z-index:2;width:30px;height:3px;background:#3f59c5;}
.t-picture-list05 .hd h3{font-weight:normal;font-size:36px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t-picture-list05 .hd em{font-style:normal;color:#999;}
.t-picture-list05 .summary{margin-top:16px;font-size:16px;line-height:1.5;color:#666;overflow:hidden;}
@media screen and (max-width:992px){.t-picture-list05 .item{margin:10px 0;}
.t-picture-list05 .pic,.t-picture-list05 .text{float:none !important;width:100%;}
.t-picture-list05 .text{padding:16px;}.t-picture-list05 .text:after{left:16px;bottom:16px;}
.t-picture-list05 .hd h3{font-size:24px;}.t-picture-list05 .summary{margin-top:10px;font-size:14px;}}

/*-- t-txt-type01 --*/
.t-txt-type01{overflow:hidden;}
.t-txt-type01-list{display:flex;flex-wrap:wrap;margin:-10px;overflow:hidden;}
.t-txt-type01-list .item{position:relative;float:left;margin:10px;padding:30px;color:#333;text-align:center;background:#fff;border:#e0e0e0 solid 1px;transition:all 1s;}
.t-txt-type01-list[data-row="3"] .item{width:calc(100% / 3 - 20px);}
.t-txt-type01-list[data-row="4"] .item{width:calc(100% / 4 - 20px);}
.t-txt-type01-list[data-row="5"] .item{width:calc(100% / 5 - 20px);}
.t-txt-type01-list .item h3{position:relative;padding-bottom:15px;margin-bottom:15px;font-size:18px;font-weight:bold;}
.t-txt-type01-list .item h3:before,.t-txt-type01-list .item h3:after{display:block;position:absolute;height:1px;content:"";}
.t-txt-type01-list .item h3:before{z-index:1;left:0;bottom:0;width:100%;background:#000;opacity:0.1;}
.t-txt-type01-list .item h3:after{z-index:2;left:50%;bottom:-1px;width:30px;height:3px;background:#0e90d2;transform:translateX(-50%);}
.t-txt-type01-list .item p{font-size:16px;line-height:1.5;}
.t-txt-type01-list .item:hover{color:#fff;background:#0e90d2;border-color:#0e90d2;}
.t-txt-type01-list .item:hover h3,.t-txt-type01-list .item:hover p{color:#fff !important;}
.t-txt-type01-list .item:hover h3:before,.t-txt-type01-list .item:hover h3:after{background:#fff;}
@media (max-width:1200px){
.t-txt-type01-list{margin:-6px;}	
.t-txt-type01-list .item{margin:6px;width:calc(50% - 12px) !important;}
.t-txt-type01-list .item h3{font-size:16px;}
.t-txt-type01-list .item p{font-size:14px;}
}
/*-- end t-txt-type01 --*/

/*-- t-picture-type12 --*/
.t-picture-type12{position:relative;overflow:hidden;}
.t-picture-type12-list{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-picture-type12-list .item{display:flex;margin:10px 0;width:calc(50% - 10px);overflow:hidden;background:#fff;border:#f0f0f0 solid 1px;}
.t-picture-type12-list .pic{width:38%;overflow:hidden;}
.t-picture-type12-list .pic img{display:block;width:100%;transition:all 1s;}
.t-picture-type12-list .pic:hover img{transform:scale(1.1);}
.t-picture-type12-list .text{position:relative;width:62%;padding:34px;overflow:hidden;}
.t-picture-type12-list .text h3{line-height:30px;font-size:24px;font-weight:normal;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t-picture-type12-list .text p{margin-top:10px;line-height:1.75;font-size:16px;color:#999;overflow:hidden;}
.t-picture-type12-list .text em{position:absolute;left:40px;bottom:40px;font-family:"DIN Medium";font-style:normal;font-size:30px;color:#ccc;}
@media (max-width:1200px){
.t-picture-type12-list .item{width:100%;flex-wrap: wrap;}
.t-picture-type12-list .pic {order: 2;width:100%;}
.t-picture-type12-list .text{width: 100%;padding:20px;}
.t-picture-type12-list .text h3{line-height:1.75;font-size:18px;}
.t-picture-type12-list .text p{margin-top:4px;font-size:14px;}
.t-picture-type12-list .text em{left:20px;bottom:20px;font-size:24px;}
}
/*-- end t-picture-type12 --*/


/*-- t-step-type003 --*/
.t-step-type003{overflow:hidden;}
.t-step-type003-list{overflow:hidden;}
.t-step-type003-list .item{float:left;width:20%;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAAAyCAYAAAAz4WVOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMUZCQjE0RjJFODZFQjExOUI5QUY2QzU0QzQ0MjhDMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNDUyNjRBRjk4MzkxMUVCODMxQ0I0RTkzNzcwQzE4NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNDUyNjRBRTk4MzkxMUVCODMxQ0I0RTkzNzcwQzE4NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwNTkxNTg5MzI5OEVCMTE5RUVEQjRBMjAzRkRBNzNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxRkJCMTRGMkU4NkVCMTE5QjlBRjZDNTRDNDQyOEMyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zYmWSwAAAydJREFUeNrsnIFx2jAUhp1eF6AjlBFgBDMCjGBGcEbAI9gj4BFghDBCGaEewdFLnxJFlVOSGiOb77vTkeguiR3743+yJB7atk0AYFi+8S8AQDwAxAMAxANAPABAPADEAwDEA0A8AEA8AMQDQDwAuBrfq6qaxIlkWcbVvGN6vI9npjXXvv9IPLhXfpq21lfLzrTf+mop9fsZpSbA51NM5MmdPpFu70kWIvV+LtHvF4gH8B4rVeqIl2u/5aTNLSsfTfthWuH0FdrfOCLuNAm/PsbjGsGEy0jhaNpZBXIlk/5l4Gf98V0VSE8RtibxAP6WRVJq46VZ0cPvrlXYwhHxqaqqnMSD+zGsqmwZ2TgyND1JdgmpJmz6mb9J4sFYZXNvfH/8NiSSgHNNVHt8uWkZ4sGUpFtraffyNDLLMrnxtx3jtaFozHGc9Pgk/eTYdt4bBOLBqJlpafd6U5ubPppVIOZY5EHOShLQfN0gHow55VJPspV53cZ6vObYju6bgaS0JjXiwWikk/mygztmkht7ZONROYe9Kx/iQez4k9yjQstNedpZ63j0Vbwy6XkdGsB/psTCPpjQkm0e0zjuC/IVpm3cFBTxJMJ3XG6IRDopxw7JnyVfbmpMiVwm0GX+oeKSQySctbR8nPA5Fg9lWU7iTNiPB2Mi9HAlT66w/wgAPhZvrfJNNkI+WlEAcCvx7MrrYqLSyQbGvV1yBBCLeElgYCtLdA7J7Rai9omIZ1eUA9yES7cFpcnbbt7au4lPkZeUL1tGZC5F+mQ+yNC4k5kAsYpXdQi2d8rTGOdaFireyS2dkQ5iLTVDnDz5JE3Oydu8i0vpJOQQzEyKybjt4Hbqmr6teV1yqSEm+pjH8z+H0H7QjKTKZsBz+aXjtrluzQCYROJ1ESoxRTp/BXmuQl76UMP9wJp3QZaEl7gVmm5IB3eReJeyV5FWnpRPmprbQP9CU7MO9M+1zLVlJVcTRsOQH3ZkH9AcO9JtFkjS0JaQOon4SSpAbOIdO6RbaoL5JeKq4/cUXDYYfanZti3/BYCBYQc6AOIBIB4AIB4A4gEA4gEgHgD8g2cBBgCZ3ONDKLoq9AAAAABJRU5ErkJggg==) no-repeat center 0 / 100%;}
.t-step-type003-list .item em{display:block;margin:0 auto;width:50px;height:50px;line-height:50px;font-style:normal;font-family:"DIN Medium";font-size:18px;color:#fff;border-radius:50%;background:#406dfc;}
.t-step-type003-list .item p{margin-top:10px;height:50px;line-height:25px;font-size:18px;color:#000;}
.t-step-type003-list .item:nth-child(even) em{background:#333;}
@media (max-width:1200px){
.t-step-type003-list .item{margin-bottom:10px;width:33.3333%;}
.t-step-type003-list .item p{height:44px;line-height:22px;font-size:14px;}
}
/*-- end t-step-type003 --*/


/*--t-step-type05--*/
.t-step-type05{overflow:hidden;}
.t-step-type05-list{display:flex;flex-wrap:wrap;margin:0 -50px;overflow:hidden;}
.t-step-type05-list .item{position:relative;padding:20px 50px;width:calc(100% / 3);text-align:center;}
.t-step-type05-list .icon{position:relative;z-index:2;margin:0 auto;display:flex;justify-content:center;align-items:center;width:100px;height:100px;background:#fff;border:#e2e2e2 solid 1px;border-radius:50%;}
.t-step-type05-list .icon img{width:40px;}
.t-step-type05-list .icon em{display:block;position:absolute;top:0;right:2px;width:28px;height:28px;text-align:center;font:normal 18px/28px "DIN Medium";color:#fff;background:#406dfc;border-radius:50%;}
.t-step-type05-list .text{padding-top:10px;overflow:hidden;}
.t-step-type05-list .text h3{font-size:16px;font-weight:normal;color:#666;}
.t-step-type05-list .text p{font-size:14px;color:#999;}
.t-step-type05-list .arrow{position:absolute;z-index:3;top:0;right:0;width:100px;height:100px;transform:translateX(50%);}
.t-step-type05-list .arrow:before{display:block;position:absolute;z-index:3;top:50%;left: 50%;margin-left: 3px;margin-top:-6px;width:10px;height:10px;content:"";border-top:#ccc solid 2px;transform:rotate(45deg);box-sizing:content-box;}
.t-step-type05-list .arrow:after{display:block;position:absolute;top:50%;left:50%;width:30px;height: 1px;text-align:center;content:"";background:#ccc;transform:translate(-50%,-50%);box-sizing:content-box;}
@media (max-width:1200px){
.t-step-type05-list{margin:0 -10px;}
.t-step-type05-list .item{margin-bottom:20px;padding:0 10px;width:calc(100% / 3);}
.t-step-type05-list .icon{width:50px;height:50px;}
.t-step-type05-list .icon em{display:none;}
.t-step-type05-list .icon img{width:24px;}
.t-step-type05-list .arrow{display:none;}
.t-step-type05-list .text h3{font-size:14px;}
.t-step-type05-list .text p{display:none;}
}
/*--end t-step-type05--*/

/*--t-step-type06--*/
.t-step-type06{overflow:hidden;}
.t-step-type06-list{display:flex;flex-wrap:wrap;margin:0 -50px;overflow:hidden;}
.t-step-type06-list .item{position:relative;padding:20px 50px;width:calc(100% / 6);text-align:center;}
.t-step-type06-list .icon{position:relative;z-index:2;margin:0 auto;display:flex;justify-content:center;align-items:center;width:100px;height:100px;background:#fff;border:#e2e2e2 solid 1px;border-radius:50%;}
.t-step-type06-list .icon img{width:40px;}
.t-step-type06-list .icon em{display:block;position:absolute;top:0;right:2px;width:28px;height:28px;text-align:center;font:normal 18px/28px "DIN Medium";color:#fff;background:#406dfc;border-radius:50%;}
.t-step-type06-list .text{padding-top:10px;overflow:hidden;}
.t-step-type06-list .text h3{font-size:16px;font-weight:normal;color:#666;}
.t-step-type06-list .text p{font-size:14px;color:#999;}
.t-step-type06-list .arrow{position:absolute;z-index:3;top:0;right:0;width:100px;height:100px;transform:translateX(50%);}
.t-step-type06-list .arrow:before{display:block;position:absolute;z-index:3;top:50%;left: 50%;margin-left: 3px;margin-top:-6px;width:10px;height:10px;content:"";border-top:#ccc solid 2px;transform:rotate(45deg);box-sizing:content-box;}
.t-step-type06-list .arrow:after{display:block;position:absolute;top:50%;left:50%;width:30px;height: 1px;text-align:center;content:"";background:#ccc;transform:translate(-50%,-50%);box-sizing:content-box;}
@media (max-width:1200px){
.t-step-type06-list{margin:0 -10px;}
.t-step-type06-list .item{margin-bottom:20px;padding:0 10px;width:calc(100% / 3);}
.t-step-type06-list .icon{width:50px;height:50px;}
.t-step-type06-list .icon em{display:none;}
.t-step-type06-list .icon img{width:24px;}
.t-step-type06-list .arrow{display:none;}
.t-step-type06-list .text h3{font-size:14px;}
.t-step-type06-list .text p{display:none;}
}
/*--end t-step-type06--*/

/*-- t-picture-type09 --*/
.t-picture-type09{position:relative;overflow:hidden;}
.t-picture-type09-list{display:flex;flex-wrap:wrap;}
.t-picture-type09-list .item{padding:0 30px;text-align:center;border-right:#f0f0f0 solid 2px;}
.t-picture-type09-list .item:last-child{border-right:none;}
.t-picture-type09-list[data-row="3"] .item{width:calc(100% / 3);}
.t-picture-type09-list[data-row="4"] .item{width:calc(100% / 4);}
.t-picture-type09-list[data-row="5"] .item{width:calc(100% / 5);}
.t-picture-type09-list .pic{margin:0 auto;padding:25px;width:90px;height:90px;border-radius:50%;background:#0e90d2}
.t-picture-type09-list .pic img{display:block;width:100%;filter:contrast(0) brightness(2);}
.t-picture-type09-list .text{padding-top:20px;text-align:center;}
.t-picture-type09-list .text h3{font-size:24px;font-weight:400;color:#333;}
.t-picture-type09-list .text p{margin-top:5px;font-size:16px;line-height:1.75;color:#666;}
.t-picture-type09-list .item:hover .pic img{transform:rotateY(360deg);transition:all 1s;}
@media (max-width:1200px){
.t-picture-type09-list .item{padding:10px;border-right:none;}
.t-picture-type09-list[data-row="3"] .item,.t-picture-type09-list[data-row="5"] .item{width:100%;}
.t-picture-type09-list[data-row="4"] .item{width:calc(100% / 2);}
.t-picture-type09-list .pic{padding:20px;width:80px;height:80px;}
.t-picture-type09-list .text{padding-top:10px;}
.t-picture-type09-list .text h3{font-size:18px;}
.t-picture-type09-list .text p{font-size:14px;}
}
/*-- end t-picture-type09 --*/

/*-- t-step-type03 --*/
.t-step-type03{overflow:hidden;}
.t-step-type03-list{overflow:hidden;}
.t-step-type03-list .item{float:left;width:16.6666%;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAAAyCAYAAAAz4WVOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMUZCQjE0RjJFODZFQjExOUI5QUY2QzU0QzQ0MjhDMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNDUyNjRBRjk4MzkxMUVCODMxQ0I0RTkzNzcwQzE4NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNDUyNjRBRTk4MzkxMUVCODMxQ0I0RTkzNzcwQzE4NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwNTkxNTg5MzI5OEVCMTE5RUVEQjRBMjAzRkRBNzNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxRkJCMTRGMkU4NkVCMTE5QjlBRjZDNTRDNDQyOEMyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zYmWSwAAAydJREFUeNrsnIFx2jAUhp1eF6AjlBFgBDMCjGBGcEbAI9gj4BFghDBCGaEewdFLnxJFlVOSGiOb77vTkeguiR3743+yJB7atk0AYFi+8S8AQDwAxAMAxANAPABAPADEAwDEA0A8AEA8AMQDQDwAuBrfq6qaxIlkWcbVvGN6vI9npjXXvv9IPLhXfpq21lfLzrTf+mop9fsZpSbA51NM5MmdPpFu70kWIvV+LtHvF4gH8B4rVeqIl2u/5aTNLSsfTfthWuH0FdrfOCLuNAm/PsbjGsGEy0jhaNpZBXIlk/5l4Gf98V0VSE8RtibxAP6WRVJq46VZ0cPvrlXYwhHxqaqqnMSD+zGsqmwZ2TgyND1JdgmpJmz6mb9J4sFYZXNvfH/8NiSSgHNNVHt8uWkZ4sGUpFtraffyNDLLMrnxtx3jtaFozHGc9Pgk/eTYdt4bBOLBqJlpafd6U5ubPppVIOZY5EHOShLQfN0gHow55VJPspV53cZ6vObYju6bgaS0JjXiwWikk/mygztmkht7ZONROYe9Kx/iQez4k9yjQstNedpZ63j0Vbwy6XkdGsB/psTCPpjQkm0e0zjuC/IVpm3cFBTxJMJ3XG6IRDopxw7JnyVfbmpMiVwm0GX+oeKSQySctbR8nPA5Fg9lWU7iTNiPB2Mi9HAlT66w/wgAPhZvrfJNNkI+WlEAcCvx7MrrYqLSyQbGvV1yBBCLeElgYCtLdA7J7Rai9omIZ1eUA9yES7cFpcnbbt7au4lPkZeUL1tGZC5F+mQ+yNC4k5kAsYpXdQi2d8rTGOdaFireyS2dkQ5iLTVDnDz5JE3Oydu8i0vpJOQQzEyKybjt4Hbqmr6teV1yqSEm+pjH8z+H0H7QjKTKZsBz+aXjtrluzQCYROJ1ESoxRTp/BXmuQl76UMP9wJp3QZaEl7gVmm5IB3eReJeyV5FWnpRPmprbQP9CU7MO9M+1zLVlJVcTRsOQH3ZkH9AcO9JtFkjS0JaQOon4SSpAbOIdO6RbaoL5JeKq4/cUXDYYfanZti3/BYCBYQc6AOIBIB4AIB4A4gEA4gEgHgD8g2cBBgCZ3ONDKLoq9AAAAABJRU5ErkJggg==) no-repeat center 0 / 100%;}
.t-step-type03-list .item em{display:block;margin:0 auto;width:50px;height:50px;line-height:50px;font-style:normal;font-family:"DIN Medium";font-size:18px;color:#fff;border-radius:50%;background:#406dfc;}
.t-step-type03-list .item p{margin-top:10px;height:50px;line-height:25px;font-size:18px;color:#000;}
.t-step-type03-list .item:nth-child(even) em{background:#333;}
@media (max-width:1200px){
.t-step-type03-list .item{margin-bottom:10px;width:33.3333%;}
.t-step-type03-list .item p{height:44px;line-height:22px;font-size:14px;}
}
/*-- end t-step-type03 --*/

/* --t-intro-type03-- */
.t-intro-type03{overflow:hidden;}
.t-intro-type03-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-intro-type03-inner .pic{width:600px;}
.t-intro-type03-inner .pic img{display:block;width:100%;}
.t-intro-type03-inner .text{padding-top:20px;width:calc(100% - 680px);overflow:hidden;}
.t-intro-type03-inner .text p{line-height:1.75;font-size:16px;color:#666;}
.t-intro-type03-photo{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-intro-type03-photo .item{width:calc(100% / 4 - 20px);transition:all 1s;}
.t-intro-type03-photo .item span{display:block;overflow:hidden;}
.t-intro-type03-photo .item span img{display:block;width:100%;transition:all 1s;}
.t-intro-type03-photo .item p{height:50px;line-height:50px;font-size:16px;text-align:center;overflow:hidden;}
.t-intro-type03-photo .item:hover{background:#0e90d2;}
.t-intro-type03-photo .item:hover span img{transform:scale(1.1);}
.t-intro-type03-photo .item:hover p{color:#fff;}
@media(max-width:1200px){
.t-intro-type03-inner .pic,.t-intro-type03-inner .text{width:100%;}
.t-intro-type03-inner .text p{font-size:14px;}
.t-intro-type03-photo{margin-top:10px;}
.t-intro-type03-photo .item{margin-top:10px;width:calc(100% / 2 - 5px);}
}
/* --end t-intro-type03-- */

/*--t-picture-type17--*/
.t-picture-type17{overflow:hidden;}
.t-picture-type17-list{display:flex;flex-wrap:wrap;margin:-15px;}
.t-picture-type17-list .item{margin:15px;padding:10px;width:calc(100% / 2 - 30px);overflow:hidden;background:#f9f9f9;border:#f0f0f0 solid 1px;}
.t-picture-type17-list .icon{float:left;width:80px;padding:10px;}
.t-picture-type17-list .icon img{display:block;width:100%;}
.t-picture-type17-list .txt{padding:10px;overflow:hidden;}
.t-picture-type17-list .txt h3{font-size:18px;color:#333;}
.t-picture-type17-list .txt p{margin-top:10px;font-size:1.25rem;color:#666;}
@media(max-width:1200px){
.t-picture-type17-list{margin:-5px;}
.t-picture-type17-list .item{margin:5px;width:calc(100% - 10px);}
.t-picture-type17-list .txt p{font-size:1.3rem;}
}
/*--end t-picture-type17--*/

/*-- indexInfo --*/
.indexInfo { padding: 7.5rem 0; overflow: hidden; background: #fff url(../images/Index/info-bg.jpg) no-repeat center;}
.indexInfo .wrapper {position: relative; overflow: hidden;}
.indexInfo .info-title {  float: left; width: 49%; padding-right: 3.75rem;}
.indexInfo .info-title h2 { font-size: 2.375rem; color: #22292f; line-height: 1.25; font-weight: bold;}
.indexInfo .info-title h2 a { color: #22292f;}
.indexInfo .info-title h2 a:hover { color: var(--vi-subcolor);}
.indexInfo .info-title > p { margin: 1.5rem 0  1.0rem 0; font-size: 1rem; color: #666; line-height: 1.65;}
.indexInfo .info-title ul { display: flex; justify-content: center; align-items: center;}
.indexInfo .info-title ul li { width: 25%;}
.indexInfo .info-title ul li p { font-size: 3.25rem; color: #67c96b; font-family: "DIN Medium";}
.indexInfo .info-title ul li span { display: block; font-size: 1.125rem; color: #666;}
.indexInfo .info-title .info-btn { position: absolute; left: 0; bottom: 0; width: 10.625rem; height: 3.125rem; line-height: 3.125rem; text-align: center; background: var(--vi-subcolor); border-radius: 25px;}
.indexInfo .info-title .info-btn a { display: block; color: #fff; font-size: 14px;}
.indexInfo .info-title .info-btn a  i { font-size: 14px; font-weight: bold; margin-left: .625rem;}
.indexInfo .info-Img { float: right; width: 51%;}
@media (max-width:992px) {
    .indexInfo { padding: 2rem;}
    .indexInfo .info-title { float: none; width: 100%; padding: 0;}
    .indexInfo .info-title h2 { font-size: 2rem}
    .indexInfo .info-title > p { margin: 2rem 0; font-size: 1.375rem;}
    .indexInfo .info-title ul { flex-flow: wrap;}
    .indexInfo .info-title ul li p {  font-size: 3rem;}
    .indexInfo .info-title ul li {margin-bottom: 1.5rem; width: 50%; text-align: center;}
    .indexInfo .info-title ul li span { font-size: 1.375rem;}
    .indexInfo .info-Img {  float: none; width: 100%;}
    .indexInfo .info-title .info-btn { display: none;}
}
/*-- indexInfo end --*/

/* steam  */
.steam {padding: 6.25rem 0 6rem;overflow: hidden;background: #fff;}
.steam .wrap-title { float: left; text-align: left ;}
.steam .steam-menu { float: right; } 
.steam .steam-menu ul li { float: left; width:8.75rem; height: 3.125rem; line-height: 3.125rem; border-radius: 1.5625rem; overflow: hidden; text-align: center;}
.steam .steam-menu ul li  a { display: block; width: 100%; font-size: 1.125rem; color: #666;}
.steam .steam-menu ul li.cur a { background: var(--vi-color); color: #fff;}
.steam .steam-con { clear: both; margin-top: 3.75rem; overflow: hidden;}
.steam .steam-con .steam-list { overflow: hidden;}
.steam .steam-con .steam-list .pic { display: block; width: 100%; height: 17.5rem; overflow: hidden; border-radius: 15px;}
.steam .steam-con .steam-list .pic img { transition: all 1s;}
.steam .steam-con .steam-list .steam-title {position: relative;display: flex;justify-content: space-between;padding: 2.1875rem 2rem;box-sizing: border-box;}
.steam .steam-con .steam-list .steam-title span {font-size: 1.25rem;width: 290px;color: #22292f;font-weight: bold;}
.steam .steam-con .steam-list .steam-title p {font-size: 1rem;color: #999;line-height: 1.75; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;}
.steam .steam-con .steam-list .steam-title::after {content: '\e694';font-family: "iconfont";display: block;position: absolute;left: 125px;bottom: -20px;width: 1.625rem;height: 1.625rem;line-height: 1.625rem;text-align: center;background: var(--vi-subcolor);color: #fff;border-radius: 50%;}
.steam .steam-con .steam-list .swiper-slide:hover img { transform: scale(1.1);} 
.steam .steam-con .steam-list .swiper-slide:hover .steam-title p { color: var(--vi-color);}
.steam .steam-con .steam-list .swiper-slide:hover .steam-title::after { background: var(--vi-color);}
.steam .steam-con .swiper-slide {position: relative;z-index: 2;padding-bottom: 20px;}
.steam .steam-con .swiper-slide.swiper-slide-active { z-index: 4;}
.steam .steam-con .partner-list { margin:0; overflow: hidden;}
.steam .steam-con .partner-list .pic { overflow: hidden;}
.steam .steam-con .partner-list .pic img { transition: all 1s;}
.steam .steam-con .partner-list .swiper-slide:hover img { transform: scale(1.05);}
.steam .steam-con .partner-list .partner-title {padding: 1rem .75rem;font-size: 1rem;color: #666;text-align: center;}
.steam .steam-con .prev,.steam .steam-con .next {  cursor: pointer; position: absolute; top: 50%; z-index: 3; transform: translateY(-50%); width: 3.125rem; height: 3.125rem; line-height: 3.125rem; text-align: center; border-radius: 50%; background: rgba(0,0,0,.5);}
.steam .steam-con .prev i,.steam .steam-con .next i {  font-size: 1.25rem; font-weight: bold; color: #fff;}
.steam .steam-con .prev {  left: 0;}
.steam .steam-con .next {  right: 0;}
.steam .steam-con .prev:hover,.steam .steam-con .next:hover { background: var(--vi-color); transition: all .3s;}
@media (max-width:992px) {
    .steam { padding: 3rem 2rem;}
    .steam .wrap-title { float: none; text-align: center !important;}
    .steam .steam-menu {float: none;margin: 0 auto;display: flex;justify-content: center;overflow: hidden;width: auto;text-align: center;}
    .steam .steam-menu ul li { width: auto; padding: 0 1.5rem;}
    .steam .steam-menu ul li a { font-size: 1.75rem;}
    .steam .steam-menu ul li.cur a { background: none; color: var(--vi-color); font-weight: bold;}
    .steam .steam-con { margin-top: 2rem;}
    .steam .steam-con .steam-list .steam-title { padding: 1.75rem .9375rem;}
    .steam .steam-con .steam-list .steam-title span { font-size: 1.75rem;}
    .steam .steam-con .steam-list .steam-title p { font-size: 1.375rem;}
    .steam .steam-con .steam-list .steam-title::after { display: none;}
    .steam .steam-con .swiper-slide { padding-bottom: 0;}
}
/* steam end */

/* case */
.case {  padding: 5.3125rem 0 7.5rem; position: relative; background: url(../images/Index/case-bg.jpg) no-repeat center; overflow: hidden;}
.case .case-con { position: relative;  padding-top: 3.4375rem; border-top: 1px solid #adc0cd;}
.case .case-menu { padding: 1.875rem 2.1875rem; position: absolute; right: 0; bottom: 0; width: 16.25rem; height: 23.75rem; background: var(--vi-subcolor);}
.case .case-menu li { padding: 1.25rem 0;}
.case .case-menu li a { position: relative; padding-left: 1.25rem;font-size: 1.125rem; color: #b2c4ff;}
.case .case-menu li a::after { content: ''; display: none; position: absolute; left: 0; top:5px; width: 4px; height: 1.125rem; background: #fff;}
.case .case-menu li.cur a { color: #fff;}
.case .case-menu li.cur a::after { display: block;}
.case .case-list { position: relative; display: block; width: calc(100% - 17rem); overflow: hidden;}
.case .case-list  .pic {float: left;width: 47%;border: none;}
.case .case-list .case-title { float: right; width: 48%;}
.case .case-list .case-title h3  a { font-size: 1.625rem; color: #22292f; font-weight: bold;}
.case .case-list .case-title h3  a:hover { color: var(--vi-subcolor);}
.case .case-list .case-title p { margin-top: .9375rem; font-size: 1rem; color: #666; line-height: 1.75;}
.case .case-list .case-title >  a {display: block;margin-top: 2.0rem;font-size: 1rem;color: #666;}
.case .case-list .case-title >  a i  {margin-top: -3px;display: inline-block;margin-left: .625rem;font-size: .875rem;font-weight: bold;vertical-align: middle;}
.case .case-list .case-title >  a:hover { color: var(--vi-subcolor);}
.case .case-con .honor-list {position: absolute;left: calc(48% - 6rem);bottom: 0;width: 37%;z-index: 4;margin: 0;}
.case .case-con .honor-list .item { float: left; margin: 0 .625rem; width: calc(100%/3 - 1.25rem);}
.case .swiper-pager{ display: none; position:absolute;z-index:9;left:unset;right:calc((100% - 700px) / 2);bottom:48px;width:700px;text-align:center;}
.case .swiper-pager span{  position: relative; margin:0 1rem !important;width:28px;height:28px; border-radius: 50%; background: transparent; opacity:1; border: 2px solid transparent;}
.case .swiper-pager span::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 7px;height: 7px; border-radius: 50%;background: #fff;}
.case .swiper-pager span.swiper-pagination-bullet-active{border-color:var(--vi-color);}
.case .swiper-pager span.swiper-pagination-bullet-active::after { background: var(--vi-color);}
@media (max-width:992px) {
    .case {padding: 3rem 2rem 5.5rem;}
    .case .case-con { padding-top: 2rem;}
    .case .case-list { width: 100%;}
    .case .case-menu { display: none;}
    .case .case-list .pic { float: none; width: 100%; overflow: hidden; border-radius: 5px;}
    .case .case-list .case-title { float: none; width: 100%; margin-top: 2rem;}
    .case .case-list .case-title h3 a { font-size: 1.75rem;}
    .case .case-list .case-title p { font-size: 1.375rem;}
    .case .case-list .case-title > a { margin-top: 2rem; display: inline-block;  font-size: 1.375rem;}
    .case .case-con .honor-list { display: none;}
    .case .swiper-pager{ display: block; left:0;right:unset;width:100%;bottom: -2.5rem;}
    .case .swiper-pager span { margin:0 .5rem !important; width: 14px; height: 14px;}
    .case .swiper-pager span::after { width: 4px; height: 4px;}
}
/* case end */


/*--t-picture-type17--*/
.t-picture-type17{overflow:hidden;}
.t-picture-type17-list{display:flex;flex-wrap:wrap;margin:-15px;}
.t-picture-type17-list .item{margin:15px;padding:10px;width:calc(100% / 1 - 30px);overflow:hidden;background:#f9f9f9;border:#f0f0f0 solid 1px;}
.t-picture-type17-list .icon{float:left;width:180px;padding:14px;}
.t-picture-type17-list .icon img{display:block;width:100%;}
.t-picture-type17-list .txt{padding:10px;overflow:hidden;}
.t-picture-type17-list .txt h3{font-size:18px;color:#333;}
.t-picture-type17-list .txt p{margin-top:10px;font-size:1.125rem;color:#666;}
@media(max-width:1200px){
.t-picture-type17-list{margin:-5px;}
.t-picture-type17-list .item{margin:5px;width:calc(100% - 10px);}
.t-picture-type17-list .txt p{font-size:1.3rem;}
}
/*--end t-picture-type17--*/


/*--  relate-product  --*/

.relate-product .item{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;margin:1rem;padding:2rem;width:calc(100% / 3 - 2rem);background:#fff;border:#f0f0f0 solid 1px;}
.relate-product .txt{width:calc(100% - 100px); text-align:left;}
.relate-product .txt h3{font-size:1.5rem;color:#000;}
.relate-product .txt p{margin:0.75rem 0 1rem;font-size:1rem;height:1.5rem;line-height:1.5rem;color:#666;}
.relate-product .txt span{display:block;width:100px;line-height:2rem;font-size:1rem;text-align:center;color:var(--vi-color);border:var(--vi-color) solid 1px;border-radius:2rem;}
.relate-product .icon{width:90px;}
.relate-product .icon img{display:block;width:100%;}
.relate-product .item:hover .txt h3{color:var(--vi-color);}
.relate-product .item:hover .txt span{color:#fff;background:var(--vi-color);border-color:var(--vi-color);}
@media(max-width:1200px){
.relate-product { padding-top:2rem;}
.relate-product .item{display:block;margin:0.5rem;width:calc(100% / 2 - 1rem);}
.relate-product .icon{margin:0 auto;width:40px;}
.relate-product .txt{padding-top:1rem;width:100%;text-align:center;}
.relate-product .txt h3{font-size:1.75rem;}
.relate-product .txt p{height:3rem;font-size:1.25rem;}
.relate-product .txt span{margin:0 auto;line-height:3rem;font-size:1.25rem;}
}
/*--end relate-product  --*/

/*-- t-picture-type06 --*/
.t-picture-type06{overflow:hidden;}
.t-picture-type06-list{overflow:hidden;}
.t-picture-type06-list .item{position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background:#fff;}
.t-picture-type06-list .pic{width:50%;overflow:hidden;}
.t-picture-type06-list .pic img{display:block;width:100%;transition:all .5s;}
.t-picture-type06-list .text{position:relative;padding:75px;width:50%;overflow:hidden;transition:all .5s;background: #67c96b1a;}
.t-picture-type06-list .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.t-picture-type06-list .hd:before,.t-picture-type06-list .hd:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-picture-type06-list .hd:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.t-picture-type06-list .hd h3{padding:5px 0;font-weight:normal;font-size:24px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t-picture-type06-list .hd h3 small{display:block;font-size:16px;color:#ccc;}
.t-picture-type06-list .hd em{font-style:normal;color:#999;}
.t-picture-type06-list .hd em{display: block;color: #ccc;font-family:"DIN Medium";float: left; margin-right: 10px;height:60px;line-height: 60px;font-size:60px;font-weight:bold;font-style: normal;}
.t-picture-type06-list .bd{padding-top:50px;overflow:hidden;}
.t-picture-type06-list .bd p{font-size:16px;line-height:1.75;color:#666;}
.t-picture-type06-list .item:nth-child(odd){flex-direction:row-reverse;animation:fadeinL 1s;}
.t-picture-type06-list .item:nth-child(even){animation:fadeinR 1s;}
@media (max-width:1440px){
.t-picture-type06-list .text{padding:50px;}
.t-picture-type06-list .bd{padding-top:30px;}
}
@media (max-width:1200px){
.t-picture-type06-list .item .pic{width:100%;}
.t-picture-type06-list .text{position:relative;z-index:3;padding:20px;margin:0 auto;width:90%;height:auto;background:#fff;transform:translateY(-40px);box-shadow:0 0 20px rgba(0,0,0,0.1);}
.t-picture-type06-list .hd h3{font-size:18px;}
.t-picture-type06-list .hd h3 small{font-size:14px;}
.t-picture-type06-list .hd em{height:54px;line-height:54px;font-size:50px;}
.t-picture-type06-list .bd{padding-top:20px;}
.t-picture-type06-list .bd p{font-size:14px;}
}
/*-- end t-picture-type06 --*/

/*--t-step-type04--*/
.t-step-type04{overflow:hidden;}
.t-step-type04-list{display:flex;flex-wrap:wrap;margin:0 -50px;overflow:hidden;}
.t-step-type04-list .item{position:relative;padding:0 50px;width:calc(100% / 5);text-align:center;}
.t-step-type04-list .item:before,.t-step-type04-list .item:after{display:block;position:absolute;z-index:1;top:50px;width:50%;height:1px;content:"";background:#f0f0f0;}
.t-step-type04-list .item:before{left:0;}
.t-step-type04-list .item:after{right:0;}
.t-step-type04-list .icon{position:relative;z-index:2;margin:0 auto;display:flex;justify-content:center;align-items:center;width:100px;height:100px;background:#fff;border:#f0f0f0 solid 1px;border-radius:50%;}
.t-step-type04-list .icon img{width:40px;}
.t-step-type04-list .text{padding-top:10px;overflow:hidden;}
.t-step-type04-list .text h3{font-size:16px;font-weight:normal;color:#333;}
.t-step-type04-list .text p{font-size:14px;color:#999;}
.t-step-type04-list .arrow{position:absolute;z-index:3;top:0;right:0;width:100px;height:100px;transform:translateX(50%);}
.t-step-type04-list .arrow:before{display:block;position:absolute;z-index:3;top:50%;left:50%;margin-left:-8px;margin-top:-6px;width:10px;height:10px;content:"";border:#ccc solid 2px;border-left:0;border-bottom:0;transform:rotate(45deg);box-sizing:content-box;}
.t-step-type04-list .arrow:after{display:block;position:absolute;top:50%;left:50%;width:30px;height:30px;line-height:30px;text-align:center;content:"";border:#e5e5e5 solid 1px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-sizing:content-box;}
@media (max-width:1200px){
.t-step-type04-list{margin:0 -10px;}
.t-step-type04-list .item{margin-bottom:20px;padding:0 10px;width:calc(100% / 3);}
.t-step-type04-list .item:before,.t-step-type04-list .item:after{top:25px;}
.t-step-type04-list .icon{width:50px;height:50px;}
.t-step-type04-list .icon img{width:24px;}
.t-step-type04-list .arrow{display:none;}
.t-step-type04-list .text h3{font-size:14px;}
.t-step-type04-list .text p{display:none;}
}
/*--end t-step-type04--*/


/*--t-step-type07--*/
.t-step-type07{overflow:hidden;}
.t-step-type07-list{display:flex;flex-wrap:wrap;margin:0 -50px;overflow:hidden;}
.t-step-type07-list .item{position:relative;padding:0 50px;width: calc(100% / 7);text-align:center;}
.t-step-type07-list .item:before,.t-step-type07-list .item:after{display:block;position:absolute;z-index:1;top:50px;width:50%;height:1px;content:"";background:#f0f0f0;}
.t-step-type07-list .item:before{left:0;}
.t-step-type07-list .item:after{right:0;}
.t-step-type07-list .icon{position:relative;z-index:2;margin:0 auto;display:flex;justify-content:center;align-items:center;width:100px;height:100px;background:#fff;border:#f0f0f0 solid 1px;border-radius:50%;}
.t-step-type07-list .icon img{width:40px;}
.t-step-type07-list .text{padding-top:10px;overflow:hidden;}
.t-step-type07-list .text h3{font-size:16px;font-weight:normal;color:#333;}
.t-step-type07-list .text p{font-size:14px;color:#999;}
.t-step-type07-list .arrow{position:absolute;z-index:3;top:0;right:0;width:100px;height:100px;transform:translateX(50%);}
.t-step-type07-list .arrow:before{display:block;position:absolute;z-index:3;top:50%;left:50%;margin-left:-8px;margin-top:-6px;width:10px;height:10px;content:"";border:#ccc solid 2px;border-left:0;border-bottom:0;transform:rotate(45deg);box-sizing:content-box;}
.t-step-type07-list .arrow:after{display:block;position:absolute;top:50%;left:50%;width:30px;height:30px;line-height:30px;text-align:center;content:"";border:#e5e5e5 solid 1px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-sizing:content-box;}
@media (max-width:1200px){
.t-step-type07-list{margin:0 -10px;}
.t-step-type07-list .item{margin-bottom:20px;padding:0 10px;width:calc(100% / 3);}
.t-step-type07-list .item:before,.t-step-type07-list .item:after{top:25px;}
.t-step-type07-list .icon{width:50px;height:50px;}
.t-step-type07-list .icon img{width:24px;}
.t-step-type07-list .arrow{display:none;}
.t-step-type07-list .text h3{font-size:14px;}
.t-step-type07-list .text p{display:none;}
}
/*--end t-step-type07--*/


/*--t-step-type01--*/
.t-step-type01{overflow:hidden;}
.t-step-type01-list{position:relative;margin:0 auto;margin:0 -50px;}
.t-step-type01-list .group{display:flex;flex-wrap:wrap;position:relative;z-index:1;margin:30px 0;}
.t-step-type01-list .group:nth-child(even){flex-direction:row-reverse;}
.t-step-type01-list .item{position:relative;z-index:3;padding:0 50px;width:calc(100% / 4);text-align:center;}
.t-step-type01-list .icon{display:flex;align-items:center;justify-content:center;margin:0 auto;width:80px;height:80px;border:#e0e0e0 solid 1px;border-radius:50%;/*background:#0e90d2;*/border-radius:50%;}
.t-step-type01-list .icon img{display:block;width:40px;}
.t-step-type01-list .num{margin-top:10px;font-size:18px;font-family:"DIN Medium";color:#333;opacity:0.5;}
.t-step-type01-list .text{margin-top:10px;color:#fff;overflow:hidden;border-radius:15px;}
.t-step-type01-list .text h3{line-height:30px;font-size:1.125rem;color:#666;}
.t-step-type01-list .text p{font-size:14px;color:#999;}
.t-step-type01-list .arrow{position:absolute;z-index:3;top:0;right:0;width:100px;height:100px;transform:translateX(50%);}
.t-step-type01-list .arrow:before{display:block;position:absolute;z-index:3;top:50%;left: 50%;margin-left:3px;margin-top:-6px;width:10px;height:10px;content:"";border-top:#ccc solid 2px;transform:rotate(45deg);box-sizing:content-box;}
.t-step-type01-list .arrow:after{display:block;position:absolute;top:50%;left:50%;width:30px;height: 1px;text-align:center;content:"";background:#ccc;transform:translate(-50%,-50%);box-sizing:content-box;}
.t-step-type01-list .item:last-child .arrow{display:none}
.t-step-type01-list .group:nth-child(even) .arrow{right:calc(100% - 50px);transform:rotate(180deg);}
@media (max-width:1200px){
.t-step-type01-list{display:flex;flex-wrap:wrap;margin:0 -10px;}
.t-step-type01-list .item{padding:10px;width:50%;}
.t-step-type01-list .icon{width:50px;height:50px;}
.t-step-type01-list .icon img{width:24px;}
.t-step-type01-list .icon h3{font-size:14px;}
.t-step-type01-list .num{font-size:14px;}
.t-step-type01-list .text p{display:none;}
.t-step-type01-list .arrow{display:none;}
}
/*--end t-step-type01--*/

/*-- t-picture-type09 --*/
.t-picture-type09{position:relative;overflow:hidden;}
.t-picture-type09-list{display:flex;flex-wrap:wrap;}
.t-picture-type09-list .item{padding:0 30px;text-align:center;border-right:#f0f0f0 solid 1px;}
.t-picture-type09-list .item:last-child{border-right:none;}
.t-picture-type09-list[data-row="3"] .item{width:calc(100% / 3);}
.t-picture-type09-list[data-row="4"] .item{width:calc(100% / 4);}
.t-picture-type09-list[data-row="5"] .item{width:calc(100% / 5);}
.t-picture-type09-list .pic{margin:0 auto;padding:25px;width:90px;height:90px;border-radius:50%;background:#0e90d2}
.t-picture-type09-list .pic img{display:block;width:100%;filter:contrast(0) brightness(2);}
.t-picture-type09-list .text{padding-top:20px;text-align:center;}
.t-picture-type09-list .text h3{font-size:24px;font-weight:400;color:#333;}
.t-picture-type09-list .text p{margin-top:5px;font-size:16px;line-height:1.75;color:#666;}
.t-picture-type09-list .item:hover .pic img{transform:rotateY(360deg);transition:all 1s;}
@media (max-width:1200px){
.t-picture-type09-list .item{padding:10px;border-right:none;}
.t-picture-type09-list[data-row="3"] .item,.t-picture-type09-list[data-row="5"] .item{width:100%;}
.t-picture-type09-list[data-row="4"] .item{width:calc(100% / 2);}
.t-picture-type09-list .pic{padding:20px;width:80px;height:80px;}
.t-picture-type09-list .text{padding-top:10px;}
.t-picture-type09-list .text h3{font-size:18px;}
.t-picture-type09-list .text p{font-size:14px;}
}
/*-- end t-picture-type09 --*/

/*--t-txt-type05--*/
.t-txt-type05{overflow:hidden;}
.t-txt-type05-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-txt-type05-list .item{margin-bottom:24px;padding:30px 20px;width:calc(50% - 12px);border:#f0f0f0 solid 1px;transition:all .5s;}
.t-txt-type05-list .item dl{display:flex;align-items:center;}
.t-txt-type05-list .item dt{width:40px;}
.t-txt-type05-list .item dt em{display:block;width:40px;height:40px;line-height:40px;font-family:"DIN Medium";font-style:normal;font-size:20px;text-align:center;color:#333;background:#e1e1e1;border-radius:50%;}
.t-txt-type05-list .item dd{padding-left:20px;font-size:16px;color:#333;line-height:1.75;}
.t-txt-type05-list .item:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.t-txt-type05-list .item:nth-child(odd){animation:fadeinR 1s;}
.t-txt-type05-list .item:nth-child(even){animation:fadeinL 1s;}
@media(max-width:1200px){
.t-txt-type05 .item em{width:50px;height:50px;line-height:35px;font-size:20px;}
.t-txt-type05 .item{margin-bottom:15px;padding: 15px;width: 100%;}
.t-txt-type05 .item dl{align-items:self-start;}
}
/*--end t-txt-type05--*/