body, html {
    overflow-x: hidden;
    color: #555;
    font: 14px/30px "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    background: #fff;
}

 
 
 
.wrap {
  clear: both;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}
.animate img {
  position: relative;
  opacity: 1;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
  -webkit-transform: scale(1, 1) rotate(0);
  -ms-transition: .5s all;
}
a:hover .animate img {
  -webkit-transform: scale(1.06, 1.06);
  -moz-transform: scale(1.06, 1.06);
  -o-transform: scale(1.06, 1.06);
  transform: scale(1.06, 1.06);
  -ms-transform: scale(1.06, 1.06);
}
.animate img:hover {
  -webkit-transform: scale(1.06, 1.06);
  -moz-transform: scale(1.06, 1.06);
  -o-transform: scale(1.06, 1.06);
  transform: scale(1.06, 1.06);
  -ms-transform: scale(1.06, 1.06);
}
.tran, .tran a, a.tran, .tran img {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
}
.rotate, .rotate2 img {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
  -ms-transition: all 0.8s;
}
a:hover .rotate, a:hover rotate2 img {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
  -ms-transition: all 0.8s;
}
.rotate:hover {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
  -ms-transition: all 0.8s;
}

.ntitle{text-align:center;}
.ntitle small{display:block;font-size:16px;color:#878B99;margin-top:10px;}
.ntitle big{display:block;font-size:30px;}
.ntitle big img{vertical-align:baseline;margin-left:10px}
.ntitle.w big,
.ntitle.w small{color:#fff;}

.more_btn{margin-top:40px;text-align:center;}
.more_btn a{display:inline-block;background:#2468F2;color:#fff;border-radius:2px;margin:0 5px;padding:0px 60px;position:relative;line-height:50px;}
.more_btn a i{width:0;position:absolute;left:0;top:0;height:100%;content:'';display:block;z-index:0;-webkit-transition:all .3s;transition:all .3s;background:#ea020d;border-radius:2px;}
.more_btn a span{position:relative;z-index:10;}
.more_btn a:hover i{width:100%;}
.more_btn em{margin-left:5px;}

#case{width:100%;padding:80px 0;background:#f8f8f8}
#case .list{margin-top:50px}
#case .list ul li{float:left;width:calc((100% - 90px) / 4);position:relative}
#case .list ul li+li{margin-left:30px}
#case .list ul li .img{width:100%;overflow:hidden}
#case .list ul li .img img{width:100%;height:100%;object-fit:cover}
#case .list ul li .info{margin-top:20px}
#case .list ul li .info big{font-size:18px;display:block}
#case .list ul li .info small{font-size:14px;display:block;line-height:26px;color:#878B99}
#case .list ul li .curr{opacity:0;position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:calc(100% - 74px);}
#case .list ul li .curr .stit{line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff;}
#case .list ul li .curr .stit:after,
#case .list ul li .curr .stit:before{content:'';display:block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s;}
#case .list ul li .curr .stit:before{top:0;}
#case .list ul li .curr .stit:after{bottom:0;}
#case .list ul li:hover .curr{opacity:1;}
#case .list ul li:hover .curr .stit:after,
#case .list ul li:hover .curr .stit:before{width:6px;margin-left:-3px;opacity:.6;}

/*通用分页样式*/
#fenye{text-align:center;clear:both;line-height:50px;padding:50px 0;}
#fenye table{text-align:center;margin:0 auto;}
#fenye a{margin:2px;text-decoration:none;background:#f1f4f7;padding:15px 20px;border-radius:4px;}
#fenye .prev,#fenye .next{width:52px;text-align:center;}
#fenye a.curr{font-weight:700;color:#fff;background:#ea020d;}
#fenye a.curr:visited {color:#fff;}
#fenye a:hover{color:#fff;background:#ea020d;}
#fenye span{margin:5px;text-decoration:none;background:#f1f4f7;padding:15px 20px;border-radius:3px;}
#fenye li{float: left;}

@media (max-width:800px){
	
	
	body, html {
    font-size: .23rem;
    line-height: .4rem;
}
.wrap {
    padding: 0 .3rem;
}
	.ntitle small{font-size:.23rem;margin-top:.1rem; padding:0 .3rem; line-height:.36rem}
	.ntitle big{font-size:.4rem;}	
	
	.more_btn{margin-top:.4rem;}
	.more_btn a{margin:0 .05rem;padding:0 .6rem;position:relative;line-height:.6rem}
	.more_btn em{margin-left:.1rem;}
	
	#case{padding:.8rem 0;}
	#case .list{margin-top:.2rem}
	#case .list ul li{float:inherit;width:100%;position:relative;margin-top:.3rem}
	#case .list ul li+li{margin-left:0}
	#case .list ul li .info{margin-top:.2rem}
	#case .list ul li .info big{font-size:.28rem;}
	#case .list ul li .info small{font-size:.23rem;line-height:.36rem}
	#case .list ul li .curr{display:none}	
	
	#fenye{padding:.5rem 0 0px;}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye span{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .num,#fenye .prev{ display:none}
}