/*
Theme Name: 888集团·「中国」·官方网站官网模板
Theme URI: http://www.shenzhenbct.com/
Description: 888集团·「中国」·官方网站官网模板2025版本
Version: 1.0
Author: dglimingsheng.
Author URI: http://www.shenzhenbct.com/
*/
/* 初始化
----------------------------------------------- */
body{font-family:Microsoft Yahei,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Arial,Lucida,Verdana,Helvetica,sans-serif;color:#555;background-color:#FFF}
body,button,input,textarea{font-size:14px;line-height:1.531;outline:none;margin:0;padding:0;border:0}
a{color:#333333}
a:hover{color:#333333;text-decoration:none}
p,ul,ol,dl,dt,dd,form,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:14px;margin:0;padding:0}
input,select{font-family:Microsoft Yahei;vertical-align:middle;box-sizing:border-box}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px transparent inset !important;background-color:transparent;background-image:none;transition:background-color 50000s ease-in-out 0s}
em,b,i{font-style:normal;font-weight:normal}
img{vertical-align:middle;border:0}
label{cursor:pointer}
video{width:100%}
#wrapper .mb{margin-bottom:50px}
@media (min-width:1200px){.container{max-width:1280px}
}#header .top{background-color:#EEEEEE;height:30px;border-bottom:1px solid #DDDDDD;text-align:right}
#header .top .container{zoom:1}
#header .top .top-nav{float:left;position:relative;z-index:10000;margin-left:-10px}
#header .top .top-nav li{float:left;text-align:center}
#header .top .top-nav li.lang-select{min-width:80px}
#header .top .top-nav li a{display:block;height:30px;padding:0 10px;line-height:30px;color:#333}
#header .top .top-nav li.hover{position:relative;background:#F5F5F5}
#header .top .top-nav ul{display:none;background:#F5F5F5;width:100%;position:absolute;top:100%;left:0}
#header .top .top-nav ul li{float:none;font-size:13px}
#header .top .top-nav ul li a:hover{background-color:#DDD}
#header .top .search{float:right;_width:205px}
#header .top .search .search-box{border:1px solid #545454;background-color:#545454;height:28px;padding-left:10px;box-sizing:content-box}
#header .top .search .search-box .keyword{background-color:#545454;color:#CCCCCC}
#header .top .search .search-box .keyword:-webkit-autofill{-webkit-text-fill-color:#CCCCCC !important}
#header .top .search .search-box .btnSearch{background-color:#545454}
#header .navbar{z-index:1000;border-bottom:1px solid #DDD;background-color:#FFF;box-shadow:0px 3px 10px 0px rgb(38 107 193 / 8%)}
#header .navbar.fix{position:fixed;top:0;right:0;left:0;z-index:1030}
@media (min-width:992px){#header .navbar{padding:0}
#header .navbar .container{height:90px}
}#header .navbar .logo{display:block;height:70px; padding:5px 10px;}
#header .navbar .logo img{height:100%}
#header .navbar .navbar-brand{max-width:75%;overflow:hidden}
#header .navbar .menu{background-color:transparent}
#header .navbar .navbar-action .fa{font-size:30px;padding:0 8px;color:#777}
#header .main-nav .dropdown-menu{padding:0;margin:0; min-width:100%;font-size:14px;color:#212529;text-align:left;list-style:none;background-clip:padding-box;border:0;border-radius:0;background: url(/theme/default/images/pc_menu_bg.png) repeat;}
@media (min-width:992px){#header .main-nav .nav-item .nav-link{display:block;padding:0 15px;height:90px;line-height:90px;font-size:16px;text-align:center;color:#000;text-decoration:none}
@media (min-width:992px){#header .main-nav .language .nav-link{display:block;padding:0 10px;height:90px;line-height:90px;font-size:12px;text-align:center;color:#333;text-decoration:none}

@media (min-width:992px){#header .main-nav .language .zhongwen{ color:#ff0000; padding-right:5px;}
@media (min-width:992px){#header .main-nav .language .yingwen{ color:#6495ed; padding-right:5px;}
@media (min-width:992px){#header .main-nav .language .taiwen{ color:#8a2be2; padding-right:5px;}



#header .main-nav .nav-item .nav-link::after{display:none}


#header .main-nav .nav-item:hover .nav-link,#header .main-nav .active .nav-link{ background:none; color:#38b2de}
#header .main-nav .dropdown:hover > .dropdown-menu{display:block;padding:50px; background: url(/theme/default/images/pc_menu_bg.png) repeat;}
#header .main-nav .dropdown-menu .dropdown-item{padding:0 50px;height:50px;line-height:50px;font-size:14px}
#header .main-nav .dropdown-menu .dropdown-item:hover{color:#38b2de;}
#header .main-nav .dropdown-menu .dropdown-menu{left:100%;top:0;min-width:98px;_width:98px}
#header .main-nav .dropdown-submenu:hover > .dropdown-menu{display:block}
#header .main-nav .dropdown-menu .dropdown-toggle::after{position:absolute;right:10px;top:23px;vertical-align:0;border-right:0;border-top:.2em solid transparent;border-left:.3em solid;border-bottom:.2em solid transparent}
}@media (max-width:992px){#header .main-nav .dropdown-toggle::after{position:absolute;right:10px;top:23px}
#header .main-nav .dropdown-menu{padding-left:15px}
#header .main-nav .dropdown-menu .dropdown-item{position:relative}
#header .main-nav .dropdown-item,#header .main-nav .nav-link{padding:0.8rem 0;background-color:transparent}
#header .main-nav .dropdown-menu .dropdown-item:active{}
}.slide-show{position:relative}
.slide-show .swiper-container{position:static}
.slide-show .swiper-button-next.swiper-button-disabled,.slide-show .swiper-button-prev.swiper-button-disabled{pointer-events:all}
.slide-show .swiper-slide a{display:block;height:650px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%}
.slide-show .swiper-pagination-bullet{width:12px;height:12px}
.slide-show .swiper-pagination-bullet-active{background-color:#38b2de}
.slide-show .swiper-button-prev{left:50px}
.slide-show .swiper-button-next{right:50px}
.slide-show .swiper-button-prev,.slide-show .swiper-button-next{display:none;color:#FFF}
.slide-show:hover .swiper-button-prev,.slide-show:hover .swiper-button-next{display:block}
@media (max-width:992px){.slide-show .swiper-slide a{height:200px}
}#index .index-box{padding:0;zoom:1;overflow:hidden}
@media (max-width:992px){#index .index-box{padding:30px 0}
}
#index .index-box .bg{background-color:#F5F5F5}
#index .about .img img{width:100%}

#index .about{ margin-left:50%; padding-top:40px; padding-left:50px;}
#index .about h2{display: block; line-height: 30px; background: url(/theme/default/images/abouttitleBg.jpg) left center no-repeat; padding-left: 15px; font-size: 18px; font-weight: bold; color: #4a4a4f; margin-bottom:30px;}
#index .about h3{line-height: 30px; font-size:20px; text-align:left; font-weight:bold; color: #4a4a4f; display: block;}
#index .about .desc{color:#666666;margin:20px 0 20px 0;line-height:200%}
#index .about .more{}
#index .about .more a{display:inline-block;padding:5px 30px;border:1px solid #DDD;color:#38b2de}
#index .about .more a:hover{border:1px solid #38b2de;background-color:#38b2de;color:#FFF}

@media (max-width:992px){#index .about .img{margin-bottom:20px}
}





#index .product-list{ padding-top:40px; margin-bottom:25px}
#index .product-list h2{display: block; line-height: 30px; background: url(/theme/default/images/abouttitleBg.jpg) left center no-repeat; padding-left: 15px; font-size: 18px; font-weight: bold; color: #4a4a4f; margin-bottom:30px;}
#index .product-list .row{margin-left:-9px;margin-right:-9px}
#index .product-list .col-md-3,#index .product-list .col-6{padding-left:9px;padding-right:9px}
#index .product-list .item{margin-bottom:15px}
#index .product-list .item .img{border:1px solid #EEE}
#index .product-list .item .img img{width:100%}
#index .product-list .item .name{margin-top:12px;font-size:16px}
#index .product-list .item .price-box{margin-top:5px}
#index .product-list .item .price-box .price{font-size:18px}

#index .article-list{margin-bottom:20px}
#index .article-list .img{text-align:center;margin-bottom:20px;overflow:hidden}
#index .article-list .img img{width:100%}
@media (min-width:1100px){#index .article-list .img img{width:445px;height:278px}
}


#index .article-list{ padding-top:40px; margin-bottom:25px}
#index .article-list h2{display: block; line-height: 30px; background: url(/theme/default/images/abouttitleBg.jpg) left center no-repeat; padding-left: 15px; font-size: 18px; font-weight: bold; color: #4a4a4f; margin-bottom:30px;}

#index .article-list .first-article-box{ padding-right:400px;}
#index .article-list .first-article-box h3{line-height: 30px; font-size:20px; text-align:left; font-weight:bold; color: #4a4a4f; display: block;}
#index .article-list .first-article-box h3 .top_news{ float:left; display:block; width:120px; height:24px; background: url(/theme/default/images/top_news_Bg.png) center center no-repeat; text-align:center; font-size:14px; font-weight:normal; line-height:24px; color:#fff;}
#index .article-list .first-article-box h3  a{ float:left; display:block; line-height: 30px; font-size:20px; font-weight:bold; color: #4a4a4f;}
#index .article-list .first-article-box .desc{color:#666666;margin:20px 0 20px 0;line-height:200%}


#index .article-list .article-box-l{ float:left; width:45%; margin-top:40px; padding-right:20px;}
#index .article-list .article-box-r{ float:left; width:45%; margin-top:40px; padding-right:20px;}

#index .article-list .img em{display:block;background-color:#EEE;line-height:278px;color:#999}
#index .article-list .item{zoom:1;overflow:hidden;margin-bottom:20px}
#index .article-list .item dt{float:left;width:80px;font-family:Arial,Lucida,Verdana,Helvetica,sans-serif;text-align:center}
#index .article-list .item dt em{display:block;background-color:#EEE;font-size:36px;padding-bottom:3px;color:#999}
#index .article-list .item dt b{display:block;background-color:#DDD;font-size:15px;color:#555}
#index .article-list .item dd{margin-left:100px;font-size:14px}
#index .article-list .item dd a{color:#000;font-size:16px}
#index .article-list .item dd p{color:#9A9A9A;line-height:180%}
#index .article-list .more a{display:inline-block;padding:5px 30px;border:1px solid #DDD;color:#38b2de}


#index .link{padding:10px 0}
#index .link strong{color:#7A7F81;font-weight:bold}
#index .link a{color:#555}
#page{padding:20px 0;min-height:400px}
#page h1{color:#333333;font-size:18px;font-weight:bold}
#page .info{padding:2px 0 20px 0;color:#999999;font-size:13px}
#page .content{color:#666666;line-height:200%;padding-top:10px}
#page .content img{max-width:100%}
#product-category .product-list{margin-top:20px;margin-bottom:25px}
#product-category .product-list .item{margin-bottom:15px}
#product-category .product-list .item .img{border:1px solid #EEE}
#product-category .product-list .item .img img{width:100%}
#product-category .product-list .item .name{margin-top:12px;font-size:16px; text-align:center}
#product-category .product-list .item .price{margin-top:5px}
#product-category .product-list .item .price-box{margin-top:5px}
#product-category .product-list .item .price-box .price{font-size:18px}
#product{padding:20px 0}
#product .product-img-info{display:flex;gap:30px}
#product .product-img-info .product-img{width:300px}
@media(max-width:992px){#product .product-img-info{display:block}
#product .product-img-info .product-img{width:100%}
}#product .product-img-info .product-img .gallery-top{margin-bottom:10px}
#product .product-img-info .product-img .gallery-top img{width:100%}
#product .product-img-info .product-img .gallery-thumbs{overflow:hidden;position:relative}
#product .product-img-info .product-img .gallery-thumbs .thumb-list{display:flex;list-style:none;transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform}
#product .product-img-info .product-img .gallery-thumbs .thumb-list .thumb-item{flex:0 0 auto;width:calc(20% - 7.5px);margin-right:10px;cursor:pointer}
#product .product-img-info .product-img .gallery-thumbs .thumb-list .thumb-item img{width:100%}
#product .product-img-info .product-img .gallery-thumbs .thumb-list .thumb-item.active img{outline:2px solid #43B5EC;outline-offset:-2px}
#product .product-img-info .product-img .btn-favorites{margin-top:20px}
#product .product-img-info .jqzoom{position:relative;cursor:crosshair}
#product .product-img-info .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden}
#product .product-img-info .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background-color:#FFF;opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(Opacity=30)}
.mobile-image{display:none;position:absolute;left:0;top:0;z-index:2000;background-color:#000}
.mobile-image .close{text-align:right;padding:10px 20px 0 20px;opacity:1}
.mobile-image .close i{color:#000;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background-color:#FFF;border-radius:15px}
.mobile-image img{width:100%;margin-top:10px}
#product .product-img-info .product-info{flex-grow:1;padding-top:10px;line-height:200%}
#product .product-img-info .product-info h1{font-size:30px;color:#000;margin-bottom:30px}
#product .product-img-info .product-info ul{margin-bottom:50px}
#product .product-img-info .product-info .product-price{margin-bottom:5px}
#product .product-img-info .product-info .product-price .price{font-family:Arial;font-size:28px;color:#ff343b}
#product .product-img-info .product-info .btn-ask a{display:inline-block;padding:5px 25px;background-color:#38b2de;color:#FFF}
#product .product-img-info .product-info .btn-ask a .fa{margin-right:5px}
#product .product-img-info .product-info .model-list{zoom:1;overflow:hidden}
#product .product-img-info .product-info .model-list a{display:inline-block;border:1px solid #DDD;margin-right:5px;margin-bottom:5px}
#product .product-img-info .product-info .model-list a.cur{border:1px solid #e3393c}
#product .product-img-info .product-info .model-list a img{width:40px;width:40px}
#product .product-img-info .product-info .model-list a i{margin:0 8px}
#product .product-img-info .product-info .buy-box{margin-bottom:40px}
#product .product-img-info .product-info .buy-box .attribute{margin-bottom:25px}
#product .product-img-info .product-info .buy-box .attribute dl{margin-bottom:5px}
#product .product-img-info .product-info .buy-box .attribute dt{font-weight:normal}
#product .product-img-info .product-info .buy-box .quantity{margin-bottom:20px}
#product .product-img-info .product-info .buy-box .quantity .name{font-size:12px;color:#777}
#product .product-img-info .product-info .buy-box .quantity .number-box{background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;line-height:45px;display:flex;justify-content:space-between;align-items:center;width:150px}
#product .product-img-info .product-info .buy-box .quantity .number-box span{width:50px;text-align:center;cursor:pointer;border-left:1px solid #DDD;border-right:1px solid #DDD}
#product .product-img-info .product-info .buy-box .quantity .number-box .inp{text-align:center}
#product .product-img-info .product-info .buy-box .add-to-cart{outline:1px solid #999;outline-offset:-1px;background-color:#FFF;line-height:45px;width:100%}
#product .product-img-info .product-info .buy-box .add-to-cart:hover{outline:2px solid #333;outline-offset:-2px}
#product .product-img-info .product-info .buy-box .buy-now{background-color:#333;color:#FFF;line-height:45px;width:100%;margin-top:10px}
#product .product-img-info .product-info .attribute-list{margin-bottom:15px}
#product .product-img-info .product-info .attribute-list dt{font-size:12px;color:#777;font-weight:normal}
#product .product-img-info .product-info .attribute-list .radio-box input[type="radio"]{display:none}
#product .product-img-info .product-info .attribute-list .radio-box span{display:inline-block;outline:1px solid #EEE;outline-offset:-1px;cursor:pointer;border-radius:18px;min-width:50px;text-align:center}
#product .product-img-info .product-info .attribute-list .radio-box input[type="radio"]:checked + span{outline:2px solid #333;outline-offset:-2px}
#product .product-img-info .product-info .attribute-list .radio-box span i{display:inline-block;margin:3px}
#product .product-img-info .product-info .attribute-list .radio-box span i img{width:30px;height:30px;border-radius:15px}
#product .product-img-info .product-info .attribute-list .radio-box span em{display:inline-block;padding:0 15px;line-height:36px;vertical-align:middle}
#product .product-content{padding:15px 0}
#product .product-content h3{padding:30px 0 10px 0;color:#333;font-weight:bold;font-size:16px;}

#product .product-content h2{ height:40px; width:100%;color:#333;font-weight:bold;font-size:18px;}
#product .product-content h2 span{ display:block; float:left; height:40px; padding:0 30px; line-height:40px; background:#19B4EA; color:#fff;font-weight:bold;font-size:18px;}
#product .product-content .content_main{padding:15px 0;color:#666;line-height:200%;border:1px solid #CBD1D3; padding:15px;}
#product .product-content img{max-width:100%}





#article-list dl{border-bottom:1px dotted #D1D1D1;padding:20px 0;zoom:1;overflow:hidden;position:relative}
#article-list dl.last{border-bottom:0}
#article-list dt{ float:left;width:25%;margin-bottom:10px;font-size:14px}
#article-list dt p.img{ display:block;}
#article-list dt p.img img{width:100%;}


#article-list dd{float:right;width:73%;color:#999999;line-height:180%;zoom:1;overflow:hidden}
#article-list dd a.title{ display:block; height:40px; line-height:40px; margin-bottom:10px; font-size:20px; font-weight:600px;}
#article-list dd a.title:hover{ color:#38b2de}
#article-list dd p.desc{margin-right:150px}
#article-list dd.have-img p.desc{margin-left:90px}
#article-list dd a.more{ display:block; width:60px; height:30px; line-height:30px; border:solid 1px #999; border-radius:30px; text-align:center; margin-top:20px; color:#999;}
#article-list dd a.more span{ font-size:24px !important; padding:0 !important;}
#article-list dd a.more:hover{color:#38b2de;border:solid 1px #38b2de; }
#article-list dd a.more:hover span{ color:#38b2de; font-size:24px;}
#article-list .num-date{position:absolute;right:0;top:20px;text-align:right}




@media (max-width:768px){#article-list dd.have-img p.desc{margin-right:60px}
}#article-list .num-date em{display:block;background-color:#0072C6;color:#FFF;box-sizing:content-box;padding:2px 0;text-align:center;font-size:14px;font-weight:bold}
#article-list .num-date p{font-size:16px;color:#999999;margin-top:5px}
#article{padding:15px 0;min-height:400px}
#article h1{color:#222;font-size:18px;font-weight:bold; text-align:center; line-height:60px; border-bottom:solid 1px #ddd;}
#article .info{padding:20px 0 20px 0;color:#999999;text-align:center;font-size:13px}
#article .content{color:#666666;line-height:180%;padding:30px}
#article .content img{max-width:100%}





#search-list dd.have-img p.desc{margin-left:90px;margin-right:80px}
#search-list .date{position:absolute;right:0;top:20px;text-align:right}
@media (max-width:768px){#search-list dd.have-img p.desc{margin-right:60px}
}#search-list .date em{display:block;color:#555;text-align:center;font-size:36px}
#search-list .date p{font-size:16px;color:#999999;margin-top:5px}



#search-list dl{border-bottom:1px dotted #D1D1D1;padding:20px 0;zoom:1;overflow:hidden;position:relative}
#search-list dl.last{border-bottom:0}
#search-list dt{ float:left;width:25%;margin-bottom:10px;font-size:14px}
#search-list dt p.img{ display:block;}
#search-list dt p.img img{width:100%;}


#search-list dd{float:right;width:73%;color:#999999;line-height:180%;zoom:1;overflow:hidden}
#search-list dd a.title{ display:block; height:40px; line-height:40px; margin-bottom:10px; font-size:20px; font-weight:600px;}
#search-list dd a.title:hover{ color:#38b2de}
#search-list dd p.desc{margin-right:150px}
#search-list dd.have-img p.desc{margin-left:90px}
#search-list dd a.more{ display:block; width:60px; height:30px; line-height:30px; border:solid 1px #999; border-radius:30px; text-align:center; margin-top:20px; color:#999;}
#search-list dd a.more span{ font-size:24px !important; padding:0 !important;}
#search-list dd a.more:hover{color:#38b2de;border:solid 1px #38b2de; }
#search-list dd a.more:hover span{ color:#38b2de; font-size:24px;}
#search-list .num-date{position:absolute;right:0;top:20px;text-align:right}



.ur_here_main{ height:70px; width:100%; border-bottom:2px solid #DDD;}
.ur_here_w1280{ width:1280px; margin:0 auto;}
.ur-here{float:left; width:50%; zoom:1;overflow:hidden; padding:25px 0 10px 0}
.ur-here .here{line-height:20px;color:#666;font-weight:normal}
@media (max-width:992px){.ur-here.product-category .here{display:none}
}

.ur-here .here a{color:#666}
.ur-here .here b{margin:0 8px}

.ur_here_w1280 .page_nav{ float:right; text-align:left;}

.ur_here_w1280 .page_nav ul{display: -ms-flexbox; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;}
.ur_here_w1280 .page_nav ul li{list-style:none; float:left; width:100px;}

.ur_here_w1280 .page_nav ul li a{ display: block; padding: 0 15px; height: 70px; line-height: 68px; font-size: 16px; text-align: center; color: #000; text-decoration: none; border-bottom: solid 2px #DDD;}
.ur_here_w1280 .page_nav ul li.cur a{ border-bottom: solid 2px #38b2de; color: #38b2de;}

.ur-here .sort{float:right}
.ur-here .sort a{display:inline-block;margin-left:10px}
.ur-here .sort a.active{color:#38b2de}
.ur-here .sort a i{margin-left:5px;font-size:12px;color:#999}
.ur-here .sort a.active i{color:#38b2de}
.tree-box{margin-bottom:15px}

.tree-box h3{padding:25px 0;line-height:20px;color:#fff;font-weight:bold;font-size:24px;border-bottom:1px solid #DDD;margin-bottom:15px; background:#38b2de; text-align:center;}

@media (max-width:992px){.tree-box h3{display:none}
}.tree-box li{padding:15px 50px}

.product_tree .tree-box li{padding:15px 20px !important}
.tree-box li a{color:#000;font-size:16px}
.tree-box li.cur{background-color:#38b2de}
.tree-box li.cur a{color:#FFF}
@media (max-width:992px){.tree-box{margin-top:10px}
.tree-box ul{display:inline-block}
.tree-box li{display:inline-block;padding:0;margin-right:5px;margin-top:5px}
.tree-box li i{display:none}
.tree-box li a{display:block;border:1px solid #EEE;padding:5px 8px}
.tree-box ul ul li a{color:#888}
}.tree-box .search{display:block;margin:20px 0}
@media (max-width:768px){.tree-box .search{margin:12px 0}
}.tree-box .search .keyword{width:85px}
.head-brand{color:#555;padding:30px 0 10px 0;font-size:18px;font-weight:bold;text-align:center}
.visualize-box p:hover,.visualize-box h4:hover,.visualize-box h3:hover,.visualize-box h2:hover,.visualize-box dt:hover,.visualize-box dd:hover,.visualize-box em:hover,.visualize-box span:hover{background-color:rgba(243,156,18,.1)}
.screen{padding-top:20px;border-bottom:1px dotted #DDD}
.screen dl{margin-bottom:10px}
.screen dl dt{display:inline-block;font-weight:bold}
.screen dl dd{display:inline-block}
.screen dl dd a{display:inline-block;background-color:#DDD;color:#555;padding:2px 10px;margin-right:8px}
@media (max-width:768px){.screen dl dt{display:block}
.screen dl dd{display:block}
.screen dl dd a{margin-top:8px}
}.screen dl dd a.cur{background-color:#38b2de;color:#FFF}
.search-box{border:1px solid #DDDDDD;background-color:#FFF;height:28px;padding-left:10px;position:relative}
.search-box .keyword{color:#CCCCCC}
.search-box .btnSearch{position:absolute;right:0;top:0;background:url(/theme/default/images/icon_search.png) no-repeat 50% 50%;width:28px;height:28px;text-indent:-999px;overflow:hidden;cursor:pointer}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{pointer-events:all}
.tabs{border-bottom:1px solid #EEE}
.tabs .nav-link{display:block;margin-bottom:-1px}
.tabs .nav-link.active{border:1px solid #EEE;border-bottom:0;background-color:#FFF}
.scale{overflow:hidden}
.scale img{width:100%;cursor:pointer;transition:all 0.6s}
.scale:hover img{transform:scale(1.1)}
.cue{color:red;font-size:14px}
.clear{clear:both;height:0;line-height:0;font-size:0}
.captcha{text-transform:uppercase}
.price{color:#CC0000}
.price-line{color:#999;font-size:14px;text-decoration:line-through}
.price-gray{color:#999;font-size:14px}
.price-cue{background-color:#fff1eb;color:#ff5000;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:3px;margin-right:6px}
.none{display:none}
.pointer{cursor:pointer}
@media (max-width:992px){.m-none{display:none}
}@media (min-width:992px){.p-none{display:none}
}.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coupon-get-list{display:inline-block}
.coupon-get-list .get-coupon{display:inline-block;font-size:12px;margin:0 8px 8px 0;cursor:pointer}
.coupon-get-list .get-coupon em{display:inline-block;border:1px solid #df3033;background-color:#df3033;padding:0 7px;line-height:18px;color:#FFF;border-radius:2px}
.coupon-get-list .get-coupon em.n{border-right:0}
.coupon-get-list .get-coupon em.t{border-left:0}
.coupon-get-list .get-coupon.got em{background-color:#ffdedf;color:#df3033}
.btn{display:inline-block;background-color:#0072C6;color:#EEE;padding:6px 45px;text-transform:capitalize;cursor:pointer;font-weight:bold;text-align:center;-webkit-appearance:none;font-size:14px;line-height:1.5;border-radius:0;border:0}
.btn:active{box-shadow:none}
.btn:hover{text-decoration:none;color:#FFFFFF;background-color:#007AD5}
.btn-gray{display:inline-block;background-color:#CCC;border:0;color:#333;padding:6px 45px;text-transform:capitalize;cursor:pointer;font-weight:bold;-webkit-appearance:none}
.btn-payment{display:inline-block;background-color:#ff4246;color:#FFF;padding:7px 48px;text-transform:capitalize;cursor:pointer;font-weight:bold;font-size:14px;text-align:center;-webkit-appearance:none}
.btn-captcha{display:inline-block;background-color:#38b2de;-moz-border-radius:2px;-webkit-border-radius:2px;border:0;color:#FFF;padding:7px 22px;text-transform:capitalize;cursor:pointer;font-size:13px}
.btn-captcha[disabled],.btn-captcha:disabled,.btn-captcha.disabled{color:#FFF;background-color:#b2b2b2;opacity:1}
.btn-favorites{display:inline-block;cursor:pointer;font-size:12px}
.btn-favorites i{color:#DA3638;margin-right:4px;font-size:13px}
.btn-favorites em{color:#777}
.cRed{color:#F40}
.cOra{color:#f30}
.cGre{color:#0c6}
.cBlu{color:#69c}
.cGra{color:#999}
.text-input{height:34px;padding:6px;font-size:14px;border:1px solid #E9E9E9;background-color:#FFF;color:#666;-webkit-appearance:none}
.text-input[disabled],.text-input:disabled,.text-input.disabled{color:#999}
.text-area{padding:4px;border:1px solid #E9E9E9;background-color:#FFF;line-height:20px;-webkit-appearance:none}
.text-area-auto{border:1px solid #E9E9E9;background-color:#FFF;padding:0;font-size:12x;line-height:20px;resize:none;min-height:40px;-webkit-appearance:none}
@media (max-width:768px){.btn,.btn-gray,.btn-payment,.btn-captcha,.text-input,.text-area,.text-area-auto,.inp-main{max-width:100%}
}.input-file{width:80px}
.input-file .input-file-show{height:80px;line-height:80px;text-align:center;color:#555;background-color:#F5F5F5}
.input-file .input-file-show img{width:100%;height:80px}
.input-file .input-file-btn{width:100%;background-color:#EEE;color:#999;line-height:25px;cursor:pointer;text-align:center;-webkit-appearance:none}
.table-basic{color:#666666;border-left:1px solid #EEE;border-top:1px solid #EEE;border-collapse:collapse}
.table-basic select{color:#8F8F8F}
.table-basic td,.table-basic th{border-right:1px solid #EEE;border-bottom:1px solid #EEE}
.table-basic th{background-color:#EEE}
.table-basic .child{background-color:#FFFFFF}
.table-basic td label{margin-right:15px}
.table-basic td i{color:#F00;margin-left:5px;font-weight:bold}
.form-basic dl{zoom:1;overflow:hidden;margin-bottom:20px}
.form-basic dl dt{font-weight:bold;margin-bottom:5px;font-size:13px}
.form-basic dl dt i{color:#F00;margin-left:5px;font-weight:bold}
.form-basic dl dd label{margin-right:15px;line-height:34px}
.form-control{border:1px solid #E9E9E9;padding:6px 3px}
@media (min-width:768px){.form-control{display:inline-block;width:auto}
}.table-div{zoom:1;overflow:hidden}
.table-div dl{zoom:1;overflow:hidden;margin-bottom:20px}
.table-div dl dt{font-weight:bold;margin-bottom:5px;font-size:13px}
.table-div dl dt i{color:#F00;margin-left:5px;font-weight:bold}
.table-div dl dd label{margin-right:15px;line-height:34px}
@media (max-width:992px){.table-div dl dt{float:none}
}.lift{margin-top:60px;color:#999;font-size:14px}
.lift a{color:#999}
.lift span{margin-right:15px}
.pager{text-align:center;padding-top:20px;color:#666;font-size:14px}
.pager a{color:#666;text-decoration:underline}
.pager ul{display:inline-block;*display:inline;border-left:1px solid #dddddd;padding:0}
.pager ul li{display:block;float:left}
.pager ul li a,.pager ul li em{display:block;padding:0 12px;line-height:30px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;border-radius:0}
.pager ul li a:hover{background-color:#f5f5f5}
.pager ul li.active a{background-color:#f5f5f5;color:#999999;cursor:default}
.pager ul li em.total{margin-left:10px;border-left-width:1px;color:#999}
#footer{background-color:#2d3741;padding:40px 0}
@media (max-width:992px){#footer{padding:20px 0}
#footer .foot-nav{margin-bottom:15px;border-bottom:1px solid #DDD}
}#footer .foot-nav .nav-parent{margin-bottom:20px}
#footer .foot-nav .nav-parent a{font-size:18px; color:#FFF; font-weight:bold;display:block}
#footer .foot-nav .nav-child a{display:block;color:#999;margin-bottom:5px;}
#footer .foot-nav .nav-child a i{ padding-right:5px; }
@media (max-width:992px){#footer .foot-nav .nav-parent a{font-size:16px}
#footer .foot-nav .nav-child a{display:inline-block;margin-bottom:10px;margin-right:15px}
}#footer .weixin{text-align:center;margin-bottom:15px}
#footer .weixin img{width:120px;height:120px}
#footer .weixin p{margin-top:4px;color:#999}
#footer .contact{text-align:center}
#footer .contact .tel{color:#38b2de;font-size:20px;margin-bottom:10px}
#footer .contact .online-qq{margin-bottom:10px}
#footer .contact .online-qq a{display:inline-block;color:#38b2de;padding:5px 20px;border:1px solid #38b2de}
#footer .contact .online-qq a i{margin-right:5px}
#footer .contact .email{color:#999}
#footer .copy-right{margin-top:20px;padding-top:20px; text-align:center; color:#9ba7a7}
#footer .copy-right a{color:#9ba7a7}
#footer .net-safe-record{margin-left:10px}
#footer .net-safe-record img{vertical-align:bottom}
@media (max-width:992px){#footer .copy-right{text-align:center}
}


.iconfont{ padding-right:5px !important; font-size:16px !important;}

.insider-banner {  overflow: hidden; height: 500px; position: relative;}
.insider-banner .insider_con{ width:1280px; height:500px; margin:0 auto; text-align:left;}
.insider-banner .insider_con .txtbox{ margin-top:190px;}
.insider-banner .insider_con .txtbox .title{ height:60px;}
.insider-banner .insider_con .txtbox .title h2{ float:left; border-bottom:solid 2px #0e6eb8; font-size:24px; font-weight:bold; color:#fff; height:50px; line-height:50px; }
.insider-banner .insider_con .txtbox .title h3{ padding-left:10px; float:left; font-size:16px; font-weight:normal; color:#fff; height:30px; line-height:30px; margin-top:20px; }
.insider-banner .insider_con .txtbox h4{ font-size:16px; font-weight:normal; color:#fff; height:40px; line-height:40px; }

.mt40{ margin-top:40px;}


.mapBox{padding:0 50px 50px 50px;}
.mapBox .map{text-align:left;}
.mapBox .map img{ width:80%;}
.mapBox h2{ margin-top:30px; margin-bottom:30px; height:30px; line-height:30px; font-size:24px; font-weight:bold; border-left:solid 3px #0e6eb8; padding-left:10px; color:#000; }

.mapBox .mapMain p{ height:30px; margin-bottom:5px; line-height:30px; font-size:16px; font-weight:bold; color:#333; }
.mapBox .mapMain p span{ font-weight:normal; color:#999;}




h1.page_name{ width:100%; height:80px; line-height:80px; margin-bottom:50px; text-align:center;}
h1.page_name span{ display:block; height:77px; line-height:77px; margin:0 auto; text-align:center; width:150px; font-size:30px; font-weight:bold; }
h1.page_name em{display: block; width: 60px; height: 3px; background: #38b2de; margin: 5px auto;}










.card{background:white;border-radius:0px;overflow:hidden;flex:1;min-width:240px; border:none !important}
.card-header{background:linear-gradient(to right,#3498db,#38b2de);color:white;padding:20px;align-items:center;gap:12px}
.card-header h2{font-weight:600;font-size:24px; text-align:center;}
.card-body{padding:10px 0}
.category-tree{list-style:none;padding:0}
.category-item{position:relative}
.category-link{background:#eee;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;text-decoration:none;color:#2c3e50;font-weight:500;transition:all 0.3s ease}
.category-link:hover{background:#eee;color:#3498db}
.toggle-btn{width:28px;height:28px;border-radius:50%;background:#f1f8ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:14px;color:#3498db;border:1px solid #e1f0ff}
.toggle-btn:hover{background:#3498db;color:white}
.sub-category{list-style:none;display:none;background:#FFFFFF;}
.level-1 > .category-link{font-size:14px;font-weight:500}
.level-2 > .category-link{font-size:14px;background:#FFFFFF;padding-left:30px}
.level-3 > .category-link{font-size:14px;padding-left:40px;color:#7f8c8d}
.level-3 .toggle-btn{display:none}
.instructions{background:#e3f2fd;border-left:4px solid #2196f3;padding:20px;border-radius:0 8px 8px 0;margin-top:20px}
.instructions h3{color:#2196f3;margin-bottom:10px}
.instructions ul{padding-left:20px}
.instructions li{margin-bottom:8px;color:#455a64}
.instructions li strong{color:#2196f3}
@media (max-width:768px){.content{flex-direction:column}
}