@charset "utf-8";

/*--banner--*/
.banner2{position: relative;height:920px;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;}
.banner2 .pic{display:none;}
.banner2 .pic img{display:block;width:100%;}
.banner2 .text{position:absolute;left:0;bottom:16.875rem;width:100%;text-align:center;animation:fadeInUp 1s;}
.banner2 .text em{font-size:1.125rem;color:#fff;}
.banner2 .text h2{margin-top:1.25rem;font-size:4.25rem;line-height:1.25;color:#fff;}
.banner2 .arrow{display:none;position:absolute;z-index:9;left:50%;bottom:6.25rem;width:3.875rem;height:3.875rem;border:#fff solid 3px;border-radius:50%;transform:translateX(-50%);}
.banner2 .arrow i{display:block;text-align:center;color:#fff;font-size:1.5rem;animation:arrow 1.5s linear infinite}
@media(max-width:992px){
.banner2{height:auto;background-image:none !important;}
.banner2 .pic{display:block;}
.banner2 .arrow{display:block;}
.banner2 .text h2{font-size:2.5rem;}
.banner2 .text{bottom:30.875rem;}
}
@keyframes arrow{
0% {transform:translateY(0);opacity:0;}
50%{transform:translateY(50%);opacity:1;}
100% {transform:translateY(100%);opacity:0;}
}
/*--end banner--*/

/*--wrap-title--*/
.wrap-title{margin-bottom:2.875rem;overflow:hidden;animation:fadeInDown 1s;}
.wrap-title em{display:block;font-size:2.8125rem;font-family:"DIN Medium";color:#ccc;}
.wrap-title h2{margin-top:0.5rem;font-size:3rem;line-height:1.25;font-weight:400;color:#333;}
.wrap-title h2 a{color:#333;}
.wrap-title h2 strong{font-weight:500;}
.wrap-title p{margin-top:0.5rem;font-size:1.125rem;color:#333;}
.wrap-title.white *{color:#fff;}
.wrap-title.white em{opacity:0.2;}
@media(max-width:992px){
.wrap-title{text-align:center;}
.wrap-title em{display:none;}
.wrap-title h2{margin-top:0;font-size:6.4vw;}
.wrap-title p{font-size:1.5rem;}
}
/*--end wrap-title--*/

/*--jsys-box01--*/
.jsys-box01{padding:6.25rem 0;overflow:hidden;background:#f8f8f8;}
.jsys-box01-inner{position:relative;overflow:hidden;}
.jsys-box01-text{position:absolute;z-index:9;left:0;top:0;padding:2.5rem;width:23.25rem;height:100%;background:rgb(11 115 186);}
.jsys-box01-text .hd{padding-top:2.25rem;color:#fff;overflow:hidden;}
.jsys-box01-text .hd em{display:block;font-size:2.8125rem;font-family:"DIN Medium";line-height:1.25;letter-spacing:-1px;}
.jsys-box01-text .hd h3{font-size:3rem;line-height:1.25;}
.jsys-box01-text .bd{padding-top:1rem;overflow:hidden;}
.jsys-box01-text .bd dl{padding:2.1875rem 0;overflow:hidden;border-bottom:rgba(255,255,255,0.1) solid 1px;}
.jsys-box01-text .bd dl:last-child{border-bottom:none;}
.jsys-box01-text .bd dt{float:left;width:3.5rem;height:3.5rem;border-radius:50%;background:#fff;}
.jsys-box01-text .bd dd{padding-left:1.25rem;font-size:1.325rem;line-height:1.375;color:#fff;overflow:hidden;}
.jsys-box01-slide{position:relative;z-index:1;overflow:hidden;}
.jsys-box01-slide  li{overflow:hidden;}
.jsys-box01-slide  li img{display:block;width:100%;transform:scale(1.1);transition:all 3s linear;}
.jsys-box01-slide  li.swiper-slide-active img{transform:scale(1);}
.jsys-box01-slide .swiper-pager{position:absolute;z-index:33;left:0;bottom:2rem;padding-left:23.25rem;width:100%;text-align:center;}
.jsys-box01-slide .swiper-pager span{width:0.375rem;height:0.375rem;border:#fff solid 1px;background:transparent;opacity:1;}
.jsys-box01-slide .swiper-pager span.swiper-pagination-bullet-active{background:#fff;}
.jsys-box01-m{display:none;padding-top:3.125rem;overflow:hidden;}
.jsys-box01-m dl{float:left;width:33.33%;text-align:center;}
.jsys-box01-m dt{overflow:hidden;}
.jsys-box01-m dt i{display:block;margin:0 auto;width:4rem;height:4rem;background:var(--vi-color);border-radius:50%;box-shadow:0 0 1rem rgba(152,255,201,0.5)}
.jsys-box01-m dt i img{display:block;filter:contrast(0) brightness(2);}
.jsys-box01-m dd{padding-top:1rem;font-size:1.375rem;color:#333;}
@media(max-width:992px){
.jsys-box01{padding:3.75rem 1.25rem;}
.jsys-box01-text{position:static;padding:0;width:100%;height:auto;text-align:center;background:none;}
.jsys-box01-text .hd em{color:#666;}
.jsys-box01-text .hd h3{color:#333;}
.jsys-box01-text .bd{display:none;}
.jsys-box01-slide{margin-top:2.875rem;}
.jsys-box01-slide .swiper-pager{padding-left:0;}
.jsys-box01-slide .swiper-pager span{width:0.75rem;height:0.75rem;}
.jsys-box01-m{display:block;}
}
/*--end jsys-box01--*/

/*--jsys-box02--*/
.jsys-box02{padding:6.25rem 0;overflow:hidden;background:#fff;}
.jsys-box02 .text{float:left;width:42.5rem;overflow:hidden;}
.jsys-box02 .text .bd{padding-top:2rem;overflow:hidden;}
.jsys-box02 .text .bd ul{position:relative;overflow:hidden;}
.jsys-box02 .text .bd ul:before,.jsys-box02 .text .bd ul:after{display:block;position:absolute;z-index:9;top:0;width:50%;height:100%;content:"";background:#fff;}
.jsys-box02 .text .bd ul:before{left:0;}
.jsys-box02 .text .bd ul:after{right:0;}
.jsys-box02 .text .bd li{position:relative;float:left;margin-bottom:1rem;padding-left:1rem;padding-right:2rem;width:50%;line-height:2rem;font-size:1.125rem;font-weight:500;color:#333;}
.jsys-box02 .text .bd li:before{display:block;position:absolute;top:50%;left:0;width:6px;height:6px;content:"";background:#333;border-radius:50%;transform:translateY(-50%);}
.jsys-box02 .text .bd.animated ul{opacity:1;transition:all 1s .5s;}
.jsys-box02 .text .bd.animated ul:before{transform:translateX(-100%);transition:all 1s .5s;}
.jsys-box02 .text .bd.animated ul:after{transform:translateX(100%);transition:all 1s .5s;}
.jsys-box02 .pic{float:right;margin-top:4rem;width:42rem;overflow:hidden;}
.jsys-box02 .pic li{border:#e5e5e5 solid 1px;overflow:hidden;}
.jsys-box02 .pic li img{display:block;width:100%;;transition:all 1s;}
.jsys-box02 .pic li:hover img{transform:scale(1.1);}
@media(max-width:992px){
.jsys-box02{padding:3.75rem 1.25rem;}
.jsys-box02 .text{float:none;width:100%;}
.jsys-box02 .text .bd li{width:100%;font-size:1.5rem;}
.jsys-box02 .pic{float:none;margin-top:2rem;width:100%;}
}
/*--end jsys-box02--*/

/*--jsys-box03--*/
.jsys-box03{padding:11.25rem 0;overflow:hidden;background:url(../images/jsyj_box03_bg.jpg) no-repeat center 0 / cover;}
.jsys-box03 .wrap-title strong{color:var(--vi-color);}
.jsys-box03 .text{width:39rem;}
.jsys-box03 .bd{padding-top:2.5rem;overflow:hidden;}
.jsys-box03 .bd .summary{position:relative;height:13rem;overflow:hidden;}
.jsys-box03 .bd .summary:after{display:block;position:absolute;z-index:3;right:0;top:0;width:1px;height:100%;content:"";background:#ccc;}
.jsys-box03 .bd .summary .progress{display:block;position:absolute;z-index:9;right:0;width:1px;height:0;background:var(--vi-color);}
.jsys-box03 .bd .summary .cont{position:absolute;left:0;top:0;padding-right:2.5rem;transition:all 35s linear 1.5s;}
.jsys-box03 .bd .summary .cont p{font-size:1rem;line-height:1.75;color:#333;}
.jsys-box03 .bd .summary.animated .cont{transform:translateY(calc((100% - 10rem) * -1)) ;}
.jsys-box03 .bd .summary.animated .progress{height:100%;transition:all 35s linear 1.5s;}
.jsys-box03 .bd .btnBox{padding-top:5.25rem;overflow:hidden;}
.jsys-box03 .bd .btnBox a{display:block;width:10rem;line-height:3.25rem;text-align:center;color:#fff;background:var(--vi-color);border-radius:5rem;}

@media(max-width:992px){
.jsys-box03{padding: 3.75rem 1.25rem 25rem;background-image:url(../images/jsyj_box03_m_bg.jpg);}
.jsys-box03 .text{width:100%;}
.jsys-box03 .bd .summary{position:relative;height:10rem;overflow:hidden;}
.jsys-box03 .bd .summary .cont p{font-size:1.375rem;}
.jsys-box03 .bd .btnBox{display:none;}
.jsys-box03 .bd .btnBox a{margin:0 auto;}
}
/*--end jsys-box03--*/

/*--jsys-box04--*/
.jsys-box04{padding:9.375rem 0 4.375rem;overflow:hidden;background:url(../images/jsys_box04_bg.jpg) no-repeat center / cover;}
.jsys-box04 .text{float:left;width:32rem;}
.jsys-box04 .text .bd{overflow:hidden;}
.jsys-box04 .text .bd dl{margin-bottom:2rem;overflow:hidden;}
.jsys-box04 .text .bd dt{font-size:1.5rem;overflow:hidden;}
.jsys-box04 .text .bd dt span{display:inline-block;padding:0 1.375rem;line-height:2.875rem;color:#fff;background:var(--vi-color);border-radius:2rem;}
.jsys-box04 .text .bd dd{font-size:1.125rem;padding-top:1rem;overflow:hidden;}
.jsys-box04 .text .bd dd p{line-height:1.5;color:#fff;}
.jsys-box04 .pic{position:relative;float:right;margin-right:6.875rem;width:37.5rem;}
.jsys-box04 .pic img{display:block;width:100%;}
.jsys-box04 .pic svg{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;}
.jsys-box04 .pic svg path{stroke-dasharray:2000px;stroke-dashoffset:2000px;}
.jsys-box04 .pic.animated svg path{stroke-dashoffset:0;}
.jsys-box04 .pic.animated svg path#svg_1{transition:all 8s linear;}
.jsys-box04 .pic.animated svg path#svg_2{transition:all 8s linear;}
.jsys-box04 .pic.animated svg path#svg_3{transition:all 8s linear;}
.jsys-box04 .pic.animated svg path#svg_4{transition:all 4s 3.5s linear;}
.jsys-box04 .pic.animated svg path#svg_5{transition:all 4s 3.5s linear;}
.jsys-box04 .pic.animated svg path#svg_6{transition:all 8s 4.5s linear;}
.jsys-box04 .pic.animated svg path#svg_7{transition:all 8s 5s linear;}
.jsys-box04 .pic.animated svg path#svg_8{transition:all 8s 5.5s linear;}
.jsys-box04 .summary-m{display:none;padding:1rem 0;font-size:1.5rem;line-height:1.75;color:#fff;text-align:center;}
@media(max-width:992px){
.jsys-box04{padding:3.75rem 1.25rem;}
.jsys-box04 .text{float:none;width:100%;}
.jsys-box04 .text .bd{display:none;}
.jsys-box04 .text .bd dt{font-size:1.75rem;}
.jsys-box04 .text .bd dt span{line-height:2;}
.jsys-box04 .text .bd dd{font-size:1.5rem;}
.jsys-box04 .pic{float:none;margin-right:0;width:100%;}
.jsys-box04 .summary-m{display:block;}
}
/*--end jsys-box04--*/

/*--jsys-box05--*/
.jsys-box05{padding:6.25rem 0;overflow:hidden;background:#fff;}
.jsys-box05-inner{overflow:hidden;border-radius:2rem;margin: 0 auto;max-width: 1300px;}
.jsys-box05-inner .hd{height:6.25rem;overflow:hidden;}
.jsys-box05-inner .hd .item{display:flex;align-items:center;justify-content:space-between;float:left;padding:0 6.25rem 0 4.375rem;width:50%;height:100%;color:#fff;overflow:hidden;}
.jsys-box05-inner .hd .item:nth-child(1){background:var(--vi-color);}
.jsys-box05-inner .hd .item:nth-child(2){background:#121212;}
.jsys-box05-inner .hd .item h3{float:left;font-size:2.25rem;}
.jsys-box05-inner .hd .item em{display:block;padding-left:2.875rem;font-size:1rem;font-family:"DIN Medium";opacity:0.5;background:url(../images/jsys_box05_line.png) no-repeat 0 center;}
.jsys-box05-inner .bd{overflow:hidden;background:url(../images/jsyj_pk_bg.jpg) no-repeat center 0 / cover;}
.jsys-box05-inner .bd .group{position:relative;padding:1.5rem 0;min-height:8.125rem;overflow:hidden;border-bottom:#bbc7c1 solid 1px;border-top:#f3f7f5 solid 1px;background:url(../images/jsys_box05_shadow.png) no-repeat center 90%;}
.jsys-box05-inner .bd .group:first-child{border-top:none;}
.jsys-box05-inner .bd .group:last-child{border-bottom:none;}
.jsys-box05-inner .bd .group .tit{position:absolute;z-index:3;left:50%;top:50%;padding:1rem;width:85px;height:85px;text-align:center;font-size:1.125rem;background:url(../images/jsys_box5_tit.png) no-repeat;transform:translate(-50%,-50%);}
.jsys-box05-inner .bd .group .item{display:flex;align-items:center;float:left;padding:0 5rem;width:50%;min-height:85px;}
.jsys-box05-inner .bd .group .item ul{display:flex;flex-wrap:wrap;width:100%;}
.jsys-box05-inner .bd .group .item li{position:relative;margin-right:2.5rem;padding-left:1rem;font-size:1.125rem;color:#333;}
.jsys-box05-inner .bd .group .item li:before{display:block;position:absolute;left:0;top:50%;width:6px;height:6px;content:"";background:#333;border-radius:50%;transform:translateY(-50%);}
@media(max-width:1440px){
.jsys-box05-inner{max-width: 1100px;}
.jsys-box05-inner .bd .group .tit{padding: 1.5rem;}
}
@media(max-width:992px){
.jsys-box05{padding:3.75rem 1.25rem;}
.jsys-box05-inner .hd .item{width:100%;}
.jsys-box05-inner .hd .item:nth-child(2){display:none;}
.jsys-box05-inner .hd .item em{display:none;}
.jsys-box05-inner .bd{background-size:auto;background-position:0 0;background-repeat: initial;}
.jsys-box05-inner .bd .group{background-position:0 90%;}
.jsys-box05-inner .bd .group .tit{left:2rem;width:6rem;height:6rem;font-size:1.425rem;transform:translate(0,-50%);background-size:100%;}
.jsys-box05-inner .bd .group .item{padding-left:10rem;padding-right:1rem;width:100%;}
.jsys-box05-inner .bd .group .item:nth-child(3){display:none;}
.jsys-box05-inner .bd .group .item li{margin-right:0;width:100%;line-height:2;font-size:1.425rem;}
.jsys-box05-inner .bd .group .item li:before{top:1.5rem;}
}
/*--end jsys-box05--*/

/*--jsys-box06--*/
.jsys-box06{position:relative;z-index:1;padding:7.5rem 0;overflow:hidden;background:url(../images/jsys_box06_bg.jpg) no-repeat center / cover;}
.jsys-box06 .text{float:left;width:24.625rem;}
.jsys-box06 .text .bd{overflow:hidden;}
.jsys-box06 .text .summary{height:14rem;line-height:2;font-size:1rem;color:#fff;overflow:hidden;}
.jsys-box06 .text .btnBox{margin-top:2rem;overflow:hidden;}
.jsys-box06 .text .btnBox a{display:block;width:9.5rem;line-height:3.25rem;text-align:center;color:#333;background:#fff;border-radius:5rem;}

.jsys-box06 .text .btnBox a:hover{color:#fff;background:var(--vi-color);}
.jsys-box06 .pic{position:relative;float:right;width:56.875rem;}
.jsys-box06 .pic video{display:block;width:100%;mix-blend-mode: screen;}
.jsys-box06 .mpic{display:none;}
.jsys-box06 .pic img{display:block;}
@media(max-width:992px){
.jsys-box06{padding:3.75rem 1.25rem;}
.jsys-box06 .text{float:none;width:100%;}
.jsys-box06 .text .summary{height:auto;font-size:1.375rem;text-align:center;}
.jsys-box06 .text .bd{display:none;}
.jsys-box06 .text .btnBox{display:none;}
.jsys-box06 .pic{margin-top:3rem;width:100%;height:auto;background-image:none;}
.jsys-box06 .pic img{display:block;}
.jsys-box06 .pic{display:none;}
.jsys-box06 .mpic{display:block;}
}
/*--end jsys-box06--*/

/*--jsys-box07--*/
.jsys-box07{overflow:hidden;}
.jsys-box07 img{position:relative;left:50%;width:auto;transform:translateX(-50%);}
@media(max-width:992px){
.jsys-box07 img{height:180px;left:0;transform:translateX(0);}   
}
/*--end jsys-box07--*/

/*--remm-product--*/
.remm-product{padding:6.25rem 0;overflow:hidden;background:#fff;}
.remm-product .bd{padding-top:3rem;overflow:hidden;}
.remm-product-list{display:flex;flex-wrap:wrap;margin:-0.625rem;}
.remm-product-list .item{display:block;position:relative;flex:none;margin:0.625rem;width:calc(25% - 1.25rem);overflow:hidden;transition:all .5s;background:#f5f5f5;}
.remm-product-list .item:nth-child(4){display:none;}
.remm-product-list .z1{padding:1rem;text-align:center;overflow:hidden;}
.remm-product-list .z1 .pic{margin:0 auto;width:16.25rem;overflow:hidden;}
.remm-product-list .z1 .pic img{display:block;width:100%;transition:all 1s;}
.remm-product-list .z1 .text{padding-top:1rem;overflow:hidden;}
.remm-product-list .z1 .text h3{font-size:1.125rem;color:#000;}
.remm-product-list .z1 .text h4{font-size:1rem;color:#666;}
.remm-product-list .z2{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;background:linear-gradient(to right, #ccc, #f9f9f9);transition:all .5s;}
.remm-product-list .z2 .pic{float:right;padding:1rem 0;width:21.25rem;overflow:hidden;}
.remm-product-list .z2 .pic img{display:block;width:100%;transition:all 1s;}
.remm-product-list .z2 .text{padding:3rem;overflow:hidden;transform:translateY(1.25rem);opacity:0;}
.remm-product-list .z2 .text h3{font-size:1.25rem;color:#333;}
.remm-product-list .z2 .text h4{font-size:1.125rem;color:#666;}
.remm-product-list .z2 .text p{margin-top:2rem;font-size:1rem;line-height:1.75;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
@media(min-width:992px){
.remm-product-list .item.cur{width:calc(50% - 1.25rem);}
.remm-product-list .item.cur .z1{opacity:0;visibility:hidden;}
.remm-product-list .item.cur .z2{opacity:1;visibility:visible;}
.remm-product-list .item.cur .z2 .text{opacity:1;transform:translateY(0);transition:all .5s .25s;}
}
@media(max-width:992px){
.remm-product{padding:3.75rem 1.25rem;}
.remm-product-list{margin:-0.75rem;}
.remm-product-list .item{margin:0.75rem;width:calc(100% / 2 - 1.5rem);}
.remm-product-list .item:nth-child(4){display:block;}
.remm-product-list .z1 .text h3{font-size:1.25rem;}
.remm-product-list .z1 .text h4{font-size:1.125rem;}
}
/*--end remm-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%  !important;transition:all .5s;}
.t-picture-type06-list .text{position:relative;padding: 60px;width:50%;overflow:hidden;transition:all .5s;background: #f9f9f9;}
.t-picture-type06-list .hd{position:relative;overflow:hidden;}
.t-picture-type06-list .hd h3{padding:5px 0;font-weight:normal;font-size:1.5rem;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{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:fadeInLeft 1s;}
.t-picture-type06-list .item:nth-child(even){animation:fadeInRight 1s;}
@media (max-width:1440px){
.t-picture-type06-list .text{padding:30px;}
}
@media (max-width:1200px){
.t-picture-type06-list .item{margin-bottom:10px;}
.t-picture-type06-list .item .pic{width:100%;}
.t-picture-type06-list .text{position:relative;z-index:3;padding:20px;margin:0 auto;width: 100%;height:auto;background:#fff;background: #f9f9f9;}
.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-picture-type13 --*/
.t-picture-type13{position:relative;overflow:hidden;}
.t-picture-type13-list{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-picture-type13-list .item{position:relative;}
.t-picture-type13-list[data-row="3"] .item{width:calc(100% / 3 - 20px)}
.t-picture-type13-list[data-row="4"] .item{width:calc(100% / 4 - 20px)}
.t-picture-type13-list[data-row="5"] .item{width:calc(100% / 5 - 20px)}
.t-picture-type13-list .pic{overflow:hidden;}
.t-picture-type13-list .pic img{display:block;width:100%;transition:all .5s;}
.t-picture-type13-list .text{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.t-picture-type13-list .text h3{display:flex;align-content:center;align-items:center;padding:0 20px;height:50px;line-height:25px;font-size:16px;color:#fff;background:#007437;border-radius:0 15px 0 15px;transition:all .5s;}
.t-picture-type13-list .item:hover .pic img{transform:scale(1.1);}
.t-picture-type13-list .item:hover .text h3{border-radius:15px 0 15px 0;}
@media (max-width:1200px){
.t-picture-type13-list .item{margin-bottom:10px;width:calc(100% / 2 - 5px) !important;}
.t-picture-type13-list .text h3{padding:0 10px;font-size:16px;}
}
/*-- end t-picture-type13 --*/

/*-- 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:#007437;}
@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-type15{overflow:hidden;}
.t-picture-type15-list{max-width:1000px;margin:0 auto;overflow:hidden;}
.t-picture-type15-list .item{position:relative;overflow:hidden;}
.t-picture-type15-list .item img{display:block;width:100%;height:100%;transition:all 1s;}
.t-picture-type15-list .item h3{position:absolute;bottom:0;left:0;padding:15px 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-list .item:hover img{transform:scale(1.1);}
.t-picture-type15-list .largeImg{width:100%;}
.t-picture-type15-list .minImg{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-picture-type15-list .minImg .item{margin-top:20px;width:calc(50% - 10px);}
@media(max-width:1200px){
.t-picture-type15-list .minImg{margin-top:10px;}
.t-picture-type15-list .minImg .item{margin-top:10px;width:calc(50% - 5px);}
}

/*-- t-adv-type01 --*/
.t-adv-type01{position:relative;overflow:hidden;}
.t-adv-type01 .bigImg{margin:0 auto;width:450px;height:450px;overflow:hidden;border:#e0e0e0 solid 10px;border-radius:50%;}
.t-adv-type01 .bigImg img{display:block;width:100%;}
.t-adv-type01-list{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.t-adv-type01-list .item{display:flex;flex-wrap:wrap;justify-content:space-between;position:absolute;width:400px;}
.t-adv-type01-list .item .pic{width:100px;border:#e0e0e0 solid 5px;overflow:hidden;border-radius:50%;}
.t-adv-type01-list .item .pic img{display:block;width:100%;}
.t-adv-type01-list .item .text{padding:0 20px;width:300px;line-height:1.5;overflow:hidden;}
.t-adv-type01-list .item .text h3{font-weight:normal;font-size:20px;color:#000;}
.t-adv-type01-list .item .text p{margin-top:10px;font-size:16px;color:#333;}
.t-adv-type01-list .item:nth-child(even){flex-direction:row-reverse;}
.t-adv-type01-list .item-1{top:0;left:0;}
.t-adv-type01-list .item-2{top:0;right:0;}
.t-adv-type01-list .item-3{top:50%;left:0;transform:translateY(-50%);}
.t-adv-type01-list .item-4{top:50%;right:0;transform:translateY(-50%);}
.t-adv-type01-list .item-5{bottom:0;left:0;}
.t-adv-type01-list .item-6{bottom:0;right:0;}
@media (max-width:1440px){
.t-adv-type01 .bigImg{width:378px;height:378px;}
}
@media (max-width:1200px){
.t-adv-type01 .bigImg{display:none;}
.t-adv-type01-list{position:static;display:flex;flex-wrap:wrap;height:auto;}
.t-adv-type01-list .item{display:block;position:static !important;width:50%;transform:translateY(0) !important;}
.t-adv-type01-list .item .pic{margin:0 auto;}
.t-adv-type01-list .item .text{padding:10px;width:100%;text-align:center;overflow:hidden;}
.t-adv-type01-list .item .text h3{font-size:16px;}
.t-adv-type01-list .item .text p{margin-top:4px;font-size:14px;}
}
/*-- end t-adv-type01 --*/

/*-- 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;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:24px;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:0;bottom:-1px;width: 40px;height:3px;background:var(--vi-color);}
.t-txt-type01-list .item p{font-size: 16px;line-height:2;color: #333;}
@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-txt-type05 --*/
.t-txt-type05{padding:4px;overflow:hidden;}
.t-txt-type05-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-txt-type05-list .item{margin-bottom:24px;padding:16px 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:#666;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-list .item{width:100%;margin-bottom:15px;padding:15px;}
}
/*-- end t-txt-type05 --*/

/* wrap-tit */
.wrap-tit { text-align: center; overflow: hidden;animation: fadeinT 1s ease-out backwards;}
.wrap-tit h2 { font-size: 2.5rem;color: #333; font-weight: normal;}
.wrap-tit h2 a { color: #333;}
.wrap-tit p {  font-size: 22px; color: #333;}
@media (max-width: 992px) {
    .wrap-tit h2 { font-size: 24px;}
    .wrap-tit p { font-size: 16px;}
}
/* wrap-tit end */


/*--product--*/
#product{padding:2rem 0 0;background:url(../images/Index/product_bg.jpg) no-repeat center / cover;}
#product .inner{overflow:hidden;}
.product-text{position:absolute;z-index:9;left:calc((100% - 1400px) / 2);padding-top:12rem;width:18.75rem;overflow:hidden;}
.product-text .box-title{overflow:hidden;}
.product-text .box-title em{display:block;font-size:2.8125rem;font-family:"DIN Medium";color:#fff;opacity:0.2;}
.product-text .box-title h2{margin-top:1.75rem;font-size:3rem;line-height:1.25;color:#fff;font-weight:400;}
.product-text .box-title h2 a{color:#fff;}
.product-text .box-title h2 span{color:var(--vi-color);}
.product-text .summary{padding:1.75rem 0;height:12.5rem;overflow:hidden;}
.product-text .summary p{font-size:1rem;line-height:1.875rem;color:#fff;}
.product-text .read{margin-top:1rem;line-height:2rem;overflow:hidden;}
.product-text .read a{display:inline-block;font-size:1rem;color:#fff;}
.product-text .read a:before{display:block;float:right;margin-left:0.625rem;font-family:"iconfont";content:"\e694";}
.product-text .read a:hover{color:var(--vi-color);}

#product .more{display:none;position:absolute;z-index:9;left:0;bottom:5rem;width:100%;text-align:center;}
#product .more a{display:inline-block;font-size:1rem;color:#fff;padding:2.5vw 4vw;background:var(--vi-color);border-radius:5vw;}
#product .more a:before{display:block;float:right;margin-left:0.625rem;font-family:"iconfont";content:"\e694";}
#product .more a:hover{color:var(--vi-color);}

.product-slide{position:relative;overflow:hidden;}
.product-slide .item{position:relative;overflow:hidden;}
.product-slide .item a{display:block;height:100vh;background-size:cover;background-position:center;}
.product-slide .item img{display:none;width:100%;transition:all 1s;}
.product-slide .swiper-pager{position:absolute;z-index:9;left:0;bottom:2rem;width:100%;text-align:center;}
.product-slide .swiper-pager span{background:#fff;opacity:1;}
.product-slide .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:1440px){
.product-text{left:calc((100% - 1200px) / 2);}
}
@media(max-width:992px){
#product{padding:0;height:auto;}
.product-text{padding-top:5rem;left:0;width:100%;text-align:center;transform:translateX(0);opacity:1;}
.product-text .box-title em{display:none;}
.product-text .box-title h2{margin-top:0;font-size:6.4vw;}
.product-text .summary p{font-size:3.25vw;}
.product-text .summary br{display:none;}
.product-text .read{display:none;}
.product-slide .item a{height:auto;background:none}
.product-slide .item img{display:block;}
#product .more{display:block;}
}
/*--end product--*/

/*--witness--*/
#witness{padding:6.25rem 0;overflow:hidden;background:#f9f9f9;}
#witness .text{float:left;width:35rem;overflow:hidden;}
#witness .box-title{overflow:hidden;}
#witness .box-title em{display:block;font-size:2.8125rem;font-family:"DIN Medium";color:#ccc;}
#witness .box-title h2{font-size:3rem;line-height:1.25;color:#333;font-weight:400;}
#witness .box-title h2 a{color:#333;}
#witness .box-title h2 span{color:var(--vi-color);}
#witness .box-title p{margin-top:0.625rem;font-size:1.25rem;color:#333;}
#witness .box-title p span{color:var(--vi-color);}
#witness .mpic{display:none;}
#witness .list{margin-top:5rem;width:28.75rem;overflow:hidden;}
#witness .list .item{display:block;float:left;margin-right:1.25rem;margin-bottom:1.25rem;width:8.25rem;height:8.25rem;overflow:hidden;border:#e5e5e5 solid 1px;}
#witness .list .item i{display:block;margin:1.75rem auto 0;width:2.5rem;height:2.5rem;}
#witness .list .item img{display:block;width:100%;}
#witness .list .item span{display:block;margin-top:0.375rem;font-size:1.125rem;color:#333;text-align:center;}
#witness .list .item:hover{color:#fff;background:var(--vi-color);border-color:var(--vi-color);transition:all .5s;}
#witness .list .item:hover img{filter: contrast(0) brightness(2);}
#witness .list .item:hover span{color:#fff;}
#witness .pic{position:relative;float:right;width:800px;height:660px;}
#witness .pic .nanhai{position:absolute;right:0;bottom:0;width:96px;}
#witness .pic #SVGMap{position:absolute;right:0;top:0;}
#witness .pic #SVGtxt{display:none;}
#witness .pic #SVGMap .item{display:none;position:absolute;width:260px;height:130px;}
#witness .pic #SVGMap .item.cur{display:block;animation:fadeIn .25s;}
#witness .pic #SVGMap .item.cur[data-enable="False"]{display:none !important;opacity:0 !important;}
#witness .pic #SVGMap .item .txt{position:absolute;z-index:2;left:0;top:0;padding:20px 15px;width:170px;height:100px;background:#fff;border:#ddd solid 1px;border-radius:0.5rem;box-shadow:0 0 1.25rem rgba(0,0,0,0.05);}
#witness .pic #SVGMap .item .txt span{display:block;font-size:1.125rem;color:#333;}
#witness .pic #SVGMap .item .txt span em{color:var(--vi-color);}
#witness .pic #SVGMap .item .line{position:relative;z-index:1;width:100%;height:100%;background:url(../images/Index/map_line.png) no-repeat right bottom;}
#witness .pic #SVGMap .item .dot{position:absolute;left:100%;top:100%;margin-left:-18px;margin-top:-18px;width:37px;height:37px;background:url(../images/Index/map_dot.png) no-repeat;animation:dot 3s infinite;}
#witness .pic #SVGMap .item.cur .dot{background-image:url(../images/Index/map_dot_cur.png);}
#witness .pic #SVGMap .item-1{top:0;right:100px}
#witness .pic #SVGMap .item-2{top:50px;right:120px}
#witness .pic #SVGMap .item-3{top:100px;right:150px}
#witness .pic #SVGMap .item-4{top:75px;right:280px}
#witness .pic #SVGMap .item-5{top:150px;right:240px}
#witness .pic #SVGMap .item-6{top:125px;right:230px}
#witness .pic #SVGMap .item-7{top:145px;right:220px}
#witness .pic #SVGMap .item-8{top:235px;right:255px}
#witness .pic #SVGMap .item-9{top:190px;right:195px}
#witness .pic #SVGMap .item-10{top:180px;right:285px}
#witness .pic #SVGMap .item-11{top:250px;right:165px}
#witness .pic #SVGMap .item-12{top:270px;right:200px}
#witness .pic #SVGMap .item-13{top:280px;right:280px}
#witness .pic #SVGMap .item-14{top:340px;right:280px}
#witness .pic #SVGMap .item-15{top:340px;right:210px}
#witness .pic #SVGMap .item-16{top:300px;right:140px}
#witness .pic #SVGMap .item-17{top:360px;right:180px}
#witness .pic #SVGMap .item-18{top:240px;right:330px}
#witness .pic #SVGMap .item-19{top:190px;right:370px}
#witness .pic #SVGMap .item-20{top:220px;right:390px}
#witness .pic #SVGMap .item-21{top:300px;right:330px}
#witness .pic #SVGMap .item-22{top:290px;right:410px}
#witness .pic #SVGMap .item-23{top:360px;right:350px}
#witness .pic #SVGMap .item-24{top:400px;right:440px}
#witness .pic #SVGMap .item-25{top:420px;right:310px}
#witness .pic #SVGMap .item-26{top:410px;right:250px}
#witness .pic #SVGMap .item-27{top:400px;right:120px}
#witness .pic #SVGMap .item-28{top:500px;right:290px}
#witness .pic #SVGMap .item-29{top:220px;right:510px}
#witness .pic #SVGMap .item-30{top:110px;right:650px}
#witness .pic #SVGMap .item-31{top:260px;right:630px}
#witness .pic #SVGMap .item-32{top:275px;right:125px}
#witness .pic #SVGMap .item-33{top:440px;right:215px}
#witness .pic #SVGMap .item-34{top:450px;right:225px;}
#witness.active .text{transform:translateX(0);opacity:1;}
@media(max-width:1440px){
#witness .pic{width:680px;height:560px;}
#witness .pic #SVGMap .item{width:220px;height:110px;}
#witness .pic #SVGMap .item .txt{padding:15px;height:85px;}
#witness .pic #SVGMap .item-1{top:0;right:85px}
#witness .pic #SVGMap .item-2{top:42px;right:102px}
#witness .pic #SVGMap .item-3{top:85px;right:127px}
#witness .pic #SVGMap .item-4{top:64px;right:238px}
#witness .pic #SVGMap .item-5{top:127px;right:204px}
#witness .pic #SVGMap .item-6{top:106px;right:195px}
#witness .pic #SVGMap .item-7{top:123px;right:187px}
#witness .pic #SVGMap .item-8{top:200px;right:216px}
#witness .pic #SVGMap .item-9{top:161px;right:165px}
#witness .pic #SVGMap .item-10{top:153px;right:242px}
#witness .pic #SVGMap .item-11{top:212px;right:140px}
#witness .pic #SVGMap .item-12{top:230px;right:170px}
#witness .pic #SVGMap .item-13{top:238px;right:238px}
#witness .pic #SVGMap .item-14{top:290px;right:238px}
#witness .pic #SVGMap .item-15{top:290px;right:178px}
#witness .pic #SVGMap .item-16{top:255px;right:120px}
#witness .pic #SVGMap .item-17{top:306px;right:153px}
#witness .pic #SVGMap .item-18{top:204px;right:280px}
#witness .pic #SVGMap .item-19{top:161px;right:314px}
#witness .pic #SVGMap .item-20{top:187px;right:331px}
#witness .pic #SVGMap .item-21{top:255px;right:280px}
#witness .pic #SVGMap .item-22{top:246px;right:348px}
#witness .pic #SVGMap .item-23{top:306px;right:298px}
#witness .pic #SVGMap .item-24{top:340px;right:374px}
#witness .pic #SVGMap .item-25{top:357px;right:263px}
#witness .pic #SVGMap .item-26{top:348px;right:212px}
#witness .pic #SVGMap .item-27{top:340px;right:102px}
#witness .pic #SVGMap .item-28{top:425px;right:246px}
#witness .pic #SVGMap .item-29{top:187px;right:433px}
#witness .pic #SVGMap .item-30{top:93px;right:552px}
#witness .pic #SVGMap .item-31{top:221px;right:535px}
#witness .pic #SVGMap .item-32{top:233px;right:106px}
#witness .pic #SVGMap .item-33{top:374px;right:182px}
#witness .pic #SVGMap .item-34{top:385px;right:191px;}
}
@media(max-width:992px){
#witness{padding:16vw 2.5vw;background:#fff;}
#witness .text{padding-top:0;width:100%;text-align:center;transform:translateX(0);opacity:1;}
#witness .box-title em{display:none;}
#witness .box-title h2{font-size:6.4vw;}
#witness .box-title p{font-size:3.75vw;}
#witness .list{margin-top:5vw;width:100%;}
#witness .list .item{margin:0;width:33.33%;}
#witness .list .item span{font-size:3.5vw;}
#witness .pic{display:none;}
#witness .mpic{display:block;}
}

@keyframes dot{
0%{opacity:0.5;transform:scale(0);}
50%{opacity:1;transform:scale(1);}
100%{opacity:0.5;transform:scale(1.5);}
}
/*--end witness--*/

/* adv */
.adv {  clear: both;position: relative; padding: 85px 5.8% 0; overflow: hidden; background: #fff; box-sizing: border-box;}
.adv .adv-con { margin-top: 30px; overflow: hidden;}
.adv .adv-con .item { position: relative; float: left; overflow: hidden; margin: 0 1% 2%; width: 48%;cursor:pointer;}
.adv .adv-con .item .pic { position: relative; display: block; width: 100%;}
.adv .adv-con .item .pic img { display: block; width: 100%;}
.adv .adv-con .item .adv-show { padding-left: 35px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; background: url("../images/Index/adv-bf.png") no-repeat center; width: 100%; height: 100px; line-height: 100px; font-size: 26px; color: #fff; background-size: cover;}
.adv .adv-con .item .adv-hide { opacity: 0; transition: all 1s; position: absolute; left: 0; top:100%; width: 100%; height: 100%; background: #0065a9;}
.adv .inner { position: relative; top: 50%; left:5%;  width: 90%;  box-sizing: border-box; transform: translateY(-50%);}
.adv .inner p { font-size: 26px; color: #fff;}
.adv .inner em {display: block; font-size: 14px; color: #fff; font-family: "DIN Medium";}
.adv .inner span { margin-top: 35px; display: block; font-size: 16px; color: #fff; line-height: 1.5;}
.adv .inner i { margin-top: 90px; display: block; width:22px; height: 5px; background: #fdd435;}
.adv .adv-con .item:hover .adv-hide { opacity: 1; top: 0; }
@media (max-width: 1200px) {
    .adv .inner i { margin-top: 60px;}
}
@media (max-width: 992px) {
    .adv { padding: 40px 2.5% 0;}
    .adv .adv-con { margin-top: 15px;}
    .adv .adv-con .item { margin: 0 0 6%; width: 100%;}
    .adv .adv-con .item .adv-show { padding-left: 18px; height: 50px; line-height: 50px; background-size: 100%; font-size: 18px;}
    .adv .inner p { font-size: 18px;}
    .adv .inner span { margin-top: 17px; font-size: 14px;}
    .adv .inner i { margin-top: 20px;}
}
/* adv end */

/* jmlc */
.jmlc { position: relative; overflow: hidden; background: #fff; padding-top: 1.6875rem;}
.jmlc  .wrap-tit h2,.jmlc .wrap-tit p { color: #333;}
.jmlc-con { position: relative; overflow: hidden; margin: 2.8125rem auto 0; background: url("../upload/images/2021/10/b94803d2a7da5728.jpg") no-repeat center; width: 1000px; height:40.75rem; background-size: cover;}
.jmlc-con li span { font-size: 1.25rem; color: #595757;}
.jmlc-con li em { margin: 0 1.5625rem; font-size: 1.6rem; color: #595757;}
.jmlc-con li:nth-of-type(odd) { float: left; overflow: hidden; width: 50%;}
.jmlc-con li:nth-of-type(even) { float: right; width: 50%; text-align: right;}
.jmlc-con li:nth-of-type(n+3) {padding-top: 6.2rem;}
.jmlc-con li:nth-of-type(1) { padding-left: 12rem; box-sizing: border-box;}
.jmlc-con li:nth-of-type(2) { padding-right: 5rem; box-sizing: border-box;}
.jmlc-con li:nth-of-type(3) { padding-left: 3rem; box-sizing: border-box;}
.jmlc .pic{display:none;}
.jmlc .pic img{display:block;width:100%;}
@media (max-width: 992px) {
    .jmlc-con { background: url("../images/Index/jmlc-bg02.jpg") no-repeat center; background-size: 100%; width: 100%; height: 22rem;}
    .jmlc-con li { display: none;}
    .jmlc-con{display:none;}
    .jmlc .pic{display:block;}
}
/* jmlc end */


/*--t-txt-type10--*/
.t-txt-type10{overflow:hidden;}
.t-txt-type10-list{display:flex;flex-wrap:wrap;}
.t-txt-type10-list .item{margin:20px;width:calc(100% / 4 - 40px);overflow:hidden;border-radius:15px;box-shadow:0 0 30px rgba(0,0,0,0.1);}
.t-txt-type10-list .item .hd{padding:15px 20px;background:#007437;}
.t-txt-type10-list .item .hd em{display:block;float:right;width:32px;}
.t-txt-type10-list .item .hd em img{display:block;width:100%;}
.t-txt-type10-list .item .hd h3{font-size:1.25rem;line-height:32px;color:#fff;}
.t-txt-type10-list .item .bd{padding:20px;overflow:hidden;}
.t-txt-type10-list .item .bd p{position:relative;padding-left:20px;font-size:1.0rem;color:#007437;line-height:2;}
.t-txt-type10-list .item .bd p:before{display:block;position:absolute;left:0;top:13px;width:6px;height:6px;background:#007437;content:"";transform:rotate(45deg);}
.t-txt-type10-list .item .bd p a{color:#007437;}
@media(max-width:1200px){
.t-txt-type10-list .item{margin:5px;width:calc(100% / 2 - 10px);}  
.t-txt-type10-list .item .hd{padding:10px 15px;} 
.t-txt-type10-list .item .hd h3{font-size:1.0rem;line-height:24px;}
.t-txt-type10-list .item .hd em{display:block;float:right;width:24px;}
.t-txt-type10-list .item .bd{padding:15px;}
.t-txt-type10-list .item .bd p{font-size:1.0em;}
}
/*--end t-txt-type10--*/


/*-- t-tab-type01 --*/
.t-tab-type01{position:relative;overflow:hidden;}
.t-tab-type01-menu{text-align:center;}
.t-tab-type01-menu ul{display:flex;justify-content:center;}
.t-tab-type01-menu li{display:inline-block;margin:0 10px;padding:10px;width:170px;font-size:18px;text-align:center;cursor:pointer;color:#333;background:#f0f0f0;}
.t-tab-type01-menu li.cur{color:#fff;background:#007437;}
.t-tab-type01-main{margin-top:30px;overflow:hidden;}
.t-tab-type01-main .item{display:flex;flex-wrap:wrap;overflow:hidden;background:#f9f9f9;}
.t-tab-type01-main .item .pic{width:50%;overflow:hidden;}
.t-tab-type01-main .item .pic img{display:block;width:100%;transform:scale(1.1);transition:1s linear 2s;}
.t-tab-type01-main .item .text{position:relative;padding:80px;width:50%;overflow:hidden;}
.t-tab-type01-main .item .hd{position:relative;padding-bottom:30px;overflow:hidden;}
.t-tab-type01-main .item .hd:before,.t-tab-type01-main .item .hd:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-tab-type01-main .item .hd:before{z-index:1;width:100%;height:1px;background:#eaeaea;}
.t-tab-type01-main .item .hd:after{z-index:2;width:40px;height:3px;background:#007437;}
.t-tab-type01-main .item .hd h3{font-size:24px;font-weight:400;color:#000;}
.t-tab-type01-main .item .bd{padding-top:30px;overflow:hidden;}
.t-tab-type01-main .item .bd p{line-height:1.75;font-size:16px;color:#333;}
.t-tab-type01-main .item .btnBox{position:absolute;left:80px;bottom:80px;}
.t-tab-type01-main .item .btnBox a{display:block;width:150px;height:45px;line-height:45px;font-size:14px;text-align:center;text-decoration:none;color:#fff;background:#007437;border-radius:30px;}
.t-tab-type01-main .item.swiper-slide-active .pic img{transition:6s linear;transform:scale(1);}
@media (max-width:1440px){
.t-tab-type01-main .item .text{padding:50px;}
.t-tab-type01-main .item .btnBox{left:50px;bottom:50px;}
}
@media (max-width:1200px){
.t-tab-type01-menu ul{display:flex;}
.t-tab-type01-menu li{flex:1;margin:0;font-size:16px;}
.t-tab-type01-main .item .pic{float:none;width:100%;}
.t-tab-type01-main .item .text{padding:30px;width:100%;}
.t-tab-type01-main .item .hd{padding-bottom:15px;}
.t-tab-type01-main .item .hd h3{font-size:20px;}
.t-tab-type01-main .item .bd{padding-top:15px;}
.t-tab-type01-main .item .bd p{font-size:14px;}
.t-tab-type01-main .item .btnBox{display:none;}
}
/*-- end t-tab-type01 --*/


/* cx-base-02 */
.cx-base-02 {margin: 40px 0;/* padding: 60px 0; */background: #fff;}
.cx-base-02 .intro {display: block;overflow: hidden;}
.cx-base-02 .intro .media {float: left;width: 600px;}
.cx-base-02 .intro .text {float: right;width: 750px;}
.cx-base-02 .intro .text h2 { font-size:36px; color:#333;}
.cx-base-02 .intro .text p { width:95%; margin-top:20px; font-size:16px; line-height:1.75; color:#666;}
.cx-base-02.color { margin:0; background: #f4f4f4;}
.cx-base-02.color .indexPhotos p { background:#fff;}

@media (max-width:1440px) {
  .cx-base-02 { padding:40px 0;}
  .cx-base-02 .intro .media { width:600px;}
  .cx-base-02 .intro .text { width:550px;}
}
@media (max-width:1200px) {
  .cx-base-02 .intro { padding:0 15px;}
    .cx-base-02 .intro .text { float: none; width: 100%;text-align: center;}
    .cx-base-02 .intro .text h2 { font-size: 24px; }
    .cx-base-02 .intro .text p { width: 100%; margin-top: 20px; font-size: 14px;}
    .cx-base-02 .intro .media { margin-top: 20px; width: 100%; float: none;}
}
/* cx-base-02 end */

/* indexPhotos */
.indexPhotos {padding-top:50px;overflow: hidden;}
.indexPhotos .photos-slide {position: relative;overflow: hidden;margin: 0 -12px;}
.indexPhotos .item { float:left; margin:0 12px; width:calc(100%/4 - 24px);}
.indexPhotos .pic { overflow: hidden;}
.indexPhotos .pic img { transition: all 1s;}
.indexPhotos p { display: block; width: 100%; height: 50px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; text-align: center; background: #f3f3f3; font-size: 16px; color: #333;}
.indexPhotos .item:hover img { transform: scale(1.1);}
.indexPhotos .item:hover p { background: #007437; color: #fff;}
@media (max-width:992px) {
    .indexPhotos .prev,.indexPhotos .next { width: 40px; height: 40px; line-height: 40px;}
    .indexPhotos {margin: -12px;padding: 30px 15px;}
    .indexPhotos .item  { margin:12px; width:calc(100%/2 - 24px);}
    .indexPhotos p { padding: 0 15px; height: 40px; line-height: 40px; font-size: 14px;}
}
/* indexPhotos end */


/*--joinForm--*/
.joinForm{padding:5rem 0;overflow:hidden;}
.joinForm .inner{padding-top: 4rem;overflow:hidden;}
.joinForm .text{float:left;padding: 2rem;width:50%;border: #f0f0f0 solid 2px;}
.joinForm .text dt{position:relative;padding-bottom:1.5rem;font-size:1.25rem;color:#333;}
.joinForm .text dt:before{display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;content:"";background:#f0f0f0;}
.joinForm .text dt:after{display:block;position:absolute;left:0;bottom:0;width:3rem;height:4px;content:"";background:var(--vi-color);}
.joinForm .text dd{padding-top:1.5rem;overflow:hidden;}
.joinForm .text dd p{font-size: 1.13rem;line-height:1.66;color:#666;}
.joinForm .form{padding-left:2rem;overflow:hidden;}
.joinForm .form li{margin-bottom: 1rem;}
.joinForm .form li:last-child{margin-bottom:0;}
.joinForm .form li input{display:block;padding:0.875rem 1.5rem;width:100%;height:3.75rem;font-size:1.125rem;border:none;outline:none;background:#f9f9f9;}
.joinForm .form li textarea{display:block;padding:0.875rem 1.5rem;width:100%;height: 9rem;font-size:1.125rem;border:none;outline:none;resize:none;background:#f9f9f9;}
.joinForm .form li a{display:block;line-height:3.75rem;font-size:1.125rem;color:#fff;text-align:center;background:var(--vi-color);}
.joinForm .form li input::-webkit-input-placeholder,.joinForm .form li textarea::-webkit-input-placeholder{color:#999;}
.joinForm .form li.verCodeBox{position:relative;padding-right:11.25rem;}
.joinForm .form li.verCodeBox .codeImg{position:absolute;right:0;top:0;width:10rem;height:3.75rem;cursor:pointer;overflow:hidden;}
.joinForm .form li.verCodeBox .codeImg img{display:block;position:relative;left:50%;top:50%;width:calc(100% + 4px);height:calc(100% + 4px);transform:translate(-50%,-50%)}
@media(max-width:992px){
.joinForm{margin:1.25rem 0;padding:4rem 1.25rem;background:#fff;}
.joinForm .text{float:none;padding-right:0;width:100%;}
.joinForm .form{padding-left:0;padding-top:2rem;overflow:hidden;}
.joinForm .text dd p{font-size:1.5rem;}
.joinForm .form li input{font-size:1.5rem;}
.joinForm .form li textarea{font-size:1.5rem;}
.joinForm .form li a{font-size:1.5rem;}
}
/*--end joinForm--*/

/*--network--*/
.network{padding-top:5rem;overflow:hidden;}
.network .pic{float:left;width:50%;}
.network .pic img{display:block;width:100%;}
.network .text{padding-left:3rem;padding-top:5rem;overflow:hidden;}
.network .text h3{margin-bottom:2rem;font-size:1.875rem;color:#333;}
.network .text .summary{overflow:hidden;}
.network .text .summary p{font-size:1.25rem;line-height:2;color:#666;}
.network .text .tel{margin-top:2rem;font-size:1.5rem;color:#333;}
.network .text .tel em{font-family:"DIN Medium";color:var(--vi-color);}
@media(max-width:992px){
.network{margin-bottom:1.25rem;padding:4rem 1.25rem;background:#fff;}
.network .pic{float:none;padding:2rem;width:100%;}
.network .text{padding:2rem 1rem;padding-top:2rem;text-align:center;}
.network .text .summary{display:none;}
}
/*--end network--*/

.jsys-box02 .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}


/*--pro-title--*/
.pro-title{margin-bottom:2.5rem;text-align:center;overflow:hidden;animation:fadeInDwon 1s;}
.pro-title h2{position:relative;z-index:1;margin:0 auto;max-width:600px;font-size:2.5rem;line-height:1.25;}
.pro-title h2:before,.pro-title h2:after{display:block;position:absolute;z-index:-1;top:50%;left:50%;content:"";background:var(--vi-color);transform:translate(-50%,-50%);}
.pro-title h2:before{width:100%;height:1px;}
.pro-title h2:after{width:50%;height:3px;}
.pro-title h2 span{display:inline-block;position:relative;z-index:2;padding:0 2rem;color:#333;background:#fff;}
.pro-title p{font-size:1.125rem !important;color:#999 !important;text-transform:uppercase;}

@media (max-width:1200px){
.pro-title p{font-size:1.5rem !important;}
}
/*--end pro-title--*/


/*-- t-picture-type05 --*/
.t-picture-type05{padding:0 50px;overflow:hidden;}
.t-picture-type05-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-20px;}
.t-picture-type05-list .item{position:relative;float:left;margin:20px;padding:20px 20px;width:calc(100% / 3 - 40px);text-align:center;overflow:hidden;box-sizing:border-box;border:#e0e0e0 solid 1px;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:all .5s;border-radius:10px;}
.t-picture-type05-list .pic{padding:25px;margin:0 auto;width:130px;height:130px;overflow:hidden;background:#434544;border:#fff solid 5px;border-radius:50%;}
.t-picture-type05-list .pic img{display:block;width:100%;}
.t-picture-type05-list .text{position:relative;margin-top:20px;overflow:hidden;transition:all .5s;}
.t-picture-type05-list .text h3{font-weight:normal;font-size:24px;line-height:1.5;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t-picture-type05-list .text p{margin-top:5px;font-size:16px;line-height:1.5;color:#666;}
.t-picture-type05-list .item:hover{background:#434544;border-color:#434544;}
.t-picture-type05-list .item:hover .pic img{filter:contrast(0) brightness(2);}
.t-picture-type05-list .item:hover .text *{color:#fff;}
@media (max-width:1200px){
.t-picture-type05{padding: 0;overflow:hidden;}
.t-picture-type05-list{margin: -4px;}
.t-picture-type05-list .item{margin: 4px;padding: 20px 5px;width: calc(100% / 3 - 8px);}
.t-picture-type05-list .pic{padding: 10px;width: 60px;height: 60px;}
.t-picture-type05-list .text{margin-top:10px;}
.t-picture-type05-list .text h3{font-size: 14px;}
.t-picture-type05-list .text p{display:none;font-size:14px;}
}
/*-- end t-picture-type05 --*/


/*-- 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;}
.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-intro-type02-- */
.t-intro-type02{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-intro-type02 .pic{width:600px;overflow:hidden;}
.t-intro-type02 .pic img{display:block;width:100%;}
.t-intro-type02 .text{position:relative;width:calc(100% - 680px);padding-top:2px;overflow:hidden;}
.t-intro-type02 .text .hd{overflow:hidden;}
.t-intro-type02 .text .hd h3{font-size:32px;color:#007437;}
.t-intro-type02 .text .hd p{font-size:20px;font-family:"DIN";color:#999;}
.t-intro-type02 .text .bd{margin:0;padding:14px 0 0 0;overflow:hidden;}
.t-intro-type02 .text .bd p{font-size:20px;line-height:1.75;color:#333;}
.t-intro-type02 .text .datas{position:absolute;bottom:-4px;left:0;width:100%;display:flex;flex-wrap:wrap;}
.t-intro-type02 .text .datas .item{margin-right:20px;width:80px;text-align:center;}
.t-intro-type02 .text .datas .item span{display:block;margin:0 auto;width:90px;border-radius:50%;}
.t-intro-type02 .text .datas .item span img{display:block;width:100%;border-radius:50%;}
.t-intro-type02 .text .datas .item p{margin-top:10px;font-size:18px;color:#666;}
@media(max-width:1200px){
.t-intro-type02 .pic{width:100%;}
.t-intro-type02 .text{width:100%;padding-top:20px;}
.t-intro-type02 .text .hd h3{font-size:20px;}
.t-intro-type02 .text .hd p{font-size:14px;}
.t-intro-type02 .text .bd p{font-size:14px;}
.t-intro-type02 .text .datas{position:static;padding-top:20px;}
.t-intro-type02 .text .datas .item{width:25%;margin:0;}
.t-intro-type02 .text .datas .item span{width:45px;height:45px;}
}
/* --end t-intro-type02-- */

/* --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:#007437;}
.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-- */

.video-pop{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);transition: all 1s;}
.video-pop .close{position: absolute;z-index:999;right:0;top:-3rem;width:3rem;height: 3rem;line-height:3rem;color:#fff;text-align:center;cursor:pointer;}
.video-pop .close i{display:block;}
.video-pop .iframeBox{position:relative;left:50%;top:50%;width:1000px;height:600px;transform:translate(-50%,-50%);}
.video-pop .iframeBox iframe{display:block;width:1000px;height:600px;}
@media(max-width:1200px){
.video-pop .iframeBox{width:90vw;height:50vw;}
.video-pop .iframeBox iframe{width:90vw;height:50vw;}
}


/*--VR--*/
.VR{padding:5rem 0;overflow:hidden;background:#fff;}
.VR-list{display:flex;flex-wrap:wrap;margin:-1.375rem -2.5rem;}
.VR-list .item{flex:none;margin:1.375rem 2.5rem;width:calc(100% / 2 - 5rem);overflow:hidden;transition:all 1s;border-radius:5px;}
.VR-list .pic{overflow:hidden;border-radius:5px;}
.VR-list .pic a{display:block;position:relative;}
.VR-list .pic a:after{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;font-family:"iconfont";font-size:3.875rem;color:#fff;content:"\e70a";background:rgb(0 0 0 / 36%);}
.VR-list .pic img{display:block;width:100%;transition:all 1s;}
.VR-list .text{padding:1rem;text-align:center;overflow:hidden;}
.VR-list .text h3{font-weight:400;font-size:1rem;line-height:1.5;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.VR-list .item:hover{background:var(--vi-color);box-shadow:0 0 1rem rgba(0,0,0,0.1);transform:translateY(-1rem);}
.VR-list .item:hover .pic img{transform:scale(1.1);}
.VR-list .item:hover .text *{color:#fff;}
@media(max-width:992px){
.VR{padding:3.125rem 1.25rem;}
.VR-list{margin:0;}
.VR-list .item{margin:0 0 1.25rem;width:100%;}
.VR-list .text h3{font-size:1.5rem;}
.VR-list .item:hover{box-shadow:none;transform:translateY(0);}
}
/*--end VR--*/