@charset "utf-8";

/*链接*/
.jazl-link{ height:43px; margin:16px 0 20px 0;}
.jazl-link a:hover{opacity:0.9;}
.jazl-link-a{ width:180px; height:43px; display:block; float:left; background:#4c4c4c; font-size:24px; color:#ffffff; text-align:center; line-height:43px;-ms-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;}
.jazl-link-b{ width:180px; height:43px; display:block; float:left; background:#ffa200; font-size:24px; color:#000000; text-align:center; line-height:43px; margin-left:20px;-ms-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;}

/* Outline Out */
.outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.outline-out:before {
  content: '';
  position: absolute;
  border: #f8b500 solid 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.outline-out:hover:before, .outline-out:focus:before, .outline-out:active:before {
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
/* Outline Out2 */
.outline-out2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.outline-out2:before {
  content: '';
  position: absolute;
  border: #4c4c4c solid 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left; 
}
.outline-out2:hover:before, .outline-out2:focus:before, .outline-out2:active:before {
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
}
/*分类筛选*/
.al-sort{background:#fff;}
.al-sort-ul{width:auto; border: 1px #eaeaea solid; overflow:hidden;}
.al-sort-ul li.clearfix{line-height: 40px; border-top: 1px #eaeaea dotted;background:#f8f8f8;position: relative;top:-1px;}
.al-sort-ul-title{width: 95px;text-align: center;color:#000000; font-size:14px;}
.al-sort-ul-angle{padding: 0 11px 0 11px ;border-left: 1px #eaeaea solid; width:980px; overflow:hidden; background: #fff; }
.al-sort-ul-angle li{padding:0 11px; display: inline;}
.al-sort-ul-angle li a{ display:inline-block; white-space:nowrap; font-size:14px; color:#585858;}
.al-sort-ul-m{ width:980px; min-height:40px; position:relative; background: #fff; }
.al-sort-ul-li{ width:940px;height:40px; line-height:40px; overflow:hidden;color:#585858; }
.al-m-but{ width:40px; height:40px; position:absolute; right:0; top:0;}
.yq_btn1{ width:40px; height:40px; background:url(../images/jzal/flash-b.gif)  right center no-repeat; cursor:pointer; line-height:40px;}
.yq_btn2{ width:40px; height:40px; display:none;background:url(../images/jzal/flash-t.gif)  right center no-repeat; cursor:pointer; line-height:40px;}


#caseList .filter-bar{height: 48px; margin-top: 20px;}
#caseList .alllist-cur{padding:9px 10px 9px 15px; background: #eeeeee; margin-top:20px; *margin-top: 0;}
#caseList .JSfixed{ position:fixed; top:0; z-index:10;margin: 0; width: 1174px;}
#caseList .alllist-cur span{display: inline-block; padding-right:5px; color: #333333; line-height: 30px;*float: left;}
#caseList .alllist-cur span .active{ color:#ff0000; padding:0 5px;}
#caseList .alllist-cur span.zc-dh{color:#333333;}
#caseList .alllist-cur-select{width: 120px; line-height:24px; padding: 3px 2px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#caseList .alllist-cur-select1{ width:110px;line-height:24px; padding: 7px 3px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#caseList .alllist-cur-select2{min-width: 90px; line-height:24px; padding: 3px 2px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}

.xq-nm{ width:110px; height:30px; line-height:30px; border:none; text-align:center; color:#000000;}
input.xq-nm:-moz-placeholder {
        color:#000000;
}
 
input.xq-nm::-webkit-input-placeholder {
        color:#000000;
}
#caseList .search-sub{ width:70px;  line-height:24px;text-align:center; background:#FF9800; font-size:14px; color:#fefefe; font-family:'微软雅黑';  margin-left:5px; cursor:pointer; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;padding:3px;}
#caseList .zc-dh{color:#ffffff;}


.case-list{width:1098px; height:auto; margin:15px auto 0;}
.case-list .case-ul{ margin-right:-14px;}
.case-list .case-li{ width:354px; height:360px; border:1px solid #ffffff; float:left; margin-right:14px; margin-bottom:14px;}
.case-list .case-li .pic{ width:354px; height:276px; overflow:hidden; position:relative;}
.case-list .case-li .pic img{width:344px; height:276px; display:block;padding: 5px;}
.caseDetail-push-imgfont{width: 344px; height:75px; padding: 5px; line-height: 24px; position:relative}
.caseDetail-push-head{display:inline-block; width:60px; height: 60px; float: left;}
.caseDetail-push-head img{display: inline-block; width: 60px; height: 60px; border: 1px #fff solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; }
.caseDetail-push-imgfont-name{color:#585858;overflow: hidden;white-space: nowrap;width: 180px; text-overflow:ellipsis;float: left;margin-left:12px;}
.caseDetail-push-imgfont-name a{color:#585858;}
.caseDetail-push-imgfont-setting{ font-size:14px; margin-top: 5px;color:#585858;float: left;margin-left: 5px;}
.caseDetail-push-imgfont-setting span{ display:inline-block; white-space:nowrap; color:#585858;margin:0 7px;}
.caseDetail-push-imgfont .xin_qon{    font-size: 14px;
    display: block;
    float: left;
    border: 1px solid #adadad;
    border-radius: 30px;
    padding: 0px 18px;
    color: #424242;
    margin: 10px 10px 0 45px;cursor: pointer;}
.caseDetail-push-imgfont .yu_yue{    font-size: 14px;
    display: block;
    float: left;
    border: 1px solid #adadad;
    border-radius: 30px;
    padding: 0px 18px;
    color: #ffffff;
    background: #adadad;
    margin: 10px 35px 0 0;cursor: pointer;}
.case-list .case-li:hover{-moz-box-shadow:0px 2px 20px #969696;-webkit-box-shadow:0px 2px 20px #969696;box-shadow:0px 2px 20px #969696;}

/*box*/
.caseDetail-box{z-index:10;bottom:90px;right:112px; position:absolute;}
.tc-box{width: 280px;height:auto; padding:10px; background:#fff; position:relative; border:1px solid #cccccc;}

.sj-bubble{width: 0;height: 0;border-left: 13px solid transparent ;border-right: 13px solid transparent;border-top: 12px solid #fff; bottom: -12px; right: 101px; position:absolute;}
.caseDetail-box-img{width:83px;height:101px; float:right;}
.caseDetail-box-img-intro{width: 190px; float:left; margin-left:3px; position:relative;}
.bt-bg{ width:129px; height:39px; background:url(../images/jzal/mz_bg.png) no-repeat; position:absolute; left:-25px; top:0;}
.caseDetail-box-intro{ width:100%; height:auto;}
.caseDetail-box-intro ul img{ width:83px; height:101px;}
.caseDetail-box-img-intro > p{margin-bottom: 5px;line-height:18px;color:#333;width:100%;overflow: hidden;}
.caseDetail-box-img-intro p:nth-of-type(1){
	font-size: 12px; color:#000000; height:18px; line-height:18px;  z-index:9; position:absolute; left:0;top:0;
}
.caseDetail-box-img-intro p:nth-of-type(2){ margin-top:22px;}
.caseDetail-box-img-intro p span{
	float: left;
	overflow: hidden;
}
.caseDetail-box-img-intro p span:last-of-type{ 
	width:120px; padding-left:5px;
}
.caseDetail-box-img-intro i{
	width: 60px;
	overflow: hidden;
	font-style: normal;
	float: left;
	overflow: hidden;
	margin-bottom: 3px;
}
.caseDetail-box-img-intro p span i{
	display: inline-block;
}
.caseDetail-box-label{color: #000000;}
.case-btn{ width:248px; height:25px; margin:0 auto 4px;}
.box-btn-l{display: inline-block; line-height: 25px; height: 25px;width: 111px;text-align: center; background:#424242; float:left; font-size:14px; color:#ffffff;}
.box-btn-r{display: inline-block; line-height: 25px; height: 25px;width: 111px;text-align: center; background:#f89e00; float:right; font-size:14px; color:#ffffff;}
.box-btn:hover{border: 1px #ff5d5e solid; color: #ff5d5e;}


.caseDetail{ width:798px; height:auto; border:1px solid #dcdcdc; margin-top:20px; padding-bottom:100px;}
.detail-bt{ width:798px; margin:0 auto; padding:30px 0 0;}
.detail-tit{ font-size:30px; text-align:center; padding-bottom:10px;}
.detail-sm{ width:58.333%; float:left; height:30px; line-height:30px; text-align:center; font-size:12px; color:#a3a3a3; text-align:right; padding-right:4px;}
.detail-fx{ float:left;}
.detail-sm i{ color:#a3a3a3;}
.detail-table{ width:750px; margin:10px auto 0;}
.marginbottom20{margin-bottom:20px;}
.caseDetail .table{border: 1px #dcdcdc solid;font-size:14px; float:left;}
.caseDetail .table td{border: 1px #dcdcdc solid; line-height: 48px; text-align: center;}
.caseDetail .table .casetd{background: #f2f2f2; width: 117px;}
.caseDetail .table a.detail-table-link{ padding:3px 10px; background:#535353; border-radius:5px; color:#ffffff;}
.caseDetail .table a.detail-table-link:hover{ padding:3px 10px; background:#f89e00; border-radius:5px; color:#ffffff;}
.sjs-r{ width:121px; height:147px;  float:right; position:relative;border: 1px #dcdcdc solid;}
.sjs-r img{ width:121px; height:147px;}
.zx-sjs{ width:100%; height:30px; line-height:30px; background:#f89e00 url(../images/jzal/lx_bg.png) 10px center no-repeat; position:absolute; left:0; bottom:0; text-indent:30px; font-size:14px; color:#000000;}
.caseIdea{ width:750px; height:auto; margin:0 auto;}
.caseIdea p{ line-height:24px; font-size:14px; color:#000000; margin-bottom:3px;}
.caseIdea p .hs-bk{ background:#e5e5e5; display:inline-block; padding:0 8px; margin-right:5px;}


.caseDetail-show{ width:798px; margin-top:40px;}
.caseDetail-img-nav{width:90px; min-height: 100px; padding-right:30px; }
.text-right { text-align: right; }
.caseDetail-img-nav .toggle{ width:40px; height:80px; position:absolute;}
.caseDetail-img-nav dl{ width:90px;height:400px;overflow:hidden;}
.caseDetail-img-nav dt{ font-size:16px;}
.caseDetail-img-nav dd{ line-height:30px; margin:5px 0;}
.caseDetail-img-nav .active a{ color:#ff343f;}
.caseDetail-img-nav li{ width:90px; height:30px; position:relative; line-height:30px;}
.caseDetail-img-nav li i{ width:16px; height:16px; background:url(../images/jzal/jt.png) no-repeat; display:block; position:absolute; right:-26px;top:7px; display:none; z-index:99; background-size:100% auto;}
.caseDetail-img-nav .active i{ display:block;}

.pic-nav{ position:relative;} 
.intro{ position:fixed;top:0;}
.pic-nav .toggle{ width:22px; height:50px; background:url(../images/jzal/ico_01.png) no-repeat 0 0; position:absolute; top:50%; left:-12px; margin-top:-25px;}
.pic-nav .toggle span{ display:block; height:50%; cursor:pointer;}
.pic-nav .toggle .disabled{ cursor:default;}
.pic-nav .toggle .top.disabled{ background:url(../images/jzal/ico_01.png) no-repeat 0 -54px;}
.pic-nav .toggle .down.disabled{ background:url(../images/jzal/ico_01.png) no-repeat 0 -79px;}


.caseDetail-img{  width:676px; border-left:solid 2px #ddd; position:relative;}
.acse-top{ width:33px; height:39px; background:url(../images/jzal/top.png) no-repeat; display:block; position:absolute; left:-17px; bottom:-60px;}
.acse-xh{ width:190px; height:32px; background:#f89e00; display:block; position:absolute;  color:#000000; font-size:14px; line-height:32px; text-align:center; left:50%; margin-left:-95px; bottom:-52px;}
.caseDetail-img .caseDetail-do .bds_more{ float:left; height:30px;line-height:30px; padding:0 18px; color:#fff; background:#000; opacity:.5; filter:alpha(opacity=50); margin:0 0 0 20px;}
.caseDetail-img .caseDetail-do .similar{ float:left; height:30px;line-height:30px; padding:0 18px; color:#fff; background:#000; opacity:.5; filter:alpha(opacity=50); margin:0 0 0 20px;}
.caseDetail-img .caseDetail-do a:hover{opacity:.8; filter:alpha(opacity=80);}
.caseDetail-cont{ width:607px; margin:0 auto; position:relative; text-align:center;}
.caseDetail-cont img{ width:100%; max-width:607px; height:auto; display:block;}
.caseDetail-font{ font-size:14px; line-height:30px;}
.case-tj{ width:100%; height:auto; margin-top:55px;}


.box-b-bt{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #dedede; font-size:18px;color:#535353; font-weight:bold;}
.case-tj-list{width:799px; height:auto; margin:15px auto 0;}
.case-tj-list .case-tj-ul{ margin-right:-14px;}
.case-tj-list .case-tj-li{ width:255px; height:345px; border:1px solid #dcdcdc; float:left; margin-right:14px; margin-bottom:14px;}
.case-tj-list .case-tj-li .pic{ width:255px; height:269px; overflow:hidden; position:relative;}
.case-tj-list .case-tj-li .pic img{width:255px; height:269px; display:block;}