@charset "utf-8";

.w-1100{border:0;padding:0;width:1200px;margin:0 auto;position: relative;}
.container { width:1200px; min-width:1200px; margin: 0 auto;}

.container span{font-size:14px; color:#585858;}

.container p{font-size:14px; color:#585858;}

.container span.on{color: #fe9b00;}

.n-container{margin-bottom: 100px;overflow: hidden;height: auto;}

.here{ color:#585858; padding:20px 0 0;}

.f-l{float: left !important;}

/*.container a.on{ color:#ff0000;}*/

.case_banner{background: url(/static/home/skin/images/xin/case_banner.jpg) center no-repeat;width: 100%;height: 435px;}

/*链接*/

.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;}



.container{width: 1200px !important;}

.w-1100{width: 1200px !important;}

.box-l{width: 880px !important;}

.n-container{background: #eeeeee;margin-bottom: 30px !important;}

.box-r{width: 296px !important;}



/* 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;margin-top:20px;}

.al-sort-ul{width:auto;border: 1px #ffffff solid;overflow:hidden;}

.al-sort-ul li.clearfix{line-height: 50px;border-top: 1px #eaeaea dotted;position: relative;top:-1px;}

.al-sort-ul-title{width: 95px;color:#000000;font-size: 16px;font-weight: bold;}

.al-sort-ul-angle{padding: 0 5px 0 6px;width: 1090px;overflow:hidden;background: #fff;}

.al-sort-ul-angle li{padding: 0 12px;display: inline;}

.al-sort-ul-angle li a{ display:inline-block; white-space:nowrap; font-size:14px; color:#585858;}

.al-sort-ul-m{width: 1090px;min-height: 50px;position:relative;background: #fff;}

.al-sort-ul-li{width: 1050px;height: 50px;line-height: 50px;overflow:hidden;color:#585858;}

.al-m-but{width:40px;height: 50px;position:absolute;right:0;top:5px;font-size: 13px;color: #585858;}

.yq_btn1{ width:40px; height:40px; background:url(/static/home/skin/images/jzal/flash-b.gif)  right center no-repeat; cursor:pointer; line-height:40px;}

.yq_btn2{ width:40px; height:40px; display:none;background:url(/static/home/skin/images/jzal/flash-t.gif)  right center no-repeat; cursor:pointer; line-height:40px;}

.al-sort-ul li.clearfix ul li.on  {background: #ffdc00;padding: 5px 12px;color: #333333;}

.al-sort-ul li.clearfix ul li.on a{color: #333333;}

#caseList{width: 1200px;}

#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: 1200px;height:auto;margin:15px auto 0;}

.case-list .case-ul{ margin-right:-14px; overflow: hidden;}

/* .case-list .case-li{width: 385px;height: 350px;border:1px solid #ffffff;float:left;margin-right:14px;margin-bottom:14px;} */
.case-list .case-li{width: 385px;height: auto;border:1px solid #ffffff;float:left;margin-right:14px;margin-bottom:14px;}

.case-list .case-li .pic{width: 385px;height: 288px;overflow:hidden;position:relative;}

.case-list .case-li .pic img{width: 385px;height: 288px;display:block;/* padding: 5px; */}

/* .caseDetail-push-imgfont{width: 375px;height: 65px;padding: 10px 5px 5px;line-height: 24px;position:relative;} */
.caseDetail-push-imgfont{width: 375px;height: auto;padding: 10px 5px 5px;line-height: 24px;position:relative;}

.case-tj-list .caseDetail-push-imgfont{width: 270px;height: 45px;padding: 10px 5px 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: 16px;margin-top: 10px;color:#585858;}

.caseDetail-push-imgfont-setting span{display:inline-block;white-space:nowrap;color:#585858;margin:0 4px;}

.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{border:1px solid #bfbfbf;}



.caseDetail-push-imgfont em{

    display: block;

    font-size: 20px;

    margin-left: 4px;

}



.case-list .case-li .hocer{width: 86px;

    height: 30px;

    display: block;

    border: 1px solid #565656;

    font-size: 14px;

    color: #565656;

    text-align: center;

    line-height: 30px;

    position: absolute;

    right: 10px;

    top: 25px;}



.case-list .case-li:hover .hocer{border: 1px solid #ffdc00;background: #ffdc00;color: #333333;}



.case-list .gen_duo{    font-size: 16px;

    text-align: center;

    padding: 12px 0;

    background: #eee;

    margin: 20px 0 35px;

    cursor: pointer;}