/*--content start--*/
#content{ height:100%; margin:0 auto; min-width:960px;}
.case_time{ height:80px; width:275px; position:relative; top:-80px; z-index:999; margin-left:20px;}
.case_time span{ background:#7a7979; width:275px; height:80px; display:block; opacity:0.6; position:absolute; top:0px; z-index:-1;}
.case_title{ height:196px; margin-left:20px; top:-80px; position:relative;}

.index-case .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #ef7c1c; background-color: #ef7c1c; text-decoration: none; transition: 0.4s;}
.index-case .btn:hover{background-color: transparent; color: #ef7c1c; transition: 0.4s;}
.text-desc{position: absolute; left: 0; top: 0; height: 100%; opacity:0; width: 100%; padding: 20px;}
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;}
.container{ margin-left:20px;}
.container ul{ margin:0;}
.container ul li{ float:left; width:580px; height:300px;}
.port-1 .text-desc{opacity:1; top: -100%; transition: 0.5s; color: #000;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}
.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
.text-desc h3{ font-size:16px; color:#fff; padding-top:80px; font-family:"微软雅黑";}
.text-desc p{ padding:20px 50px 30px; color:#fff; font-size:14px;}

.container {padding: 0!important;}
.container ul li .no-effect:hover .text-desc {top:-99999px}
.container ul li .no-effect:hover img{transform: scale(1.0);}