/*20211224 定律*/
body{font-size:0.875rem; }
.top{ background: #373737; color: #ddd;}
.top a{ color: #ddd;}
.top a:hover{ color: #eee;}
.bg-def{ background:#343a40; }
.logo{ max-height:70px; transition: all .5s ease-in;}
a{color: #333;}
a:hover{ text-decoration: none; color: #007bff;}
ul,li{ list-style: none;}

img{ max-width: 100%;}

.scroll .logo{ max-height: 50px; }
.navbar-nav .nav-item a{ text-transform: uppercase; font-size: 1rem;text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden;}
/*.navbar-nav .nav-item.active a{  color: #0074c1 !important; }*/
/*二维码*/
.qrcode{position: relative}
.qrcode i{ cursor: pointer; }
.qrcode .qrcodebox{ display: none; position: absolute; top: 28px; z-index: 99999; left: 0; width: 120px; }
.qrcode i:hover + .qrcodebox{ display: block;}

/*banner*/
#banner .item{ display: block;}
#banner img { display: block; width: 100%;}
#banner .owl-controls{ position:absolute; bottom:10px; width:100%; }
#banner .owl-controls .owl-page  span{ background:#333; }
#banner .owl-controls .owl-page.active span{ background:#fff; }

.nbanner{ width: 100%;}


.bgc{background: #f5f5f5;}
.aboutbg img{ display: block; max-width: 100%; height: auto;}


.ibt h2 {  position: relative;}
.ibt h2:after { border-bottom: 2px #007bff solid; position: absolute; left: calc(50% - 3rem); bottom: -1rem; content: ''; width: 6rem; margin: 0 auto;}
.contact .ibt h1 span{ border-bottom-color:  #fff;}
.contact .ibt h2:after{ border-bottom-color: #eee;}

.prolist a{}
.prolist .propic{ display: block; position: relative; padding-bottom: 80%; overflow: hidden;}
.prolist .propic img{ position: absolute; top: 0; left:0; width: 100%; transition: all .5s ease-in;  }
.prolist .propic span{display:block; position: absolute; width:100%;overflow: hidden; bottom: 0; left: 0; z-index: 100;}
.prolist .propic em{display:none  ;   position: absolute; width:100%;  z-index: 99; text-align: center; padding: 1rem; padding-bottom: 2rem; height: 100%; background: rgba(0,0,0,.7); top: 0; left: 0; font-style: normal; overflow: hidden;  color: #fff; display: none;}
.prolist .propic:hover em{ display: block;}
.prolist .propic:hover img{transform: scale(1.1);}

.catepic{ width: 100%; display:block; }

.pmore{ width: 20%; display: block; margin:0 auto;}

.inews a{ background: #eee; }

/* 案例 */
.caselist a{ padding-top:70%; }
.caselist a img:hover{ transform: scale(1.1); }

.case{ background:url(../images/ybg.jpg) no-repeat top center; background-attachment: fixed; background-size: cover;}

.contact2{ margin-top: -2rem;}
.contact2 img{ max-width: 50px; max-height: 50px;}
.contact2 .d-flex{align-items: center;}
.contact2 .d-flex p{font-weight: bold;}

.footer dl dd a{display: block; color: #fff;}
.footer .codes img{ width: 110px; height: 110px; display:block;}
.copyright a{color: rgba(255,255,255,.6);}

.nbanner img{  max-width: 100%;}
.bg-cate{background-color: #888;}
.contentboxs{line-height: 180%;}

.newslist .nldesc{ overflow: hidden;text-overflow: ellipsis;display:-webkit-box !important;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.newslist .ndate{ background:#eee; color: #54c0c7;}
.newslist .row:hover .ndate{ background: #54c0c7; color: #fff;}
.newslist .row:hover{ color: #54c0c7; }

article img{max-width: 100%; font-display: block; margin:0 auto;}
.contents{ font-size: 16px !important; max-width: 750px;}
.contents table tr td p{ margin-bottom: 0 !important;}
.contents img{ display: block; margin: 0 auto;}
.contents .dbt{ margin: 20px 0; }
.contents .dbt strong,.contents .dbt b{background: #007bff!important; color: #fff;}
/* 分页 */
.page-item.active .page-link{ background-color: #54c0c7;border-color: #54c0c7;}
.page-link{ color: #333;}
.page-link.page-num-current{ background: #007bff; color: #fff; border-color:#007bff; }

.pnav{ background: #0074c1;}
.pnav a{  font-size: 18px;}
.pnav a:hover{ color: #fff !important;}

.text-clamp2{word-break: break-all;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  }

/*产品图片放大*/

#magnifier{position:relative; }
.small-box{position:relative;max-width:750px;max-height:750px;margin-bottom:20px; }
.small-box img{width:auto;height:auto; }
/*.small-box .hover{display:none;position:absolute;left:0;top:0;width:200px;height:200px;border:1px solid #aaa;background:#0099ff;opacity:.5;filter:alpha(opacity:50);cursor:move}*/
.thumbnail-box{position:relative;width:100%}
.thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.thumbnail-box .btn-prev{left:0;background:url(../images/btn_prev.png) no-repeat}
.thumbnail-box .btn-prev.btn_prev_disabled{background:url(../images/btn_prev_disabled.png) no-repeat;cursor:not-allowed}
.thumbnail-box .btn-next{right:0;background:url(../images/btn_next.png) no-repeat}
.thumbnail-box .btn-next.btn_next_disabled{background:url(../images/btn_next_disabled.png) no-repeat;cursor:not-allowed}
.thumbnail-box .list{overflow:hidden;width:390px;margin:0 auto}
.thumbnail-box .wrapper{width:100000px}
.thumbnail-box .list .item{float:left;margin:0 10px}
.thumbnail-box .list .item-cur{}
.thumbnail-box .list .item img{border:2px solid #a9a9a9;width:54px;height:54px}
.thumbnail-box .list .item-cur img{border:2px solid #e53e41}
/*.big-box{display:none;overflow:hidden;position:absolute;left:451px;top:0;width:540px;height:540px;border:1px solid #e4e4e4}*/
/*.big-box img{display:block}*/

@media (min-width: 1440px){
	.container{ max-width:1280px !important; }
}

@media (max-width: 768px){
	.logo{ max-height:60px; }
	.pmore{display: none;}
	.prolist{padding:5px !important}
	.prolist a{margin:5px;}
	.prolist a.propic span{ padding: .5rem !important;}
	.contact2 img{ max-width: 40px; max-height:40px;}

	.ibt .h1{ font-size: 1.8rem;}
	.display-4 small{ font-size: 60%;}
	.ptitle { padding:1rem !important; text-align: center;}
	.companyname{ font-size: 1.5rem;}

	.footer .codes{ justify-content: center !important;}

	.page div{ text-align: left !important;}
}