/*=====================公共部分 start======================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input, textarea{font-family: Arial,"Helvetica CY",Helvetica,"Nimbus Sans L",sans-serif; margin:0;padding:0;border:0;outline:0;font-size:100%; color:#333333;}
abbr,acronym,address,caption,cite,code,dfn,em,th,var,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;font-variant:normal; padding:0; border:0; margin:0;}

body{min-width:1326px;}

.w1326{width:1326px; margin:auto}

li{list-style:none;}
a{text-decoration:none;}
a:hover{color:#d4161a;}
a:hover img{opacity:0.8}

button{margin: 0px; padding: 0px; border: 0px; outline: none;}

.red{color:#d4161a;}
.blue{color:#20507e;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.btn1, .btn1:hover{background:#d4161a; display:inline-block; padding:5px 15px; color:#fff; text-align:center; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
.btn11,.btn11:hover{background:#c9151e;border:#c9151e solid 1px;display:inline-block;width:165px;height:38px;line-height:38px;color:#fff; text-align:center;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.btn12,.btn12:hover{background:#fff;border:#c9151e solid 1px;display:inline-block;width:165px;height:38px;line-height:38px;color:#c9151e; text-align:center;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;padding: 0px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.a-btn-n{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#d20302; border:#d20302 solid 1px; display:inline-block; height:28px; width:80px; text-align:center; line-height:28px; position:relative; top:5px; background:#d20302; color:#fff;}
.a-btn-n:hover{color:#fff;}

.a-btn1{padding:6px 20px; display:inline-block; border:#20507e solid 1px; color:#20507e; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius: 20px; }
.a-btn1:hover{background:#20507e; color:#fff;}
.a-btn3, .a-btn3:hover{padding:5px 10px; min-width:110px; background:#20507e; color:#fff; text-align:center; display:inline-block; border:#20507e solid 1px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; }
.a-btn4, .a-btn4:hover{padding:5px 10px; min-width:110px; background:#d4161a; color:#fff; text-align:center; display:inline-block; border:#d4161a solid 1px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; }
.a-btn3:hover, .a-btn4:hover{opacity:0.8;}

.a-btn2{width:220px; height:45px; align-items:center; display:flex; justify-content: center; background:#d4161a; font-size:14px; color:#fff; font-weight:bold;-moz-border-radius:50px; -webkit-border-radius:50px; border-radius: 50px; }
.a-btn2:hover{color:#fff;}

.btn-red,.btn-red:hover{background:#d4161a; display:inline-block; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; width:100%; line-height:40px;}
.btn-blue,.btn-blue:hover{background:#20507e; display:inline-block; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; width:100%; line-height:40px;}

.pd10{padding:10px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt33{margin-top:33px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.ml13{margin-left:13px;}
.ml25{margin-left:25px;}
.ml47{margin-left:47px;}
.mr25{margin-right:25px;}
.mr20{margin-right:20px;}

.h2-fs40{font-size:40px; font-weight:bold;}
.fs12{font-size:12px;}
.fs24{font-size:24px;}
.fs20{font-size:20px;}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
.fs30{font-size:30px;}
.fs36{font-size:36px;}
.fs18{font-size:18px;}
.text-align-right{text-align:right;}
.text-align-center{text-align:center;}

.show-cline-clamp{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.show-once-line{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.top{margin:18px auto 0px auto; text-align:right;}
.header-sticky{top:0; z-index:9; position:sticky;}
.header-nav-sticky{top:70px; z-index:9; position:sticky; box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.header{background:#fff; margin-top:40px; padding:10px 0 0 0; clear:both;}
.header .header-logo{height:65px;}
.header .header-icon{float:right; margin-top: 35px;}
.header .header-icon li{float:left; padding:0px 20px;}
.header .header-icon li a{padding-top: 40px; position:relative}
.header .header-icon .icon1{background:url(/static/images/icon_01.png) no-repeat top center;}
.header .header-icon .icon1:hover{background:url(/static/images/icon_01_hover.png) no-repeat top center;}
.header .header-icon .icon2{background:url(/static/images/icon_02.png) no-repeat top center;}
.header .header-icon .icon2:hover{background:url(/static/images/icon_02_hover.png) no-repeat top center;}
.header .header-icon .icon3{background:url(/static/images/icon_03.png) no-repeat top center;}
.header .header-icon .icon3:hover{background:url(/static/images/icon_03_hover.png) no-repeat top center;}
.header .header-icon .icon4{background:url(/static/images/icon_4.png) no-repeat top center;}
.header .header-icon .icon4:hover{background:url(/static/images/icon_4_hover.png) no-repeat top center;}
.header .header-icon .icon5{background:url(/static/images/icon_5.png) no-repeat top center;}
.header .header-icon .icon5:hover{background:url(/static/images/icon_5_hover.png) no-repeat top center;}
.header .header-icon .icon6{background:url(/static/images/icon_6.png) no-repeat top center;}
.header .header-icon .icon6:hover{background:url(/static/images/icon_6_hover.png) no-repeat top center;}
.header .header-icon .number{-moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; font-size:12px; position:absolute; left:55%; bottom:20px; width:20px; height:20px; line-height:20px; text-align:center; display:inline-block; background:#d4161a; color:#fff;}

.header-nav{height:55px; background:#f2f2f2; clear:both; margin-top:40px;}
.header-nav .header-nav-class{width:238px; position:relative; background:#d4161a; height:55px; line-height:55px; float:left;}
.header-nav .header-nav-class .nav-header{padding-left:15px; cursor:pointer;}
.header-nav .header-nav-class .nav-header span{background:url(/static/images/icon_04.png) no-repeat left center; padding-left:40px; color:#fff; font-size:18px; font-weight:bolder}
.header-nav .header-search{width:1085px; float:right;}
.header-nav .header-search .search-input{width:1000px; height:55px; background:none; border:0; padding:0px 15px;}
.header-nav .header-search .search-btn{position:relative; top:8px; cursor:pointer}
.header-nav .nav-items{height:520px; display:none; background:#fff; position:absolute; width:max-content; top:55px; box-shadow: 4px 4px 15px rgba(0,0,0,.2);}
.header-nav .nav-items .nav-items-parent{width:330px; box-shadow:1px 1px 4px rgba(0,0,0,.1); height:520px; overflow:auto; padding:0px 15px; float:left;}
.header-nav .nav-items .nav-items-parent ul{padding-top:5px;}
.header-nav .nav-items .nav-items-parent li{line-height:2.6; font-size:14px; font-weight:bolder; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.header-nav .nav-items .nav-items-parent li a{display:block;}
.header-nav .nav-items .nav-items-parent li a span{float:right;}
.header-nav .nav-items .nav-items-parent li a:hover span{color:#d4161a;}
.header-nav .nav-items .nav-items-parent .active a,.header-nav .nav-items .nav-items-parent .active a span{color:#d4161a;}
.header-nav .nav-items .nav-items-child{width:936px; height:500px; overflow:auto; font-size:14px; padding:10px 15px; display:inline-block; float:right; line-height:2.6;}
.header-nav .nav-items .nav-items-child .child-item-header{line-height:2;}
.header-nav .nav-items .nav-items-child .child-item-list{height:420px; margin-top:13px; overflow:auto;}
.header-nav .nav-items .nav-items-child .child-item-list li{width:50%; float:left; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.header-nav .nav-items .nav-items-child .child-item-list::-webkit-scrollbar{height:10px; width:10px;}
.header-nav .nav-items .nav-items-child .child-item-list::-webkit-scrollbar-thumb {background-color: #b9b9b9;border-radius: 10px;}

.sticky-top-active{box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.sticky-top-active .header-nav{margin-top:10px;}

.header-title{clear:both; font-size:24px; font-weight:bold; height:26px; line-height:26px; color:#20507e;}
.header-title .border-l{width:5px; height:26px; line-height:26px; background:#d4161a; display:inline-block; float:left; margin-right:15px;}

.footer{clear:both; background:#20507e; color:#fff; padding:20px 50px; width:-webkit-fill-available; position:relative;}
.footer .footer-item{width:365px; float:left; color:#fff;}
.footer .footer-item li{height:36px; line-height:36px;}
.footer .footer-item a{color:#fff;}
.footer .footer-item a:hover{text-decoration:underline}
.footer .footer-item .fs18 a{font-size:18px; font-weight:bold}
.footer .footer-item1{color:#fff; position:absolute; right:50px; top:30px;}
.footer .footer-img1{width:600px; float:left; color:#fff; margin-top:30px;}
.footer .footer-img1 div{color:#fff;}
.footer .footer-img1 .img{clear:both; margin-top:10px;}
.footer .footer-img1 .img img{height:50px; margin-right:20px; display:inline-block;}
.footer .footer-img2{float:right; width:495px;}
.footer .footer-img2 .img img{height:50px; margin-right:35px; display:inline-block;}
.footer .beian{clear:both; color:#fff; margin-top:30px;}

.crumbs{clear:both; width:1326px; margin:auto; padding:20px 0;}
.crumbs li{float:left; padding:0px 5px; font-size:14px;}

/*=====================公共部分 end======================*/


