.t-adv-type04{overflow:hidden;}
 .t-adv-type04 .t-adv-intro{text-align:center;}
 .t-adv-type04 .t-adv-intro h3{font-size:24px;color:#333;}
 .t-adv-type04 .t-adv-intro .summary{margin:20px auto 30px;max-width:900px;font-size:16px;line-height:1.75;color:#666;}
 .t-adv-type04 .t-adv-datas{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;} 
.t-adv-type04 .t-adv-datas .item{position:relative;margin-top:10px;width:31%;height: auto !important;text-align:center;background:#ed7020;border-radius:10px;}
 .t-adv-type04 .t-adv-datas .item:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.25);} 
 .t-adv-type04 .t-adv-datas .pic img{display:block;width:100%;} .t-adv-type04 .t-adv-datas .text{position:absolute;z-index:3;top:50%;left:0;padding:30px;width:100%;transform:translateY(-50%);} 
.t-adv-type04 .t-adv-datas .item:before{display:block;position:absolute;z-index:2;left:10px;top:10px;right:10px;bottom:10px;content:"";border:rgba(255,255,255,0.5) solid 1px;} .t-adv-type04 .t-adv-datas .pic{overflow:hidden;}
.t-adv-type04 .t-adv-datas .text:before,.t-adv-type04 .t-adv-datas .text:after{display:block;margin:10px auto;width:1px;height:40px;content:"";background:rgba(255,255,255,0.25);}
 .t-adv-type04 .t-adv-datas .text em{display:block;font:normal bold 50px / 1.25 "DIN Medium";color:#fff;}
 .t-adv-type04 .t-adv-datas .text span{display:block;font-size:16px;color:#fff;} 
@media(max-width:1200px){ .t-adv-type04 .t-adv-intro h3{font-size:20px;} .t-adv-type04 .t-adv-intro .summary{margin:10px auto 15px;font-size:14px;} .t-adv-type04 .t-adv-datas .item{width:48%;} }


.t-picture-list02{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-picture-list02 .item{position:relative;float:left;margin:1%;width:48%;text-align:center;box-sizing:border-box;}
.t-picture-list02 .pic{overflow:hidden;}.t-picture-list02 .pic img{display:block;width:100%;}
.t-picture-list02 .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);}
@media (max-width:992px){.t-picture-list02 .item{width:100%;margin: 1% 0;}
.t-picture-list02 .item .tit{font-size:14px;}}


.t-picture-list01{overflow:hidden;}
.t-picture-list01 .list{margin:-10px;}
.t-picture-list01 .item{position:relative;float:left;margin:10px;width:calc(25% - 20px);text-align:center;overflow:hidden;box-sizing:border-box;border: 1px solid #f4f4f4;}
.t-picture-list01 .pic{overflow:hidden;}
.t-picture-list01 .pic img{display:block;width:100%;transition:all 1s;}
.t-picture-list01 .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-list01 .item:hover .pic img{transform:scale(1.1);}
.t-picture-list01 .item:hover .tit{transform:translateY(100%);}
@media (max-width:992px){
.t-picture-list01 .item{width:44%;}
.t-picture-list01 .item .tit{font-size:14px;}
}

.t-picture-list03{overflow:hidden;}
.t-picture-list03 .list{margin:-10px;}
.t-picture-list03 .item{position:relative;float:left;margin:10px;width:calc(33.333% - 20px);text-align:center;overflow:hidden;box-sizing:border-box;border: 1px solid #f4f4f4;}
.t-picture-list03 .pic{overflow:hidden;}
.t-picture-list03 .pic img{display:block;width:100%;transition:all 1s;}
.t-picture-list03 .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-list03 .item:hover .pic img{transform:scale(1.1);}
.t-picture-list03 .item:hover .tit{transform:translateY(100%);}
@media (max-width:992px){
.t-picture-list03 .item{width:44%;}
.t-picture-list03 .item .tit{font-size:14px;}
}



.cx-photos-01 .list .pic span {padding: 5px;box-sizing: border-box;position: absolute;right: 10px;bottom: 10px;width: 90px;height: 90px;background: #be9561;border-radius: 50%;}
.cx-photos-01 .list .pic { position:relative;}
.cx-photos-01 .list .pic span img { display: block; width: 100%; border-radius: 50%; transition: all 1s;}
.cx-product-intro .text .bd p span {display: inline-block;width: 175px;}
@media (max-width:992px){
.cx-photos-01 .list .pic span { width:45px; height:45px; padding:2px;}
.cx-product-intro .text .bd p span { width:145px;}
}

.t-picture-list04{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-picture-list04 .item{position:relative;float:left;margin:1%;width:48%;background:#f0f0f0;box-sizing:border-box;border:#ddd solid 1px;}
.t-picture-list04 .pic{float:left;width:44%;overflow:hidden;}.t-picture-list04 .pic img{display:block;width:100%;}
.t-picture-list04 .text{padding:20px;overflow:hidden;}.t-picture-list04 .text h3{font-size:18px;color:#6e513d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t-picture-list04 .text p{margin-top:10px;height:100px;line-height:25px;font-size:16px !important;color:#666;overflow:hidden;}
@media screen and (max-width:992px){.t-picture-list04 .item{width:100%;}
.t-picture-list04 .pic{float:none;width:100%;}.t-picture-list04 .text{padding:10px;}
.t-picture-list04 .text h3{font-size:16px;}
.t-picture-list04 .text p{height:auto;line-height:20px;font-size:14px;}}

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


/* super */
.super { padding: 80px 0 0; box-sizing: border-box; display: block;  background:url(../images/Index/super-bg.jpg) no-repeat center; width: 100%; height: 931px; background-size: cover;}
.super .super-con { position: relative; margin-top: 40px; overflow: hidden;}
.super .item {  margin: 52px 0; display:flex; width: 380px;}
.super .item:nth-child(odd) {float: left; clear: both;animation:fadeinL 1s;}
.super .item:nth-child(even) { float: right;animation:fadeinR 1s;}
.super .item span { float: left; display: block; width: 133px; height: 133px; overflow: hidden; border-radius: 100%;}
.super .item span img { display: block; width: 100%;}
.super .item .tit {padding: 18px 0; box-sizing: border-box; float: left;margin-left: 25px;width: 220px;}
.super .item .tit h3 { font-size:24px; font-weight: bold;}
.super .item .tit p { margin-top: 10px; font-size: 16px; color: #666;}
.super .item:nth-child(even) .tit {  order: -1;margin-left: 0; margin-right: 25px; text-align: right;}
.super i {display: block;width: 652px;position: absolute;left: 27%;top: 59px;animation:fadeinT 1s;}
.super i  img { display: block; width: 100%;}
@media (max-width:1440px) {
    .super i { width: 442px; left: 32%; top: 150px;}
}
@media (max-width:992px) {
    .super i { display: none; margin: 0 auto; position: relative; top: auto; left: auto; width: 80%;}
    .super .super-con { margin-top: 20px; padding: 0 10px;}
    .super { padding:40px 0 20px; height: auto;}
    .super .item {margin: 10px 0; width: 100%; float: none;}
    .super .item span { width: 105px; height: 105px;}
    .super .item:nth-child(even) .tit { order: 1; text-align: left;margin: 0 10px;}
    .super .item .tit { padding:8px 0; margin: 0 10px;}
    .super .item .tit h3 { font-size: 16px;}
    .super .item .tit p { font-size: 14px;}

}
/* super end */


/* problem */
.problem { padding: 80px 0 65px; box-sizing: border-box; background: url(../images/Index/problem-bg.jpg) no-repeat center; width: 100%; background-size: cover;}
.problem .wrap-title h2 { color: #fff;}
.problem .problem-con { margin-top: 65px; overflow: hidden;}
.problem .problem-con .item { float: left; width: 25%;}
.problem .problem-con .problem-list { transition: all 2s; margin: 0 auto;  width: 300px; height: 377px; border-radius: 0 0 100px 0;}
.problem .problem-con .problem-list i { position: relative; display: block;margin: 35px auto 20px;width: 55px;}
.problem .problem-con .problem-list i img {position: relative;z-index: 3;display: block;width: 100%;filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);}
.problem .problem-con .problem-list i::after {content: '';display: block;position: absolute;left: 0;top: 7px;width: 28px;height: 42px;background: #d2ae8a;opacity: 0.2;} 
.problem .problem-con .problem-list .text { text-align: center;}
.problem .problem-con .problem-list .text h3 { font-size: 24px; color: #fff;}
.problem .problem-con .problem-list .text em { font-size: 14px; color: #fff;}
.problem .problem-con .problem-list .text p {margin-top: 20px;font-size: 14px; height: 100px; color: #fff;line-height: 1.75;}
.problem .problem-con .problem-list .text a {display: none;margin: 30px  auto 0;width: 120px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff;background: #cbab89;border-radius: 18px;}
.problem .problem-con .problem-list:hover { background: #fff; transform: rotate3d(0,1,0,360deg);}
.problem .problem-con .problem-list:hover .text * { color: #333;}
.problem .problem-con .problem-list:hover .text a { display: block;}
.problem .problem-con .problem-list:hover  i img { filter:contrast(100%) brightness(200%);-webkit-filter: contrast(100%) brightness(200%);}
.problem .problem-con .problem-list:hover i::after { display: none;}
@media (max-width:1200px) {
    .problem { padding: 40px 0;}
    .problem .problem-con { margin-top: 30px;}  
    .problem .problem-con .item {margin: 2%;width: 46%;}
     .problem .problem-con .problem-list i::after { display:none;}
    .problem .problem-con .problem-list {width: 100%;padding: 0 10px;height: 320px;border-radius: 0 0 50px 0;background: #fff;box-sizing: border-box;}
    .problem .problem-con .problem-list .text *  { color: #333!important;}
    .problem .problem-con .problem-list i { margin: 10px auto ;  width: 35px;}
    .problem .problem-con .problem-list  i img { filter:contrast(100%) brightness(200%);-webkit-filter: contrast(100%) brightness(200%);}
    .problem .problem-con .problem-list .text h3 { font-size: 16px;}
    .problem .problem-con .problem-list .text em { font-size: 12px;}
    .problem .problem-con .problem-list .text p {height: 150px;text-align: left;padding: 0 5px;}
    .problem .problem-con .problem-list .text a { display: none;}
}

/* problem end */

/* indexHonor */
.indexHonor { position: relative; padding: 220px 0 60px; background: #fff;}
.indexHonor .indexHonor-slide { margin-top: 20px; overflow: hidden;}
.indexHonor .indexHonor-slide .pic { display: block; width: 100%;}
.indexHonor .indexHonor-slide .pic img {display: block; width: 100%;}
.indexHonor .indexHonor-slide p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; text-align: center; padding: 0 10px; font-size: 16px; color: #666;}
.indexHonor .prev,.indexHonor  .next{position:absolute;z-index:9;bottom: 25%;width:43px;height:43px;line-height:43px;color:#000;background: #ebebeb;border-radius: 50%;text-align:center;cursor:pointer;outline:none;transform:translateY(-50%);opacity:1;}
.indexHonor .prev{left: 10%;}
.indexHonor .next{right: 10%;}
.indexHonor .prev:hover,.indexHonor .next:hover{color:#fff;background:#6e513d;border-color:#6e513d;opacity:1;}
@media (max-width:1440px) {
.indexHonor .prev{left: 3%;}
.indexHonor .next{right: 3%;}
}
@media (max-width:992px) {
    .indexHonor { padding: 40px 15px;}
    .indexHonor .prev,.indexHonor  .next { bottom: 32%; background: #fff;}
    .indexHonor .indexHonor-slide p { font-size: 14px;}
}
/* indexHonor end */

/* case */
.case { padding: 50px 0 0; overflow: hidden; background: #fff;}
.case .case-slide { position: relative; overflow: hidden; display: block; width: 100%;}
.case .case-slide::after {content: '';display: block;position: absolute;left: 0;bottom: 40px;width: 100%;height: 1px;background: #e5e5e5;}
.case .case-slide .pic { position: relative; display: block; width: 100%; overflow: hidden;}
.case .case-slide .pic img { display: block; width: 100%; transition: all 1s;}
.case .case-slide .tit {margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 18px;color: #333;text-align: center;}
.case .case-slide .sumber { position: relative; display: block; width: 185px; margin: 35px auto 0; text-align: center;}
.case .case-slide .sumber span { font-size: 72px; color: #e0e0e0; font-family: "AGENCYB";}
.case .case-slide .sumber::after { transition: all 1s;  transform: scaleX(0);  content: ''; display: block; position: absolute; left: 0; top: 52%; width: 100%; height: 1px; background: #6e513d;}
.case .case-slide .sumber::before { opacity: 0; transition: all 1s; transform: rotate(45deg); content:''; display: block; position: absolute; left:50%; top: 50%; width: 6px; height: 6px; background: #6e513d; border-radius: 50%;}
.case .case-slide .swiper-slide-active .sumber::after { transform: scaleX(1);}
.case .case-slide .swiper-slide-active .sumber::before {opacity: 1;}
.case .case-slide .pic span { padding: 10px; position: absolute; right: 25px; bottom: 25px; width: 150px; height: 150px; background: #be9561; border-radius: 50%; overflow: hidden;}
.case .case-slide .pic span img { display: block; width: 100%; border-radius: 50%; overflow: hidden;}
.case .prev, .case .next {position: absolute;bottom: 19px;width: 70px;height: 47px;background: #fff;z-index: 3;}
.case .prev { left: 0;}
.case .next { right: 0;}
.case .prev i,.case .next i {display: block;width: 47px;height: 47px;line-height: 47px;text-align: center;border-radius: 50%;background: #ebebeb;color: #000;font-size: 18px; cursor: pointer;}
.case .prev i  {float: left;}
.case .next i  {float: right;}
.case .next i:hover,.case .prev i:hover { background: #6e513d; color: #fff;}
.case .case-slide .pic:hover a > img { transform: scale(1.1);}
@media (max-width:992px) {
     .case .case-slide .pic span { right:5px;bottom:5px; padding:3px; width:65px; height:65px;}
    .indexHonor~.case { padding-top: 0;}
    .case { padding: 40px 0 0;}
    .case .case-slide::after { bottom: 23px;}
    .case .case-slide .tit { font-size: 14px; margin-top: 10px;}
    .case .case-slide .sumber { margin: 15px auto 0; width: 100%;}
    .case .case-slide .sumber span { font-size: 40px;}
    .case .prev, .case .next {bottom: 6px; width: 44px; height: 35px;}
    .case .prev i,.case .next i { width: 35px; height: 35px; line-height: 35px;}
    .case .case-slide .sumber::after { width: 50%;left: 26%;}
    .case .case-slide .sumber::before { top: 46%;}
}
/* case end */


/* partner */
.partner { position: relative; padding: 60px 0; overflow: hidden; background: #fff;}
.partner ul { display: block; overflow: hidden; box-sizing: border-box; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1;}
.partner ul li { float: left; width: calc(100%/6); border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; box-sizing: border-box;}
.partner ul li img { display: block; width: 100%;}
.partner .prev, .partner .next {position: absolute;bottom: 122px;width: 47px;height: 47px;z-index: 3;}
.partner .prev { left: 12%;}
.partner .next { right: 12%;}
.partner .prev i,.partner .next i {display: block;width: 47px;height: 47px;line-height: 47px;text-align: center;border-radius: 50%;background: #ebebeb;color: #000;font-size: 18px; cursor: pointer;}
.partner .prev i  {float: left;}
.partner .next i  {float: right;}
.partner .next i:hover,.partner .prev i:hover { background: #6e513d; color: #fff;}
@media (max-width:1440px) {
    .partner .next { right: 5%;}
    .partner .prev { left: 5%;}

}
@media (max-width:992px) {
    .partner { padding: 40px 10px;}
    .partner ul li { width: calc(100%/4);}
    .partner .prev, .partner .next { width: 35px; height: 35px; line-height: 35px; font-size: 14px;}
    .partner .prev i,.partner .next i { width: 35px; height: 35px; line-height: 35px;}
    .partner .prev, .partner .next { bottom: 58px;}
    .partner .prev { left: 0;}
    .partner .next { right: 0;}
}
/* partner end */