@charset "utf-8";
/* CSS Document */
.list-banner{ position:relative; left:0; top:0;  width:100%; height:364px; background-color:#1D2936; z-index:0; overflow:hidden;}
.list-banner2{ position:relative; left:0; top:0;  width:100%; height:auto; background-color:#1D2936; z-index:0; overflow:hidden; background:none;}
.list-banner2 .img img{ width:100%;}
.list-banner h2,
.list-banner2 h2{ position:absolute; left:60px; bottom:60px; font-size:48px; line-height:1.25; color:#fff; font-weight:bold;}
.list-banner2 p{ font-size:14px; position:absolute; left:60px; bottom:35px; font-size:14px; color:#fff;}
.warp-list{ padding:0 3.2%; margin-top:4%;}
.waper-list-xq{ padding:0 3.2%; margin-top:2%;}
/*.warp-list .gf-index{}*/
.case-content li{ float:left; width:30%; margin-right:5%; margin-bottom:50px;}
.case-content li:nth-of-type(3n){ margin-right:0%;}
.case-content li a{ display:block; width:100%; height:0; padding-top:63.4%; position:relative; overflow:hidden; background:url(../image/loading.gif) no-repeat center center; background-color:#e7e7e7;}
.case-content li strong img{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../image/loading.gif) no-repeat center 50%; background-color:#e7e7e7;}
.case-content li font{ display:block; text-align:center; width:100%; height:107px; background:url(../image/page4-writer-bg.png); background-size:100% 100%; position:absolute; left:0; bottom:-150%;}
.case-content li font img{ display:inline-block; position:relative; top:50%; margin-top:15px\9;
  	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.case-content li .tit{ text-align:center; margin-top:-4px; padding:3% 0; min-height:40px; position:relative; overflow:hidden;}
.case-content li .tit span{ font-size:14px; color:#000; display:block;}
.case-content li .tit i{ display:block; margin-top:6px; color:#8f8f8f; font-style:italic;}
.case-content li .tit em{ display:block; width:100%; height:100%; position:absolute; left:0; top:-100%; z-index:-1; background-color:#E50112;}
.case-content li font,
.case-content li strong img,
.case-content li .tit span,
.case-content li .tit i,
.case-content li .tit em{
	transition: all .6s linear 0s;
	-webkit-transition: all .6s linear 0s;
	-moz-transition: all .6s linear 0s;
	-ms-transition: all .6s linear 0s;
}
.case-content li:hover strong img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
}
.case-content li:hover .tit span,
.case-content li:hover .tit i{ color:#fff;}
.case-content li:hover .tit em{ top:0;}
.case-content li:hover font{ bottom:0;}

.fg-top-tit{ width:100%; display:table; border-bottom:1px solid #DEDEDE;}
.fg-top-tit .ml{ font-size:14px; color:#6F6F6F;}
.fg-top-tit li{ margin:2% 0;}
.fg-top-tit  .index-one{ float:left;}
.fg-top-tit  .index-one a{ display:block; width:102px; height:28px; border:1px solid #9D9D9D; text-align:center; line-height:28px; font-size:14px; border-radius:5px;}
.fg-top-tit  .index-one a:hover{ background-color:#9D9D9D; color:#fff;}
.fg-top-tit  .index-two{ float:right;}
.fg-top-tit  .index-two a{ display:inline-block; margin-left:18px; opacity:0.7; vertical-align:bottom;}
.fg-top-tit  .index-two a:hover{ opacity:1}

.fg-bom-case{ width:62.5%; margin:5% auto 0; overflow:hidden;}
.fg-bom-case img{ width:100%;}