/* .clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.bgffffff{background: #ffffff;}
.bgf7f7f7{background: #f7f7f7;}
.bgf5f5f5{background: #f5f5f5;}
.w1200{ width:1200px; margin:0px auto;}
.w1260{ width:1260px; margin:0px auto;}
.ft26{font-size: 26px;}
.ft20{font-size: 20px;}
.bg0{background: none !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.h150{height: 150px;}
.mt40{margin-top: 40px !important;}


input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #333;} 

input:-moz-placeholder, textarea:-moz-placeholder{color: #333;} 

input::-moz-placeholder, textarea::-moz-placeholder{color: #333;} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #333;} */


.white{color: #fff !important;}

.red{color: #a21f24 !important;}

.gray333{color: #333 !important;}

.gray999{color: #999 !important;}



.f12{font-size: 12px;}

.f14{font-size: 14px !important;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 26px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f36{font-size: 36px;}

.f38{font-size: 38px !important;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}

.container{margin: 0 3.125%; box-sizing: border-box;}

.mt5{margin-top: 5px;}

.mt10{margin-top: 10px;}

.mt20{margin-top: 20px;}

img{display: block;}


.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    box-orient: vertical
}

.ellipsis2-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    font-size: 14px;
    max-height: 42px;
    box-orient: vertical
}

.ellipsis3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    box-orient: vertical
}

.ellipsis3-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-height: 1.5;
    font-size: 14px;
    max-height: 63px;
    box-orient: vertical
}

.ellipsis4 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    box-orient: vertical
}

.ellipsis4-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-height: 1.5;
    font-size: 14px;
    max-height: 84px;
    box-orient: vertical
}

.ellipsis5 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    box-orient: vertical
}

.ellipsis5-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-height: 1.5;
    font-size: 14px;
    max-height: 105px;
    box-orient: vertical
}

.ellipsis6 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    box-orient: vertical
}

.ellipsis6-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-height: 1.5;
    font-size: 14px;
    max-height: 126px;
    box-orient: vertical
}

.ellipsis7 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    box-orient: vertical
}

.ellipsis7-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-height: 1.5;
    font-size: 14px;
    max-height: 147px;
    box-orient: vertical
}

.ellipsis8 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    box-orient: vertical
}

.ellipsis8-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-height: 1.5;
    font-size: 14px;
    max-height: 168px;
    box-orient: vertical
}


.index-table{display: table;  height: 100%; width: 100%;}
.index-cell{display: table-cell;
    vertical-align: middle;

}

.ad_show{padding: 25px 0 0;}
.ad_show img{display: block; width: 100%;}

