/*--banner--*/
.banner{position:relative;height:100vh;max-height:850px;overflow:hidden;background:#f0f0f0;}
.banner .pic{height:100%;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;animation:banner 0s ease;}
.banner .text{position:absolute;z-index:3;top:38.45%;left:0;width:100%;animation:fadeInUpSmall 1s;}
.banner .text dl{display:flex;align-items:center;}
.banner .text dt{padding-right:20px;width:50%;text-align:right;font-size:48px;color:#fff;font-family:"nafont";border-right:rgba(255,255,255,.2) solid 1px;}
.banner .text dd{padding-left:20px;width:50%;text-align:left;font-weight:300;font-size:14px;color:#fff;}
.banner .text[data-color="white"] dt{color:#fff;border-right:rgba(255,255,255,.2) solid 1px;}
.banner .text[data-color="white"] dd{color:#fff;}
.banner .text[data-color="black"] dt{color:#333;border-right:rgba(0,0,0,.2) solid 1px;}
.banner .text[data-color="black"] dd{color:#999;}
@media(max-width:1200px){
.banner{display:none;}
}
@keyframes banner{
  from{-webkit-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0);}
  to{-webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);transform:matrix(1.1, 0, 0, 1.1, 0, 0);}
}
/*--end banner--*/

/*--inpage-menus--*/
.inpage-menus{position:absolute;z-index:20;top:100px;left:0;width:100%;transition:background .5s;}
.inpage-menus .inner{display:flex;justify-content:space-between;height:80px;line-height:80px;border-bottom:#fff solid 1px;}
.inpage-menus .menus-list{width:calc(100% - 100px);}
.inpage-menus .menus-list ul{display:flex;}
.inpage-menus .menus-list li{position:relative;margin-right:35px;width:auto;font-size:16px;}
.inpage-menus .menus-list li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-20px;width:40px;height:3px;content:"";background:#fff;transform:scaleX(0);transition:all 1s;}
.inpage-menus .menus-list li a{color:#fff;}
.inpage-menus .menus-list li:hover:after,.inpage-menus .menus-list li.cur:after{transform:scaleX(1);}
.inpage-menus .backTop a{font-size:16px;color:#fff;}
.inpage-menus.affix{position:fixed;top:0;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.inpage-menus.affix .menus-list li:after{background:var(--vi-color);}
.inpage-menus.affix .menus-list li a{color:#333;}
.inpage-menus.affix .menus-list li:hover a,.inpage-menus.affix .menus-list li.cur a{color:var(--vi-color);}
.inpage-menus.affix .backTop a{color:#333;}
.inpage-menus.affix .backTop a:hover{color:var(--vi-color);}
@media(max-width:1200px){
.inpage-menus{display:none;}
}
/*--end inpage-menus--*/

/*--corp-title--*/
.corp-title{display:flex;align-items:center;width:100%;overflow:hidden;animation:fadeInUpSmall 1s;}
.corp-title h2{display:flex;font-size:42px;color:#333;}
.corp-title em{display:block;margin-left:18px;padding:15px 24px;font-size:14px;color:#999;border-left:#c8c8c8 solid 1px;}
.corp-title.white h2{color:#fff;}
.corp-title.white em{color:#fff;border-color:rgba(255,255,255,.5);}
@media(max-width:1200px){
.corp-title{justify-content:center;}
.corp-title h2{font-size:24px;}
.corp-title h2 sup{font-size:12px;}
.corp-title em{display:none;}
}
/*--end wrap-title--*/

/*--aboutus--*/
.aboutus{padding:120px 0;overflow:hidden;background:#fff;}
.aboutus-inner{margin-top:75px;display:flex;flex-wrap:wrap;justify-content:space-between;animation:fadeInUpSmall 3s;}
.aboutus-inner .images-wrap{position:relative;width:50%;overflow:hidden;border-radius:0x;}
.aboutus-inner .images-wrap .swiper-wrapper li{overflow:hidden;}
.aboutus-inner .images-wrap .swiper-wrapper li img{transition:all 1s;}
.aboutus-inner .images-wrap .swiper-wrapper li:hover img{transform:scale(1.05);}
.aboutus-inner .images-wrap .swiper-pager{position:absolute;z-index:9;left:0;bottom:20px;width:100%;text-align:center;}
.aboutus-inner .images-wrap .swiper-pager span{margin:0 10px;background:#fff;opacity:1;}
.aboutus-inner .images-wrap .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
.aboutus-inner .text-wrap{position:relative;width:calc(50% - 60px);overflow:hidden;}
.aboutus-inner .text-wrap .tit h3{font-size:42px;color:#333;}
.aboutus-inner .text-wrap .summary{margin-top:20px;height:340px;overflow:auto;}
.aboutus-inner .text-wrap .summary::-webkit-scrollbar{width:5px;background:#f0f0f0;}
.aboutus-inner .text-wrap .summary::-webkit-scrollbar-thumb{background:var(--vi-color);}
.aboutus-inner .text-wrap .summary p{font-size:16px;line-height:30px;font-weight:300;color:#333;}
.aboutus-inner .text-wrap .btns{position:absolute;left:0;bottom:30px;}
.aboutus-inner .text-wrap .btns a{display:block;width:145px;height:47px;}
.aboutus-inner .text-wrap .btns a span{display:inline-block;padding:0 10px;line-height:35px;font-size:16px;font-weight:300;color:#333;border-bottom:var(--vi-color) solid 1px;}
.aboutus-inner .text-wrap .btns a i{display:inline-block;margin-left:12px;width:47px;line-height:47px;text-align:center;color:#fff;background:var(--vi-color);border-radius:50%;}
.aboutus-inner .text-wrap .btns a:hover span{color:var(--vi-color);}
@media(max-width:1200px){
.aboutus{padding:40px 20px;}
.aboutus-inner{margin-top:30px;}
.aboutus-inner .images-wrap{width:100%;}
.aboutus-inner .text-wrap{padding-top:20px;padding-bottom:0;width:100%;}
.aboutus-inner .text-wrap .tit h3{font-size:24px;}
.aboutus-inner .text-wrap .summary{margin-top:10px;height:auto;overflow:hidden;}
.aboutus-inner .text-wrap .summary p{font-size:14px;line-height:1.5;}
.aboutus-inner .text-wrap .btns{position:static;margin-top:30px;}
}
/*--end aboutus--*/

/*--base--*/
.base{padding:0 0 65px;overflow:hidden;background:#fff;}
.base-inner{position:relative;margin:55px -40px 0;}
.base-slide{padding:20px 40px 0;overflow:hidden;}
.base-slide .prev,.base-slide .next{position:absolute;z-index:9;top:35%;width:50px;line-height:50px;text-align:center;cursor:pointer;color:#fff;background:#cfcfcf;border-radius:50%;}
.base-slide .prev{left:12px;}
.base-slide .next{right:12px;}
.base-slide .prev:hover,.honor-slide .next:hover{color:#fff;background:var(--vi-color);}
.base-slide .item .pic{overflow:hidden;}
.base-slide .item .pic img{display:block;transition:all 1s;}
.base-slide .item .tit{margin-top:30px;text-align:center;font-size:16px;font-weight:400;overflow:hidden;color:#666;}
.base-slide .item:hover .pic img{transform:scale(1.1);}
.base-inner .swiper-pager{margin-top:50px;text-align:center;}
.base-inner .swiper-pager span{margin:0 12px;width:10px;height:10px;opacity:1;background:#ccc;border-radius:50%;}
.base-inner .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:1200px){
.base{padding:0 20px 40px;}
.base-inner{margin:30px 0 0;}
.base-slide{padding:0;}
.base-slide .prev,.honor-slide .next{display:none;}
.base-slide .item .tit{margin-top:15px;font-size:16px;}
.base-inner .swiper-pager{margin-top:25px;}
}
/*--end base--*/

/*--honor--*/
.honor{padding:120px 0 65px;overflow:hidden;background:#efefef;}
.honor-inner{position:relative;margin:55px -40px 0;}
.honor-slide{padding:20px 40px 0;overflow:hidden;}
.honor-slide .prev,.honor-slide .next{position:absolute;z-index:9;top:35%;width:50px;line-height:50px;text-align:center;cursor:pointer;color:#fff;background:#cfcfcf;border-radius:50%;}
.honor-slide .prev{left:12px;}
.honor-slide .next{right:12px;}
.honor-slide .prev:hover,.honor-slide .next:hover{color:#fff;background:var(--vi-color);}
.honor-slide .item .pic{overflow:hidden;}
.honor-slide .item .pic img{display:block;transition:all 1s;}
.honor-slide .item .tit{margin-top:30px;text-align:center;font-size:16px;font-weight:400;overflow:hidden;color:#666;}
.honor-slide .item:hover .pic img{transform:scale(1.1);}
.honor-inner .swiper-pager{margin-top:50px;text-align:center;}
.honor-inner .swiper-pager span{margin:0 12px;width:10px;height:10px;opacity:1;background:#ccc;border-radius:50%;}
.honor-inner .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:1200px){
.honor{padding:40px 20px;}
.honor-inner{margin:30px 0 0;}
.honor-slide{padding:0;}
.honor-slide .prev,.honor-slide .next{display:none;}
.honor-slide .item .tit{margin-top:15px;font-size:16px;}
.honor-inner .swiper-pager{margin-top:25px;}
}
/*--end honor--*/

/*--patent--*/
.patent{padding:120px 0 65px;overflow:hidden;background:#fff;}
.patent-inner{position:relative;margin-top:65px;}
.patent-inner .prev,.patent-inner .next{position:absolute;z-index:9;top:50%;width:50px;line-height:50px;text-align:center;cursor:pointer;color:#fff;background:#cfcfcf;border-radius:50%;transform:translateY(-50%);}
.patent-inner .prev{left:-25px;}
.patent-inner .next{right:-25px;}
.patent-inner .prev:hover,.patent-inner .next:hover{color:#fff;background:var(--vi-color);}
.patent-slide{position:relative;padding:200px 100px 60px;overflow:hidden;background:url(../images/Inpage/patent_slide_bg.jpg) no-repeat center / cover;border-radius:0px;}
.patent-slide .swiper-cont{overflow:hidden;}
.patent-slide .item .pic{overflow:hidden;border-radius:0px;}
.patent-slide .item .pic img{transition:all 1s;}
.patent-slide .item .tit{padding-top:15px;text-align:center;font-size:16px;font-weight:300;color:#666;overflow:hidden;border-radius:0px 0px 0 0;}
.patent-inner .swiper-pager{margin-top:50px;text-align:center;}
.patent-inner .swiper-pager span{margin:0 12px;width:10px;height:10px;opacity:1;background:#ccc;border-radius:50%;}
.patent-inner .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:1200px){
.patent{padding:40px 20px;}
.patent-inner{margin-top:30px;}
.patent-inner .prev,.patent-inner .next{display:none;}
.patent-slide{padding:60px 20px 40px;}
.patent-slide .item .tit{font-size:14px;}
.patent-inner .swiper-pager{margin-top:25px;}
}
/*--end patent--*/



/*--cases--*/
.cases{padding:100px 0;overflow:hidden;background:#fff;}
.case-list{overflow:hidden;}
.case-list .item{display:flex;flex-wrap:wrap;margin-bottom:30px;background:#ededed;animation:fadeInUpSmall 1s;}
.case-list .item:nth-child(even){flex-direction:row-reverse;}
.case-list .pic,.case-list .text{flex:none;position:relative;width:50%;overflow:hidden;}
.case-list .pic img{display:block;transition:all 1s;}
.case-list .text{padding-top:4.5%;display:flex;}
.case-list .text .cont{width:calc(83.33vw / 2);max-width:700px;}
.case-list .text .cont span{display:block;font-size:24px;color:#666;}
.case-list .text .cont h3{font-size:48px;line-height:1.5;color:#1a1a1a;}
.case-list .text .cont p{margin-top:20px;font-size:16px;line-height:1.75;color:#666;}
.case-list .item:nth-child(odd) .text .cont{padding-left:9.375%;}
.case-list .item:nth-child(even) .text{justify-content:flex-end;}
.case-list .item:nth-child(even) .text .cont{padding-right:9.375%;}
.case-list .item:hover .pic img{transform:scale(1.05);}
@media(max-width:1600px){
.case-list .text .cont h3{font-size:42px;}
}
@media(max-width:1440px){
.case-list .text .cont h3{font-size:36px;}
}
@media(max-width:1200px){
.cases{padding:10px 10px;}
.case-list .item{margin-bottom:15px;}
.case-list .pic,.case-list .text{width:100%;}
.case-list .text{padding:20px !important;}
.case-list .text .cont{padding:0 !important;width:100%;}
.case-list .text .cont span{font-size:18px;}
.case-list .text .cont h3{font-size:22px;}
.case-list .text .cont p{margin-top:10px;font-size:14px;}
}
/*--end cases--*/

/*--products--*/
.products-wrap{padding:60px 0;overflow:hidden;background:#fff;}
.products-sub-menu{overflow:hidden;}
.products-sub-menu ul{display:flex;justify-content:center;}
.products-sub-menu li{line-height:50px;font-size:16px;}
.products-sub-menu li a{display:block;padding:0 20px;color:#666;}
.products-sub-menu li:hover a,.products-sub-menu li.cur a{color:var(--vi-color);}
.products-list{display:flex;flex-wrap:wrap;margin:0 -60px;margin-top:50px}
.products-list .item{display:block;margin:0 60px 80px;width:calc(33.33% - 120px);overflow:hidden;border-top:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px;animation:fadeInUpSmall 1s;}
.products-list .pic{margin:30px 0;overflow:hidden;}
.products-list .pic img{display:block;transition:all 1s;}
.products-list .text{position:relative;padding:0px 65px 35px 0;overflow:hidden;}
.products-list .text:after{display:block;position:absolute;top:10%;right:0;width:30px;line-height:30px;text-align:center;color:#fff;font-family:"iconfont";content:"\e694";background-color:#333;border-radius:50%;}
.products-list .text h3{font-size:24px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.products-list .text p{font-size:14px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.products-list .item:hover .pic img{transform:scale(1.05);}
.products-list .item:hover .text:after{background-color:var(--vi-color);}
.products-list .item:hover .text h3{color:var(--vi-color);}
@media(max-width:1600px){
.products-list{margin:0 -50px;}
.products-list .item{margin:0 50px 70px;width:calc(33.33% - 100px);}
}
@media(max-width:1440px){
.products-list{margin:0 -40px;}
.products-list .item{margin:0 40px 60px;width:calc(33.33% - 80px);}
}
@media(max-width:1200px){
.products-wrap{padding:40px 10px;}
.products-sub-menu li{line-height:40px;font-size:14px;}
.products-sub-menu li a{padding:0 10px;}
.products-list{margin:-10px;}
.products-list .item{margin:10px;width:calc(50% - 20px);}
.products-list .pic{margin:15px 0;overflow:hidden;}
.products-list .text:after{display:none;}
.products-list .text{padding:15px  0;}
.products-list .text h3{font-size:18px;}
.products-list .text p{font-size:14px;}
}
/*--end products--*/

/*--news--*/
.news-wrap{padding:60px 0;overflow:hidden;}
.news-inner{margin-top:20px;overflow:hidden;}
.news-list{display:flex;flex-wrap:wrap;margin:0 -50px;}
.news-list .item{display:block;position:relative;margin:0 50px;width:calc(33.33% - 100px);}
.news-list .item .pic{overflow:hidden;}
.news-list .item .pic img{transition:all 1s;}
.news-list .item .cont{position:relative;z-index:3;height:204px;}
.news-list .item .text{position:absolute;left:0;bottom:0;padding:30px 0 35px;width:100%;border-bottom:#ebebeb solid 1px;transition:padding-top .5s,padding-bottom .5s ;}
.news-list .item .text .meta{display:flex;align-items:center;}
.news-list .item .text .meta em{display:block;font-size:14px;font-family:"DIN Medium";color:#a3a3af;}
.news-list .item .text .meta i{display:block;margin:0 15px;width:1px;height:14px;background:#a3a3af;}
.news-list .item .text .meta span{display:block;font-size:16px;color:#a3a3af;}
.news-list .item .text .title {margin-top:15px;}
.news-list .item .text .title h3{height:60px;line-height:30px;font-size:24px;font-weight:400;color:#1c1e24;overflow:hidden;}
.news-list .item .text .read{margin-top:25px;}
.news-list .item .text .read span{display:flex;align-items:center;font-family:"Geometr415_Blk_Bt";font-size:14px;color:#a3a3af;text-transform:uppercase;}
.news-list .item .text .read span:after{display:block;margin-left:10px;font-family:"iconfont";content:"\e694";}
.news-list .item:hover .pic img{transform:scale(1.05);}
.news-list .item:hover .text{padding:40px 40px 70px;background:#f6f6f6;border-bottom:var(--vi-color) solid 4px;}
.news-more{margin-top:70px;text-align:center;}
.news-more a{display:flex;align-items:center;justify-content:center;font-size:16px;}
.news-more a:after{display:block;font-family:"iconfont";margin-left:10px;width:32px;height:32px;line-height:32px;color:#fff;content:"\e694";background:var(--vi-color);border-radius:50%;}
.news-more a:hover{color:var(--vi-color);}
@media(max-width:992px){
.news-wrap{padding:0px 20px;}
.news-inner{margin-top:0px;}
.news-list{margin:0;}
.news-list .item{display:flex;justify-content:space-between;margin:0;padding:15px 0;width:100%;border-bottom:#ebebeb solid 1px;}
.news-list .item .pic{width:120px;}
.news-list .item .cont{position:static;width:calc(100% - 135px);height:auto;}
.news-list .item .text{position:static;padding:0;border-bottom:none;}
.news-list .item .text .title {margin-top:5px;}
.news-list .item .text .title h3{height:50px;line-height:25px;font-size:16px;}
.news-list .item .text .read{margin-top:15px;}
.news-more{margin-top:40px;}
.news-more a{font-size:14px;}
.news-more a:after{width:26px;height:26px;line-height:26px;}
}
/*--end news--*/


/*--t-txt-type04--*/
.t-txt-type04-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-10px;}
.t-txt-type04-list .item{position:relative;display:flex;margin:10px;width:calc(50% - 20px);overflow:hidden;border:#f0f0f0 solid 1px;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:0px;}
.t-txt-type04-list .item .num{display:flex;width:100px;align-items:center;justify-content:center;background:var(--vi-color);}
.t-txt-type04-list .item .num em{display:block;font-family:"DIN Medium";font-size:30px;font-style:normal;color:#fff;}
.t-txt-type04-list .item .text{flex:none;padding:20px 30px;width:calc(100% - 100px);overflow:hidden;}
.t-txt-type04-list .item .text h3{font-size:18px;color:var(--vi-color);}
.t-txt-type04-list .item .text p{margin-top:10px;font-size:16px;line-height:1.75;color:#666;}
.t-txt-type04-list .item:nth-child(1){animation:fadeinB 1s;}
.t-txt-type04-list .item:nth-child(2){animation:fadeinB 1.5s;}
.t-txt-type04-list .item:nth-child(3){animation:fadeinB 2s;}
.t-txt-type04-list .item:nth-child(4){animation:fadeinB 2.5s;}
@media(max-width:1200px){
.t-txt-type04-list{margin:0;}
.t-txt-type04-list .item{margin-bottom:10px;width:100%;}
.t-txt-type04-list .item:nth-child(even){flex-direction:row-reverse;}
.t-txt-type04-list .item .num{width:80px;}
.t-txt-type04-list .item .num em{font-size:20px;}
.t-txt-type04-list .item .text{padding:10px 15px;width:calc(100% - 80px);}
.t-txt-type04-list .item .text h3{font-size:16px;}
.t-txt-type04-list .item .text p{font-size:14px;}
}
/*--end t-txt-type04--*/

/* --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:32px;height:3px;content:"";background:#133a99;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:16px;color:#999;}
@media(max-width:1200px){
.t-title-type02{padding-top:15px;}
.t-title-type02 h2{font-size:20px;}
.t-title-type02 p{font-size:14px;}
}
/* --end t-title-type02-- */

/*--t-txt-type05--*/.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;border-radius:0px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.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:#fff;background:var(--vi-color);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{background:var(--vi-color);}
.t-txt-type05-list .item:hover dt em{color:var(--vi-color);background:#fff;}
.t-txt-type05-list .item:hover dd{color:#fff;}
.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--*/


/*-- 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:#f9f9f9;}
.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:50px;width:50%;overflow:hidden;transition:all .5s;}
.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:36px;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:50px;font-weight:bold;font-style: normal;}
.t-picture-type06-list .bd{padding-top:30px;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:30px;}
.t-picture-type06-list .bd{padding-top:20px;}
}
@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-txt-type06--*/
.t-txt-type06-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-txt-type06-list .item{margin-bottom:24px;padding:30px;width:calc(50% - 12px);border:#f0f0f0 solid 1px;transition:all .5s;border-radius:0px;}
.t-txt-type06-list .item .tit{position:relative;display:flex;align-items:center;padding-bottom:20px;overflow:hidden;}
.t-txt-type06-list .item .tit:before,.t-txt-type06-list .item .tit:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-txt-type06-list .item .tit:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.t-txt-type06-list .item .tit:after{z-index:2;width:30px;height:2px;background:var(--vi-color);}
.t-txt-type06-list .item .tit h3{font:normal 18px/1.5 "DIN Medium";color:#333;font-weight: bold;}
.t-txt-type06-list .item .cont{padding-top:20px;overflow:hidden;}
.t-txt-type06-list .item .cont p{font:normal 16px/1.5 "DIN Medium";color:#666;}
.t-txt-type06-list .item:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
@media(max-width:1200px){
.t-txt-type06-list .item{margin-bottom:10px;padding:15px 10px;width:100%;}
.t-txt-type06-list .item .tit{padding-bottom:10px;}
.t-txt-type06-list .item .tit h3{font-size:16px;font-weight: bold;}
.t-txt-type06-list .item .cont{padding-top:10px;}
.t-txt-type06-list .item .cont p{font-size:14px;}
}
/*--end t-txt-type06--*/


<!-- t-picture-type14 -->
.t-picture-type14{overflow:hidden;}
.t-picture-type14-list{overflow:hidden;}
.t-picture-type14-list .item{position:relative;overflow:hidden;}
.t-picture-type14-list .item img{display:block;width:100%;height:100%;transition:all 1s;}
.t-picture-type14-list .item h3{position:absolute;bottom:0;left:0;padding:12px 20px;width:100%;font-size:16px;line-height:1.75;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.5);}
.t-picture-type14-list .item:hover img{transform:scale(1.1);}
.t-picture-type14-list .largeImg{width:100%;}
.t-picture-type14-list .minImg{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-picture-type14-list .minImg .item{margin-top:20px;width:calc(25% - 10px);}
@media(max-width:1200px){
.t-picture-type14-list .minImg{margin-top:10px;}
.t-picture-type14-list .minImg .item{margin-top:10px;width:calc(50% - 5px);}
}
<!-- end t-picture-type14 -->


/* --t-title-type01-- */
.t-title-type01{text-align:center;}
.t-title-type01 h2{position:relative;z-index:1;font-size:36px;color:#333;}
.t-title-type01 h2:before{display:block;position:absolute;left:0;top:50%;width:100%;height:1px;content:"";background:#e2e2e2;transform:translateY(-50%);}
.t-title-type01 h2 span{display:inline-block;position:relative;z-index:2;padding:0 50px;background:#fff;}
.t-title-type01 h2 span:before,.t-title-type01 h2 span:after{display:block;position:absolute;top:50%;width:32px;height:3px;content:"";background:var(--vi-color);transform:translateY(-50%);}
.t-title-type01 h2 span:before{left:0;}
.t-title-type01 h2 span:after{right:0;}
.t-title-type01 p{margin-top:5px;font-size:16px;color:#999;}
@media(max-width:1200px){
.t-title-type01 h2{font-size:24px;}
.t-title-type01 h2 span{padding:0 40px;}
.t-title-type01 h2 span:before,.t-title-type01 h2 span:after{width:24px;height:1px;}
.t-title-type01 p{font-size:14px;}
}
/* --end t-title-type01-- */


/*-- t-picture-type11 --*/
.t-picture-type11{position:relative;overflow:hidden;}
.t-picture-type11-list{display:flex;flex-wrap:wrap;margin:-10px;width:100%;overflow:hidden;}
.t-picture-type11-list .item{position:relative;margin:10px;text-align:center;overflow:hidden;}
.t-picture-type11-list[data-row="2"] .item{width:calc(100% / 2 - 20px);}
.t-picture-type11-list[data-row="3"] .item{width:calc(100% / 3 - 20px);}
.t-picture-type11-list[data-row="4"] .item{width:calc(100% / 4 - 20px);}
.t-picture-type11-list[data-row="5"] .item{width:calc(100% / 5 - 20px);}
.t-picture-type11-list .pic{overflow:hidden;}
.t-picture-type11-list .pic img{display:block;width:100%;}
.t-picture-type11-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.5);backdrop-filter:saturate(180%) blur(20px);transition:all .5s;}
.t-picture-type11-list .text{position:absolute;left:0;top:0;padding:50px 30px;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.25);backdrop-filter: saturate(180%) blur(20px);transform:translateY(100%);transition:all .5s;}
.t-picture-type11-list .text:after{display:block;position:absolute;left:50%;bottom:50px;width:30px;height:3px;content:"";background:#fff;opacity:0.5;transform:translateX(-50%);}
.t-picture-type11-list .text em{display:block;margin:0 auto;width:80px;height:80px;border:#fff solid 1px;border-radius:50%;}
.t-picture-type11-list .text em img{display:block;position:relative;top:50%;left:50%;width:40px;transform:translate(-50%,-50%);}
.t-picture-type11-list .text h3{margin-top:20px;font-size:18px;color:#fff;line-height:1.5;}
.t-picture-type11-list .text p{margin-top:10px;font-size:16px;color:#fff;line-height:1.5;}
.t-picture-type11-list .item:hover .text{transform:translateY(0);}
.t-picture-type11-list .item:hover .tit{transform:translateY(100%);}
@media (max-width:1200px){
.t-picture-type11-list{margin:-6px;}
.t-picture-type11-list .item{margin:6px;width:calc(50% - 12px) !important;}
.t-picture-type11-list .item .tit{font-size:14px;}
.t-picture-type11-list .text{display:none !important;}
}
/*-- end t-picture-type11 --*/

/*-- t-picture-type08 --*/
.t-picture-type08{overflow:hidden;}
.t-picture-type08-list{margin:-10px;overflow:hidden;}
.t-picture-type08-list .item{position:relative;float:left;margin:10px;color:#333;text-align:center;overflow:hidden;}
.t-picture-type08-list[data-row="3"] .item{width:calc(100% / 3 - 20px);}
.t-picture-type08-list[data-row="4"] .item{width:calc(100% / 4 - 20px);}
.t-picture-type08-list[data-row="5"] .item{width:calc(100% / 5 - 20px);}
.t-picture-type08-list .pic{overflow:hidden;}
.t-picture-type08-list .pic img{display:block;width:100%;}
.t-picture-type08-list .text{position:absolute;z-index:3;left:0;bottom:0;padding:20px;width:100%;height:100%;color:#fff;background:var(--vi-color);transition:all .5s;opacity:0;}
.t-picture-type08-list .text:before{display:block;position:absolute;top:20px;left:20px;right:20px;bottom:20px;content:"";border:rgba(255,255,255,0.5) solid 1px;transform:scale(0);transition:all .5s;}
.t-picture-type08-list .text h3{position:relative;top:50%;font-size:18px;font-weight:normal;line-height:1.5;transform:translateY(-50%);transition:all 1s 1s;}
.t-picture-type08-list .item:hover .text{opacity:1;}
.t-picture-type08-list .item:hover .text:before{transform:scale(1);}
@media (max-width:1200px){
.t-picture-type08-list{margin:-6px;}	
.t-picture-type08-list .item{margin:6px;width:calc(50% - 12px) !important;}
.t-picture-type08-list .text{padding:10px;}
.t-picture-type08-list .text:before{top:10px;left:10px;right:10px;bottom:10px;}
.t-picture-type08-list .text h3{font-size:14px;}
}
/*-- end t-picture-type08 --*/


/*-- t-txt-type02 --*/
.t-txt-type02{position:relative;overflow:hidden;}
.t-txt-type02-list{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;padding-top:20px}
.t-txt-type02-list .item{position:relative;padding:10px;height:60px;line-height:40px;background:#f0f0f0;overflow:hidden;border-radius:0px;transition:all .25s linear;}
.t-txt-type02-list .item em{display:block;position:absolute;left:10px;top:10px;width:40px;height:40px;font:bold 16px / 40px "DIN Medium";color:#fff;text-align:center;background:#133a99;border-radius:50%;}
.t-txt-type02-list .item h3{padding-left:55px;font-size:18px;font-weight:400;}
.t-txt-type02-list[data-row="3"] .item{width:calc(100% / 3 - 20px);}
.t-txt-type02-list[data-row="4"] .item{width:calc(100% / 4 - 20px);}
.t-txt-type02-list[data-row="5"] .item{width:calc(100% / 5 - 20px);}
@media(max-width:1200px){
.t-txt-type02-list{margin:0 auto;max-width:300px;}
.t-txt-type02-list .item{margin:5px 0;width:100% !important;}
.t-txt-type02-list .item h3{font-size:16px;}
}
/*-- end t-txt-type02 --*/


/*--t-txt-type06--*/
.t-txt-type06-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-txt-type06-list .item{margin-bottom:24px;padding:30px;width:calc(50% - 12px);border:#f0f0f0 solid 1px;transition:all .5s;border-radius:0px;}
.t-txt-type06-list .item .tit{position:relative;display:flex;align-items:center;padding-bottom:20px;overflow:hidden;}
.t-txt-type06-list .item .tit:before,.t-txt-type06-list .item .tit:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-txt-type06-list .item .tit:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.t-txt-type06-list .item .tit:after{z-index:2;width:30px;height:2px;background:var(--vi-color);}
.t-txt-type06-list .item .tit h3{font:normal 18px/1.5 "DIN Medium";color:#333;}
.t-txt-type06-list .item .cont{padding-top:20px;overflow:hidden;}
.t-txt-type06-list .item .cont p{font:normal 16px/1.5 "DIN Medium";color:#666;}
.t-txt-type06-list .item:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
@media(max-width:1200px){
.t-txt-type06-list .item{margin-bottom:10px;padding:15px 10px;width:100%;}
.t-txt-type06-list .item .tit{padding-bottom:10px;}
.t-txt-type06-list .item .tit h3{font-size:16px;}
.t-txt-type06-list .item .cont{padding-top:10px;}
.t-txt-type06-list .item .cont p{font-size:14px;}
}
/*--end t-txt-type06--*/

/*-- t-picture-type11 --*/
.t-picture-type11{position:relative;overflow:hidden;}
.t-picture-type11-list{display:flex;flex-wrap:wrap;margin:-10px;width:100%;overflow:hidden;}
.t-picture-type11-list .item{position:relative;margin:10px;text-align:center;overflow:hidden;}
.t-picture-type11-list[data-row="2"] .item{width:calc(100% / 2 - 20px);}
.t-picture-type11-list[data-row="3"] .item{width:calc(100% / 3 - 20px);}
.t-picture-type11-list[data-row="4"] .item{width:calc(100% / 4 - 20px);}
.t-picture-type11-list[data-row="5"] .item{width:calc(100% / 5 - 20px);}
.t-picture-type11-list .pic{overflow:hidden;}
.t-picture-type11-list .pic img{display:block;width:100%;}
.t-picture-type11-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.5);backdrop-filter:saturate(180%) blur(20px);transition:all .5s;}
.t-picture-type11-list .text{position:absolute;left:0;top:0;padding:50px 30px;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.25);backdrop-filter: saturate(180%) blur(20px);transform:translateY(100%);transition:all .5s;}
.t-picture-type11-list .text:after{display:block;position:absolute;left:50%;bottom:50px;width:30px;height:3px;content:"";background:#fff;opacity:0.5;transform:translateX(-50%);}
.t-picture-type11-list .text em{display:block;margin:0 auto;width:80px;height:80px;border:#fff solid 1px;border-radius:50%;}
.t-picture-type11-list .text em img{display:block;position:relative;top:50%;left:50%;width:40px;transform:translate(-50%,-50%);}
.t-picture-type11-list .text h3{margin-top:20px;font-size:18px;color:#fff;line-height:1.5;}
.t-picture-type11-list .text p{margin-top:10px;font-size:16px;color:#fff;line-height:1.5;}
.t-picture-type11-list .item:hover .text{transform:translateY(0);}
.t-picture-type11-list .item:hover .tit{transform:translateY(100%);}
@media (max-width:1200px){
.t-picture-type11-list{margin:-6px;}
.t-picture-type11-list .item{margin:6px;width:calc(50% - 12px) !important;}
.t-picture-type11-list .item .tit{font-size:14px;}
.t-picture-type11-list .text{display:none !important;}
}
/*-- end t-picture-type11 --*/


/*-- t-picture-type15 --*/
.t-picture-type15{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-picture-type15 .group{width:calc(50% - 10px);}
.t-picture-type15 .largeImg{position:relative;overflow:hidden;}
.t-picture-type15 .largeImg img{display:block;width:100%;transition:all 1s;}
.t-picture-type15 .largeImg h3{position:absolute;bottom:0;left:0;padding:12px 20px;width:100%;font-size:16px;line-height:1.75;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.5);}
.t-picture-type15 .largeImg:hover img{transform:scale(1.1);}
.t-picture-type15 .minImg{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-picture-type15 .minImg .item{position:relative;margin-top:20px;width:calc(50% - 10px);overflow:hidden;}
.t-picture-type15 .minImg .item img{display:block;width:100%;transition:all 1s;}
.t-picture-type15 .minImg .item h3{position:absolute;bottom:0;left:0;padding:12px 20px;width:100%;font-size:16px;line-height:1.75;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.5);}
.t-picture-type15 .minImg .item:hover img{transform:scale(1.1);}
@media(max-width:1200px){
.t-picture-type15 .group{margin-bottom:10px;width:100%;}
.t-picture-type15 .largeImg h3,.t-picture-type15 .minImg .item h3{padding:10px 20px;font-size:14px;}
.t-picture-type15 .minImg .item{margin-top:10px;width:calc(50% - 5px);}
}
/*-- end t-picture-type15 --*/
