.product-detail{margin:0 auto;padding:0}
.product-detail-all{margin:0 auto;padding:0;text-align:center}
.product-detail .subtitle h1{font-size:24px;color:#333;line-height:34px}
.product-detail .subtitle p{font-size:16px;color:#666;line-height:22px}
.ziyuan-title{font-size:24px;color:#333;letter-spacing:0;line-height:34px;padding-top:40px;margin-bottom:30px}
.recedown{display:flex;align-items:center;flex-direction:row;padding:16px 30px;z-index:2;width:100%;border-bottom:1px solid #e9e9e9;z-index:2}
.trans{opacity:0;position:absolute;width:100%;height:99%;background-image:url(../images/resdown.png);background-repeat:no-repeat;background-size:100% 100%;transform:scale(1.2);transition:transform .5s cubic-bezier(.215,.61,.355,1),opacity .5s cubic-bezier(.215,.61,.355,1)}
.recedown-tagicon{flex-basis:72px}
.budingreceselectpagination,.jiezhireceselectpagination,.wendangreceselectpagination{width:100%;margin:20px 0;display:flex;justify-content:flex-end}
.recedown-tagicon-item{width:48px;height:48px;background-color:#597ef7;border-radius:4px;color:#fff;font-size:16px;display:flex;justify-content:center;align-items:center}
.recedown-title{font-size:14px;font-weight:700;color:rgba(0,0,0,.45);flex-basis:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recedown-content{font-size:14px;line-height:20px;text-align:left;color:#666;overflow-wrap:break-word;word-wrap:break-word;flex-basis:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recedown-htmlpath,.recedown-path{flex-basis:60px}
.res-type-name{width:148px;height:50px;display:inline-block;position:relative;color:#333;margin:0 -2.5px 30px;text-align:center;background:#fff;border:1px solid #ccc;cursor:pointer;border-radius:0}
.res-type-name:first-child{border-radius:4px 0 0 4px}
.res-type-name:last-child{border-radius:0 4px 4px 0}
.res-type-name-noborder{border-radius:0}
.res-type-name span{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;font-size:16px;line-height:22px;height:22px;z-index:0}
.res-type-name.active{color:#2e7bfb;border:1px solid #2e7bfb;z-index:111}
.budingrecedown,.jiezhirecedown,.wendangrecedown{display:flex;opacity:1;transition:all .3s ease-in}
.videorecedown{display:none;opacity:0;transition:all .3s ease-in}
.budingrecedown,.jiezhirecedown,.videorecedown,.wendangrecedown{position:relative;overflow:hidden;padding-right:0;padding-left:0}
.res-block-height{text-align:center}
.videocover{width:100%;position:relative}
.videoname{display:flex;position:absolute;width:100%;height:40px;bottom:0;color:#fff;font-size:14px;text-align:left;background:rgba(0,0,0,.4)}
.videocover .vbimg{width:100%}
.videocover .vcimg{position:absolute;top:0;bottom:0;left:0;right:0;width:40px;height:40px;margin:auto;transition:.5s all}
.videocover .vcimg:hover{transform:scale(1.2)}
.videoname span{margin:10px;line-height:20px;font-size:14px;color:#fff}
.videopopup{display:none;position:fixed;top:0;bottom:0;right:0;left:0;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(23,23,42,.2);z-index:1110}
.videCont{z-index:1111;width:50vw;height:50vh}
.videCont video{width:100%;height:100%}
@media (max-width:768px){
.product-detail .subtitle h1{font-size:18px;color:#333;line-height:34px}
.res-block-height{display:none}
.ziyuan-title{font-size:18px;color:#333;letter-spacing:0;line-height:34px;margin-top:0;margin-bottom:30px}
}
.promdanli .perpromdanli{padding:10px}
.promdanli .perpromdanli a{width:100%;display:block;padding:0;margin:0;text-align:center;bottom:-4px;position:relative;box-shadow:0 0 4px 0 rgba(153,153,153,.5);transition:all .4s}
.promdanli .perpromdanli img{width:160px;height:70px;padding:0;margin:0;margin-top:20px}
.promdanli .perpromdanli span{display:inline-block;width:100%;line-height:22px;font-size:16px;color:#333;overflow:hidden;margin-top:4px;margin-bottom:18px}
.budingreceselect,.jiezhireceselect,.wendangreceselect{display:none;position:relative;font-size:16px}
.budingreceselect select,.jiezhireceselect select,.wendangreceselect select{display:none}
.down-select-selected{background-color:#fff}
.down-select-selected:after{position:absolute;content:"";top:18px;left:295px;width:0;height:0;border:8px solid transparent;border-color:#ccc transparent transparent transparent}
.down-select-selected.select-arrow-active:after{border-color:transparent transparent #ccc transparent;top:7px}
.down-select-items div,.down-select-selected{color:#000;padding:8px 16px;border:1px solid transparent;cursor:pointer;user-select:none}
.down-select-selected{border-color:#ccc #ccc #ccc #ccc}
.down-select-items{position:absolute;border:1px solid transparent;border-color:#ccc #ccc #ccc #ccc;background-image:url(../images/resdown.png);background-repeat:no-repeat;background-size:100% 100%;top:100%;left:0;right:0;z-index:99}
.down-select-items,.down-select-selected{width:320px}
.down-select-items div,.down-select-selected{height:43px}
.down-select-hide{display:none}
.down-select-items div:hover,.same-as-selected{background-color:rgba(0,0,0,.1)}
.swiper-container{height:564px}
.content-detail .subtitle h1,.content-detail-all{padding-top:0}
@media only screen and (max-width:768px){
.swiper-container{height:400px}
.valueadabove{flex-direction:column}
.valueadleft{display:flex;flex-direction:column;align-items:center}
.valueadss{width:90%}
}
.markdown-body h2{color:#2e7bfb}
.valueadvantage{padding-bottom:80px}
.valueadvantage .controlled{color:#fff;margin-bottom:80px}
.valueadabove{display:flex;z-index:100;align-items:center;justify-content:center}
.valuead{font-size:30px;color:rgba(255,255,255,1);display:flex;align-items:center;justify-content:center;padding-top:70px}
.valueadss{background-color:#fff;width:440px;height:140px;margin-bottom:30px;border-radius:4px;display:flex}
.valueads{background-color:#fff;width:440px;height:140px;margin-left:30px;margin-bottom:30px;border-radius:4px;display:flex}
.valueadimg{width:90px;display:flex;justify-content:center;align-items:center}
.valueadtext{width:310px;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:18px;color:#333}
.section2 .Functional{min-height:712px;background-color:rgba(75,110,239,.1)}
.section2 .Functionaltext{font-size:30px;color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding-top:70px}
.section2 .controlled{font-size:14px;color:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;margin-top:10px}
.section2 .Functionalabove{display:flex;min-height:500px;background-repeat:no-repeat;background-position:center;z-index:100}
.section2 .left{width:1200px;height:100%;display:flex;flex-wrap:wrap;flex-shrink:initial;margin:0 auto;justify-content:space-between}
.section2 .technicaltext{width:423px;height:130px;background-image:linear-gradient(rgba(255,255,255,1),rgba(254,254,254,1));border-radius:5px;display:flex;margin-bottom:80px;font-size:14px;color:rgba(0,0,0,1);transition:all .3s}
.section2 .technicaltext:hover{box-shadow:0 16px 32px 0 rgb(48 55 66 / 15%);background-image:linear-gradient(rgba(236,241,251,1),rgba(254,254,254,1));transform:translate(0,-10px)}
.section2 .technicaltextright{width:90px;height:130px;display:flex;align-items:center;justify-content:center}
.section2 .technicaltextleft{width:310px;display:flex;align-items:center;justify-content:center;font-size:18px}
.middle{flex:1;overflow:hidden}
.Functional{min-height:729px;background-color:#fff}
.controlled{font-size:14px;color:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;margin-top:10px}
.Functionaltext{font-size:30px;color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding-top:70px}
.left{width:1290px;margin:0 auto;display:flex;flex-wrap:wrap;flex-shrink:initial;justify-content:space-between;padding:48px 0 70px}
.functionaltext{width:630px;height:135px;background-color:rgba(247,248,251,1);display:flex;margin-bottom:20px;font-size:14px;color:rgba(0,0,0,1);transition:all .3s}
.technicaladabove{display:flex}
.functionaltext:hover{box-shadow:0 16px 32px 0 rgba(48,55,66,.15);background-image:linear-gradient(rgba(236,241,251,1),rgba(254,254,254,1));transform:translate(0,-10px)}
.functionaltextright{width:120px;height:130px;display:flex;align-items:center;justify-content:center}
.functionaltextleft{width:450px;font-size:14px}
.functionalbox{display:flex;flex-direction:column;width:530px}
.functionaltexts{font-size:20px;margin-bottom:10px;margin-top:20px}
.customercase{position:relative;width:100%}
.customercases{width:100%;height:720px;object-fit:cover;display:block;position:relative}
.customerc{position:absolute;font-size:30px;color:#000;top:70px;left:47%}
.customerpng{position:absolute;top:170px;left:50%;transform:translateX(-50%)}
@media only screen and (max-width:768px){
.swiper-container .swiper-slide .t2{font-size:26px;margin-top:40px;margin-bottom:20px;display:block}
.swiper-container .swiper-slide .t3{display:block}
.swiper-button-next,.swiper-button-prev{display:none}
.valueadvantage{margin-bottom:80px}
.valueadabove{flex-direction:column}
.valueadss{width:90%}
.valueadright{display:flex;flex-direction:column;align-items:center}
.valueads{width:90%;margin-left:0}
.left{width:100%;margin:0 auto;display:block;padding:48px 0 70px}
.functionaltext{width:90%;height:135px;margin:0 auto;margin-bottom:20px}
.functionaltextright{width:15%;height:100%;display:flex;align-items:center;justify-content:center}
.functionaltextleft{width:90%;font-size:14px}
.functionaltexts{font-size:16px;margin-bottom:10px;margin-top:20px}
.functionalbox{display:flex;flex-direction:column;width:100%;padding-left:20px}
.centerleft{margin:0 auto}
.controlleds{font-size:14px}
.customerpng{position:absolute;top:170px;left:50%;width:150%;transform:translateX(-50%)}
.customerc{left:36%}
.customercases{height:650px}
.technicaltext{width:90%!important;height:130px;margin:0 auto 20px;margin-bottom:20px!important}
}