.mianbao{padding: 30px 0;}
.mianbao .anli_nav img{display: inline-block; margin-right: 10px; vertical-align: sub;}
.mianbao .anli_nav{color: #888888;}
.mianbao .anli_nav a{margin: 0 10px;}
.mianbao .anli_nav a.active{color: #333333;}

.select-box{ display: flex; flex-direction: column; position: relative; padding: 0 0 35px;}
.select-box .sort{ display: flex; flex-direction: column; border: 1px solid #e5e5e5;}
.select-box .sort .sortList{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-js-display: flex; display: flex; border-bottom: 1px solid #e5e5e5; line-height: 20px;}
.select-box .sort .sortList:nth-child(1){ border-top: none;}
.select-box .sort .sortList .sortListLeft{color: #888888; width: 115px; font-size: 15px;  display: flex; flex-direction: row;   padding-left: 30px; padding-top: 30px; box-sizing: border-box; }
.select-box .sort .sortList .sortListRight{-webkit-box-flex:1;-webkit-flex:1; -ms-flex:1; flex:1 1; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 15px 10px 15px 0;}
.select-box .sort .sortList .sortListRight a{  display: block; padding: 5px 12px 6px; margin: 8px 10px 0; color: #555;}
.select-box .sort .sortList .sortListRight a.on,.sort .sortList .sortListRight a:hover{ background: #ff5722; color: #fff; border-radius: 15px;}

.screen{ font-size: 16px; display: flex; flex-direction: row; justify-content: space-between; background: #f8f8f8; padding: 17px 30px;}
.screen .screenLeft{ display: flex; flex-direction: row;}
.screen .screenLeft .screenLeftAnniu{ display: flex; flex-direction: row;}
.screen .screenLeft .screenLeftAnniu dl{ display: flex; margin-right: 20px; flex-direction: row;  height: 34px; padding: 0 15px 0 0;  align-items: center; cursor: pointer;}
.screen .screenLeft .screenLeftAnniu dl dt{ color: #666; padding-right: 8px;}
.screen .screenLeft .screenLeftAnniu dl dd{ width: 9px; height: 12px; display: block; background: url(../images/screenleftanniu.png)no-repeat;}
.screen .screenLeft .screenLeftAnniu dl.on{ border-color: #ff5722;}
.screen .screenLeft .screenLeftAnniu dl.on dt a{ color: #ff5722;}
.screen .screenLeft .screenLeftAnniu dl.on dd{ background-position: 0 -12px;}
.screen .screenLeft .screenLeftSou{ position: relative; margin-left: 40px; width: 250px; height: 36px; background: #fff;border: 1px solid #DCDCDC; border-radius: 35px;  overflow: hidden;}
.screen .screenLeft .screenLeftSou .text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-indent: 10px; width: 100%;  height: 34px; line-height: 34px;}
.screen .screenLeft .screenLeftSou .sub{ position: absolute; right: 0; top: 0; bottom: 0; background: url(../images/zsousuo.png) no-repeat center center; background-size: 25px; color: #fff; width: 50px; cursor: pointer;}
.screen .screenRight{  font-size: 16px; color: #666; line-height: 36px; height: 36px;}
.screen .screenRight .num{color: #ff5722; padding: 0 5px;}

.pgcase{display: flex; flex-direction: row; width: 100%; flex-wrap: wrap;}
.pgcase li{width: 32%; background: #ffffff; margin-bottom: 20px; margin-left: 1.7%; overflow: hidden; display: flex; flex-direction: column;   transition: all 0.6s; overflow: hidden; border: 1px solid #eeeeee;}
.pgcase li em{display: block; overflow: hidden; position: relative;}
.pgcase li em img{
    width: 396.8px;
    height: 265px;
}
.pgcase li .text1{padding:  15px; box-sizing: border-box;  }
.pgcase li .text1 .t1{color: #333333; font-size: 16px; margin-bottom: 5px;}
.pgcase li .text1 .t2{color: #666666; font-size: 14px;}
.pgcase li .text2{padding:  15px; box-sizing: border-box;  border-top:  1px solid #eeeeee; display: flex;  display: flex; align-items: center; justify-content: space-between;}
.pgcase li .text2 .people{height: 45px; width: 45px; margin-right: 15px; overflow: hidden; border-radius: 3px;}
.pgcase li .text2 .people img{width: 100%;}
.pgcase li .text2 .t1{color: #333333; flex: 2;}
.pgcase li .text2 .zbut{background: #ff5722; cursor: pointer; width: 120px; height: 40px; color: #ffffff; text-align: center; line-height: 40px; border-radius: 5px;}
.pgcase li em .hovertext{opacity: 0;  transform: scale(1.1); transition: all 0.3s linear; position: absolute; background: rgba(0,0,0,.5); top: 0; left: 0; width: 100%; height: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.pgcase li em .hovertext span{transition: all 0.6s; width: 150px; margin: 0 10px; height: 40px; line-height: 40px; color: #ffffff; text-align: center; border: 1px solid #ffffff; border-radius: 35px;}
.pgcase li em .hovertext span a{color: #ffffff; display: block;}
.pgcase li .text1 a{background: url(../images/zsousuo.png) no-repeat center right; display: block;}
.pgcase li:hover em .hovertext{opacity: 1; transform:scale(1);}
.pgcase li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.pgcase li:nth-child(3n+1){margin-left: 0;}
.pgcase li em .hovertext span:hover{background:#ff5722 ; border: 1px solid #ff5722;}
.pgcase li:hover .text1 .t1{color: #ff5722;}


/* 精品案例详情 */
.casedes{  display: flex; flex-direction: column; padding-bottom: 40px;}
.casedes .inner{display: flex; display: -webkit-flex; flex-wrap: wrap;  justify-content: space-between; position: relative;}
.des-left{  background: #fff;  width: 900px; box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.des-left .title{ position: relative; background: #f8f8f8; padding: 20px 30px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; line-height: 50px;}
.des-left .title h2{ font-size: 30px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.des-left .title figure{ color: #666;}
.des-left .title .howmuch{ display: flex; flex-direction: row; position: absolute; top: 0; right: 0; background: #ff5722; padding: 14px 20px; line-height: 19px;}
.des-left .title .howmuch span{ display: block; width: 24px; height: 22px; background: url(../images/trimname.png) -80px center no-repeat;}
.des-left .title .howmuch sup{ color: #fff; font-size: 16px; margin-left: 8px;}
.des-left .title .howmuch:active{ background: #E62129;}


.destrim{ position: relative; }
.destrim .trimName{ display: flex; flex-direction: row; justify-content: space-between; position: relative;line-height: 36px;}
.destrim .trimName h2{ font-size: 22px; font-weight: bold;}
.destrim .box{padding: 30px; box-sizing: border-box;}
.destrim .trimTable{ display: flex; flex-direction: column; padding: 30px 0;}
.destrim .trimTable ol{ display: flex; flex-direction: row; flex-wrap: wrap; border-left: 1px solid #eee; border-top: 1px solid #eee;}
.destrim .trimTable ol li{ width: 279px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; line-height: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0;}
.destrim .trimTable ol li span{ font-size: 18px;}
.destrim .trimTable ol li sup{ color: #888;}
.destrim .trimName .also{ display: flex; flex-direction: row; align-items: center; border: 1px solid #B81C22; color: #B81C22; line-height: 34px; border-radius: 17px; padding: 0 30px; transition: all 300ms;}
.destrim .trimName .also span{ display: block; width: 18px; height: 22px; background: url(../images/trimname.png) -6px center no-repeat; transition: all 300ms;}
.destrim .trimName .also sup{ margin-left: 8px; transition: all 300ms;}
.destrim .trimName .also:active{ background: #B81C22; color: #fff;}
.destrim .trimName .also:active span{ background-position: -37px center;}
.destrim .trimDetail{ padding: 30px 0; display: flex; flex-direction: column; font-size: 15px; line-height: 2.2;}
.destrim .trimDetail img{ display: block; width: 100%; margin-top: 9px  !important;}
.destrim .trimDetail p{color: #555555; line-height: 36px;}

.destrim .trimSolo{ display: flex; flex-direction: row; justify-content: space-between; padding:20px 30px;  margin-top: 30px; border-top: 1px solid #e5e5e5;}
.destrim .trimSolo a{ display: block; line-height: 50px; font-size: 14px;  color: #555555;  transition: all 300ms;}
.destrim .trimSolo a:hover{ color: #ff5722;}
.destrim .trimSolo a img{display: inline-block; margin: 0 5px;}

.des-right{width: 300px;}
.des-right .despeo{width: 100%; border: 1px solid #e0e0e0; }
.des-right .despeo .box{padding: 20px; box-sizing: border-box;}
.des-right .despeo .box em{display: block; overflow: hidden; position: relative;}
.des-right .despeo .box em img{width: 100%;/* height: 265px; */}
.des-right .despeo .box em .tit{background: #ff5722; transition: all 0.6s; text-align: center;  width: 160px; height: 40px; line-height: 40px; position: absolute; bottom: 20px; right: 0;}
.des-right .despeo .box em .tit a{color: #ffffff;}
.des-right .despeo .box .text{padding: 20px 0; box-sizing: border-box; text-align: center;}
.des-right .despeo .box .text h3{color: #333333; font-size: 16px; margin-bottom: 10px;}
.des-right .despeo .box .text h3 span{font-size: 20px;}
.des-right .despeo .box .text p{font-size: 12px;color: #333333;}
.des-right .despeo .box .desmore{width: 240px; margin: 0 auto; transition: all 0.6s; text-align: center; border: 1px solid #ff5722; height: 40px; line-height: 40px; border-radius: 35px;}
.des-right .despeo .box .desmore a{color: #ff5722;}
.des-right .despeo .box em .tit:hover{transform: translateX(-10px);}
.des-right .despeo .box .desmore:hover{background: #ff5722;}
.des-right .despeo .box .desmore:hover a{color: #ffffff;}

.des-right .desmdcase{width: 100%; border: 1px solid #e0e0e0; margin-top: 20px;}
.des-right .desmdcase .tit{padding: 20px 10px; text-align: center; color: #000000; font-size: 26px;}
.des-right .desmdcase em{display: block; overflow: hidden;}
.des-right .desmdcase em img{display: block; width: 100%;}
.des-right .desmdcase .text{padding:15px 20px; box-sizing: border-box;}
.des-right .desmdcase .text h3{color: #333333; font-size: 20px; margin-bottom: 8px;}
.des-right .desmdcase .text p{font-size: 14px;color: #333333;}
.des-right .desmdcase .deszx{width: 100%; margin-top: 20px; height: 45px; line-height: 45px; border-radius: 5px; background: #ff5722; text-align: center;}
.des-right .desmdcase .deszx a{color: #ffffff; font-size: 15px;}

/*算一算*/
.add-money{background: #ffffff;}
.add-money .img-box{background: url(../images/add-mon-pic1.jpg)no-repeat center top; height: 130px; background-size: cover; padding: 30px 20px; box-sizing: border-box; color: #ffffff;}
.add-money .img-box p{font-size: 20px;}
.fitup{width: 300px;border: 1px solid #e0e0e0; background: #ffffff;}
.fitup .fitupSuan{ display: flex; flex-direction: column; padding:15px }
.fitup .fitupSuan .fitupSuanJiqi{ font-family: 'DIN'; font-weight: bold; font-size: 36px; display: flex; flex-direction: row; padding-right: 25px; justify-content: flex-end; align-items: center; background: url(../images/fitupsuanjiqi.jpg) no-repeat; background-size: 100% 100%; height: 68px; }
.fitup .fitupSuan .fitupSuanShuru{padding-right: 10px; display: flex; align-items: center; flex-direction: row; border-radius: 4px; position: relative;  background: #f5f5f5; margin-top: 10px;}
.fitup .fitupSuan .fitupSuanShuru .text{ width: 100%; text-indent: 10px; height: 50px; line-height: 50px; background: none;}
.fitup .fitupSuan .fitupSuanShuru .sub{ height: 50px; line-height: 50px; background: #ff5722; color: #fff; width: 100%; border-radius: 4px; font-size: 20px; cursor: pointer;}
.fitup .fitupSuan .fitupSuanShuru .sub:active{ background: #ff5722;}
.reckon_fixed_top{ position:fixed; top:80px; z-index: 99;}
.reckon_fixed_bottom{ position: absolute; bottom: 0;}


.yuyuegd{width: 100%;background: #ffffff; border: 1px solid #e0e0e0;}
.yuyuegd .title{padding: 20px; box-sizing: border-box; text-align: center; font-size: 20px; border-bottom: 1px solid #e0e0e0;}
.yuyuegd .title span{color: #ff5722;}
.yuyuegd-box{padding: 10px 20px;}
.yuyuegd-box ul li{line-height: 35px; display: flex; display: -webkit-flex; justify-content: space-between;} 

/*猜你喜欢*/
.likecase{background: #f8f8f8; padding-bottom: 20px;}
.liketitle{display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 25px 0; box-sizing: border-box;}
.liketitle h3{color: #333333; font-size: 26px; font-weight: 600;}
.liketitle a{font-size: 14px;color: #666666;}
.liketitle a span{font-family: "宋体"; margin-left: 5px;}



/*设计师团队*/
.pgdesigner{display: flex; display: -webkit-flex; flex-wrap: wrap; }
.pgdesigner li{width: 280px;margin-bottom: 20px;margin-left: 30px;background: #f8f8f8;position: relative;transition: all .5s;}
.pgdesigner li em{display: block; overflow: hidden; position: relative;}
.pgdesigner li em img{display: block;width: 280px;height: 425px;transition: all .5s;}
.pgdesigner li em .hovertext{position: absolute; opacity: 0; transition: all .5s; transform: translateY(100px); display: flex; display: -webkit-flex; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-align: center;}
.pgdesigner li em .hovertext span{width: 50%; background: #333333;}
.pgdesigner li em .hovertext span a{color: #ffffff;}
.pgdesigner li em .hovertext span.span1{background: #e60013;}
.pgdesigner li .text{padding: 15px 10px;box-sizing: border-box;} 
.pgdesigner li .text .t1{color: #333333; font-size: 14px;}
.pgdesigner li .text .t1 span{color: #333333; font-size: 18px; margin-right: 10px;}
.pgdesigner li .text .t1 i{display: inline-block; margin-right: 5px;}
.pgdesigner li:hover .text .t1 span{color: #ff5722;}
.pgdesigner li .tips{position: absolute; top: 10px; left: 0; text-align: center; width: 60px;height: 28px;background: #ff5722;border-radius: 0 0 15px 0;color: #fff;line-height: 28px;}
.pgdesigner li .tips img{display: inline-block; }
.pgdesigner li:nth-child(4n+1){margin-left: 0;}
.pgdesigner li:hover{background: #ffffff; -ms-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
-o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
box-shadow: 0 0px 15px rgba(0,0,0,0.2); }
.pgdesigner li:hover em .hovertext{opacity: 1; transform: translateY(0);}
.pgdesigner li:hover em img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);}
    


/*设计团队详情*/
.xq-designer {padding-bottom: 40px; }
.xq-designer .inner{display: flex; display: -webkit-flex; justify-content: space-between; position: relative;}
.xq-destitle{padding: 0 0 20px; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.xq-destitle h3{color: #000000; padding-left: 20px; font-size: 22px; font-weight: bold; position: relative;}
.xq-destitle h3::after{position: absolute; content: ""; left: 0; height: 20px; width: 5px; background: #ff5722; border-radius: 5px; left: 0; top: 50%; margin-top: -8px; border-radius: 5px;}
.xq-destitle a{color: #666666;}
.xq-destitle:hover a{color: #ff5722;}
.xq-designer .des-left{box-shadow: none;	}
.xq-designer-list .item{width: 100%; display: flex; display: -webkit-flex; padding-bottom: 22px; padding-top: 22px; border-bottom: 1px solid #e5e5e5;}
.xq-designer-list .item .img-box{width: 320px; height: 240px; position: relative; overflow: hidden; margin-right: 20px;}
.xq-designer-list .item .img-box img{width: 100%; height: 100%; object-fit: cover;  transition: all 0.3s linear;}
.xq-designer-list .item .an-detail .text-title{color: #333333; font-size: 20px; margin-top: 5px;}
.xq-designer-list .item .an-detail .text-sub{margin-top: 12px;}
.xq-designer-list .item .an-detail .text-sub span{color: #666666; padding: 0 20px; border-left: 1px solid #666666;}
.xq-designer-list .item .an-detail .text-sub span:first-of-type{padding: 0 20px 0 0; border-left: none;}
.xq-designer-list .item .an-detail .img-list{display: flex; display: -webkit-flex; align-items: center; margin-top: 25px;}
.xq-designer-list .item .an-detail .img-list .img{width: 210px; height: 140px; overflow: hidden; margin: 0 15px 0 0; border-radius: 5px; transition: all 0.3s linear;}
.xq-designer-list .item .an-detail .img-list .img img{display: block; width: 100%; overflow: hidden; transition: all 0.3s linear;
height: 100%;
object-fit: cover;}

.xq-designer-list .item .an-detail .img-list .more{display: flex; justify-content: center; transition: all all 0.6s; align-items: center; background: #f8f8f8; overflow: hidden;height: 140px; border-radius: 5px; width: 110px;}
.xq-designer-list .item:first-of-type{padding-top: 0;}

.xq-designer-list .item .img-box:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);} 
	
.xq-designer-list .item:hover .img-box img ,.xq-designer-list .item .an-detail .img-list .img:hover img{ transform: scale(1.1);}
.xq-designer-list .item:hover .img-box:before{ left: 150%; transition: left 1s ease 0s;}

.xq-designer-list .item .an-detail .img-list .more:hover{background: #ff5722; }
.xq-designer-list .item .an-detail .img-list .more:hover a{color: #ffffff;}


/*设计师详情介绍*/
.xq-des-jieshao{background: #f8f8f8; margin-bottom: 20px;}
.xq-jieshaobox{ display: flex; flex-direction: column; padding: 0 0 40px;}
.xq-jieshaobox .inner{ display: flex; flex-direction: row; justify-content: space-between;}
.xq-jieshaobox .inner .itectPic{ width: 380px; display: flex; flex-direction: column; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.xq-jieshaobox .inner .itectPic img{width: 100%;height: 100%;object-fit: cover;}
.xq-jieshaobox .inner .itectLayer{ width: 810px; padding: 30px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background: #fff; display: flex; flex-direction: column;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 19px; border-bottom: 1px solid #eee;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneRight{ display: flex; flex-direction: column;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek{ display: flex; flex-direction: row; align-items: center; border: 1px solid #ff5722; color: #ff5722; line-height: 38px; border-radius: 19px; padding: 0 30px; transition: all 300ms;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek span{ display: block; width: 18px; height: 22px; background: url(../images/trimname.png) -6px center no-repeat; transition: all 300ms;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek sup{ margin-left: 8px; transition: all 300ms;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek:active{ background: #ff5722; color: #fff;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek:active span{ background-position: -37px center;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneLeft{ display: flex; flex-direction: row; position: relative; line-height: 24px;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneLeft:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; left: 0; width: 3px; background: #ff5722;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneLeft h2{ font-size: 24px; padding-left: 10px;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneLeft span{ color: #555; padding: 0 40px 0 20px;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneLeft dl{ display: flex; flex-direction: row; color: #ff5722;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneLeft dl dt{ display: flex; flex-direction: column; align-items: center; height: 24px; width: 12px; background: url(../images/itectlayeroneleft.png) center center no-repeat;}
.xq-jieshaobox .inner .itectLayer .itectLayerOne .itectLayerOneLeft dl dd{ padding-left: 4px;}

.xq-jieshaobox .inner .itectLayer .itectLayerTwo{ display: flex; flex-direction: column; padding: 20px 0;}
.xq-jieshaobox .inner .itectLayer .itectLayerTwo ol{ display: flex; flex-wrap: wrap; justify-content:space-between;}
.xq-jieshaobox .inner .itectLayer .itectLayerTwo ol li{width: 48%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -js-display:flex; display: flex; line-height: 2.4;}
.xq-jieshaobox .inner .itectLayer .itectLayerTwo ol li .t1{ color: #666;}
.xq-jieshaobox .inner .itectLayer .itectLayerTwo ol li .t2{ -webkit-box-flex:1; -webkit-flex: 1; -ms-flex: 1; flex: 1 1; display: flex;}
.xq-jieshaobox .inner .itectLayer .itectLayerThree{border-top: 1px solid #eeeeee;padding:  0 0 20px;line-height: 30px;height: 388px;overflow-x: hidden;overflow-y: auto;}
.xq-jieshaobox .inner .itectLayer .itectLayerThree .Tit{margin-top: 20px; position: relative;color: #333333; font-size: 16px; display: inline-block;padding-bottom: 5px; border-bottom: 2px solid #ff5722;}

.xq-jieshaobox .inner .itectLayer .itectLayerThree .con{ margin-top: 10px; color: #666666; font-size: 14px;}


.current-house{background:#f8f8f8;height: 60px; line-height: 60px; margin-bottom: 20px;}
.current-house ul{display: flex; display: -webkit-flex; justify-content: center;}
.current-house ul li{text-align: center; width: 25%;}
.current-house ul li a{font-size: 18px; color: #000000; position: relative; display: block;}
.current-house ul li.current a{color: #ff5722; }
.current-house ul li.current a::after{position: absolute; content: ""; left: 50%; bottom: 0; margin-left: -12px; background: #ff5722; width: 20px; height:3px;}
.current-house ul li:hover a{color: #ff5722;}


.xq-designer .conitem{margin-top: 20px;}
.xq-koubei {display: flex; display: -webkit-flex; flex-wrap: wrap;}
.xq-koubei li{width: 290px; margin-left:15px ; margin-bottom: 10px;}
.xq-koubei li:nth-child(3n+1){margin-left: 0;}
.xq-koubei li img{display: block; width: 100%;}


.xq-shiping li{background: #ffffff !important; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); transition: all 0.6s;}
.xq-shiping li .stockTwnt h2{color: #333333; font-size: 16px !important;}
.xq-shiping li:hover .stockTwnt h2{color: #ff5722;}


.des-zzmd {margin-bottom: 40px;}
.des-zzmd .box{display: flex; display: -webkit-flex; background: #ffffff; box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.des-zzmd .box .img{width: 700px; }
.des-zzmd .box .img img{display: block; width: 100%; }
.des-zzmd .box .right{padding: 25px 35px 0; box-sizing: border-box;}
.des-zzmd .box .right .tit{padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.des-zzmd .box .right .tit h3{color: #333333; font-size:28px; margin-bottom: 10px;}
.des-zzmd .box .right .tit p{color: #333333; font-size:16px; margin-bottom: 10px;}
.des-zzmd .box .right .tp{padding: 20px 0;  border-bottom: 1px solid #e5e5e5;}
.des-zzmd .box .right .tp p{color: #333333; font-size:16px; line-height: 35px;}
.des-zzmd .box .right .form{padding: 15px 0; }
.des-zzmd .box .right .form h4{color: #333333; font-size:20px; margin-bottom: 20px;}
.des-zzmd .box .right .form form{display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.des-zzmd .box .right .form form input{width: 49%; height: 45px; line-height: 45px; border-radius: 5px; background: #f8f8f8; border: 1px solid #e5e5e5; color: #aaaaaa; padding: 0 10px; box-sizing: border-box; margin-bottom: 10px;}
.des-zzmd .box .right .form form input.submit{background: #ff5722; color: #ffffff; border: none;}


/*分页*/
.pager{ display: flex; display: -webkit-flex; align-content: center; justify-content: center; line-height: 38px; padding: 50px 0;}
.pager a{border: 1px solid #e2e2e2; transition: all 0.6s;  height: 38px; width: 38px; line-height: 38px; border-radius: 50%; margin: 0 8px; text-align: center;}
.pager a.prev ,.pager a.next{ width: auto; padding: 0 20px; border-radius: 35px;}
.pager .text{border: 1px solid #e2e2e2;  height: 38px;  border-radius: 35px; margin: 0 10px; width: 60px; text-align: center;}
.pager .submit{border: 1px solid #ff5722; color: #ff5722;background: none; height: 38px;  border-radius: 35px; margin: 0 10px; padding: 0 20px;}
.pager a:hover{background: #ff5722; color: #ffffff; border: 1px solid #ff5722;}


/*内页banner*/
.sub-banner{  height: 540px; min-height: 280px;  background-repeat: no-repeat;  background-position: center;  background-size: cover;  position: relative;  }
.sub-banner .text-box{  position: absolute;  left: 0;  top: 35.79%;  width: 100%;  }
.sub-banner .text-box .cn{     color: #fff ;font-size: 22px; margin-top: 20px; }
.sub-banner .text-box .en{  font-size: 60px;   color: #fff;  font-weight: bold; }



/*发展历程*/
.aboutbox {padding: 40px 0;  display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.aboutbox .left{width: 300px;}
.aboutbox .left .box{background: #ffffff; padding-bottom: 15px; border-radius: 8px 8px 0 0; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); overflow: hidden;}
.aboutbox .left .box .title{background: #ff5722; padding: 30px 10px;}
.aboutbox .left .box .title img{display: block; margin: 0 auto;}
.i-menu li{position: relative; height: 58px; line-height: 58px; padding: 0 0 0 40px; transition: all 0.6s; border-left: 7px solid #e5e5e5; margin-top: 15px;}
.i-menu li a{color: #333333; font-size: 18px; display: flex; display: -webkit-flex; align-items: center;}
.i-menu li.li-light{border-left: 7px solid #ff5722 ;}
.i-menu li.li-light a{color: #ff5722;}
.i-menu li span{ width: 30px; height: 30px; margin-right: 10px; transition: all 0.6s;}
.i-menu li span.span1{background: url(../images/i-menu-ico1.png) no-repeat top ;}
.i-menu li span.span2{background: url(../images/i-menu-ico2.png) no-repeat top ;}
.i-menu li span.span3{background: url(../images/i-menu-ico3.png) no-repeat top ;}
.i-menu li span.span4{background: url(../images/i-menu-ico4.png) no-repeat top ;}
.i-menu li span.span5{background: url(../images/i-menu-ico5.png) no-repeat top ;}.i-menu li span.span6{background: url(../images/i-menu-ico6.png) no-repeat top ;}
.i-menu li:hover span{background-position: 0 -30px;}
.i-menu li.li-light span{background-position: 0 -30px;}

.aboutbox .right{width: 905px; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); }
.pgabtitle{text-align: center;  padding: 25px 0;}
.pgabtitle h3{color: #000000; font-weight: bold; font-size: 28px;}
.pgabtitle span{display: block; width: 25px; height: 2px; background: #ff5722; margin: 10px auto;}
.fz-history{position: relative; padding-bottom: 60px;}
.fz-history::after{position: absolute; content: ""; left: 84px; top: 0; height: 100%; width: 2px; background: #eeeeee;}
.fz-history-list{padding-left: 160px; box-sizing: border-box;}
.fz-history-list li {padding-top: 20px;}
.fz-history-list li .date{color: #333333; font-family: "DIN"; margin-bottom: 10px; font-size: 30px; position: relative;}
.fz-history-list li .date::before{position: absolute; content: "";z-index: 2; left: -90px; top: 50%; margin-top: -15px; background: #ffffff; border: 2px solid #eeeeee; box-sizing: border-box; border-radius: 50%; width: 30px; height: 30px;}
.fz-history-list li .date::after{position: absolute; content: "";z-index: 3; left: -80px; top: 50%; margin-top: -5px;  background: #ff5722; border-radius: 50%; width: 10px; height: 10px;}

.fz-history-list li .text{margin-bottom: 10px;}
.fz-history-list li .text>div{display: flex; display: -webkit-flex; flex-wrap: wrap; line-height: 35px;}
.fz-history-list li .text p{color: #333333; font-size: 15px; width: 95%;}
.fz-history-list li .text span{display: inline-block; width: 4px; height: 4px; margin-top: 17px; background: #ff5722;  border-radius:50%; margin-right: 15px;}
.fz-history-list li .img{display: flex; display: -webkit-flex; flex-wrap: wrap; margin-bottom: 20px;}
.fz-history-list li .img .pic{width: 47%; margin: 15px 15px 0 0;}
.fz-history-list li .img .pic img{display: inline-block;  width: 100%;}

/* 招贤纳士 */
.jiaru-list{padding: 0 20px; box-sizing: border-box;}
.recruit { width: 100%; position: relative;}
.recruit li{ margin-bottom: 20px;}
.recruit li.recruit-tit{background: #fce5e7; border: none;}
.recruit li.recruit-tit{font-size: 18px;}
.recruit li.recruit-tit figure:last-of-type {width: 11% !important;}
.recruit li .xianshi{ border:1px solid #eee;  height: 70px; line-height: 70px; display: flex; align-items: center; justify-content: space-between;}
.recruit li .xianshi .rc-name{ color: #666; font-size: 16px;  padding: 0 15px 0 20px; box-sizing: border-box; width: 250px;}
.recruit li .xianshi .rc-text{ flex: 1; display: flex; justify-content: space-between; text-align: center;  align-items: center; }
.recruit li .xianshi .rc-text figure{ color: #666666; width: 25%; line-height: 35px;}
.recruit li .xianshi .more-btn{width: 60px; color: #666666; font-size: 22px;	 display: block;text-align: center;  cursor: pointer;}
.recruit li .xianshi .more-btn b{ display: inline-block; background:#ff5722 ; color: #ffffff; line-height: 22px; width: 24px; height: 24px; box-sizing: border-box; border-radius: 50%; vertical-align: middle;}
.recruit li .yincang{ border:1px solid #eee; border-top: none; padding:0 20px; display: none;}
.recruit li .yincang .name{  color: #000000; font-size: 16px;padding-top:1.5vw; padding-bottom: 1vw;} 
.recruit li .yincang .potext p{ color: #555555; font-size: 14px; line-height: 35px;}
.recruit li .yincang .mail{color: #ff5722; font-size: 16px; padding: 40px 0 40px;}

/*企业文化*/
.Culture-box{padding: 0 20px; box-sizing: border-box;}
.Culture-box-list li{display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; background: #f8f8f8; margin-bottom: 20px; transition: all 0.6s;}
.Culture-box-list li .text{width: 50%; padding: 10px 28px; box-sizing: border-box; }
.Culture-box-list li .text h3{color: #ff5722; font-weight: bold; font-size: 24px; margin-bottom: 20px;}
.Culture-box-list li .text p{color: #000000; font-size: 14px; line-height: 35px;}
.Culture-box-list li .img{display: block; width: 50%;}
.Culture-box-list li .img img{display: block; width: 100%;}
.Culture-box-list li:hover{background: #ffffff; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); transform:translateX(10px);}

.clear40{height:40px;overflow:hidden;clear:both;}

/*添加*/

/* .clear10{height:10px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
.clear30{height:30px;overflow:hidden;clear:both;}
.clear40{height:40px;overflow:hidden;clear:both;}
.clear150{height:150px;overflow:hidden;clear:both;}
.clearfix:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}
ol,ul,li{list-style:none outside none;}
a{color:#333;  text-decoration:none}
a img{border:0 none;}
a:hover{ color: #ff5722}
table,tr,td,th{border-collapse:collapse;padding:0; margin:0;}
img{vertical-align: middle;}
input,textarea,button,select{padding:0 2px; resize:none;-webkit-appearance: none !important;outline: none; border:none; background:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}

 h2,h3,h4,h5,h6{ font-weight: normal;} */
 
.padding{ padding:10px;}
.info{ line-height:2; text-align:left; }
.color{ color:#ff5722; font-size:16px; font-weight: normal;}
 
.z-dis-flex-center-center{ display: flex; align-items: center;  justify-content: center;}
.z-dis-flex-between-center{display: flex;align-items: center;justify-content: space-between;}
.z-dis-flex-between{ display: flex; justify-content: space-between;}
.z-dis-flex-center{ display: flex; align-items: center;}
.z-dis-flex{ display: flex;}

/*分页样式*/
.pglist {padding:  40px 0;width: 100%;text-align: center;clear: both;}
.pglist a {color: #333;padding: 0 15px;margin: 0 4px;background: #fff;border: 1px solid #edebeb;}
.pglist a.close {background: #f2f2f2 !important;}
.pglist * {display: inline-block;vertical-align: middle;line-height: 34px;padding-bottom: 1px;}
.pglist a:hover,.pglist .hover {display: inline-block;color: #fff;background: #ff5722;border-color: #ff5722;}
/* 变色 */
 
.m1240{ width: 1240px; margin: 0 auto;}
.z-honorban{ margin: 35px 0;}
.z-locaion{ margin-bottom: 35px; letter-spacing: 2px;  color: #888;}
.z-locaion a{ color: #000; margin-left: 5px;}
.z-locaion  img{ margin-right: 5px;}

.z-prolist li{ width: 600px; margin-right: 40px; box-shadow: 0 0 20px rgba(0, 0, 0,0.05); float: left; margin-bottom: 30px;}
.z-prolist li:nth-child(2n){ margin-right: 0;}
.z-prolist li .img{ position: relative; overflow: hidden;}
.z-prolist li .img:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);} 
.z-prolist li .img img{ display: block; width: 100%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;}
.z-prolist li .txt{ padding: 20px 16px; position: relative;}
.z-prolist li .txt h3{ font-size: 20px; color: #ff5722; margin-bottom: 15px;}
.z-prolist li .txt p{ color: #666666; line-height: 24px; display: inline-block;white-space: nowrap; width: 398px;  overflow: hidden;text-overflow:ellipsis;}
.z-prolist li .txt a{ position: absolute; right: 16px; top: 20px; width: 120px; height: 30px; color: #fff; background: #ff5722; border-radius: 20px;}
.z-prolist li:hover .img:before{ left: 150%; transition: left 1s ease 0s;}
.z-prolist li:hover .img img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}

.btn3{ position:relative; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; border: #ff5722 1px solid;}
.btn3:hover{  border: #ff5722 1px solid;}
.btn3:hover .btn-inner{color:#ff5722; }
.btn3 .btnbg-x{  position:absolute; background: #fff; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;  }
.btn3:hover .btnbg-x{ width:100%; left:0px; }
.btn3 span{ position:relative; z-index:1;}

.z-caseinfo-img{ display: flex;box-shadow: 0 0 20px rgba(0, 0, 0,0.05); }
.z-caseinfo-img .img img{ width: 700px; height: 500px;}
.z-caseinfo-img .txt{ width: calc(100% - 770px); padding: 35px; flex-direction: column;}
.z-caseinfo-img .txt h2{ font-size: 28px;}
.z-caseinfo-img .txt h3{ font-size: 20px;}
.z-caseinfo-img .txt h4{ font-size: 16px; display:block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
.z-caseinfo-img .txt .line{ height: 1px; width: 100%; background: #e5e5e5;}
.z-caseinfo-img .txt  .form input{   border: 1px solid #e5e5e5; background: #f8f8f8; padding-left: 15px; width: 210px; height: 44px; display: inline-block; }
.z-mt15{margin-bottom: 15px;}
.z-caseinfo-img .txt  .form button{ background: #ff5722; color: #fff; width: 226px; height: 46px;display: inline-block;}

.z-caseinfo-info { margin-top: 35px; position: relative;}
.z-caseinfo-info .left{ width: 900px;}
.location-ul{ background: #f8f8f8; height: 60px;}
.location-ul li{ width: 50%; list-style: 60px;}
.location-ul li a{  height: 60px; line-height: 60px; }
.location-ul li a .active,.location-ul li a:hover  span{ color: #ff5722; position: relative;}
.location-ul li a .active::before,.location-ul li a:hover span::before{position: absolute; width: 24px; height: 3px; display: block; content: ''; background: #ff5722; bottom: 0; left: 16px;}

.info-tit{ height: 85px;}
.info-tit span{ font-weight: bold; font-size: 22px; border-left: 3px solid #ff5722; padding-left: 16px;}
.xgal-ul li{ border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; margin-bottom: 25px;}
.xgal-ul li:last-child{ margin-bottom: 0;}
.xgal-ul li .img{ width: 320px; height: 240px; overflow: hidden;}
 
.xgal-ul li .img img{ object-fit: cover; width: 320px; height: 240px;transition: all .3s;}
.xgal-ul li .txt{ width: calc(100% - 340px); flex-direction: column;}
.xgal-ul li .txt h2{ font-size: 20px; padding-top: 20px; margin-bottom: 15px;}
.xgal-ul li .txt .desc{  font-size: 16px; color: #666666; }
.xgal-ul li .txt .desc span{  margin: 0 15px;}
.xgal-ul li .txt .xgal-img-ul img{ width: 210px; height: 140px; object-fit: cover;  border-radius: 10px;}
.xgal-ul li .txt .xgal-img-ul a{ height: 140px; border-radius: 10px; background: #f8f8f8; width: 110px;}
.xgal-ul li .txt .xgal-img-ul a:hover{ color: #fff; background: #ff5722;}
.xgal-ul li .img:hover img{ transform: scale(1.05);}

.hxfe ul li { margin-bottom: 25px;}
.hxfe ul li .img{ width: 320px; height: 240px; overflow: hidden;}
 
.hxfe ul li .img img{ object-fit: cover; width: 320px; height: 240px;transition: all .3s;}
.hxfe ul li .txt{ width: calc(100% - 340px); flex-direction: column;}
.hxfe ul li .txt h2{ font-size: 20px; padding-top:10px; margin-bottom: 15px;}
.hxfe ul li .txt .desc{  font-size: 14px; color: #666666; }
.hxfe ul li .txt .desc a{ color: #333; font-size: 18px;}
.hxfe ul li .txt .desc a:hover{ color: #ff5722;}
.hxfe ul li .txt .text-descript{ color: #999; margin-top: 20px;}
.hxfe ul li .img:hover img{ transform: scale(1.05);}

.sjfwtd ul li{ float: left; width: 200px; margin-right: 33.3px;}
.sjfwtd ul li:nth-child(4n){ float: right; margin-right: 0;}
.sjfwtd ul li .img{  position: relative;}

.sjfwtd ul li .img a{  position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0,0.5); color: #fff; height: 40px; transition: all .36s; }
.sjfwtd ul li .img:hover a{ height: 100%;}
.sjfwtd ul li .txt{ display: flex; align-items: center; justify-content: center; margin-top: 17px; }
.sjfwtd ul li .txt a{ border: 1px solid #ff5722; color: #ff5722; width: 140px; height: 34px; border-radius: 20px; position:relative; overflow:hidden; transition: all .36s;}

.sjfwtd ul li .txt a:hover{  border: #ff5722 1px solid;   }
 
.sjfwtd ul li .txt a:hover .btn-inner{color:#fff; }
.sjfwtd ul li .txt a .btnbg-x{  position:absolute; background: #ff5722; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;  }
.sjfwtd ul li .txt a:hover .btnbg-x{ width:100%; left:0px;  }
.sjfwtd ul li .txt a span{ position:relative; z-index:1;}

.z-caseinfo-info .right{ width: 320px;}

.gbookright { background: #f5f5f5;}
.gbookright .tit img{  margin-top:-12px; margin-left: 30px;}
.gbookright .con{  padding: 30px; height: 330px; display: flex; justify-content: space-between;  flex-direction: column;}
.gbookright .con h3{ font-size: 20px;}
.gbookright .con h1{ font-size: 30px;}
.gbookright .con input{ border: 1px solid #aaa; height: 48px; padding-left: 15px;}
.gbookright .con  p{ text-align: center;}
.gbookright .con  button{ background: #ff5722; color: #fff; height: 48px;}
 

.now-news{ border: 1px solid #e5e5e5; padding: 0 20px; margin-top: 20px;}
.now-news .tit{ padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.now-news .tit span{  font-size: 22px;}
.now-news ul,.now-news  dl { padding: 15px 0;}
.now-news ul li{ line-height: 40px; white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
.now-news  dl   { display: flex; flex-wrap: wrap;}
.now-news  dl  dt{ border: 1px solid #e5e5e5;   margin-right: 10px; margin-bottom: 10px;}
.now-news  dl  dt a{ display: block;padding: 8px;}
.now-news  dl  dt a:hover{ color: #fff; background-color:#ff5722;}


.z-shuai{  line-height: 65px; box-shadow: 0 0 10px rgba(0, 0, 0,0.05);}
.z-shuai  span{ width: 135px; display: inline-block; text-align: center;  color: #888888 ; font-size: 16px;}
.z-shuai  div{ width: calc(100% - 135px);}
.z-shuai a{ color: #333333; margin-right: 20px; height: 30px; line-height: 30px; display: inline-block; border-radius: 15px;padding: 0 10px;}
.z-shuai a.on,.z-shuai a:hover{ color: #fff; background: #ff5722; }

.z-jzlp li{ border: 1px solid #e5e5e5; margin-bottom: 25px;}
.z-jzlp li:last-child{ margin-bottom: 0;}
.z-jzlp li .img{ width: 375px; height: 300px; position: relative;  overflow: hidden; }
.z-jzlp li .img img{ width: 375px; height: 300px; transition: all .36s; object-fit: cover;}
.z-jzlp li .img span{ background: #ff5722; color: #fff; position: absolute ; left: 0; top: 0; height: 30px; line-height: 30px; padding: 0 15px; border-radius: 0  0 15px 0;}

.z-jzlp li .img:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);} 
.z-jzlp li:hover .img:before{ left: 150%; transition: left 1s ease 0s;}
.z-jzlp li:hover .img img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
	

.z-jzlp .txt{ width: calc(100% - 410px);}
.z-jzlp .txt h2{ font-size: 20px;}
.z-jzlp .txt  h4{ color: #555555; font-size: 15px; margin: 25px 0;}
.z-jzlp .txt  h4  span{ margin-right: 50px;}
.z-jzlp .txt  h4 b{ color: #ff5722;}
.z-jzlp .txt  div{color: #555555;}
.z-jzlp .txt h3{ color:#000000; font-size: 16px;margin: 25px 0;}
.z-jzlp .txt h5{}
.z-jzlp .txt h5 span{ margin-right: 18px; height: 26px; line-height: 26px; padding: 0 9px; border-radius: 15px;}
.z-jzlp .txt h5 span:nth-child(1){ color: #ff5722; background: #fce5e7;}
.z-jzlp .txt h5 span:nth-child(2){ color: #84cfad; background: #f2faf7;}
.z-jzlp .txt h5 span:nth-child(3){ color: #f9c91d; background: #fefae8;}

.now-news .caxh{ padding: 15px 0;}
.now-news .caxh a{ display: inline-block; margin-bottom: 10px; margin-right: 10px; float: left; width: 86px; height: 86px; overflow: hidden;}
.now-news .caxh a img{ width: 86px; height: 86px; object-fit: cover; transition: all .36s; }
.now-news .caxh a:nth-child(3n){  float: right; margin-right: 0;}
.now-news .caxh a:hover {box-shadow: 0 0 10px rgba(0, 0, 0,0.1);}
.now-news .caxh a:hover img{ transform: scale(1.1);}

.z-jzlpxq-img{ background: #f8f8f8;}
.z-jzlpxq-img .img{width: 620px;height: 500px;position: relative;margin-top: 80px;margin-left: 30px;}
.z-jzlpxq-img .txt{ width: calc(100% - 715px); padding-right: 45px; padding-top: 40px; padding-bottom: 40px;}
.z-jzlpxq-img  .swiper-slide h5{ position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0,0.5); color: #fff; text-align: center; height: 50px; line-height: 50px; white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis; }
.z-jzlpxq-img  .swiper-button-next,.z-jzlpxq-img  .swiper-button-prev{ opacity: 0.8;}

.z-jzlpxq-img .txt h1{ font-size: 30px;}
.z-jzlpxq-img .txt .con{line-height: 30px;color: #555555;padding-right: 20px;margin: 10px 0;}
.z-jzlpxq-img .txt  ul {color: #000;font-size: 12px;display: block;}
.z-jzlpxq-img .txt  ul li span{ color: #ff5722;}

.z-jzlpxq-img .txt .con{ max-height: 145px; overflow-y: scroll; }
.z-jzlpxq-img .txt .con::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 3px;}
.z-jzlpxq-img .txt .con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  background: #ff5722; width: 3px; }
.z-jzlpxq-img .txt .con::-webkit-scrollbar-track {/*滚动条里面轨道*/  background: #e5e5e5; width: 3px; }

.deatil-zx { margin-top: 70px;}
.deatil-zx .left .info{ margin-left: 15px; line-height: 1.5; color: #666666;}
.deatil-zx .left .info h6{ color: #000;} 
.deatil-zx .left .info span{ color: #ff5722; font-size: 16px;}

.deatil-zx .right{ background:#ff5722; color: #fff; width: 66px; height: 66px; border-radius: 5px; transition: all .3s;} 
.deatil-zx .right:hover{ box-shadow: 0 0 10px rgba(0, 0, 0,0.5);transform: translateX(8px);}

.z-newsclass{ height: 70px;}
.z-newsclass li{ float: left; width: 50%; display: flex; align-items: center; justify-content: center;  background: #f8f8f8;height: 70px;  }
.z-newsclass li a{ font-size: 18px; height: 30px; border-radius: 16px; line-height: 30px; padding: 0 15px; }
.z-newsclass li a.on,.z-newsclass li a:hover{ background: #ff5722; color: #fff;}

.z-newslist li { margin-top: 30px;}
.z-newslist li a{ display: flex; justify-content: space-between;align-items: center;}
.z-newslist li .img{width: 260px;height: 180px;overflow: hidden;position: relative;}
.z-newslist li .img img{max-width: 260px;/* height: 180px; */object-fit: cover;transition: all .3s;}
.z-newslist li .txt{ width: calc(100% - 280px);}
.z-newslist li .txt h2{ font-size: 22px;}
.z-newslist li .txt .info{ color: #666666;  margin: 20px 0 40px; transition: all .36s;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.z-newslist li .txt .desc{ color: #666666;}
.z-newslist li a:hover .img img{ transform: scale(1.06);}
.z-newslist li a:hover   .txt .info{transform: translateY(5px);}

.z-newsdeatil{ background: #f8f8f8; }
.z-newsdeatil .tit{ padding: 30px 35px;  border-bottom: 1px solid #e5e5e5;}
.z-newsdeatil .tit h2{ font-size: 26px;}
.z-newsdeatil .tit h6{ color: #666666; margin-top: 25px;}
.z-newsdeatil .con{ padding: 30px 35px;  line-height: 2.2; font-size: 15;}
.z-newsdeatil .con img{ max-width: 100%; margin: 5px 0;}
.z-page{padding: 30px 35px;  border-top: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center;}
.z-page a{ color: #555555;}
.z-page a:hover{ color: #ff5722;}
.z-page li {width:calc(50% - 30px);}
.z-page li a {display:block;white-space: nowrap; width:100%;  overflow: hidden;text-overflow:ellipsis;}
.z-page li:nth-child(1){background: url(../images/flip_prev.png) no-repeat center left; padding-left:30px ;}
.z-page li:nth-child(2){background: url(../images/flip_next.png) no-repeat center right; padding-right: 30px;  text-align: right;}
.z-page li:nth-child(2) a{ text-align: right;}


.z-about-info{ position: relative; }
.z-about-info #main{ position: relative;}
.z-about-info .box{float: left; padding: 15px 0 0 15px; /*background-color: red;*/ }
.z-about-info .pic{ padding: 20px; border-radius: 5px;background: #f8f8f8;}
.z-about-info .pic img{ width: 220px;}

#z-main{
    position: relative;
}

.z-box{
    float: left;
    padding: 15px 0 0 15px;
    /*background-color: red;*/
}

.z-pic{
    padding: 20px;
  
    border-radius: 5px;
    background-color: #f8f8f8;
}

.z-pic p{ margin-top: 15px;}
.z-pic img{
    width: 165px;
}

.z-about-info2{  padding: 0 40px 40px ; font-size: 15px; line-height: 2;}
.about-ul{ text-align: center; color: #555555; font-size: 16px; margin: 15px 0;} 
.about-ul li h2{ color: #ff5722;  font-size: 40px; line-height: 1.5;}
.z-about-info2 img{ max-width: 100%; margin: 10px 0;}


.article {
  display: block;
  margin: 0 0 30px 0;
  padding: 12px;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 220ms;
}
.article:hover {
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  transition: all 220ms;
}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}
.article h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}

.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  width: 33.333333%;
  /* width: 25%; */
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .wall-column {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .wall-column {
    width: auto;
    float: none;
  }
}

.zxzx {
    background: #ff5722;
    text-align: center;
    width: 50px;
    height: 50px;
    color: #fff;
    padding-top: 5px;
    margin-top: 10px;
}
.zxzx:hover{
	color:#000;
}