@charset "utf-8";
/*---- global ----*/
body { margin: 0px; padding: 0px; font-family:"微软雅黑", Verdana; color: #333; font-size:16px; }
form, li, dt, dd { margin: 0px; padding: 0px; }
ul:after, dl:after { content: "."; display: block; height: 0; clear: both; overflow:hidden; visibility:hidden; }
ul, dl { margin: 0px; padding: 0px; list-style: none; zoom: 1; *+height: 1%; }
li { list-style: none; }
img { border: none; }
select { font-size: 12px; }
button { cursor: pointer; }
hr { height: 1px; border: none;	border-top: 1px solid #ccc; }
a:link, a:visited {	color: #36C; text-decoration: none; }
a:hover { color: #c33; text-decoration: underline; }
.alink a:link,.alink a:visited { color: #333; text-decoration: none; }
.alink a:hover { color: #36C; text-decoration: underline; }
.clear { clear: both; width: 0px; height: 0px; overflow: hidden; }
.left {	float: left; }
.right { float: right; }
.main {	width: 1170px; margin: auto; max-width:100%; }
.tagging{ position:absolute; bottom:10px; left:10px; background-color:#E62828; vertical-align:middle; color:#fff;  font-size:14px; line-height:1; padding:5px 10px; border-radius:6px; }
/*---- top ----*/
.fan-logo{ float:left; margin:10px auto; }
.fan-logo img{ height:58px; }
.fan-contact{ float:right; margin:30px auto 0px auto; font-size:24px; font-weight:700; color:#FF0033 }
.banner{ background:url(banner.jpg) top center no-repeat; background-size:cover; height:450px; }
.bg-grey{ background:#f9f9f9; padding:15px 0px;}
.fan-one{ background-color:#fff; box-shadow:0 3px 20px 0 rgba(32,32,32,.2); border-radius:10px; margin: 15px 15px; display:inline-block; padding:20px; text-align:center; width:calc(25% - 74px); height:180px; overflow:hidden; }
.fan-one .fo-icon{ background-repeat:no-repeat; background-size:cover; height:80px; width:80px; margin:auto; }
.fan-one .fo-icon-1{ background-image:url(icon-01.svg); }
.fan-one .fo-icon-2{ background-image:url(icon-02.svg); }
.fan-one .fo-icon-3{ background-image:url(icon-03.svg); }
.fan-one .fo-icon-4{ background-image:url(icon-04.svg); }
.fan-one .fo-icon-5{ background-image:url(icon-05.svg); }
.fan-one .fo-icon-6{ background-image:url(icon-06.svg); }
.fan-one .fo-icon-7{ background-image:url(icon-07.svg); }
.fan-one .fo-text{ line-height:1.5em; margin-top:20px; }
.fan-two{ background-color:#fff; box-shadow:0 3px 20px 0 rgba(32,32,32,.2); border-radius:10px; margin: 15px 15px; display:inline-block; text-align:center; width:calc(25% - 34px); height:240px; overflow:hidden; }
.fan-two img{ height:150px; }
.fan-two .ft-text{ width:60%; margin:auto; }
.fan-two .ft-text i{ float:left; display:inline-block; margin-right:10px; font-style:normal; font-size:32px; color:#ccc; border:1px dashed #ccc; width:32px; height:32px; line-height:32px; text-align:center; border-radius:50%; }
.fan-two .ft-text p{ text-align:left; }
.fan-two .ft-text p span{ text-align:left; font-size:12px; }
.fan-three{ background-color:#fff; box-shadow:0 3px 20px 0 rgba(32,32,32,.2); border-radius:10px; margin: 15px 15px; display:inline-block; padding:20px; width:calc(33.33333% - 74px); height:240px; overflow:hidden; }
.fan-three .ft-icon{ background-repeat:no-repeat; background-size:45px 45px; height:45px; line-height:1.1em; font-size:21px; font-weight:700px; padding-left:60px; margin:auto; }
.fan-three .ft-icon i{ font-size:13px; font-weight:normal; color:#aaa; }
.fan-three .ft-icon-1{ background-image:url(icon-11.svg); }
.fan-three .ft-icon-2{ background-image:url(icon-12.svg); }
.fan-three .ft-icon-3{ background-image:url(icon-13.svg); }
.fan-three .ft-icon-4{ background-image:url(icon-14.svg); }
.fan-three .ft-icon-5{ background-image:url(icon-15.svg); }
.fan-three .ft-icon-6{ background-image:url(icon-16.svg); }
.fan-three .ft-text li{ float:left; margin:6px; padding:10px; border:solid 1px #999; border-radius:5px; }
.fan-four{ background-color:#fff; box-shadow:0 3px 20px 0 rgba(32,32,32,.2); border-radius:10px; margin: 15px 15px; display:inline-block; width:calc(33.33333% - 34px); height:350px; overflow:hidden; }
.fan-four .ff-title{position:relative; height:150px; overflow:hidden; }
.fan-four .ff-title img{ height:150px; }
.fan-four .ff-title .ff-svisible{
	position:absolute;
	z-index:2;
	width:100%;
	height:35%;
	opacity: 0.7;
	left:0;
	bottom:0;
	background-image: -ms-linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%);
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%);
	background-image: -moz-linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%);
	background-image: -o-linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%);
	background-image: linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%);
}
.fan-four .ff-title h3{ position:absolute; z-index:3; font-size:23px; margin:10px; color:#fff; left:0; bottom:0px; }
.fan-four .ff-text{ line-height:1.6em; width:80%; margin:20px auto; }
.fan-four .ff-text li { list-style:square; }
/**/
.bottom{ background:#181828; color:#fff; padding:20px; }
.bottom p{ color:#fff; font-size:12px; }