﻿.project-title {width: 100%;height: 200px;display: flex;align-items: center;
		justify-content: center;text-align: center;position: relative;}
.project-title .wenzi p.zh {font-size: 28px;margin-bottom: 15px;}
.project-title .wenzi p.en {font-size: 20px;}
.project-title .square-box {width: 22px;height: 22px;background-color: #FFFFFF;display: flex;
		align-items: center;justify-content: center;transform: rotate(45deg);position: absolute;bottom: -10px;}
.project-title .square-box .square {width: 16px;height: 16px;background-color: #ce9f4d;}
 
 .videos{padding: 80px 0 50px 0;font-size: 0;letter-spacing:54px;}
 .videos .video-item{width: 364px;margin-bottom: 50px;letter-spacing: 0;font-size: 16px;position: relative;display: inline-block;}
 .videos .video-item .img{width: 364px;height: 252px;margin-bottom: 30px;z-index: 2;overflow: hidden;}
 .videos .video-item .img:hover{cursor: pointer;}
 .videos .video-item .img:hover .mask{display: flex;}
 .videos .video-item:hover .mask{display: flex;cursor: pointer;}
 .videos .video-item:hover p{color: #CA2029;}
 .videos .video-item p{text-align: center;}
 .videos .video-item .mask{width: 364px;height: 252px;background-color: rgba(0,0,0,0.5);
 z-index: 3;position: absolute;top: 0;left: 0;display: none;justify-content: center;align-items: center;}
 .videos .video-item span.play{display:flex;color: #FFFFFF;padding-left: 5px;
	justify-content: center;align-items: center; width: 55px;height: 55px;
		border-radius:50%;border: 1px solid #FFFFFF;z-index: 3;}
		.videos .video-item .video{width: 364px;height: 252px;margin-bottom: 30px;}
 .videos .video-item video{width: 364px;height: 252px;outline: none;}
	.page{text-align: right;font-size: 16px;margin-top: 30px;letter-spacing:0;}
 .page a{color: #999999;font-size: 14px;}
 .page a.cur{color: #CA2029;}
 .page a{font-size: 16px;margin:0 10px;display:inline-block;}
	.page a#jilv {
    margin-right:20px;
}
.cases{padding: 70px 0 50px 0;letter-spacing: 54px;font-size: 0;}
.cases .case-item{width:364px;font-size: 16px;letter-spacing: 0;height:auto;margin-bottom: 40px;display: inline-block;}
.cases .case-item p.txt{height: 100px;overflow: hidden;line-height: 24px;margin-top: 16px;font-size: 14px;color: #999999;}
.cases .case-item p.title{font-size: 16px;margin-top:16px ;}
.cases .case-item p.xq{text-align: right;color: #CA2029;font-size: 14px;}
.cases .case-item p.xq a{color: #CA2029;}
.cases .case-item .img{width: 364px;height: 200px;overflow: hidden;}
    .cases .case-item .img img {
        transition:all 1s;
    }
    .cases .case-item:hover .img img {
         transform: scale(1.1);
    }

    .cases .case-item a {

        color:#333;
        }
.cases-detail{padding:80px 0 20px 0 ;font-size: 0;}
.cases-detail .silder-bar{width: 384px;margin-right: 64px;display: inline-block;font-size: 16px;}
.cases-detail .silder-bar .profile p.title{color: #CA2029;margin-bottom: 10px;}
.cases-detail .silder-bar .profile p.date{color: #999999;font-size: 14px;margin-bottom: 20px;}
.cases-detail .silder-bar .profile p.txt{color: #999999;font-size: 14px;margin-bottom: 50px;line-height: 24px;}
.cases-detail .silder-bar .current-detail{margin-top: 70px;}
.cases-detail .silder-bar .current-detail p.title{font-size: 14px;font-weight: bold;}
.cases-detail .silder-bar .current-detail p.date,
	.cases-detail .silder-bar .current-detail p.address,
	.cases-detail .silder-bar .current-detail p.txt{font-size: 14px;color: #666666;margin-top: 20px;line-height: 24px;}
.cases-detail .silder-bar .current-detail p.date span,
	.cases-detail .silder-bar .current-detail p.address span,
	.cases-detail .silder-bar .current-detail p.txt span{color: black;}

    .cases-detail .silder-bar .current-detail .xxxxal p{
        font-size: 14px;color: #666666;margin-top: 20px;line-height: 24px;
    }

.cases-detail .silder-bar p.returnlist a{color:#CA2029;font-size: 14px;}
.cases-detail .silder-bar p.returnlist{margin-bottom: 30px;margin-top: 50px;}
.cases-detail .img-box{width: 750px; display: inline-block;font-size:0 ;vertical-align: top;letter-spacing: 9px;}
.cases-detail .img-box p{font-size:16px ;color: #999999;margin-bottom: 20px;letter-spacing: 0;}
.cases-detail .img-box .img{width: 244px;height: 185px;margin-bottom: 12px;display: inline-block;overflow:hidden;}
    .cases-detail .img-box .img img {
        transition:all 1s;
    }
    .cases-detail .img-box .img:hover img {
        transform: scale(1.1);
    }
.photo-gallery{padding: 140px 0;}
.photo-gallery div#prev,
.photo-gallery div#next{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;background-color:#cccccc;}
.photo-gallery div#prev:hover,
.photo-gallery div#next:hover{background-color: #CA2029;cursor: pointer;}
.photo-gallery div.box{position: relative;}
.photo-gallery div#prev{transform: rotate(-90deg);position: absolute;top:85px;left:-80px; z-index: 3;outline: none;}
.photo-gallery div#next{transform: rotate(90deg);position: absolute;top: 85px;right: -80px; z-index: 3;outline: none;}

.mengceng {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0,0,0,0.5);
   z-index:999999;
  display:none;
    
}
    .mengceng div {
         width:100%;
    height:100%;
        display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex; 
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    }

    .mengceng video {
       margin:auto;
       width:auto;
    }


      .mengceng img {
        width:auto;
        margin:auto;
    }




@media (max-width:1400px) {

    .photo-gallery div#next{top:270px; right: 0;}
     
    .photo-gallery div#prev{top:270px;left: 0;}

}

	
.photo-gallery div.item{font-size: 16px;text-align: center;}
.photo-gallery div.img{height: 220px;overflow: hidden;margin-bottom: 15px;}
.photo-gallery div.item-box{width: 280px; margin:auto;}
.photo-gallery div.item img {
    transition:all 1s;
}
.photo-gallery div.item:hover img {

     transform: scale(1.1);

}