.cases{width:1400px;height:auto;margin:0 auto;}
.cases h2{font-size:30px;color:#b04b3f;font-weight:bold;text-align:center;margin-top:50px;}
.cases h2 .more{padding:7px 15px;margin-left:20px;background:#b04b3f;font-size:14px;color:#fff;font-weight:normal;position:relative;top:-3px;}
.cases h3{font-size:18px;color:#666;font-weight:normal;text-align:center;margin-top:25px;}
.cases .rows{width:100%;margin-top:35px;}
.cases .rows ul li{float:left;width:32%;margin:0 2% 3% 0;background:#f4f0ef;}
.cases .rows ul li:nth-child(3n){margin-right:0;}
.cases .rows ul li img{width:100%;height:278px;object-fit:cover;}
.cases .rows ul li p{text-align:center;font-size:16px;color:#000;padding:20px 0;}
/*分页*/
.pageListNav{float:right;}
.pagination{height:40px;line-height:40px;font-size:14px;padding:20px 0px 80px;}
.pagination p{margin:0;cursor:pointer;}
.pagination p{float:left;padding:2px 12px;font-size:12px;height:34px;line-height:34px;color:#bbb;border:1px #ccc solid;background:#fcfcfc;margin-right:15px;}
.pagination li{display:block;float:left;margin:0 10px 0 5px;padding:2px 15px;height:34px;border:1px #ccc solid;background:#fff;text-decoration:none;line-height:34px;width:auto;}
.pagination li a{font-size:14px;color:#808080;}
.pagination li.active,.pagination li:hover{border:solid 1px #b34f38;background:#b34f38;color:#fff;}
.pagination li.active a,.pagination li:hover a{color:#fff;}
.pagination p.pageRemark{border-style:none;background:none;margin-right:0px;padding:4px 0px;color:#666;}
.pagination strong{color:#b34f38;padding:0 3px;}
/* ============ 面包屑  ==========*/
.crumbs{padding-top:58px;padding-left:20px;position:relative;}
.crumbs:before{content:'';width:11px;height:13px;background:url(../images/dz.png) no-repeat;position:absolute;left:0;top:67px;}
.crumbs2:before{background:url(../images/dz2.png) no-repeat;}
.crumbs li{display:inline-block;font-size:16px;color:#b3b1b1;line-height:34px;}
.crumbs li a{color:#b3b1b1;}
.crumbs li span, .pro-inner .crumbs li span{color:#b04b3f;}
.crumbs li a:hover, .pro-inner .crumbs li a:hover{color:#b04b3f;}
/*案例详情*/
.cases_details .wrap{width:1400px;margin:0 auto;overflow:hidden;}
.casedetail_top{ width:100%; margin:0 auto;background:#2d394b; padding:90px 0 70px 0}
.casedetail_top_left{  width:53%; margin-bottom:20px;} 
.casedetail_top_left img{ width:100%;height:400px;object-fit:cover;position:relative; z-index:3;}
.casedetail_top_right{width:43%;  position:relative; color:#fff; z-index:10}
.casedetail_top_right h1 {display:block;font-size:30px; padding:0; line-height:45px; text-align:left; color:#fff;}
.casedetail_top_right_zi{   font-size:18px;   padding:15px 0 5px 0; margin:20px auto; width:100%; border-radius:5px;overflow:hidden}
.casedetail_top_right_zi li strong{ font-size:18px}
.casedetail_top_right_zi li{ float:left; width:30.333%; margin:0 3% 0 0; text-align:center}
.casedetail_top_right_zi li p{   box-sizing:border-box; background-color:rgba(255,255,255,.1);padding:40px 15px 10px;margin-top:-27px;}
.casedetail_top_right_zi img{ display:block; text-align:center; width:45px;margin:0 auto}
.casedetail_top_right_zi span{ display:block; margin:5px 0; line-height:30px;}
.peitao_sb{ width:100%; margin-top:40px; overflow:hidden}
.peitao_sb strong{ font-size:24px; display:block; width:100%; float:left}
.peitao_sb a{float:left;margin-top:17px;border:1px dashed #fff;color:#fff;font-size:16px;margin-right:10px; padding:8px 30px;}
.peitao_sb p{font-size:16px;line-height:25px;}
.casedetail_tel{font-size:20px;width:100%;background:url(../images/case_tel.png) no-repeat left 2px; background-size:50px; margin:20px 0 0; padding:10px 0 10px 53px; overflow:hidden }
.casedetail_tel span{font-size:16px; margin:0;line-height:30px}
.casedetail_tel a{color:#b04b3f;font-size:32px;font-weight:600; line-height:30px;}
.wenxintishi{position:relative;padding:20px 0 0;overflow:hidden;}
.wenxintishi .left {position:absolute;bottom:16px; }  
.wenxintishi .left img{margin-left:15px;}
.wenxintishi .right {background:#1d2432;margin-top:50px;padding:10px 30px 10px 0; }
.wenxintishi .right .con{ margin-left:24%;}
.wenxintishi .right .tip{ font-size:18px; line-height:32px; color:#fff}
.wenxintishi .btn{padding:8px 30px;font-size:18px;border-radius:50px; margin-top:-15px;background:#b04b3f;}  
.wenxintishi .btn a{ color:#fff;}
.casedetail_con{ font-size:16px; line-height:32px; padding:50px; margin:0 auto 80px; overflow:hidden; background:#f2f2f2 }
.casedetail_con p{ font-size:16px;line-height:35px;margin-bottom:30px;}
.casedetail_con h3{ font-size:28px;font-weight:bold; margin:15px 0; }
.casedetail_kefu{ margin-bottom:80px;}
.casedetail_kefu .wrap{display:flex;align-items:center;}
.casedetail_kefu_l{width:17%;text-align:center; }
.casedetail_kefu_l img{width:90%; }
.casedetail_kefu_r{width:78%;margin-left:5%;}
.casedetail_kefu_r .tit{ position:relative;padding-top:110px;margin-bottom:30px; width:100%;}
.casedetail_kefu_r .tit span {font-size:45px; font-family:'Impact';line-height:60px;position:absolute;z-index:0; text-transform:uppercase;color:#c9c9c9;color:rgba(201, 201, 201, .2);top:10px;}
.casedetail_kefu_r .tit h4{font-size:40px;color:#48516d;position:relative;z-index:3;line-height:40px; }
.casedetail_kefu_r .line{ margin-top:20px;}
.casedetail_kefu_r p{font-size:16px;color:#555f7d;line-height:32px;margin-bottom:20px;}
.pro_case{padding:0 0 40px;margin:80px auto 60px;}
.pro_case h2 { font-size:30px; text-align:center; margin-bottom:50px;padding-bottom:30px; padding-top:8px;}
.pro_case ul{  margin-left:-3%;}
.pro_case ul li{transition:all .3s ease;float:left;width:30%; margin-left:3%;}
.pro_case ul li .pro_pic img{width:100%;height:275px;object-fit:cover;}
.pro_case ul li .pro_pic i{display:none;}
.pro_case ul li .pro_tit{font-size:18px; color:#282727;line-height:20px;display:block;margin-bottom:10px; text-align:center; padding-top:15px;}
.pro_case ul li .pro_tit1{font-size:18px; color:#fff;line-height:20px;display:block;margin-bottom:10px; text-align:center; padding-top:15px;}
.pro_case ul li .pro_pic{position:relative;display:block;overflow:hidden;}
.pro_case ul li .pro_pic i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}
.pro_case ul li:hover .pro_pic i{transition:all .3s ease; left:100%}
.pro_case ul li:hover{transition:all .3s ease;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.5)}
@media (max-width:1600px){
	.cases,.cases_details .wrap{width:1200px;}
	.cases .rows ul li img{height:245px;}
	.pro_case ul li .pro_pic img{height:249px;}
}
@media (max-width:1280px){
	.cases,.cases_details .wrap{width:1160px;}
	.cases .rows ul li img{height:225px;}
	.pro_case ul li .pro_pic img{height:225px;}
}
@media (min-width:360px) and (max-width:480px){
    .cases,.cases_details .wrap{width:90%;}
    .cases h2{font-size:24px;}
    .cases h3{font-size:14px;line-height:25px;}
    .cases .rows ul li{width:48%;margin:0 4% 4% 0;}
    .cases .rows ul li:nth-child(2n){margin-right:0;}
    .cases .rows ul li:nth-child(3){margin-right:4%;}
    .cases .rows ul li img{height:125px;}
    .cases .rows ul li p{font-size:12px;padding:12px 0;}
    .pagination{height:30px;line-height:30px;}
    .pagination li{padding:0;height:30px;line-height:30px;margin:0 10px 0 0;}
    .pagination li a,.pagination li .disabled{display:block;padding:2px 10px;line-height:26px;}
    .pagination li .current{display:block;padding:2px 10px;border:solid 1px #b34f38;background:#b34f38;color:#fff;line-height:24px;}
    .casedetail_top{padding:35px 0 40px;}
    .casedetail_top_left{float:none;width:100%;}
    .casedetail_top_left img{width:100%;height:auto;}
    .casedetail_top_right{float:none;width:100%;}
    .casedetail_top_right h1{font-size:24px;}
    .peitao_sb{margin-top:25px;}
    .peitao_sb p{font-size:14px;}
    .casedetail_tel{background-size:40px;padding:10px 0 10px 40px;}
    .casedetail_tel a{font-size:27px;}
    .wenxintishi .right{padding:10px 20px 10px 0}
    .wenxintishi .left img{width:95px;margin-left:7px;}
    .wenxintishi .right .con{margin-left:35%;}
    .wenxintishi .right .tip{font-size:14px;line-height:25px;}
    .wenxintishi .btn{padding:8px 20px;font-size:14px;margin-top:-10px;}
    .casedetail_con{padding:25px 0;margin:0 auto 35px;}
    .casedetail_con p{margin-bottom:12px;}
    .casedetail_kefu{margin-bottom:50px;}
    .casedetail_kefu_l{width:30%;margin:0 auto;float:none !important;}
    .casedetail_kefu_r{width:100%;float:none !important;}
    .casedetail_kefu_r .tit{padding-top:35px;margin-bottom:45px;}
    .casedetail_kefu_r .tit span{font-size:24px;line-height:30px;text-align:center;}
    .casedetail_kefu_r .tit h4{font-size:27px;}
    .pro_case{margin:50px auto 15px;}
    .pro_case h2{font-size:24px;margin-bottom:0;}
    .pro_case ul li{width:100%;float:none;margin:0 0 7% 0;}
}