.hide{display: none;}
.popup-gallery .case-arrow{width: 65px; height: 65px;}
.popup-gallery .case-content-info{width: calc(100% - 65px);}
.widget .category-list a span{margin-top: 7px;}
.widget .category-list ul li{position: relative;}
.widget .category-list dl{position: absolute;position: absolute; z-index: 999; width: 230px;  left: 100%; top: 0; }
.widget .category-list dl dd{display:block; background: #fff;  justify-content: space-between; margin-left: 30px; position: relative; margin-bottom: 0px; font-size: 15px; transition: all ease .3s;  width: 100%; color: #666;}
.widget .category-list dl dd:last-child{border-bottom: 0;}
.all_text{height: 45px; line-height: 45px; border: 1px solid #f1f1f1; text-align: center; font-size: 14px;}
.blog-item{padding-top: 20px;}
.case-content{padding: 10px;}

.clearfix::after,.clearfix::before{content:"";display:table}
.clearfix::after{clear:both}
div.box{max-width:400px;height:500px;border: 1px solid #ddd;}
div.box a.phone-display{display:block;position:relative;height:100%; z-index: 99; background-color: #fff;}
div.bottom-nav{margin-top:20px}
div.bottom-nav div.tab-btn{position:relative;width:40px;height:70px;cursor:pointer}
div.tab-btn:hover{opacity:.6}
div.tab-btn.btn-left{float:left}
div.tab-btn.btn-right{float:right}
i.shift-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border:1px solid #999;border-radius:50%}
i.shift-icon>span{position:absolute;left:50%;top:50%;width:10px;height:10px;border-bottom:1.5px solid #999}
div.btn-left i.shift-icon>span{border-left:1.5px solid #999;transform:translate(-30%,-50%) rotate(45deg)}
div.btn-right i.shift-icon>span{border-right:1.5px solid #999;transform:translate(-70%,-50%) rotate(-45deg)}
div.bottom-nav div.bottom-center-nav{position:relative;height:60px;margin:0 49px;overflow:hidden}
div.bottom-center-nav ul.small-img-ul{position:absolute;left:0;top:0;height:100%}
ul.small-img-ul li.img{float:left;width:60px;height:100%;border:1px solid transparent;background-size:100% 100%;cursor:pointer}
ul.small-img-ul li.img.active{border-color:#a01b1b}


.bigTit{font-size: 24px; font-family: Microsoft YaHei; font-weight: 700;line-height: 1.5;color: #333;}
.bigText{line-height: 1.8;font-size: 16px;font-family: Arial; color: #666; margin-top: 10px;margin-bottom: 10px; text-align: left;}
.big_ul{display: flex;    flex-wrap: wrap; padding-bottom: 20px; border-bottom: 1px solid #F1F1F1; margin-top:20px;}
.bigLi{flex-grow: 0;  flex-shrink: 0;  flex-basis: calc(100% / 4); color: #333; font-weight: 700;font-family: Arial;}
.big_lx{font-size: 24px; font-weight: 400; font-family: Arial; color: #004ba5;line-height: normal; margin: 20px 0; line-height: 1.5; font-weight: bold;}
.bigBtn a{margin-right: 20px;}

.xqTit{    flex: 1;  max-width: 100%;  height: 55px; margin-top: 50px; border-bottom: 1px solid #e5e5e5;}
.xqTit span{    display: block;height:55px;font-size: 18px; line-height: 55px; text-align: center; font-weight: bold;   color: #fff;  max-width: 200px; border-bottom-style: none;  border-bottom-width: 2px; border-bottom-color: #022147;  background-color: #022147;}
.table_list{width: 100%;line-height: 2;    color: #444;font-family: Arial;font-size: 16px; margin-top: 16px;}
.table_list td{border: 1px solid #ccc; padding: 0 5px; box-sizing: border-box; word-break: break-all;}

.relaBox{background-color: #fafafa; padding: 30px 10px 60px; box-sizing: border-box; margin-top: 40px;}
.relaTit{text-align: center; font-size: 22px; font-weight: bold; color: #333; line-height: 45px; margin-bottom: 10px;}
.rela{display: flex; justify-content: space-between;}
.rela .relaLi{display: inline-block;width: calc(33.3% - 15px); margin-right: 20px; border: 1px solid #E5E5E5; padding: 20px; box-sizing: border-box;}
.rela .relaLi:nth-child(3n){margin-right: 0;}
.rela .relaLi span.img{width: 100%;  display: block;}
.rela .relaLi span.img img{width: 100%;}
.rela .relaLi .tit{width: 100%; height: 40px; line-height: 40px;  text-align: center;}

.case-item_cur { border: 1px solid #ccc; border-radius: 10px; overflow: hidden; transition: all 0.3s; box-sizing: border-box; width: calc(100% - 2px); background: #fff; }
.case-item_cur .case-img::before { width: 0; }
.case-item_cur:hover .case-img .img-fluid { transform: scale(1.1); }
.case-item_cur .case-img .img-fluid { transition: all 0.3s; }
.case-item_cur .case-img { transition: all 0.3s; overflow: hidden; }
.case-item_cur figure { position: relative; margin: 0; overflow: hidden; }
.case-item_cur figure::before { content: ""; display: block; background-size: cover; background-position: 50%; padding-bottom: 100%; }
.case-item_cur figure img { display: inline-block; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; position: absolute; top: 0; object-fit: fill; }
.case-item_cur:hover{box-shadow: 0 0px 15px rgba(0,0,0,0.15);}
.caseTit{ display: block; width: 96%; margin: 0 auto; text-align: center; border-top: 1px solid #ccc; height: 45px; line-height: 45px; color: #333;}


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width: 100%; text-align: center;}
.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 /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:100%;border:1px solid #DFDFDF; overflow: hidden; }
.spec-scroll{clear:both;margin-top:5px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:15px;height:50px; line-height:50px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:calc(100% - 40px);height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px; width: auto; max-width: auto;}
.jqzoom img{width: auto;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.xgTit{ font-size: 24px; font-weight: bold; color: #333; line-height: 45px; margin-bottom: 10px;}

.pc_hide{display: none;}
@media screen and (max-width:700px) {
	.pc_hide{display: block;}
   .web_hide{display: none;}
   .category-list{position: fixed; right:-80% ; transition: all 0.3s; width: 80%; background-color: #fff; top: 0; height: 100vh; z-index: 9999; padding: 0 10px; box-sizing: border-box; padding-top: ;}
	.widget .category-list dl{position: inherit; left: inherit; width: 100%;}
	.rela{flex-direction: column;}
	.rela .relaLi{display: block;width: calc(100% - 15px); margin-bottom: 20px;}
	div.box{width: 100%; margin: 0 auto 40px; }
	.xq_ly{padding: 20px; box-sizing: border-box;}
	.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
	
}