.banner{clear:both; background:#e6e6e6; height:580px; margin-top:20px;}
.banner .banner-item{height:480px; overflow:hidden}
.banner .banner-item img{height:480px; width:100%;}
.banner .banner-bottom{height:100px; background:#20507e; color:#fff; position:relative;}
.banner-bottom-title{width:l200px; float:left;}
.banner-bottom-title span{float:left; margin:0px 15px; font-size:14px; line-height:100px; color:#fff; width:max-content; background:none; opacity:1}
.banner-bottom-title .swiper-pagination-bullet-active{text-decoration:underline; font-weight:bold;}
.banner .banner-bottom .banner-jt{position:absolute; right:15px; top:50%; margin-top:-7px;}
.banner .banner-bottom .banner-jt a{margin-left:15px;}

.show1{clear:both; margin-top:40px; overflow:hidden;}
.show1 ul{width:3400px;}
.show1 ul li{height:100px; float:left; margin-right:22px; width:215px; padding-left:100px; font-size:16px; overflow:hidden; color:#fff; align-items:center; display:flex}
.show1 ul li.li1{background:url(/static/images/bg_01.png) no-repeat center left;}
.show1 ul li.li2{background:url(/static/images/bg_02.png) no-repeat center left;}
.show1 ul li.li3{background:url(/static/images/bg_03.png) no-repeat center left;}
.show1 ul li.li4{background:url(/static/images/bg_04.png) no-repeat center left;}

.product1{clear:both; height:330px; overflow:hidden}
.product1 a:hover{font-weight:bold;}
.product1 a span{color:#20507e; display:inline-block; white-space: pre-wrap; font-size:16px;}
.product1 .product1-left{width:660px; float:left;}
.product1 .product1-left li{height:160px; float:left; display:inline-block;}
.product1 .product1-left li a{display:block; height:-webkit-fill-available; padding:10px; position:relative; color:#20507e;}
.product1 .product1-left li a img{position:absolute; bottom:10px; right:10px; height:90px;}
.product1 .product1-left li.li1{width:215px; background:#c1d6eb; }
.product1 .product1-left li.li2{width:435px; background:#c4e1f2; float:right;}
.product1 .product1-left li.li3{width:325px; background:#bed7e4; margin-top:10px;}
.product1 .product1-left li.li4{width:325px; background:#bed7e4; margin-top:10px; float:right;}
.product1 .product1-left li.li2 span{width:260px;}
.product1 .product1-left li.li3 span{width:186px;}
.product1 .product1-left li.li4 span{width:186px;}
.product1 .product1-center{width:195px; height:310px; background:#c9dce8; padding:10px; float:left; margin-left:10px;}
.product1 .product1-center a{width:-webkit-fill-available; height:-webkit-fill-available; display:block; position:relative; color:#20507e;}
.product1 .product1-center img{position:absolute; bottom:10px; right:10px;}
.product1 .product1-right{width:431px; float:right;}
.product1 .product1-right li{float:left; width:210px; background:#c1d6eb; height:160px;}
.product1 .product1-right li a{padding:10px; height: -webkit-fill-available; position:relative; display:block;}
.product1 .product1-right li a img{position:absolute; right:10px; bottom:10px;}
.product1 .product1-right li.li2{float:right;}
.product1 .product1-right li.li3{width:100%; margin-top:10px; background:#c4e1f2;}

.product2{clear:both; height:325px;}
.product2 .left{width:253px; float:left; position:relative; padding-top:15px;}
.product2 .left img{width:253px; height:305px;}
.product2 .left .txt{position:absolute; left:0; top:0; width:-webkit-fill-available; padding:10px; text-align:center; color:#fff;}
.product2 .left .txt b, .product2 .left .txt p{color:#fff; font-size:14px;}
.product2 .left .txt b{font-size:18px; display:inline-block; margin:10px 0;}
.product2 .right{width:1058px; float:right;}
.product2 .right .img{height:185px; align-items:center; display:flex; justify-content: center; }
.product2 .right .img img{max-height:185px; max-width:205px;}
.product2 .right ul{width:max-content;}
.product2 .right li{float:left; height:303px; margin:15px 7px; max-width:248px; border:#e6e6e6 solid 1px; box-shadow:2px 2px 15px rgba(0,0,0,.1);}
.product2 .right .txt{padding:0px 15px;}
.product2 .right li a{color:#20507e;}
.product2 .right .fs12{color:#999999;}
.product2 .right li div{margin-top:9px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.product2 .right li a:hover{color:#d4161a;}
.product2 .right li a:hover img{opacity:0.8}
.product2 .right1{width:-webkit-fill-available}
.product2 .right1 li{max-width:249px;}
.product2 .right2 ul{width:1400px;}
.product2 .right2 li{margin-bottom:15px;}

.logo-item{clear:both; height:95px; padding:0px 15px; position:relative;}
.logo-item ul{width:max-content; padding:10px 0}
.logo-item ul li{max-width:198px; width:198px; height:75px; margin:0px 8px; align-items:center; display:flex; justify-content: center; border:#e6e6e6 solid 1px; box-shadow:2px 2px 15px rgba(0,0,0,.1); float:left;}
.logo-item ul li img{max-height:75px; max-width:198px;}
.logo-item ul li a:hover{opacity:0.8}
.logo-item .logo-jt-left{position:absolute; left:0px; top:50%; margin-top:-5px;}
.logo-item .logo-jt-right{position:absolute; right:0px; top:50%; margin-top:-5px;}
.jt{display:inline-block; width:max-content; margin-right:-10px;}
.jt a{width:20px; height:20px; align-items:center; display:flex; float:left; margin-left:10px;}
.logo-item1{padding:0;}
.logo-item1 ul li{max-width:203px; width:203px;}

.content1{width:660px; float:left; line-height:1.8}
.content1-img{width:660px; float:right; text-align:center;}
.content1-img img{max-width:650px;}

.show2{clear:both;}
.show2 ul{width:max-content;}
.show2 li{height:58px; align-items:center; display:flex; margin-right:100px; position:relative; float:left;}
.show2 li .img{float:left;}
.show2 li .txt{margin-left:15px; padding-top:7px;}
.show2 li .number{position:relative;}
.show2 li .number b{font-size:25px; position:relative;}
.show2 li .number span{position:absolute; right:-15px; top:0; font-size:18px;}



.filter{background:#f6f6f6; border:#d0d0d0 solid 1px; padding:15px; position:relative;}
.filter-title{position:absolute; left:-1px; top:-29px; padding:5px 10px; background:#fff; border:#d0d0d0 solid 1px;}
.filter-title a{background:url(/static/images/down.png) no-repeat right center; padding-right:18px;}
.filter-title a.up{background:url(/static/images/up.png) no-repeat right center; padding-right:18px;}
.filter-main-content{overflow:auto;}
.filter .filter-main {white-space: nowrap}
.filter .filter-main .filter-items{display: inline-block; margin-right:10px;}
.filter .filter-main .filter-items .filter-item{width:max-content; border:#d0d0d0 solid 1px; min-width:250px;}
.filter .filter-main .filter-items ul{background:#fff; height:245px; overflow:auto;}
.filter .filter-main .filter-items .ul-active{height:400px; overflow:auto;}
.filter .filter-main .filter-items ul li{line-height:27px; color:#bababa; padding:0px 10px;}
.filter .filter-main .filter-items ul li a{color:#676767; display:block; font-size:14px;}
.filter .filter-main .filter-items ul li a:hover{color:#d41004!important;}
.filter .filter-main .filter-items ul .active a:hover{color:#fff!important;}
.filter .filter-main .filter-items ul .active{background:#d41004; color:#fff}
.filter .filter-main .filter-items ul .active a,.filter .filter-main .filter-items ul .active a:hover{color:#fff}
.filter .filter-main .filter-items ul .disabled a, .filter .filter-main .filter-items ul .disabled a:hover{color:#b2b2b2}
.filter .filter-select{clear:both; margin-top:15px;}
.filter .filter-select .filter-select-items{width:fit-content;}
.filter .filter-select-items dt,.filter .filter-select-items dd{float:left; position:relative; height:28px; line-height:28px; margin:5px;}
.filter .filter-select-items dd{font-size:14px;}
.filter .filter-select-items .ml30{margin-left:30px;}
.filter-select-items dd{border:#d0d0d0 solid 1px; padding:0px 15px 0px 10px; background:#fff;}
.filter-select-items dd a{width:12px; height:12px; background:#dcdcdc; background-size:8px; color:#fff; line-height:10px; display:inline-block; position:absolute; top:-1px; right:-1px; text-align:center; font-size:10px;}
.filter-select-items dd:hover{border:#d41004 solid 1px;}
.filter-select-items dd:hover a{color:#fff; background:#d41004 url(/static/images/close.png) no-repeat center center; background-size:8px;}
.filter .items-top{position:relative; margin-top:5px;}
.filter .items-top input[type='text']{height:26px; text-indent:5px; background:#fff; border:#d0d0d0 solid 1px; width:-webkit-fill-available; border-bottom:0;}
.filter .items-top img{padding: 3px 0 0 0;}
.items-top a{position:absolute; top:2px; right:5px;}
.border-bottom{border-bottom:#d0d0d0 solid 1px;}

.filter .filter-clear{clear:both; margin-top:15px;}
.filter .filter-clear a{margin:0px 5px;}
.filter .filter-clear .ml25{margin-left:25px;}
.filter-list{clear:both; margin-top:10px;}
.filter-list .filter-list-left{width:180px; float:left; border:#d0d0d0 solid 1px;}
.filter-list .filter-list-left .filter-list-left-title{height:34px; line-height:34px; background:#e9e9e9; padding:0px 10px;}
.filter-list .filter-list-left .filter-list-left-title span{float:right; font-size:14px; cursor:pointer; color:#989898;}
.filter-list .filter-list-left .filter-list-left-item ul{padding-left:20px; line-height:30px; border-top:#d0d0d0 solid 1px;}
.filter-list .filter-list-left .item-title{padding:0px 10px; height:34px; line-height:34px; border-top:#d0d0d0 solid 1px;}
.filter-list .filter-list-left .item-title span{float:right; font-size:20px; cursor:pointer; color:#989898;}
.filter-list .filter-list-right{width:985px; float:right;}

.search-product{width:1156px; margin:auto; margin-top:30px;}
.search-product .search-txt{clear:both; font-size:24px;}
.search-product .search-list{border:#dcdcdc solid 1px; clear:both;}
.search-product .search-list .dl-header{height:35px; line-height:35px; background:#f3f3f3; color:#fff;}
.search-product .search-list .dl-header dt{float:left; line-height:1.2; height:60px; background:#f3f3f3; font-size:14px; font-weight:bold; text-align:center; align-items:center; display:flex; justify-content: center;}
.search-product .search-list .dl-product dd{align-items:center; display:flex; justify-content: center;}
.search-product .search-list .dl-header .label{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.search-product .search-list .images{width:100px; border-right:#dcdcdc solid 1px;}
.search-product .search-list .model{width:185px; border-right:#dcdcdc solid 1px;}
.search-product .search-list .quantity{width:180px; border-right:#dcdcdc solid 1px;}
.search-product .search-list .quantity1{width:160px; border-right:#dcdcdc solid 1px;}
.search-product .search-list .brand{width:185px; border-right:#dcdcdc solid 1px;}
.search-product .search-list .package{width:190px; border-right:#dcdcdc solid 1px;}
.search-product .search-list .consult{width:105px;}
.search-product .search-list .dl-product{clear:both; height:145px; overflow:hidden; border-top:#dcdcdc solid 1px;}
.search-product .search-list .dl-product dd{float:left; height:145px;}
.search-product .search-list .dl-product .images div{width:80px; margin:auto;}
.search-product .search-list .dl-product .images div img{max-width:71px; max-height:48px; margin:20px 0px 10px 0px;}
.search-product .search-list .dl-product .datasheet{background:url(/static/images/img_02.png) no-repeat left center; padding-left:20px; font-size:12px;}
.search-product .search-list .dl-product .images:hover img{opacity:0.7;}
.search-product .search-list .dl-product .txt{padding:13px; font-size:12px; text-align:center;}
.search-product .search-list .dl-product .consult{text-align:center;}
.search-product .search-list .dl-product .consult a{margin:6px 0;}

.page{clear:both; height:40px; margin-top:30px; padding-right:37px;}
.page ul{margin:auto; width:fit-content}
.page ul li{float:left; margin:0px 3px; font-size:14px;}
.page ul li a{min-width:38px; height:38px; line-height:38px; text-align:center; width:38px; background:#fff; border:#dcdcdc solid 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block;}
.page ul li a.active, .page ul li a:hover{background:#c9151e; border:#c9151e solid 1px; color:#fff;}
.page ul .ellipsis{border:0; line-height:40px; padding:8px;}
.page ul .next{border:0; line-height:38px; margin-left:15px; color:#a0a0a0;}
.page ul .go{position:relative;}
.page ul .go input{width:50px; height:38px; border:#dcdcdc solid 1px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.page ul .go a{position:absolute; top:0; right:-37px;}
.page ul li a img{padding-top: 12px}
.bg{background-color:rgba(0, 0, 0, 0.2); height:100%; width:100%; position:fixed; left:0; top:0; z-index:99;}
.alert{background:rgba(0,0,0,.2); position:fixed; top:0; left:0; width:100%; height:100%; z-index:99}
.alert-contain{width:420px; height:235px; padding:15px; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:fixed; top:50%; left:50%; margin-left:-225px; margin-top:-132px;}
.alert-product{clear:both; margin-top:15px; height:140px; overflow:hidden;}
.alert-product .alert-product-left{float:left; width:140px; text-align:center;}
.alert-product .alert-product-left img{max-width:85px;}
.alert-product .alert-product-right{float:right; width:270px; text-align:left;}
.alert_qty{border: #cccccc solid 1px;height: 28px;line-height: 28px;border-radius: 3px;width: 100px;}
.alert-product-bottom{clear:both; text-align:center;}


.electronic{width:350px; float:left; background:#f4f4f4;}
.electronic .electronic-title{height:40px; line-height:40px; color:#fff; background:#c9151e; padding-left:26px; font-size:16px; font-weight:bold;}
.electronic .electronic-items{clear:both; padding-left:26px; font-size:14px;}
.electronic .electronic-items li{margin:20px 0px;}
.electronic .electronic-items li .active{font-weight:bold; font-size:16px;}

.electronic-list{width:1130px; float:right; margin-bottom:30px;}
.result{padding:17px; background:#f9f9f9; border-bottom:#dcdcdc solid 1px;}
.result-number{font-size:20px; padding-left:15px;}
.result-filter{font-size:14px; padding:0px 5px; margin-top:5px;}
.result-filter label{margin:10px; margin-bottom:0; height:22px; display:inline-block;}
.electronic-item{clear:both; border:#dcdcdc solid 1px; border-top:0; padding:32px;}
.electronic-item .amplifiers{font-size:16px;}
.amplifiers-items{clear:both; margin-top:10px;}
.amplifiers-items li{float:left; width:33.3%; margin-top:15px;}
.amplifiers-items li a{width:90%; display:inline-block; font-size:14px;}

.crumbs1{width:99%; margin:auto;}
.crumbs2{overflow-y:hidden;}
.diodes{font-size:16px; font-weight:bold; margin-top:10px; text-indent:12px;}
.diodes1{font-size:20px; margin-top:20px; color:#9e9d9d; text-indent:12px;}

.applied-filters-contain{background:#f1f1f1; margin-top:20px;}
.applied-filters{clear:both; margin:25px 13px 0px 15px;  overflow-y:auto;}
.filters-list{font-size:16px; padding:25px 13px 0px 15px;}
.filters-list a{font-size:14px; margin-left:5px; background:#e0e0e0; height:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; padding:0 13px; line-height:30px; display:inline-block;}
.filters-list a img{position:relative; top:3px; margin-left:5px;}
.filters-items{clear:both; margin-top:20px; width:max-content;}
.filters-items .filters-item{width:230px; height:325px;float:left; margin-right:25px;}
.filters-items .filters-item h2{font-weight:bold;}
.filters-items .filters-item-select{height:245px; padding:10px; background:#fff; margin-top:20px;}
.filters-items .select-input input{height:33px; font-size:14px; line-height:33px; border:#dcdcdc solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0px 10px; width:-webkit-fill-available;}
.filters-items .select-item{clear:both; margin-top:20px;}
.filters-items .select-item select{width: 100%; height: 188px; padding: 4px 0 0; border: 0; overflow-y: auto; outline: none;}
.filters-items .select-item select option{height:25px; align-items: center; display: flex;}
.reset-all{clear:both; padding:25px 13px;}
.reset-all-left{width:100px; float:left; font-size:16px; height:37px; line-height:37px;}
.reset-all-right span{display:inline-block; font-size:14px; cursor:pointer; padding:0px 10px; height:37px; line-height:37px; color:#fff; background:#c9151e; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.reset-all-right label{margin-left:22px; font-size:14px;}
.reset-all-right label input{margin-right:5px; width:20px; height:20px; position:relative; top:4px;}
.reset-all-right .apply-search{display:inline-block; margin-left:50px;}
.reset-all-right .apply-search .apply-search-text{width:275px; padding:0px 10px; border:#dcdcdc solid 1px; height:35px; line-height:35px; font-size:14px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.reset-all-right .apply-search .apply-search-submit{width:55px; background:#c9151e url(/static/images/search.png) no-repeat center center; cursor:pointer; border:#c9151e solid 1px; height:37px; line-height:37px; font-size:14px; -moz-border-radius:0 5px 5px 0px; -webkit-border-radius:0 5px 5px 0px; border-radius:0 5px 5px 0px; position:relative; left:-10px; top:1px;}
.search-product1{width:1326px; margin:auto; margin-top:15px; position:relative;}
.search-product1 .search-txt{padding-left:13px;}
.search-product1 .search-list .border-right-none{border-right:0;}
.search-product1 .search-list .border-right{border-right:#dcdcdc solid 1px;}
.search-product1 .search-list-contain{overflow-y:auto; border-right:#dcdcdc solid 1px;}
.search-product1 .search-list-contain .search-list{width:max-content; margin-left:931px;}
.search-product1 .search-list-contain .search-list .images{position:absolute; left:0px; margin-top:-1px; background:#f3f3f3; border-top:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px;}
.search-product1 .search-list-contain .search-list .model{position:absolute; left:101px; margin-top:-1px; background:#f3f3f3; border-top:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px;}
.search-product1 .search-list-contain .search-list .brand{position:absolute; left:287px; margin-top:-1px; background:#f3f3f3; border-top:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px;}
.search-product1 .search-list-contain .search-list .package{position:absolute; left:473px; margin-top:-1px; background:#f3f3f3; border-top:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px;}
.search-product1 .search-list-contain .search-list .consult{position:absolute; left:664px; margin-top:-1px; background:#f3f3f3; border-top:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px;}
.search-product1 .search-list-contain .search-list .quantity1{position:absolute; left:770px; margin-top:-1px; background:#f3f3f3; border-top:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px;}

.search-product1 .search-list-contain .search-list dd.images, .search-product1 .search-list-contain .search-list dd.model,
.search-product1 .search-list-contain .search-list dd.brand,.search-product1 .search-list-contain .search-list dd.package,
.search-product1 .search-list-contain .search-list dd.consult,.search-product1 .search-list-contain .search-list dd.quantity1{background:#fcfcfc}

.brand-contain{clear:both; background:#f1f1f1; width:99%; margin:20px auto; padding:20px 0px;}
.brand-contain .brand-contain-logo{height:80px; line-height:80px; display: flex; align-items: center; padding-left:10px; font-size:18px; color:#404040; font-weight:bold;}
.brand-contain .brand-contain-logo img{display: table-cell; align-items: center; max-height:90px; margin-right:20px;}
.brand-contain .brand-text{clear:both; line-height:2;  padding:20px; color:#4f4f4f; font-size:18px;}
.search-product1 .reset-all-left{width:max-content; font-size:20px;}
.search-product1 .reset-all-right{position:relative; top:3px;}
.search-product1 .dateset{background:url(/static/images/dateset.png) no-repeat left center; padding-left:15px; color:#20507e}
.search-product1 .dateset:hover{color:#d4161a;}
.search-product1 .dateset-disabled{background:url(/static/images/dateset1.png) no-repeat left center; padding-left:15px; color:#b2b2b2}
.search-product1 .dateset-disabled:hover{color:#b2b2b2;}

.tip-alert{position:fixed; font-size:14px; z-index:99; left:50%; top:50%; height:200px; width:500px; margin-left:-250px; margin-top:-100px; background:#fff; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.tip-alert .tip-alert-header{height:45px; font-size:14px; line-height:45px; background:#f7f7f7; border-bottom:#ccc solid 1px; -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; padding:0px 10px;}
.tip-alert .tip-alert-header a{float:right;}

.tip-alert .tip-content{padding:0px 20px; height:100px; line-height:1.7; justify-content: center; display: flex; align-items:center;}
.tip-alert .tip-content img{margin-right:10px;}
.tip-alert .tip-alert-bottom{clear:both; text-align:center; position:absolute; left:0; bottom:20px; width:100%;}

.tip-alert1{width:442px; margin-left:-221px;}

.brand-des{clear:both; border:#dcdcdc solid 1px; padding:20px;}
.brand-des .brand-des-img{width:200px; height:100px; border:#dcdcdc solid 1px; justify-content: center; display: flex; align-items:center; float:left;}
.brand-des .brand-des-img img{max-width:200px; max-height:100px;}
.brand-des .brand-des-title{height:100px; padding-left:20px; padding-top:15px; line-height:2; display:inline-block;}
.brand-des .brand-des-txt{clear:both; margin-top:15px; line-height:1.6; font-size:14px;}

.search-none{clear:both; margin-top:35px; margin-bottom:75px;}
.search-none .alert-content{position:unset; margin:auto; background:none;}
.search-none .alert-content .tip{font-size:24px; text-align:center;}
.search-none .alert-content .tip p{font-size:20px;}
.search-none .alert-contain{position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:rgba(0,0,0,.3);}
.search-none .alert-content{width:718px; height:410px; padding:20px; background:#fff; }
.search-none .alert-content .title{text-align:right;}
.search-none .alert-content .form{clear:both; margin-top:40px;}
.search-none .alert-content .form-item{height:40px; line-height:40px; margin:20px 0px; clear:both;}
.search-none .alert-content .form-item .left{width:220px; text-align:right; float:left; margin-right:10px; font-size:14px;}
.search-none .alert-content .form-item .right{width:350px; float:left;}
.search-none .alert-content .form-item .right input{width:-webkit-fill-available; height:36px; background:#fff; border:#dcdcdc solid 1px; padding:0px 5px;}
.search-none .alert-content .form-item .right .w115{width:100px;}
.search-none .alert-content .form-item .ar{text-align:right; margin-top:20px;}
.search-none .alert-content .form-item .btn1{font-size:14px;}

.details .details-header-img{width:300px; float:left;}
.details .details-header-img .img{height:300px; border:#dcdcdc solid 1px; justify-content: center; display: flex; align-items:center;}
.details .details-header-img .img img{max-width:300p; max-height:300px;}
.details .details-header-img .title{font-size:14px; text-align:center; margin-top:15px;}
.details .details-header-label{width:980px; float:right;}
.details .details-header-label .title{font-size:24px; height:50px; border-bottom:#dcdcdc solid 1px; margin-bottom:5px;}
.details .details-header-label .dl{height:36px; line-height:36px; display: flex; align-items:center;}
.details .details-header-label .dl dt{width:200px; float:left;}
.details .details-header-label .dl dd{float:left;}
.details .details-header-label .dl dd img{float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom img{width:300px; height:300px;}
.spec-preview{width:300px;height:300px; padding:2px; overflow:hidden; border:#dcdcdc solid 1px;}


.xjd-form{clear:both; border:#c9c9c9 solid 1px;}
.xjd-form ul{}
.xjd-form ul li{float:left; position:relative; width:280px; margin:0px 15px;}
.xjd-form ul li .delete-btn{position:relative; top:10px;}
.xjd-form ul li .ps{position:absolute; left:40px; top:15px;}

.xjd-form .add-item{clear:both; padding:30px; text-align:center;}
.xjd-form .add-item a{padding:5px; font-size:18px; font-weight:normal; margin-right:10px;}
.xjd-form .add-item .btn2{background:#00a99d;}

.xjd-form .xjd-ul-header{background:#f2f2f2; height:50px; line-height:50px;}
.xjd-form .xjd-ul-header li{font-size:14px; font-weight:bold; width:280px; margin:0px 15px;}
.xjd-form .xjd-ul-item{border-top:#c9c9c9 solid 1px; padding:30px 0px; clear:both;}
.xjd-form .xjd-ul-item input{height:40px; line-height:40px; border:#c9c9c9 solid 1px; padding-left:10px; width:-webkit-fill-available}
.xjd-form .xjd-ul-header li.option, .xjd-form ul li.option{width:auto;}
.xjd-form .xjd-ul-header li.w230, .xjd-form ul li.w230{width:230px;}
.xjd-form ul li .start{position:absolute; left:8px; top:5px; line-height:40px;}
.xjd-form .w375,.xjd-form .xjd-ul-header .w375{width:350px; padding-left:0px;}
.xjd-form .w216,.xjd-form .xjd-ul-header .w216{width:216px; padding-left:0px;}
.xjd-form .xjd-ul-item .w265{width:-webkit-fill-available;}
.xjd-form .xjd-ul-header li.w130,.xjd-form .xjd-ul-item .w130{width:130px;}
.xjd-form .xjd-ul-item input.w130{width:-webkit-fill-available;}
.xjd-form .wauto{width:auto; float:right; margin-right:30px;}

.table1{width:100%;}
.table1 td{padding:5px; text-align:center;}
.border{border:#dcdcdc solid 1px;}

.tab1{clear:both;}
.tab1 ul{width:max-content; border:#d4161a solid 1px; border-left:0; height:50px;}
.tab1 ul li{width:230px; border-left:#d4161a solid 1px; font-weight:bold; color:#d4161a; height:100%; display:inline-block; line-height:50px; float:left; text-align:center; cursor:pointer}
.tab1 ul li.active{background:#d4161a; color:#fff;}
.table2{width:100%; border:#c9c9c9 solid 1px; border-bottom:0; border-right:0;}
.table2 td{padding:15px; border-bottom:#c9c9c9 solid 1px; border-right: #c9c9c9 solid 1px;width:50%; font-size:14px;}
.table2 .tr-header td{background:#f2f2f2; font-weight:bold; font-size:16px;}
.tab1-item{display:none;}

.content2{border:#c9c9c9 solid 1px; padding:15px; line-height:1.8; font-size:14px;}
.content3{clear:both;}
.content3 dl{margin:15px 0; line-height:1.6;}
.content3 dl dt{width:20px; float:left; text-align:center; font-size:24px;}
.content3 dl dt .jian{font-size:28px; margin-top:-6px;}
.content3 dl dt span{float:left; line-height:initial; margin-top:-5px; font-size:28px;}
.content3 dl dd{width:1300px; float:right;}
.table3{width:-webkit-fill-available; padding:10px;}
.table3 td{text-align:left; max-width:230px; padding:10px;}

.tijian-success{clear:both; text-align:center; padding:80px;}
.tijian-success .tijian-txt{line-height:1.8; padding:50px 0;}

.email-contain{clear:both; padding-left:20px;}
.email-contain span{margin-top:15px; margin-right:30px; font-weight:bold;}
.email-contain .a-btn2{height:40px; width:auto; padding:0px 12px;}

.helper{clear:both; margin:auto;}
.helper .helper-left{width:225px; float:left;}
.helper .helper-left li{height:60px; display: flex; align-items:center; padding-left:12px; width:-webkit-fill-available; background:#f7f7f7; margin-bottom:20px;}
.helper .helper-left li a{padding-left:40px; font-size:14px; display:inline-block; height:-webkit-fill-available; display: flex; align-items:center;}
.helper .helper-left li .icon22{background:url(/static/images/icon_22.png) no-repeat left center;}
.helper .helper-left li .icon23{background:url(/static/images/icon_23.png) no-repeat left center;}
.helper .helper-left li .icon24{background:url(/static/images/icon_24.png) no-repeat left center;}
.helper .helper-left li .icon25{background:url(/static/images/icon_25.png) no-repeat left center;}
.helper .helper-left li .icon26{background:url(/static/images/icon_26.png) no-repeat left center;}

.helper .helper-right{width:1035px; padding:20px; background:#f7f7f7; float:right;}
.helper .helper-title{height:40px; border-bottom:#e6e6e6 solid 1px; font-size:18px;}
.helper .helper-content{clear:both; margin-top:20px; line-height:1.8}

.banner1{clear:both; margin:auto; margin-top:20px; text-align:center;}
.banner1 img{max-width:100%;}

.company{clear:both; background:#f5f5f5;}
.company .company-img{float:left;}
.company .company-txt{float:right; width:730px; padding:30px; line-height:1.8; word-break: break-all;}
.company-img-item{overflow:hidden;}
.company-img-item ul{width:max-content;}
.company-img-item li{max-width:319px; width:320px; height:230px; float:left; margin-right:15px; overflow:hidden; justify-content: center; display: flex; align-items:center;}
.company-img-item li img{max-width:320px; max-height:230px;}
.company-img-item .rongyu-left{width:660px; float:left; height:230px; padding-top:40px; align-items:center; line-height:1.8}
.rongyu-right{width:660px; float:right;}
.company-txt1{clear:both; word-break: break-all;}
.company-txt1 .item{clear:both; margin-top:15px;}
.company-txt1 .item .txt{width:1310px;float:right;}
.company-img-item .swiper-button-prev8{position:absolute; left:10px; border-radius:50%; opacity:0.8; padding:5px; top:50%; margin-top:-10px; z-index:2; background:#fff; width:20px; height:20px; justify-content: center; display: flex; align-items:center;}
.company-img-item .swiper-button-next8{position:absolute; right:10px; border-radius:50%; opacity:0.8; padding:5px; top:50%; margin-top:-10px; z-index:2; background:#fff; width:20px; height:20px; justify-content: center; display: flex; align-items:center;}
.company-img-item .swiper-button{display:none;}

.fendian{height:428px; display: flex; align-items:center; line-height:1.8;}
.lishi-list{word-break: break-all;}
.lishi-list .lishi1{text-align:right; padding:0px 25px 15px 0; width:639px; float:left; border-right:#d4161a solid 1px; position:relative}
.lishi-list .lishi1 .icon27{position:absolute; right:-13px; top:0}
.lishi-list .lishi1 .txt{line-height:1.8}
.lishi-list .lishi2{text-align:left; padding:0px 0 15px 25px; width:636px; float:right; border-left:#d4161a solid 1px; position:relative}
.lishi-list .lishi2 .icon27{position:absolute; left:-13px; top:0}
.lishi-list .lishi2 .txt{line-height:1.8}
.lishi-list .lishi2 b{position:relative; top:-2px;}
.lishi-list .lishi3{float:unset;}
.lishi-left{float:left; width:850px;}
.lishi-right{float:right; border:#20507e solid 1px; width:300px; padding:20px; line-height:2;}
.lishi-right a{color:#20507e;}
.lishi-right a:hover{color:#d4161a;}
.about1 a{color:#20507e}
.about1 a:hover{text-decoration: underline;}
.contact-us dl{clear:both; height:30px;}
.contact-us dt, .contact-us dd{float:left;}
.contact-us dt{width:30px; margin-right:15px;}


.A-Z{clear:both; font-size:18px;}
.A-Z ul{margin:auto; width:max-content;}
.A-Z li{float:left; margin-right:19.8px; font-size:18px;}
.A-Z li a{width:28px; height:28px; border:#8f8f8f solid 1px; display:inline-block; text-align:center; line-height:28px; -moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}
.A-Z li a:hover, .A-Z li a.active{background:#d4161a; border:#d4161a solid 1px; color:#fff;}
.A-Z li .disabled, .A-Z li .disabled:hover{color:#cccccc; background:#fff; border:#cccccc solid 1px;}
.manufacturers-title{font-size:18px; font-weight:bold; color:#026db7; clear:both; margin-top:20px;}

.manufacturers{clear:both; margin-top:35px; border:#dcdcdc solid 1px; overflow:hidden;}
.manufacturers .title{line-height:55px; height:55px; background:#f6f6f6; border-bottom:#dcdcdc solid 1px; text-indent:20px;}
.manufacturers .border-top{border-top:#dcdcdc solid 1px;}
.manufacturers-item{padding-bottom:15px;}
.manufacturers-item ul{padding:0px 10px; width:1400px;}
.manufacturers-item ul li{float:left; width:185px; height:80px; text-align:center; font-size:14px; margin:20px 16px;}
.manufacturers-item ul li div{height:70px; margin-bottom:5px; border:#e6e6e6 solid 1px; display:flex; justify-content: center; align-items: center;}
.manufacturers-item ul li div img{ max-width:125px; max-height:80px;}
.manufacturers-item ul li:hover img{opacity:0.8}

.class-left{width:320px; padding:20px 30px; background:#f5f5f5; float:left;}
.class-left h2{font-size:18px; color:#d4161a;}
.class-left ul li{line-height:1.2; margin-top:15px; font-size:14px;}
.class-right{width:920px; float:right; border-top:0;}
.class-right-items{clear:both;}
.class-right-items .class-items-title{border-bottom:#e6e6e6 solid 0px; border-top:#e6e6e6 solid 1px; background:#fff; line-height:53px; font-size:18px; padding-left:30px;}
.class-right-items .class-items-list{clear:both; padding:5px 30px 20px 30px;}
.class-right-items .class-items-list li{width:50%; float:left; margin-top:15px;}
.class-right-items .class-items-list li a{overflow:hidden; font-size:14px; white-space: nowrap; text-overflow: ellipsis; display:block;}
.class-right-items .class-items-list li:nth-child(odd) a{padding-right:30px; display:block;}

.spml-img-item{clear:both; width:180px; height:98px; display:flex; justify-content: center; align-items: center; border:#e6e6e6 solid 1px}
.spml-img-item img{max-width:180px; max-height:98px;}

.fujian-from{clear:both; margin-top:10px;}
.fujian-from ul{padding:15px 0; line-height:38px;}
.fujian-from .left{width:180px; float:left; text-align:right; padding-right:10px;}
.fujian-from .input1{width:590px; padding:0px 5px; border:#e6e6e6 solid 1px; height:38px; line-height:38px;}
.fujian-from .textarea1{width:590px; height:90px; padding:5px; border:#e6e6e6 solid 1px;}
.fujian-from .input2{width:255px; padding:0px 5px; border:#e6e6e6 solid 1px; height:38px; line-height:38px;}

.msg-contain{width:650px; height:350px; padding:15px; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:fixed; top:90%; left:76%; margin-left:-225px; margin-top:-272px;}
.msg-product{clear:both; margin-top:15px;height:240px; overflow:hidden;}
.msg-product .msg-product-title{ text-align:center;color: #20507e}
.msg-content .msg-title{ text-align:center;padding-top: 20px;color: #20507e}
.msg-content .msg-content-text{padding-left:40px; }
#alert2 .btn12{background:#c9151e;color:#fff;}
#alert2 .btn11{background:#20507e;color:#fff;border: #20507e solid 1px}

.active a{color: red}
.active .icon1{background:url(/static/images/icon_01_hover.png) no-repeat top center!important;}
.active .icon2{background:url(/static/images/icon_02_hover.png) no-repeat top center!important;;}
.active .icon3{background:url(/static/images/icon_03_hover.png) no-repeat top center!important;;}
.active .icon4{background:url(/static/images/icon_4_hover.png) no-repeat top center!important;;}
.active .icon5{background:url(/static/images/icon_5_hover.png) no-repeat top center!important;;}
.active .icon6{background:url(/static/images/icon_6_hover.png) no-repeat top center!important;;}
#video-poster {
    cursor: pointer;
}
.video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 999;
}
.video-container {
    position: relative;
    width: 80%;
    padding-top: 39%;
    margin: 5% auto;
    max-width: 1326px; 
}
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 填充容器（可能裁剪部分画面） */
}
.close-btn {
    position: absolute;
    top: -15px;    /* 向上偏移，让按钮贴近视频框边缘 */
    right: -15px;  /* 向右偏移，让按钮贴近视频框边缘 */
    width: 30px;
    height: 30px;
    background: #fff;  /* 白底 */
    color: #000;       /* 黑X */
    border-radius: 50%; /* 圆形圆角 */
    font-size: 20px;
    line-height: 30px;  /* 垂直居中 */
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* 可选：添加轻微阴影 */
    z-index: 1;         /* 确保按钮在视频上方 */
}
#video-poster {
    position: relative;
    cursor: pointer;
}

/* 背景图变暗效果 */
#video-poster::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 黑色半透明遮罩 */
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 播放按钮容器定位 */
.play-btn-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; /* 确保在遮罩层上方 */
}

/* 播放按钮样式 */
.play-btn {
    width: 80px; /* 根据实际图片尺寸调整 */
    height: 80px;
    background: url(/static/images/video_02.png) no-repeat center;
    background-size: contain;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

/* 悬停效果 */
#video-poster:hover::after {
    opacity: 1; /* 显示遮罩层 */
}
#video-poster:hover .play-btn {
    opacity: 1; /* 按钮变亮 */
    filter: brightness(1.1); /* 可选增强亮度 */
}