@charset "utf-8";
/* CSS Document */
.list-banner{ position:relative; left:0; top:0;  width:100%; height:250px; background-color:#fffff; z-index:0; overflow:hidden;}
.list-banner2, .list-banner3{ 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:55px; font-size:12px; line-height:1.25; color:#ff6600;}
.list-banner2 h1{ font-size:60px;color:#fff;line-height:80px;text-align: center;margin-top:-200px;}
.list-banner2 h3{ text-align: center;font-size: 32px;text-align:center;color:#fff;letter-spacing: 0.1em;margin-top: 30px; margin-bottom:40px;}
.list-banner p ,.list-banner2 p{ font-size:14px; position:absolute; left:60px; bottom:33px; font-size:14px; color:#666666;}
.list-banner p { }


.list-banner3 .img img{ width:100%;}
.list-banner3 h1{ font-size:60px;color:#fff;line-height:60px;text-align: center;margin-top:-200px;}
.list-banner3 h3{ text-align: center;font-size: 32px;text-align:center;color:#fff;letter-spacing: 0.1em;margin-top: 0px; margin-bottom:40px;}
.list-banner3 p{ font-size:14px; position:absolute; left:60px; bottom:33px; font-size:14px; color:#666666;}

.list-banner-busi{ position:relative; left:0; top:0;  width:100%; height:250px; background-color:#fffff; z-index:0; overflow:hidden;background: url(../img/title_bg1.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb}
.list-banner-busi h2{ padding-top:170px; color: #ff6600;
 width: 205px; height: 80px; margin: 0 auto; text-align: center; font-size: 30px; line-height: 78px}

.warp-list{ padding:0 4%; margin-top:4%;}
.waper-list-xq{ padding:0 0%; 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(../img/loading.gif) no-repeat center center; }
.case-content li strong img{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../img/loading.gif) no-repeat center 50%; 
    border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;}
.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; font-weight:bold;}
.case-content li .tit i{ display:block; margin-top:6px; color:#8f8f8f; font-style: normal; padding-left:10px; padding-right:10px;}
.case-content li .tit em{ display:block; width:100%; height:100%; position:absolute; left:0; top:-100%; z-index:-1; background-color:#ff6600;}
.case-content li font,
.case-content li strong img{
	transition: all .6s linear 0s;
	-webkit-transition: all .6s linear 0s;
	-moz-transition: all .6s linear 0s;
	-ms-transition: all .6s linear 0s;
	border-radius:10px ; 
	-moz-border-radius:10px ; 
	-webkit-border-radius:10px ;}
.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;
	border-radius:0 0 10px 10px ; 
	-moz-border-radius:0 0 10px 10px ; 
	-webkit-border-radius:0 0 10px 10px ;
}
.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;}


.pages{ width:400px; line-height:30px; font-size:12px; text-align:center; border-radius:10px; border: #999 solid 1px;margin:0px auto 30px; color:#666; display:block; }
.pages a{ color: #666;}


.fg-top-tit{ width:100%; display:table; border-bottom:1px solid #DEDEDE;}
.fg-top-tit .ml{ font-size:14px; color:#6F6F6F; margin-bottom:30px; width:80%; margin-left:auto; margin-right:auto; line-height:24px;}


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



#metop {
	width:100%;
	background:#fff;
	position: relative;z-index:999;
	
	border-bottom:1px solid #f2f2f2;
}

.newstitle{ font-size:16px; font-weight:600; width:36%; margin:20px auto 20px 10%; text-align:right; float: left;}
.newsdetail{ float: left; text-align: left;  width: 40%; margin:20px auto 20px 20px ; font-size:15px; font-weight:normal; }