/* 江门易腾网络科技有限公司 */
/* https://www.gdeten.com/ */
/* WeChat：theone0750 */

@charset "utf-8";
:root {
	--primary-color: #333333;
	--primary-hover-color: #0d6efd;
	--primary-focus-color: #0d6efd;
	--des-color: #999999;
	--content-color: #333333;
	--bg: #222222;
	--header-bg: #000000;
	--foot-bg: #222222;
	--button-background-color: #0d6efd;
	--border-color: #e6e6e6;
	--color-fff: #FFFFFF;
	--color-333: #333333;
	--color-f2: #f2f2f2;
}
/*滚动条s*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 115, 188, 0.3);
	background-color: #000000;
}
::-webkit-scrollbar {
	width: 5px;
	background-color: #000000;
}
::-webkit-scrollbar-thumb {
	background-color: #0d6efd;
}
/*滚动条e*/
a {color: #333333;text-decoration:none;}
a:hover{color: #0d6efd;}
body{font-family:"微软雅黑";color: #333333;font-size: 14px;}
li{list-style: none;}
.fl{float: left;}
.fr{float: right;}

.border-radius-4{border-radius: 4px;}
.img-tr{-webkit-transition: all linear 200ms;-o-transition: all linear 200ms;transition: all linear 200ms}
.img-tr-1{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.img-tr-2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
hr {border-top: 6px solid var(--primary-hover-color);}
.img-responsive{display:block;width:100% \9;max-width:100%;height:auto}
.maximg img{max-width:100%;height:auto !important;}
.maximg p{padding: 0;margin: 0;}
.maximg p img{margin: 0 auto; display: block; width: 100%;}
.txt-hide{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.pre-scrollable{max-height:340px;overflow-y:scroll}

/* 经过效果 */
.list-item-hover:hover:before{right: 0%;}
.list-item-hover:before{content: "";height: 2px;background: var(--primary-focus-color);position: absolute;z-index: 9;left: 0;right: 100%;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; bottom: 0px;
}

#phileks-back-top {
	width:30px;
	line-height:30px;
	overflow:hidden;
	z-index:999;
	display:none;
	cursor:pointer;
	position:fixed;
	bottom:10px;
	right:4px;
	text-align:center;
	font-size:15px;
	border-radius:4px;
	text-decoration:none;
	background:#0d6efd;
	color:#fff;
}
#phileks-back-top:hover {
	background-color:#666;
	color:#0d6efd;
}
#phileks-back-top:hover i{
	color:#fff;
}

.main-pt-1{ padding-top:30px;}
.main-pt-2{ padding-top:40px;}
.main-pt-3{ padding-top:50px;}
.main-pt-4{ padding-top:60px;}
.main-pt-5{ padding-top:100px;}
.main-index-block{ padding-top:60px; padding-bottom: 60px;}
.main-page-block{ padding-top:30px; padding-bottom: 40px;}
.main-background-1{ background:#ffffff;}
.main-background-2{ background:#eeeeee;}
.main-background-3{ background:#000000;}
.main-background-4{ background:#005ff5;}
.page-background-product{ background:url(../images/bg-product.jpg) right no-repeat #eeeeee;background-attachment:fixed;}
.page-background-project{ background:url(../images/bg-project.jpg) right no-repeat #eeeeee;background-attachment:fixed;}
.page-background-service{ background:url(../images/bg-service.jpg) right no-repeat #eeeeee;background-attachment:fixed;}
.main-border-1{ border: solid 1px #000000;}
.main-border-2{ border: solid 1px #333333;}
.main-block{padding:50px 0;}
.main-block-white{background-color:var(--color-fff); margin-top:50px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}

/*首页区块*/
.home-body .section{
	padding-top: 100px; padding-bottom: 50px;background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; 
	min-height: 300px; 
}
hr{border-top: 1px solid var(--border-color);}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}
.empty-tip{ padding: 100px 0; text-align: center; width: 100%; font-size: 16px; color:#999; letter-spacing: 2px;}


/*布局容器*/
.container{max-width: 1420px !important;}
.container-fluid{padding: 0;margin: 0;}

/*----------------------------------------------*/
/* loader */
/*----------------------------------------------*/
.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/ajax_loader.gif') 50% 50% no-repeat rgb(255,255,255);
    opacity: 1;
}

/*头部s*/
header{ position:fixed; z-index:999; width: 100%;background: var(--header-bg); height: 80px;}
.header-logo{ margin-top: 20px; float: left;}
.header-logo img{height:42px;}
.header-menu{margin-top: 30px; float: left; margin-left: 20px; }
.header-menu .menu-item-li{ padding-bottom: 10px;}
.header-menu .menu-item{ font-size: 16px; color: var(--color-fff);height: 30px; line-height: 30px; display: block; padding: 0px 10px; letter-spacing: 1px; }
.header-menu .active .menu-item{}
.header-menu .active .menu-item:after,.header-menu .menu-item-li:hover .menu-item:after {
    content: "";
    background: var(--primary-focus-color);
    width: 30px;
    height: 1px;
    display: block;
	margin-top: 3px;
}
.header-menu .menu-item-li .sub-nav{
	display: none;
	position:fixed;
	top: 66px;
	left: 0px;
	max-width: 1420px !important;
	min-height: 200px;
	background-color: #eeeeee;
	z-index: 999;
	padding-top: 25px;
	box-shadow: 0px 2px 2px #000000; padding-bottom: 16px;
}
.header-menu .menu-item-li .sub-nav .sub-nav-item{padding:0px; position: relative; width: 100%; display: block;background-color: #fff;}
.header-menu .menu-item-li .sub-nav .sub-nav-item .more{position: absolute; left: 40%; top:  40%; text-align: center; z-index: 9999; color: #000; display: none;}
.header-menu .menu-item-li .sub-nav img{width: 100% !important;height: 100%; max-height: 600px; }
.header-menu .menu-item-li .sub-nav h5{font-size: 16px;height: 36px; line-height: 36px; text-align: center; font-weight: 600;}
.sub-nav-item-hover img{transform: scale(1); opacity: 0.7;}
.sub-nav-item-hover .more{display: block;}
.sub-nav-item-hover .more button{  background-color: var(--primary-hover-color);color: var(--color-fff);}
.sub-nav-item-hover h5{color: var(--primary-focus-color); }
.header-menu .menu-item-li-hover{}
.header-menu .menu-item-li-hover .sub-nav{display: block;}
.header-right{float: right;}
.header-right a{color: #e8e8e8;}
.header-right .part-1{ height: 35px;margin-top: 0px;}
.header-right .part-1 .top-contact{ font-size: 13px; margin-top: 7px;color: #e8e8e8;}
.header-right .part-1 .top-contact a{ margin: 0 6px;}
.header-right .part-1 .lang-menu{ font-size: 13px;}
.header-right .part-1 .lang-menu img{ height: 15px;}
.header-right .part-1 .lang-menu .lang-menu-btn{ color:#e8e8e8;font-size: 13px;}
.header-right .part-2{}
.header-right .part-2 .form-control{padding: 0rem 0.75rem;border-radius:0;background-color: #e8e8e8;color: var(--primary-focus-color);font-size: 13px;}
.header-right .part-2 .btn{--bs-btn-line-height: 0;border-radius:0; }
.header-right .btn-check:checked+.btn, .header-right .btn.active, .header-right .btn.show, .header-right .btn:first-child:active, .header-right :not(.btn-check)+.btn:active{border-color: #000;}
.header-right .dropdown-item:hover, .header-right .dropdown-item:focus {color: var(--color-fff);background-color: var(--primary-focus-color);}
.header-right .lang-menu-ul{border-radius:0; padding: 0;font-size: 14px;}
.header-right .lang-menu-ul a{color: var(--primary-color);}
.header-tel{ }
.header-hr{padding-top: 80px;}
.wap-header-hr{ padding-top: 45px;}


/*手机版*/
#wap-header{background: var(--header-bg) !important; --bs-bg-opacity: 1; padding: 0 10px;}
#wap-header .wap-header-logo{ height: 36px;}
#wap-header .navbar-toggler{ padding: 0;}
#wap-header #navbar-toggler-icon{color: var(--color-fff);font-size: 30px;}
/*头部e*/

/*底部s*/
footer{width: 100%;background: var(--foot-bg);color: #d2d2d2;}
footer a:hover{color: #0d6efd;}
footer hr{background:#484848; height: 1px;margin: 0px; padding: 0px;}
#footer-container{padding: 40px 0 20px;}
#footer-container .footer-contact{color: var(--color-f2); line-height: 24px;color: #d2d2d2;}
#footer-container .footer-contact h4{margin-bottom: 25px;font-size: 18px; position: relative;color: var(--color-fff);}
#footer-container .footer-contact h4:after {
	position: absolute;
    content: "";
    background: #d2d2d2;
    width: 35px;
    height: 1px;
    display: block;
	left: 0px;
	bottom: -11px;
}
#footer-container .footer-contact p{ padding: 0; margin: 0;}
.footer-nav{ }
.footer-nav a{color: #d2d2d2; }
.footer-nav dt{font-size: 18px; margin-bottom: 15px; letter-spacing: 1px;}
.footer-nav dt a{color: var(--color-fff);}
.footer-nav dt:after {content: "";background: #d2d2d2;width: 35px;height: 1px;display: block;margin-top: 6px;}
.footer-nav dd{font-size: 14px;line-height: 22px;position: relative;}
/* 链接经过效果 */
.footer-nav dd:hover:before{right: 84%;}
.footer-nav dd:before{content: "";height: 1px;background: #0d6efd;position: absolute;z-index: 9;left: 0;right: 100%;
	-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; bottom: 0px;
}
.footer-qrcode{margin-top: 15px;color: #0d6efd;}
.footer-qrcode img{ width: 100%; max-width: 200px;}
.footer-qrcode h5{margin-top: 40px; font-size: 14px; line-height: 24px;}
.footer-qrcode-img{ width: 100%; height: 100%;position: relative; padding: 10px; display: block; }
.footer-qrcode-img b{ display: block; position: absolute; background: var(--primary-hover-color); transition: all 0.6s;}
.footer-qrcode-img b:nth-child(1){ left: 0px; top: 0px; width: 0; height: 1px;}
.footer-qrcode-img b:nth-child(2){ right: 0px; top: 0px; width: 1px; height: 0;}
.footer-qrcode-img b:nth-child(3){ right: 0px; bottom: 0px; width: 0; height: 1px;}
.footer-qrcode-img b:nth-child(4){ left: 0px; bottom: 0px; width: 1px; height: 0;}
.footer-qrcode-img:hover{ opacity: 1;}
.footer-qrcode-img:hover b:nth-child(1){ width: calc(100% - 14px);}
.footer-qrcode-img:hover b:nth-child(2){ height: calc(100% - 14px);}
.footer-qrcode-img:hover b:nth-child(3){ width: calc(100% - 14px);}
.footer-qrcode-img:hover b:nth-child(4){ height: calc(100% - 14px);}
#footer-bottom{padding: 4px 0;color: #999; line-height: 30px; font-size: 12px;}
#footer-bottom a{color: #999; }
#footer-bottom .link{}
#footer-bottom .copyright{}
/*底部e*/


/*右则客服样式*/
.phileks-kf{width:208px;position:fixed;right:-208px;top:60%;transform:translateY(-50%);z-index:99999;}
.phileks-kf-top{height:40px;line-height:40px;background:url(../images/kf/kefu.png) 12px center no-repeat #0d6efd;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}
.phileks-kf-top span:hover{transform:rotate(90deg);}
.phileks-kf-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.phileks-kf-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}
.phileks-kf-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.phileks-kf-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.phileks-kf .con{overflow:hidden;background:#fff;}
.phileks-kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px;}
.phileks-kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}
.phileks-kf .qq li a img{padding-right:6px;}
.phileks-kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/kf/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom: 0;}
.phileks-kf .contact{margin-top:1px;height: auto;}
.phileks-kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin: 0;}
.phileks-kf .contact p:nth-child(2n){padding-left:32px;}
.phileks-kf .con h5.qr-icon{background:url(../images/kf/erweima.png) 16px center no-repeat;}
.phileks-kf .con .qr{margin-top:10px;padding-left:40px;}
.phileks-kf .con .qr img{width:110px;height:110px;}
.phileks-kf .backTop{width:100%;height:40px;background:url(../images/kf/totop.png) center center no-repeat #0d6efd;background-size:18px auto;cursor:pointer;}
.phileks-kf-side{padding:18px 10px 10px;background:#0d6efd;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}
.phileks-kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}
.phileks-kf-side span.arrow{width:12px;height:12px;background:url(../images/kf/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}
.phileks-kf-side span.on{background:url(../images/kf/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}


/*首页BANNER*/
#index-banner{ width: 100%;}
#index-banner .d-sm-none{ width: 100%;}
#index-banner .swiper-slide img {display: block;width: 100%;}
#index-banner .swiper-pagination-bullet{ width: 80px;height: 5px;border-radius:0;background:var(--color-fff);}
#index-banner .swiper-pagination-bullet-active{ width: 80px;height: 5px;border-radius:0;background:var(--primary-focus-color);}
.page-banner{width: 100%;}
.page-banner img {display: block;width: 100%;}

/*分页*/
.pagebar{padding: 10px 0px; }
.pagebar .float-start{ line-height: 40px;}
.pagebar .float-end{ text-align: right;}
.pagebar .page-link{ color:#333;}
.pagebar .active>.page-link, .pagebar .page-link.active{ background-color:#333; border-color:#333;color:#fff;}


/*统一标题样式*/
.title-box{ text-align: center; padding: 10px 0;}
.title-box h2{font-size: 32px;letter-spacing: 3px; font-weight: 600;}
.title-box h5{font-size: 16px;letter-spacing: 1px;}
.title-box:after {
    content: "";
    background: var(--primary-focus-color);
    width: 60px;
    height: 3px;
    display: block;
    margin: 0px auto;
}
.title-box span{ color: #dc3545; padding: 0px 5px;}

/*首页新品推荐*/
#i-new-product{width: 100%;}
#i-new-product .swiper-product{width: 100%; margin: 20px auto; padding-bottom: 25px;}
#i-new-product .swiper-slide {padding: 5px; background-color: #eeeeee;}
#i-new-product .new-products-item{width: 100%;overflow: hidden; display: block; text-align: center;background-color: #fff;}
#i-new-product .new-products-item img{display: block;width: 100%;height: 100%;object-fit: cover;}
#i-new-product .new-products-item .products-image{width: 100%; overflow: hidden;}
#i-new-product .new-products-item .products-txt{width: 100%; margin: 0; padding: 20px 0 15px;}
#i-new-product .new-products-item h2{font-size: 22px;height: 30px; line-height: 30px;}
#i-new-product .new-products-item h5{font-size: 14px;height: 20px; line-height: 20px;color: var(--des-color); padding: 0 4px;}
.new-products-item h2,.new-products-item h5{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.new-products-item:hover .products-txt{background: var(--bg);}
#i-new-product .new-products-item:hover h2,#i-new-product .new-products-item:hover h5{color: var(--color-fff);}
#i-new-product .new-products-item:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#i-new-product #new-product-pagination{bottom:0px;}
#i-new-product .swiper-pagination-bullet{ width: 40px;height: 3px;border-radius:0;}
#i-new-product .swiper-pagination-bullet-active{ width: 40px;height: 3px;border-radius:0;background:var(--primary-focus-color);}

/*首页新闻资讯*/
.i-news-list{padding: 10px 0px; }
.i-news-list .card-title{ margin-bottom: 10px;line-height: 24px; height: 24px; overflow: hidden;}
.i-news-list .card-text{ line-height: 22px; height: 44px; color: var(--des-color); margin-bottom: 3px;overflow: hidden;}
.i-news-list .text-body-secondary{ color: var(--des-color) !important;}
.i-news-list .news-item{background-color: #fff; margin: 10px 0px 10px;padding: 15px 10px 0px 10px;overflow: hidden;}
.i-news-list .news-item:hover{background-color: #333;color: var(--color-fff);}
.i-news-list .news-item:hover .text-body-secondary,.i-news-list .news-item:hover i,.i-news-list .news-item:hover .card-title,.i-news-list .news-item:hover .card-text{color: var(--color-fff) !important;}

/*首页产品分类*/
#i-product-cat{width: 100%; margin: 20px auto 0px;}
#i-product-cat .product-cat-item{width: 100%;overflow: hidden; display: block; text-align: center;background-color: #eeeeee; border: 5px solid #eeeeee;}
#i-product-cat .product-cat-item img{display: block;width: 100%;height: 100%;object-fit: cover;}
#i-product-cat .product-cat-item .item-image{width: 100%; overflow: hidden;}
#i-product-cat .product-cat-item h2{font-size: 20px;height: 40px; line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
#i-product-cat .product-cat-item:hover h2{color: var(--primary-hover-color);}
#i-product-cat .product-cat-item:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

/*首页应用方案*/
#i-application{width: 100%; margin: 20px auto 0px;}
#i-application .i-application-item{width: 100%;overflow: hidden; display: block; text-align: center;}
#i-application .i-application-item img{display: block;width: 100%; min-height: 260px; object-fit: cover;}
#i-application .i-application-item .item-image{width: 100%; overflow: hidden;}
#i-application .i-application-item h2{font-size: 20px;height: 40px; line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
#i-application .i-application-item:hover h2{color: var(--primary-hover-color);}
#i-application .i-application-item:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/*首页关于我们*/
#i-about-box{width: 100%; margin: 20px auto 0px;}
#i-about-box .about-container{padding: 15px 0px; position: relative; width: 100%; display: block; overflow: hidden;}
#i-about-box .about-container .about-image{width: 100% !important; position: relative; overflow: hidden;}
#i-about-box .about-container .about-image img{width: 100% !important;}
#i-about-box .about-container .mask-bg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #333333;opacity: 0.3; z-index: 99; display: none;}
#i-about-box .about-container .more{ position: absolute; left: 50%;transform: translateX(-50%); top: 40%; z-index: 100; display: none;}
#i-about-box .about-container h6{font-size: 14px;height: 64px; padding: 10px 15px; line-height: 22px; overflow: hidden;text-overflow:ellipsis;    text-align: justify;background-color: #f1f1f1;color: #666;}
#i-about-box .about-container:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#i-about-box .about-container:hover .mask-bg{display: block;}
#i-about-box .about-container:hover .more{display: block;}
#i-about-box .about-container:hover h6{background-color: var(--bg); color:var(--color-fff);}


/*二级栏目展示*/
.submenu-box{width: 100%; margin: 20px auto 0px;}
.submenu-box .submenu-item{padding: 15px 0px; position: relative; width: 100%; display: block; overflow: hidden;}
.submenu-box .submenu-item .submenu-image{width: 100% !important; position: relative; overflow: hidden;}
.submenu-box .submenu-item .submenu-image img{width: 100% !important;}
.submenu-box .submenu-item .mask-bg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #333333;opacity: 0.2; z-index: 99; display: none;}
.submenu-box .submenu-item .more{ position: absolute; top: 40%; z-index: 100; display: none;left: 50%;transform: translateX(-50%);}
.submenu-box .submenu-item .submenu-txt{width: 100% !important;background-color: #f1f1f1;color: #000;padding: 10px 15px; overflow: hidden;}
.submenu-box .submenu-item .submenu-txt dt{font-size: 20px;height: 30px;line-height: 30px;color: #333;}
.submenu-box .submenu-item .submenu-txt .ddc{text-align: justify;height: 44px;line-height: 22px; overflow: hidden;color: #666;}
.submenu-box .submenu-item:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.submenu-box .submenu-item:hover .mask-bg{display: block;}
.submenu-box .submenu-item:hover .more{display: block;background-color: #0d6efd;color: #ffffff;}
.submenu-box .submenu-item:hover .submenu-txt{ color: #333;background-color: var(--bg);}
.submenu-box .submenu-item:hover .submenu-txt .item-childs-a{ color: #0d6efd;}
.submenu-box .submenu-item:hover .submenu-txt dt,.submenu-box .submenu-item:hover .submenu-txt .ddc{color:var(--color-fff);}
.submenu-box .submenu-item .submenu-txt .childs{min-height: 320px; padding: 5px;}
.submenu-box .submenu-item .submenu-txt .item-childs-a{ width: 100%; height: 28px; line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display: block; color: var(--content-color); position: relative;}
.submenu-box .submenu-item .submenu-txt .item-childs-a:hover{}
#product-index .submenu-txt .ddc{min-height: 313px; margin-top: 7px;}
.submenu-box .submenu-item .submenu-txt .item-childs-a:hover:before{right: 89%;}
.submenu-box .submenu-item .submenu-txt .item-childs-a:before{content: "";height: 1px;background: #0d6efd;position: absolute;z-index: 9;left: 0;right: 100%;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; bottom: 0px; overflow: hidden;}
#product-index .submenu-item:hover .submenu-txt{ color: #666;background-color: #f1f1f1;}
#product-index .submenu-item:hover .submenu-txt dt,#product-index .submenu-item:hover .submenu-txt .ddc{color:var(--primary-hover-color);}
#offcanvas-side-nav{ width: 80%;}


/*面包屑导航*/
#breadcrumb-container{width: 100%; margin: 0px; padding: 6px 0 12px;height: 40px;}
#breadcrumb-container .breadcrumb,#breadcrumb-container .breadcrumb a,#breadcrumb-container .breadcrumb-item+.breadcrumb-item::before{color: #999;}
#breadcrumb-container .breadcrumb-title{ font-size: 16px; position: relative;padding: 0;margin: 0; overflow: hidden;}
#breadcrumb-container .breadcrumb-title:after {content: "";background: var(--primary-focus-color);width: 31px;height: 3px;
display: block;position: absolute;right: 0px;bottom: -5px;}
#breadcrumb-container .breadcrumb-nav{ font-size: 16px;padding: 0;margin: 0;}
#breadcrumb-container .breadcrumb-nav .breadcrumb{padding: 0;margin: 0;}
#breadcrumb-container .breadcrumb-nav .breadcrumb li:last-child a{color: #999;}
/*二级导航*/
#sub-menu{ font-size: 14px;position: relative;}
#sub-menu .sub-menu-btn{ font-size: 16px; line-height: 24px; padding: 0px;border-radius:0; margin: 0; background: none; border: none;color: #999;}
#sub-menu .sub-menu-btn:hover{color: var(--primary-hover-color);}
#sub-menu .sub-menu-btn:hover:before{right: 0%;}
/* 链接经过效果 */
#sub-menu .sub-menu-btn:before{
	content: "";height: 1px;background: var(--primary-focus-color);position: absolute;z-index: 9;left: 0;right: 100%;
	-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; bottom: -3px;
}
#sub-menu .sub-menu-ul{ border-radius:0; padding: 0;font-size: 14px; z-index: 999999;}
#sub-menu .sub-menu-ul a{color: var(--primary-color);}
#sub-menu .sub-menu-ul a:hover{background-color: #0d6efd; color: #fff;}


/*公司简介页*/
.page-about-container{width: 100%; margin: 20px auto 0px;}
.page-about-container .g-0 img{width: 100% !important;}
.page-about-container .page-about-txt{ padding: 20px 18px 10px; line-height: 22px;text-align: justify;}
.page-about-container .page-about-txt .page-subtitle{ font-size: 22px; margin-bottom: 20px;}
.page-about-container .page-about-txt-1{ padding: 0px; line-height: 22px;text-align: justify;}
.page-about-container .page-about-txt-1 p{line-height: 26px;}
.page-about-container .page-about-txt-1 table{width:99.9%; margin:0 auto; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; }
.page-about-container .page-about-txt-1 table caption { padding-bottom:5px;}
.page-about-container .page-about-txt-1 table th {font-weight:700; padding:5px 15px; border:1px solid var(--border-color); background:var(--background-color);}
.page-about-container .page-about-txt-1 table td {padding:5px 15px; border:1px solid var(--border-color);}
.page-about-container .page-about-txt-1 table tr.altrow { background:#ccc;}
.page-contact{background-color: #fff; margin-top: 50px; padding:10px;}
.page-contact .page-subtitle{ font-size: 22px; margin-bottom: 20px; padding-bottom: 20px; color: #0d6efd;border-bottom: 2px solid #0d6efd;}
.page-contact .page-contact-txt{ padding:5px;font-size: 14px;}

/*生产概况*/
.about-power-para{width: 100%;}
.about-power-para .para-item{width: 100%;position: relative;font-size: 18px;color: #666;}
.about-power-para h1{width: 100%;color: #dc3545;font-size: 34px;}
.about-power-para span{ position: absolute; top: 0px; right: 30%;color: var(--primary-focus-color);font-size: 16px;}


/*人才招聘*/
.page-job-container{width: 100%; margin: 20px auto 0px;}
.page-job-container .text-body-secondary{}
.page-job-container .card,.page-job-container small{color: #666!important;}
.page-job-container .card:hover .card-title a{color: var(--primary-focus-color)!important;}
.page-job-container .card:hover a{color: var(--color-fff);}


/*横向滚动图册*/
.album-container{width: 100%;padding-bottom: 20px;}
.album-container .swiper-album{width: 96%; margin: 20px auto; padding-bottom: 50px;}
.album-container .swiper-slide {}
.album-container .album-item{width: 100%;overflow: hidden; display: block; text-align: center;background-color: #fff;}
.album-container .album-item img{display: block;width: 100%;height: 100%;object-fit: cover;}
.album-container .album-item .album-image{width: 100%; overflow: hidden;}
.album-container .album-item .album-txt{width: 100%; margin: 0; padding: 5px 0;}
.album-container .album-item h2{font-size: 18px;height: 30px; line-height: 30px;}
.album-container .album-item h5{font-size: 14px;height: 20px; line-height: 20px;color: var(--primary-focus-color);}
.album-item h2,.album-item h5{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.album-item:hover .album-txt{}
.album-container .album-item:hover h2,.album-container .album-item:hover h5{}
.album-container .album-item:hover img {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.album-container .swiper-pagination{bottom:0px;}
.album-container .swiper-pagination-bullet{ width: 40px;height: 3px;border-radius:0;}
.album-container .swiper-pagination-bullet-active{ width: 40px;height: 3px;border-radius:0;background:var(--primary-focus-color);}


/*列表页新闻资讯*/
.news-list{padding: 10px 0px; }
.news-list .card-title{ margin: 5px auto 20px;line-height: 24px; height: 24px; overflow: hidden;}
.news-list .card-text{ line-height: 22px; height: 44px; overflow: hidden;color: var(--des-color);}
.news-list .text-body-secondary{ color: var(--des-color) !important;}
.news-list .news-item{padding: 16px;background-color: #fff; margin: 10px 0px 10px; padding: 20px 20px 0px 20px;position: relative;overflow: hidden;}
.news-list .news-item:hover{color: var(--primary-hover-color);}


/*新闻资讯详情页*/
.article-container{padding: 60px;}
.article-container .article-title{ font-size: 32px; margin-bottom: 20px;}
.article-container .article-info{ padding: 10px 0;color:#919191;}
.article-container .article-info span{padding: 0px 8px;}
.article-container .article-summary{ margin-bottom: 40px;color: #666;background: #f6f6f6;}
.article-container .article-content{ line-height: 26px; text-align: justify;word-break: break-all;color: var(--content-color);}
.article-container .article-content p{line-height: 26px;}
.article-container .article-content table{width:99.9%; margin:0 auto; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; }
.article-container .article-content table caption { padding-bottom:5px;}
.article-container .article-content table th {font-weight:700; padding:5px 15px; border:1px solid var(--border-color); background:var(--background-color);}
.article-container .article-content table td {padding:5px 15px; border:1px solid var(--border-color);}
.article-container .article-content table tr.altrow { background:#ccc;}
.article-tags{font-size: 16px; border-top: 1px solid #dee2e6; line-height: 26px; padding-top: 10px;}
.article-tags span{font-weight: bold;}
.article-related-product{padding: 20px 10px;}
.article-related-product .title{ font-size: 18px; }
.article-related-product .card{border: 0; border-bottom: 1px solid #dee2e6;border-radius: 0;}
.article-related-product .card:last-child{border: 0;}
.right-subnav-box{ padding: 15px 15px;}
.right-subnav-box .right-subnav-title{ font-size: 18px; }
.right-subnav-box .list-group .active a{ color: #ffffff;}


/*产品列表页*/
.product-container{width: 100%;}
.product-container .products-item{width: 100%;overflow: hidden; display: block;background-color: #fff; margin-bottom: 20px;position: relative;overflow: hidden;}
.product-container .products-item img{display: block;width: 100%;height: 100%;object-fit: cover;}
.product-container .products-item .products-image{width: 100%; overflow: hidden;}
.product-container .products-item .products-txt{width: 100%; margin: 0; padding: 10px;}
.product-container .products-item h2{font-size: 22px;height: 30px; line-height: 30px;}
.product-container .products-item h5{font-size: 14px;height: 20px; line-height: 20px;color: var(--des-color);}
.products-item h2,.products-item h5{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.products-item:hover .products-txt{background: var(--color-fff);}
.product-container .products-item:hover h2,.product-container .products-item:hover h5{}
.product-container .products-item:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/*产品分类&产品列页*/
.product-attr-title{ font-size: 40px; line-height: 38px; padding: 20px 0 30px; letter-spacing: 2px; }
.side-nav{}
.side-nav .subnav-title{ font-size: 18px; line-height: 40px; display: block;}
.side-nav .subnav-title i{ float: right;font-size: 12px;}
.side-nav .list-group-childs{ }
.side-nav .list-group-item.active{ background: var(--color-fff);border-color:#dee2e6;}
.side-nav .active .list-group-childs{ color: #ffffff;}
.side-nav .active .subnav-title{}
.side-nav .list-group{border-radius:0;}
.side-nav .active .subnav-title,.side-nav .list-group-item-active a{color: #0d6efd;}
#project-nav .subnav-title,#download-nav .subnav-title{font-size: 14px;line-height: 32px;}


/*产品详情页*/
.product-details-block{ margin-top: 30px;}
.product-details-info{background-color: #eeeeee; padding: 20px 40px; min-height: 550px;}
.product-details-info .product-title{ font-size: 30px; margin-bottom: 20px; }
.product-details-info .product-summary{ line-height: 24px; margin: 10px 0; }
.product-details-info .product-video-button{ width: 100%; height: 220px;background-color:#000000;opacity: 0.8;overflow: hidden;box-sizing: border-box; text-align: center; position: relative; display: block; margin-top: 0px;padding: 5px;border-radius: 5px;}
.product-details-info .product-video-button img{ height: 100%;opacity: 0.1; max-width: 210px;height: 210px;border-radius: 50%;}
.product-details-info .product-video-button .product-video-button-play{position: absolute;left: 30%;top: 30%; width: 40%; height: 40%;font-size: 40px; text-align: center;color:#dc3545;}
.product-details-info .product-video-button:hover .product-video-button-play{color:#fff;}
.product-details-info .product-video-qrcode{width: 100%; height: 100%;position: relative; padding: 10px; display: block;}
.product-video-qrcode b{ display: block; position: absolute; background: #666; transition: all 0.6s;}
.product-video-qrcode b:nth-child(1){ left: 0px; top: 0px;  height: 1px;width: calc(100% - 14px)}
.product-video-qrcode b:nth-child(2){ right: 0px; top: 0px; width: 1px; height: calc(100% - 14px);}
.product-video-qrcode b:nth-child(3){ right: 0px; bottom: 0px;  height: 1px;width: calc(100% - 14px);}
.product-video-qrcode b:nth-child(4){ left: 0px; bottom: 0px; width: 1px; height: calc(100% - 14px);}
.product-details-info .product-video-qrcode img{border-radius: 5px;}
.product-details-info .product-video-qrcode h5{ text-align: center; line-height: 28px;height: 28px; font-size: 18px;}
.product-details-info .product-buy{ width: 100%; margin-top: 20px; }
.product-details-album{ padding: 30px;}
#product-details-rendering{}
#swiper-product-thumbs{ height: 500px;overflow: hidden;}
#swiper-product-thumbs .swiper-slide { height: 100px; overflow: hidden;}
#swiper-product-thumbs img,#product-details-rendering img{display: block;width: 100%;height: 100%;object-fit: cover;}
#swiper-product-thumbs .swiper-slide {opacity: 0.5;}
#swiper-product-thumbs .swiper-slide-thumb-active {opacity: 1;}
#swiper-product-thumbs .swiper-wrapper{}
#swiper-product-thumbs .swiper-button-next,#swiper-product-thumbs .swiper-button-prev{font-size: 30px;color: #dc3545;}
#swiper-product-thumbs .swiper-button-next:after,#swiper-product-thumbs .swiper-button-prev:after{content: "";}
#swiper-product-thumbs .swiper-button-prev{width: 12%;height: 6%;left: 46%;right: auto;top: 15px;}
#swiper-product-thumbs .swiper-button-next{width: 9%;height: 6%;left: 46%;right: auto;top: auto;bottom: 0px;}
.product-details-album .swiper-pagination-bullet-active,.product-tab-scene .swiper-pagination-bullet-active{background:#dc3545 !important;}
#rendering-pagination .swiper-pagination-bullet{ width: 20px;height: 3px;border-radius:0;}
#rendering-pagination .swiper-pagination-bullet-active{ width: 20px;height: 3px;border-radius:0;background:var(--primary-focus-color);}
.product-introduction{ padding-top: 30px;width: 100%;min-height: 400px;}
.product-introduction .title{font-size: 30px;}
.product-introduction .row>*{ padding: 0;}
#product-tab{ width: 100%; }
#product-tab .nav-tabs{ }
#product-tab .nav-item{ width: 100%; }
#product-tab .nav-item .nav-link{ width: 100%; text-indent: 30px; text-align: left; border:0px;background-color: #333;border-radius:0;margin-bottom: 2px; line-height: 32px; font-size: 16px; border-left: 4px solid #dc3545;color: #fff;}
#product-tab .nav-item .active{background-color: #fff;color: #333;}
#product-tab-content{ width: 100%;background-color: #fff;}
#product-tab-content .content-box{ padding: 30px; min-height: 300px;}
/* table */
#product-tab-content .content-box table{width:99.9%; margin:0 auto; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; }
#product-tab-content .content-box table caption { padding-bottom:5px;}
#product-tab-content .content-box table th {font-weight:700; padding:5px 15px; border:1px solid var(--border-color); background:var(--background-color);}
#product-tab-content .content-box table td {padding:5px 15px; border:1px solid var(--border-color);}
#product-tab-content .content-box table tr.altrow { background:#ccc;}
#product-tab-content .product-download{ border: 0;}
#product-tab-content .content-box .video-container {max-width: 96%;margin: 0px auto;}
#nav-tab-charact .nav-link{color: #333;}
#nav-tab-charact .active{color: #fff;background:#dc3545;}
#nav-charact-content .tab-pane{padding: 10px 2px;}

/* 产品视频弹窗 */
.product-video-box{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, .7);z-index: 999999999;display: none;}
.product-video-plyr{width: 60%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.product-video-plyr video{width: 100%;object-fit: fill;}
.product-video-close{font-weight: normal;font-size: 30px;width: 30px;height: 30px; line-height: 30px; text-align: center;overflow: hidden;background-color: transparent;position: absolute;top: 0;right: 0;cursor: pointer;z-index: 999;color: #fff;}
.product-video-close:hover{background-color: #dc3545;color: #fff;}


/*下载中心*/
.download-box{width: 100%;background:#ffffff; min-height: 300px; padding: 20px 0 40px; overflow: hidden;}
.download-box .table{ margin: 0px 20px; width: 96%;}

/*搜索中心*/
.search-container{padding: 40px 0 40px;}
.search-container .item-search{ margin: 10px 0 10px 0;}
.search-container .btn-primary{ float: right;}

/*首页手机版-菜单*/
.index-menu{padding: 20px 0; overflow: hidden;}
.index-menu .index-menu-item{display: block;}
.index-menu .index-menu-item .item-image{ width: 70px; height: 70px;line-height: 70px; margin: 0px auto;border-radius: 50px; border: 1px solid #0d6efd;text-align: center;}
.index-menu .index-menu-item .item-image i{ font-size: 36px; color: #0d6efd;}
.index-menu .index-menu-item h2{font-size: 14px; text-align: center;  line-height: 30px;color: #666666; font-weight: bold; letter-spacing: 2px;}
.index-menu .col-4:nth-child(n+4) .index-menu-item{ padding-top: 10px;}

/*防伪验证*/
.security-code-container{
	width: 100%;
	padding: 70px 0%;
	margin: 0 auto;background-color: #ffffff;
}
.security-code-container .form-container{padding: 0px 20%;}
.form-container .inquiry-title{ font-size: 20px; line-height: 40px;float: right; letter-spacing: 2px; font-weight: bold;}
.form-container #inquiry-submit{ width: 100%;}
.form-container #security-code-tip{ text-align: center; color: #fe0000;font-size: 14px;margin-top: 10px;}
.security-code-tipbox{
	margin: 20px 0 20px 0;
}
.security-code-tipbox .card-title{color: #fe0000; font-size: 28px; line-height: 30px;}
.security-code-tipbox .card-text{color: #757575; margin-bottom: 30px; }
.tip-item{ min-height: 180px; line-height: 24px;}
.tip-item h5{}
.alert-success .return-title i{color: #3fce72;}
.alert-warning .return-title i{color: #ffac0e;}
.alert-danger .return-title i{color: #fd595a;}
.multi-type-inquire .security-code-box{text-align: center;float: inherit;}
@media (max-width: 578px) {
	.form-container .inquiry-title{ float: inherit;}
}

/*英文版-补充*/