.tab-content h2 {font-size: 22px; font-weight: 600; position: relative; }
.tab-content h3 {font-size: 22px; font-weight: 600; position: relative; }
.tab-content h4 {font-size: 14px; position: relative; }
.tab-content ol, ul { list-style: none;}
.tab-content p { color:#747474 !important;}
.tab-content p span { color:#747474 !important;}
.tab-content span { color:#747474 !important;}


.tab-content .juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.tab-content .juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.tab-content .erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.tab-content .erduan img { width:100%}

.tab-content .shang {display:flex;flex-direction:row;justify-content:space-between;}
.tab-content .xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.tab-content .shangzhong {
    margin: 0 0 0 5%;
    display:flex;flex-direction:row;justify-content:center;
    justify-content: space-between;
}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.tab-content .shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.tab-content .shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.tab-content .zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.tab-content .you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}




/*浮动*/
.tab-content .fl {float:left;display:inline}
.tab-content .fr {float:right;display:inline}
.tab-content .clear {clear:both}
.tab-content .clearfix {*zoom:1;}
.tab-content .clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/**上对齐*/
.tab-content .upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px !important; }
.tab-content .upshang li h3 { font-size: 18px !important; font-weight: 600 !important;}
.tab-content .target li h4 span { font-size: 16px !important; color: #333e48 !important; font-weight: 600 !important;}
.tab-content .target li p { font-size: 13px; margin-bottom: 0.1rem !important;}


/* HTML5 重置为较旧版本的浏览器 */


.tab-content table {border-collapse:collapse;border-spacing:0;}


.tab-content .nav-btnbox { display:none}
.tab-content .pd3{ padding-top:3%; padding-bottom:3%}
.tab-content .pd4{ padding-top:4%; padding-bottom:4%}
.tab-content .pd5{ padding-top:5%; padding-bottom:5%}
.tab-content .pd6{ padding-top:6%; padding-bottom:6%}
.tab-content .pd2{ padding-top:2%; padding-bottom:2%}

.tab-content .mtb3{ margin-top:3%; margin-bottom:3%}
.tab-content .mtb4{ margin-top:4%; margin-bottom:4%}
.tab-content .mtb5{ margin-top:5%; margin-bottom:5%}
.tab-content .mtb6{ margin-top:6%; margin-bottom:6%}
.tab-content .mtb2{ margin-top:2%; margin-bottom:2%}



.tab-content .mt1{ margin-top:1%}
.tab-content .mt2{ margin-top:2%}
.tab-content .mt3{ margin-top:3%}
.tab-content .mt4{ margin-top:4%}
.tab-content .mt5{ margin-top:5%}
.tab-content .mt6{ margin-top:6%}


.tab-content .pt3{ padding-top:3%}
.tab-content .pt4{ padding-top:4%}
.tab-content .pt5{ padding-top:5%}

.tab-content .pb3{ padding-bottom:3%}
.tab-content .pb4{ padding-bottom:4%}
.tab-content .pb5{ padding-bottom:5%}
.tab-content .pb6{ padding-bottom:6%}
.tab-content .pb7{ padding-bottom:7%}

.tab-content .oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.tab-content .twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.tab-content .threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.tab-content .fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.tab-content .sixline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical;}




.tab-content .fangdapic{ overflow:hidden; position:relative}
.tab-content .fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.tab-content .fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.tab-content .fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


.tab-content .animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp {
  0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
  to {opacity:1; -webkit-transform: none;transform:none}
}
@keyframes fadeInUp {
  0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
  to {opacity:1; -webkit-transform: none;transform: none}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



.tab-content .fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.tab-content .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.tab-content .mainbox{margin: 0 auto; width: 90%; max-width:1430px;}

.tab-content .top{position:fixed; left: 0px; top: 0px; width: 100%; z-index:9999; background: #fff; padding-top: 20px;border-bottom: 1px solid #eeeeee;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.tab-content .top.cur{ border-bottom: 1px solid #eeeeee; padding-top: 0px;}

.top .mainbox{height:70px;}
.logo{width: 150px;}
/* Bu alti kural Alinx'in kendi sitesinden kopyalandi; ORADA ".nav" SITE MENUSUYDU.
 * Urun detayindaki kendi Bootstrap sekme menumuz de "nav" sinifi tasiyor ve dis
 * .tab-content icinde kaldigi icin bu kurallara yakalaniyordu:
 *   width:50%         -> ic sekme seridi yarim genislikte kaliyor, "What's Inside"
 *                        kirpilip gereksiz yatay kaydirma cikiyordu
 *   line-height:70px  -> baglanti kutusu 88px oluyor; etkin sekme cizgisi/noktasi
 *                        kutunun dibine (bottom:-5px) sabit oldugu icin etiketten
 *                        ~35px asagi kayiyor, "sekmeler kaymis" gorunumunu veriyordu
 *
 * Urun iceriklerinin HICBIRINDE bu siniflar kullanilmiyor (2026-09-18'de class="nav",
 * navdown, nav-btnbox, proshownav, proinfortit, proxiangtit kaliplarinin tamami icin
 * 0 kayit), bu yuzden kurallar silinmedi; yalnizca .nav-classic tasiyan kendi
 * menulerimizin disinda birakildi. */
.tab-content .nav:not(.nav-classic){width:50%}
.tab-content .nav:not(.nav-classic) li{font-size: 12px; position: relative; }
.tab-content .nav:not(.nav-classic) li>a:hover{color: #000;}
.tab-content .nav:not(.nav-classic) li.cur>a:before{width: 100%}
.tab-content .nav:not(.nav-classic) li:hover>a{color: #26b4e9}
.tab-content .nav:not(.nav-classic) li>a {position: relative;  line-height: 70px; display: block}

/*.nav li>a:before{content:''; width:0; height: 2px; background: #26b4e9; position: absolute; left: 0px; bottom: -1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.nav li:hover>a:before{width: 100%}
*/


.tab-content .navdown{position: absolute; left:0%; top:70px; background: #ffffff; width:280px; display: none; padding:10px 0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.tab-content .navdown:before{border-color: transparent transparent #fff;border-style: solid;border-width: 0 17px 15px;content: "";height: 0;position: absolute;top: -10px;-webkit-transform: rotate(1turn);width: 0; left:20px;}

.tab-content .navdown span{display: block; padding: 0px 30px; position: relative}
.tab-content .navdown span>a{position: relative}
.tab-content .navdown span.active>a:before{content: ''; position: absolute; right: 0px; top: 50%; transform: translate(0,-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #666666; }


.tab-content .navdown a{display: block; font-size: 16px; padding:7px 0px; font-weight: normal; line-height: 1.5; color: #686868}
.tab-content .navdown span:hover>a{color: #000000}
.tab-content .navdown span.active:hover>a:before{border-left:5px solid #000000;}

.tab-content .navdowndown{position: absolute; left: 100%; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: none; top:-45px; padding: 15px 0px; min-width: 100%;}

.tab-content .navdowndown a{font-weight:300; margin: 0px 30px;}
.tab-content .navdowndown a:hover{color: #26b4e9}


.tab-content .topright{width:25%; position: relative}
.tab-content .sosubtn{width: 16px; cursor: pointer}
.tab-content .sousubtn svg{width: 16px;}

.tab-content .sousuhezi{border-bottom: 1px solid #e5e5e5; width:calc(100% - 60px)}
.tab-content .sousuhezi input{width: calc(100% - 36px); height: 44px; border: none;}

.tab-content .sousubtn{width: 36px; height: 36px;}

.tab-content .wapshow{display: none}

.tab-content .guanbis{display: none}

.tab-content .addSlide{position: fixed; width:100%; height:100%;background: rgba(0,0,0,0.6); left: 0; top:0; z-index:99999999; display: none}
.tab-content .addSlide .searchbox{position: absolute; width: 100%; height: 170px;left: 0; top:50%;background: #26b4e9; transform: translate(0,-50%);}

.tab-content .addSlide .searchbox .int{width:90%; height:60px; line-height:60px; border-bottom:1px solid #FFF; top:50%; left:50%; max-width: 1000px;}

.tab-content .addSlide .searchbox .int .t_int{width:calc(100% - 50px); height:60px; line-height:60px; color:#FFF;background:none; border:0px; font-size:20px;}
.tab-content .addSlide .searchbox .btn{width:40px; height:40px; background:url('../images/search2.svg') no-repeat center center; background-size:20px auto;}
.tab-content .addSlide .searchbox .close{width:20px; position:absolute; top:-40px; right:10px; cursor:pointer;}


.tab-content .addSlide input::-webkit-input-placeholder{color: #fff;}
.tab-content .addSlide input::-moz-input-placeholder{color: #fff;}
.tab-content .addSlide input::-ms-input-placeholder{color: #fff;}


.tab-content .yuyandown{position: absolute; left: 50%; transform: translate(-50%,0);  top:25px; display: none; overflow: hidden; padding:5px 0px;background:rgba(255,255,255,1); border: 1px solid #eeeeee; text-align: center; width:80px}

.tab-content .yuyandown a{padding:5px 0px; color:#a2a2a2; display: block;}
.tab-content .yuyandown a:hover{color:#26b4e9;}

.tab-content .yuyanbtn{position: relative}
.tab-content .yuyanbtn>a{position: relative; padding-right: 20px;}
.tab-content .yuyanbtn>a:before{content: '';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000; position:absolute; right:0%; top:50%; transform: translate(0,-50%);}





.tab-content .banner{position: relative;background: #000;}

.tab-content .banner .mySwiper{position: absolute; left:50%; bottom:0px; width: 90%; max-width: 1430px; transform: translate(-50%,0);}

.tab-content .banner .mySwiper .swiper-slide a{display: block; color: rgba(255,255,255,0.3); font-weight: 300; border-top: 2px solid rgba(255,255,255,0.3); position: relative; padding: 15px 0px 30px;}
.tab-content .banner .mySwiper .swiper-slide a:before{content: ''; width:0%; height: 2px; background: #ffffff; position: absolute; left: 0px; top: -2px;}
.tab-content .banner .mySwiper .swiper-slide a span{font-size: 14px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}

.tab-content .banner .mySwiper .swiper-slide a:hover{color: #fff}

.tab-content .banner .mySwiper .swiper-slide.swiper-slide-thumb-active a{color: #fff}
.tab-content .banner .mySwiper .swiper-slide.swiper-slide-thumb-active a:before{animation:mymove 5s linear;-webkit-animation:mymove 5s linear;}
.tab-content .banner .mySwiper .swiper-slide.swiper-slide-thumb-active a:before{width: 100%}

.tab-content .banner .mySwiper2 .swiper-slide{background: #000;}
.tab-content .banner .mySwiper2 .swiper-slide img{max-width: 100%; margin: 0 auto}
.tab-content .banner .mySwiper2 .swiper-slide img.hide{display: none}

@-webkit-keyframes mymove{
	0% {width: 0px;	}
	100% {width: 100%}
}
@keyframes mymove{
	0% {width: 0px;	}
	100% {width: 100%}
}
.tab-content .mymove {-webkit-animation-name:mymove;animation-name:mymove;}

.tab-content .bantxt{position: absolute; left: 0px; width:100%; top: 46%; transform: translate(0,-50%); color: #fff}
.tab-content .bantxt h2{font-size: 40px; font-weight: 500; line-height: 1.2}
.tab-content .banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.tab-content .bantxt .mainbox{-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.tab-content .morebtn{width: 144px; height: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; color: #fff; font-weight: 300; display: block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.tab-content .morebtn:hover{background:#26b4e9; border: 1px solid #26b4e9;color: #fff;}
.tab-content .morebtn.heise{border: 1px solid #000; color: #000}
.tab-content .morebtn.heise:hover{background:#000000; border: 1px solid #000000;color: #fff;}


.tab-content .iconplay{width: 46px; height: 46px; border: 2px solid #fff; border-radius: 100%; position: absolute; right: 0px; bottom:130%; cursor: pointer}
.tab-content .iconplay .hide{display:none}
.tab-content .iconplay.cur .hide{display:block}
.tab-content .iconplay.cur .show{display:none}


.tab-content .sytit h2{font-size:30px;}
.tab-content .syprotxt{padding-top: 20px;}
.tab-content .syprotxt span{font-weight: 300; color: #3d3d3d}
.tab-content .syprotxt p{font-size: 24px; font-weight: bold; margin-bottom: 20px;}


.tab-content .footerbj{background: #111111; color: rgba(255,255,255,0.3); margin-top: 60px;}
.tab-content .footlogo{width: 150px;}
.tab-content .foottop{border-bottom: 1px solid #292929; padding: 40px 0px 30px; position: relative}


.tab-content .foottop .sousuhezi{right:0px; top: 50%; }
.tab-content .foottop .sousuhezi input{color: #fff; background: none}
.tab-content .sousubtn{width: 36px; height: 36px;}
.tab-content .foottop .sousuhezi.cur{ border: 1px solid #fff; width: 208px;}



.tab-content .footnav{padding: 30px 20px;}
.tab-content .footnav li p a{color: #fff}
.tab-content .footnav li p a:hover{color: #26b4e9}
.tab-content .footnav li p{font-size: 24px; padding: 10px 0px;}
.tab-content .footnavdown span{display: block; font-weight: 300}
.tab-content .footnavdown span a{color:rgba(255,255,255,0.5); padding: 5px 0px; display: inline-block}
.tab-content .footnavdown span a:hover{color: #26b4e9}

.tab-content .footlink{border-top: 1px solid #292929; padding: 20px 0px;}
.tab-content .footlinkto{width: calc(100% - 160px);color:rgba(255,255,255,0.5); font-weight: 300}

.tab-content .footlinkto a{color:rgba(255,255,255,0.5);}
.tab-content .footlinkto a:hover{color: #26b4e9}
.tab-content .footlinkto em{padding: 0px  10px;}

.tab-content .shares{width: 160px;}
.tab-content .shares a{}
.tab-content .shares a img{height:22px;}

.tab-content .sharedown{width: 120px; position: absolute; left: 50%; bottom:40px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: none}
.tab-content .shares a:hover .sharedown{display: block}
.tab-content .sharedown:before{content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 50%; transform: translate(-50%,0);}


.tab-content .footbot{background: #0d0d0d;padding: 20px 0px; margin-top: 30px; text-align: center; font-weight: 300}
.tab-content .footbot a{ color: rgba(255,255,255,0.3);}


.tab-content .syabout{background: #000000; color: #ffffff}
.tab-content .abms span{width: 45%}

.tab-content .syableft{width: 39%; padding: 0px 5%}

.tab-content .syabright{width: 51%;}

.tab-content .syableft h2{font-size: 30px;}
.tab-content .syableft p{font-weight: 300;  margin: 20px 0px 40px;}

.tab-content .syzhtxt{background: #fafafa; padding: 30px 20px;}
.tab-content .syzhtxt p{font-weight: 400; font-size: 19px; line-height: 1.4}
.tab-content .syzhtxt span{color: #3d3d3d; display: block; margin-top:15px;}

.tab-content .qiehuan{position: relative; width: 62px;height: 30px;}
.tab-content .qiehuan .swiper-button-prev,.qiehuan .swiper-button-next{position:relative; left: auto; right: auto; top: auto; background: #000; width:26px; height: 30px;  color: #fff; margin: 0}

.tab-content .qiehuan .swiper-button-prev:after, .qiehuan .swiper-button-next:after{ font-size: 10px; font-weight: bold}

.tab-content .sysolutionsbox{position: relative; padding-bottom:65px;}
.tab-content .sysolutionsbox .swiper{overflow: hidden; padding: 10px; width:100%; margin-left:-10px;}

.tab-content .sysolutionsbox .swiper-pagination{bottom: 0px; top: auto}

.tab-content .sysolutionsbox .swiper-pagination-progressbar-fill{background: #000}
.tab-content .sysolutxt{padding: 30px 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.tab-content .sysolutxt h3{font-size: 18px;}
.tab-content .sysolutxt h2{font-size: 20px; line-height: 1.4; height: 90px; margin: 10px 0px;}
.tab-content .sysolutxt p{font-weight: 300; color: #3d3d3d}


.tab-content .sypartner li{width: calc(33.33% - 20px);}

.tab-content .sypartner li img{max-height:40%}

.tab-content .huisebj{background: #f2f2f2}

.tab-content .propicshow{width: 65%}

.tab-content .miaobao{font-weight: 300; font-size: 14px; color: #424242; padding:40px 0px}

.tab-content .propicleft{width: 90px; position: relative}

.tab-content .propicleft .mySwiper{height: 465px;}

.tab-content .propicright{width: 80%}
.tab-content .propicshow .swiper{overflow: hidden}

.tab-content .propicleft .swiper-slide a{position: relative; border-radius:6px; display: block; background: #000}
.tab-content .propicleft .swiper-slide a img{opacity: 0.65;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.tab-content .propicleft .swiper-slide.swiper-slide-thumb-active a{border: 4px solid #fff;}
.tab-content .propicleft .swiper-slide.swiper-slide-thumb-active a img{opacity:1}

.tab-content .propicleft .swiper-button-prev{width:100%; height:30px;  color: #000000; top: -10px; left: 0px;}
.tab-content .propicleft .swiper-button-next{width:100%; height:30px;  color: #000000; bottom:-30px; top: auto; left: 0px;}

.tab-content .propicleft .swiper-button-prev:after{ font-size: 10px; font-weight: bold;transform: rotate(90deg);}
.tab-content .propicleft .swiper-button-next:after{ font-size: 10px; font-weight: bold;transform: rotate(90deg);}


.tab-content .propirce{background: #fff; width: calc(28% - 60px); border-radius: 20px; padding: 30px}

.tab-content .propircetxt h1{font-size: 30px; font-weight: 500}
.tab-content .propircetxt h2{font-weight: 500; font-size: 22px;}

.tab-content .tab-content .propircetxt p{font-weight: 300; margin-top: 20px; font-size: 15px;}

.tab-content .pirce{border-bottom: 1px solid #e5e5e5; padding: 20px 0px; margin-top: 10px;}
.tab-content .pirce p{color: #545454;font-weight: 300;}
.tab-content .pirce span{font-size: 36px; font-weight: 500}
.tab-content .propircebtn{padding: 20px 0px; margin-top: 20px;}
.tab-content .propircebtn a{background: #ee8400; border-radius: 40px; height: 40px; width: 132px; color: #fff; font-weight: 500; font-size: 22px; text-align: center; line-height: 40px;}


.tab-content .proshownav{border-bottom:1px solid #d2d2d2; padding-top: 35px; background: #fff; width: 100%; z-index: 99}
.tab-content .proshownav.cur{ top:70px; position: fixed; padding-top: 0px;}
.tab-content .proshownav.cur li a{ padding: 15px}

.tab-content .proshownav li{font-size: 24px; font-weight: 500}
.tab-content .proshownav li a{padding: 28px; position: relative; display: block}
.tab-content .proshownav li a:before{content: ''; width: 0px; position: absolute; left: 0px; bottom: -1px; height: 3px; background: #ee8400;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.tab-content .proshownav li.cur a:before{width: 100%}


.tab-content .protit h3{text-transform: uppercase; font-size: 26px; font-weight: 500; padding: 10px 0px; position: relative; text-transform: uppercase}
.tab-content .protit h3:before{content: ''; width:150px; position: absolute; left:50%; bottom: 0px; height: 3px; background: #ee8400; transform: translate(-50%,0)}


.tab-content .partone_video{width: 48.25%}

.tab-content .partone_txt{width: 48.3%; font-weight:400}
.tab-content .partone_txt h3{font-weight: 500; font-size: 24px; margin-bottom: 10px;}

.tab-content .target{border-bottom: 1px solid #d2d2d2;}

.tab-content .target h3{font-weight: 500; font-size: 24px; margin-bottom: 10px;}
.tab-content .target li{font-weight: 400; margin-right: 50px;}

.tab-content .keyfeatures{}

.tab-content .keyfeatures h3{font-weight: 500; font-size: 24px; margin-bottom: 10px;}

.tab-content .keyfeatures ul{width: calc(100% + 50px); margin-left: -50px}

.tab-content .keyfeatures li{width: calc(50% - 50px); margin-left: 50px; margin-bottom: 20px; font-size: 14px; font-weight: 500;}
.tab-content .keyfeatures li h3 { font-size: 18px; font- margin-bottom: 6px; padding-bottom: 4px;}
.tab-content .keyfeatures li p { font-size: 13px; margin-bottom: 5px;}
.tab-content .keyfeatures li span{display: block; font-weight: 400; font-size: 13px;}


.tab-content .proinfortit{border-bottom:1px solid #d2d2d2}
.tab-content .proinfortit li{padding: 15px; position: relative; font-size: 24px; cursor: pointer}
.tab-content .proinfortit li:before{content: ''; width: 0px; position: absolute; left: 0px; bottom: -1px; height: 3px; background: #ee8400;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.tab-content .proinfortit li.cur:before{width: 100%}
.tab-content .proinfortit li:nth-child(1){margin-right: 60px;}

.tab-content .proinforbt h2{font-size: 20px; font-weight: 600}
.tab-content .proinforbt p{font-weight:400}
.tab-content .proinforbt h4{ font-weight: normal}

.tab-content .proinfortablebox th{background: #000; color: #fff; font-weight: 500; padding: 10px 18px; text-align: left; border: 1px solid #fff; width:25%}
.tab-content .proinfortablebox td{padding: 10px 18px;border: 1px solid #fff; background: #f2f2f2; width:25%}

.tab-content .pxucs th{width:25%}
.tab-content .pxucs td{width:75%}


.tab-content .proinforbox{display: none}
.tab-content .proinforbox:nth-child(1){display: block}

.tab-content .proinforbox p, span{ font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #747474 !important; font-size: 0.875rem !important; font-weight: 400 !important; line-height: 1.5; text-align: left; }





.tab-content .proselect h3{font-weight: 500;font-size: 24px;}
.tab-content .proselecttablehezi{width: 120%;}
.tab-content .proselecttablehezi thead th{background: #333e48; color: #ffffff; padding: 0 10px; font-weight: normal}
.tab-content .proselecttablehezi thead p{ padding: 28px 0px 0px; color: #ffffff; }
.tab-content .proselecttablehezi td{text-align: center; font-weight: 300; padding: 10px;}
.tab-content .proselecttablehezi tr:nth-child(odd){background: #f7f7f7}


.tab-content .proselecttablehezi thead {z-index: 1000;position: relative;}

.tab-content .proselecttablehezi thead th {position: sticky; top: 0;}
.tab-content .proselecttablehezi thead th.pin {left: 0;z-index: 1001;}

.tab-content .proselecttablehezi tbody {z-index: 10;position: relative;}
.tab-content .proselecttablehezi tbody th {position: sticky; left:0; font-weight: normal}
.tab-content .proselecttablehezi tbody tr:nth-child(odd) th {background: #f7f7f7}
.tab-content .proselecttablehezi tbody tr:nth-child(even) th {background: #ffffff}





.tab-content .proselecttag{font-weight: 300; color: #6b6b6b; padding: 20px 0px;}
.tab-content #Product_Selection_Matrix .proselecttag p { font-family: "Open Sans", Helvetica, Arial, sans-serif;  font-size: 0.875rem !important; font-weight: 400;  line-height: 1.5; color: #747474 !important;}
.tab-content #Product_Selection_Matrix p { font-family: "Open Sans", Helvetica, Arial, sans-serif;  font-size: 0.875rem !important; font-weight: 400;  line-height: 1.5; color: #747474 !important;}
.tab-content #Product_Selection_Matrix p span { font-family: "Open Sans", Helvetica, Arial, sans-serif;  font-size: 0.875rem !important; font-weight: 400;  line-height: 1.5; color: #747474 !important;}

.tab-content .proselectyable{overflow-x: scroll; -webkit-overflow-scrolling: touch;}
.tab-content .proselectyable::-webkit-scrollbar{width:10px;height:10px;background-color: #f7f7f7;}
.tab-content .proselectyable::-webkit-scrollbar-track{border-radius:10px;background-color: #f7f7f7;}
.tab-content .proselectyable::-webkit-scrollbar-thumb{border-radius:10px;background-color: #dcdcdc;}

.tab-content .proselect{}

.tab-content .prodwonload{}
.tab-content .prodwonload ul{width: calc(100% + 100px); margin-left: -100px}

.tab-content .prodwonload li{width: calc(50% - 100px); margin-left: 100px;padding: 30px 0px; border-bottom: 1px solid #c4c3c8}
.tab-content .prodownleft{width: calc(100% - 150px);}
.tab-content .prodownleft p{font-size: 24px; font-weight: 400;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.tab-content .prodownleft span{display: block;font-weight: 300}

.tab-content .prodwonload li a{width: 130px; height: 40px; border: 1px solid #c4c3c8;border-radius:6px; background: url("../images/d.png") no-repeat 90% center; background-size: 12px auto; line-height: 40px; font-weight: 300; text-indent: 10%}



.tab-content .proxiangtit{border-bottom:1px solid #d2d2d2}
.tab-content .proxiangtit li{padding: 15px; position: relative; font-size: 24px; cursor: pointer}
.tab-content .proxiangtit li:before{content: ''; width: 0px; position: absolute; left: 0px; bottom: -1px; height: 3px; background: #ee8400;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.tab-content .proxiangtit li.cur:before{width: 100%}

.tab-content .proxiangtxt p{font-size: 24px; font-weight: 500; margin-top: 20px;}
.tab-content .proxiangtxt span{display: block; font-weight: 300}
.tab-content .proxianghezi{position: relative; overflow: hidden; padding-bottom: 65px;}


.tab-content .tanchubj{position: fixed; left: 0px; top: 0px; z-index:99999; background: rgba(0,0,0,0.4); width: 100%; height: 100%; display: none}

.tab-content .tab-content .tanchubox{position: absolute; left: 50%; top: 50%;background: #fff; width: calc(90% - 100px); padding:50px; max-width:860px; transform: translate(-50%,-50%); }

.tab-content .closebtn{position: absolute; right:20px; top: 20px; font-size: 20px;}

.tab-content .tanchubox p{font-size: 18px;font-weight: 300; }
.tab-content .tanchubox ul{padding: 10px 0px}
.tab-content .tanchubox li{margin-top: 20px;}
.tab-content .tanchubox li span{font-size: 20px; width:80px; }

.tab-content .wenbens{width: 50%; height: 50px; border: 1px solid #d2d2d2; padding: 0px 15px;}

.tab-content .wenbens::-webkit-input-placeholder {color:rgba(0,0,0,0.5);font-weight:300;}
.tab-content .wenbens:-moz-placeholder  {color:rgba(0,0,0,0.5);font-weight:300;}
.tab-content .wenbens::-moz-placeholder  {color:rgba(0,0,0,0.5);font-weight:300;}
.tab-content .wenbens:-ms-input-placeholder {color:rgba(0,0,0,0.5);font-weight:300;}

.tab-content .codebtn{width: 140px; height: 52px; background: #f6f6f6; border: 1px solid #d2d2d2!important; margin-left: 10px;}

.tab-content .tijiaos{background: #ee8400; border-radius: 40px; height: 40px; width: 146px; color: #fff; font-weight:300; text-align: center;}

.tab-content .footsousuhezi{height:44px; border: 1px solid #ababab;max-width: 320px; width: calc(100% - 180px)}

.tab-content .footsousuhezi input{padding: 0px 10px; width: calc(100% - 64px); background: none; border: none; height: 44px; color: #fff}

.tab-content .footsousubtn{width:44px; height: 44px;}
.tab-content .footsousubtn svg{width: 16px;}


.tab-content .swiper-scrollbar-drag{background: #000; height: 6px; top: -1px; cursor:all-scroll}
.tab-content .swiper-scrollbar{width: 100%!important; left: 0px!important;}


.tab-content .orderonlinetxt p{padding-top: 20px;}

.tab-content .orderonlinetxt a{color: #ee8400}

.tab-content .ordermassagebox{background: #fafafa; border: 1px solid #d2d2d2; padding: 48px;}

.tab-content .ordermastit h2{font-size: 20px; font-weight: 500;color: #ee8400}



.tab-content .proselectdown {position:relative;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; width:100%;}

.tab-content .proselectdown .placeholder {position:relative;display:block;background-color:#fff;z-index:1; line-height: 48px;cursor:pointer; padding:0 20px;border:1px solid #d2d2d2; height: 48px; width: calc(100% - 42px);}

.tab-content .proselectdown .placeholder:after {position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/xia.png") no-repeat center center; content: ""; width: 16px; height:10px; background-size: 100% auto}


.tab-content .proselectdown.is-open dl {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.tab-content .proselectdown dl{display:none;position:absolute;overflow-y:scroll;width:calc(100% - 42px);background:#fff;top:100%;left:0;z-index:100; max-height:400px; padding:10px 20px;border:1px solid #d2d2d2; border-top: none}
.tab-content .proselectdown dl dd {display:block;text-align:left;cursor:pointer; font-weight: 300; font-size: 14px; padding:3px 0px;}

.tab-content .proselectdown dl dd.ptit{font-weight: 500; font-size: 16px; margin-top: 10px;}


.tab-content .orderpro{border-bottom: 1px solid #d2d2d2; padding-bottom: 30px;}

.tab-content .orderhsz li{width: calc(25% - 10px); float: left; margin-left: 10px;}
.tab-content .orderhsz ul{width: calc(100% + 10px); margin-left: -10px; margin-bottom: 20px;}
.tab-content .orderhsz li:first-child{width: calc(34% - 10px);}
.tab-content .orderhsz li:nth-child(3){width: calc(16% - 10px);}
.tab-content .orderhsz li p{font-weight: 300; margin-top: 5px; color: #3d3d3d}


.tab-content .btord{font-size: 20px; margin: 10px 0px; font-weight: normal}

.tab-content .numup{border:1px solid #d2d2d2; height: 48px; background:#ffffff}
.tab-content .numup input{width:calc(100% - 70px); height: 40px; border: none; padding: 0px 20px;}
.tab-content .numup span{width: 30px;}
.tab-content .numup span em{display: block; height:25px; background: url("../images/shang.png") no-repeat center center; background-size:12px auto; cursor: pointer}

.tab-content .numup span i{display: block; height:25px; background: url("../images/xia.png") no-repeat center center; background-size:12px auto; cursor: pointer}

.tab-content .pricels input{border:1px solid #d2d2d2; height: 48px; background:#ffffff; width: calc(100% - 110px); padding: 0px 20px;}

.tab-content .pricels a{color: #ee8400}

.tab-content .addbtn{width: 220px; height: 40px; background: #ee8400; color: #fff; text-align: center; line-height: 40px; border-radius: 40px; display: inline-block; border: 1px solid #ee8400}

.tab-content .addbtn:hover{background: #fff; color: #ee8400}

.tab-content .addbotom ul{width: calc(25% - 10px);}
.tab-content .addbotom li{margin-bottom: 20px}
.tab-content .addbotom li p{margin-bottom: 10px;}
.tab-content .addbotom li em{font-weight: 500;color: #ee8400}

.tab-content .tigs{font-weight: 300; margin-top: 5px; color: #3d3d3d}

.tab-content .wenben{border:1px solid #d2d2d2; height: 48px; background:#ffffff; width: calc(100% - 40px); padding: 0px 20px;}
.tab-content .selectbd{border:1px solid #d2d2d2; height:50px;  width:100%; padding: 0px 20px; background: url("../images/xia.png") no-repeat 97% center #fff; background-size: 16px auto}




.tab-content .orderxinxi ul{width: calc(100% + 10px); margin-left: -10px;}
.tab-content .orderxinxi ul li{float: left; margin-left: 10px; margin-bottom: 20px;}
.tab-content .bdpartone li:nth-child(1){width:calc(40% - 10px)}
.tab-content .bdpartone li:nth-child(2){width:calc(55% - 10px); margin-left: calc(5% + 10px)}

.tab-content .mr10{margin-right: 10px;}

.tab-content .chang{width: 60%}
.tab-content .duan{width: 40%}


.tab-content .bdparttwo li{width:calc(100% - 10px)}

.tab-content .bdpartthree li{width:calc(50% - 10px)}

.tab-content .textarea{border:1px solid #d2d2d2; height:110px; background:#ffffff; width: calc(100% - 40px); padding:20px;}

.tab-content .bdpartfour li{width:calc(33.33% - 10px)}


.tab-content .checks{ background:#f5f5f6; width:16px; height:16px; border:1px solid #000000; cursor: pointer; background: none; outline: none; margin-top:3px}
.tab-content .checks:checked {border-color:#ee8400; background:url(../images/dui.svg) no-repeat center center #ee8400; background-size:80% auto; }

.tab-content .bdpartfive li p{width: calc(100% - 30px)}
.tab-content .bdpartfive li p a{color: #ee8400}
.tab-content .bdpartfive li p a:hover{text-decoration: underline}
.tab-content .bdpartfive li:first-child{margin-bottom: 10px;}

.tab-content .ordertxt h3{font-size: 24px; font-weight: 500}

.tab-content .ordertxt p{margin-top: 10px;}


.tab-content .orderhezis{box-shadow: 0px 0px 5px rgba(0,0,0,0.1); line-height: 1.8}

.tab-content .orderleft{width: calc(50% - 92px); padding: 46px; border-right: 1px solid #d2d2d2}


.tab-content .orderhezis h3{font-weight: 500;font-size: 20px;}
.tab-content .orderhezis a{color: #ee8400; text-decoration: underline}
.tab-content .orderhezis p{margin:10px 0px 20px;}
.tab-content .orderright{width: 50%}

.tab-content .orderrixs{height: calc(50% - 92px); padding: 46px;}
.tab-content .orderrixs:first-child{border-bottom: 1px solid #d2d2d2}

.tab-content .distributorbox{box-shadow: 0px 0px 5px rgba(0,0,0,0.1); line-height: 1.8; padding:20px 48px;}


.tab-content .distributorbox li{border-bottom: 1px solid #d2d2d2; padding: 50px 0px;}
.tab-content .distributorbox li:last-child{border: none}
.tab-content .dislogo{width: 20%; border-right: 1px solid #e8e8e8; height: 80px;}
.tab-content .dislogo img{max-height:100%; max-width: 80%}
.tab-content .distxt{width: 25%}


@media screen and (max-width: 680px)
{
.tab-content .distxt,.shangzhong{margin: 0;}
}

/* ------------------------------------------------------------------
 * ICERIKTEN GELEN GENIS OGELER SAYFAYI YATAYDA KAYDIRIYORDU
 *
 * Alinx'ten aktarilan urun icerigindeki gorseller kendi piksel
 * genisliklerini tasiyor ve ust sinirlari yok (orn. AC7021B'nin
 * Module Architecture gorseli 2000px). 375px'lik ekranda sayfa 2065px
 * genisliyor, TUM sayfa yana kayiyordu: sekme etiketleri soldan kirpik
 * gorunuyor, kart fotograflari sagdan tasiyordu.
 *
 * Genis tablolar icin dosyada zaten .proselectyable{overflow-x:scroll}
 * sarmalayicisi var; ancak panel editoru kaydederken o div'leri siliyor:
 * 2026-09-18'de tablosu olan 487 kayittan 245'inde sarmalayici YOK.
 * Bu yuzden cozum sarmalayiciya degil dogrudan tabloya bagli. Tablo
 * yalnizca dar ekranlarda kendi icinde kaydirilir; masaustunde
 * gorunum degismez.
 * ------------------------------------------------------------------ */
.tab-content img { max-width: 100%; height: auto; }

/* Alinx icerigindeki bazi tablo basliklari metni <p> icine sariyor
 * (orn. "Temp. Range", "USD Price"). Temanin p kurali 30px alt bosluk
 * veriyor; hucreler vertical-align:middle oldugu icin bu bosluk da
 * ortalamaya katiliyor ve o basliklar digerlerinden 15px YUKARI
 * kayiyordu (olculdu: metin merkezi 22, hucre ortasi 37).
 * Hucre icindeki SON paragrafin alt boslugu kaldirildi; bir hucrede
 * birden fazla paragraf varsa aralarindaki bosluk korunur. */
.tab-content th p:last-child,
.tab-content td p:last-child { margin-bottom: 0; }

/* Ayni hizalama sorununun ikinci kaynagi: yukaridaki 468-483 blogundaki
 * ".proselecttablehezi thead p{padding:28px 0px 0px}" kurali. Sarmalayici
 * div'i HALA duran urunlerde (editorden gecmemis kayitlar) baslik metnini
 * 14px ASAGI itiyordu. Iki farkli urunde olculdu: sarmalayicisi silinmis
 * AC7021B'de yalnizca p alt boslugu, sarmalayicisi duran ACU5EV'de ayrica
 * bu ust dolgu sapma yaratiyordu. */
.tab-content .proselecttablehezi thead p { padding: 0; }

@media (max-width: 991.98px) {
  .tab-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Numeric prices on the existing Website product-card contract only. */
.product-item .prodcut-price .pj-card-price { font-size: calc(1em - 1px); }

/* User-selected Quote small text, scoped to existing product cards. */
.product-item .prodcut-price .pj-card-quote { font-size: calc(1em - 5px); }

/* Brand metadata in the existing grid and horizontal Product List cards. */
.product-item .pj-card-title-with-brand { margin-bottom: 0 !important; }
.product-item .pj-card-brand {
  display: block;
  color: #6b7280 !important;
  font-size: calc(1em - 3px) !important;
  font-weight: 700 !important;
  text-align: left !important;
  line-height: 1.2;
  margin-top: 4px;
  margin-bottom: 0;
}
.product-item .pj-card-brand[hidden] { display: none; }

.product-item:not(.pj-card-horizontal) .pj-card-title-with-brand { padding-bottom: 4px; }
.product-item:not(.pj-card-horizontal) .pj-card-image { margin-top: 4px; }

/* Shared Website header stays in flow; its topbar scrolls above the viewport. */
#header.u-header {
  position: sticky;
  top: calc(0px - var(--website-topbar-height, 0px));
}

/* Existing Website form-select family only; navigation/action menus excluded. */
.bootstrap-select.pj-form-select .dropdown-item { padding: 0.06rem 1.5rem; }
/* Canonical nonblocking Website notices above native modal/sidebar layers. */
.swal2-container.pj-website-notice-container { z-index: 1000000; }
.swal2-container.pj-website-notice-container .swal2-popup.pj-website-notice .swal2-html-container { font-size: .875rem; }

/* Shared Cart confirmation: native CUBA warning token, isolated from Website buttons. */
.swal2-container.pj-website-notice-container .pj-website-cart-confirmation .btn-warning {
  background-color: #ffb829 !important;
  border-color: #ffb829 !important;
  color: #fff;
}