@charset "utf-8";

html{ width:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;-webkit-backface-visibility: hidden;}
body{background:url(../images/ffcl-bg.jpg) repeat-y;color:#333;font-size:14px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1160px; }
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:Helvetica,"微软雅黑",Arial,sans-serif;}

@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); 
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), 
    url('iconfont.woff') format('woff'), 
    url('iconfont.ttf') format('truetype'), 
    url('iconfont.svg#iconfont') format('svg'); 
}

.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;   -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}

a{text-decoration:none; color:#333}
a:hover{color:#f39800;}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#ff0000 !important}
.orange{ color:#f39800}
.orange:hover{ text-decoration:underline}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#69bd83 !important}
.green:hover{ color:#69bd83; text-decoration:underline}
.gray{ color:#888}
.font14{ font-size:14px}
.left{ float:left}
.right{ float:right}

.bg{ background-color:#fff}

.wrapper{ width:980px; margin:0 auto;}
.body-bg{ background:url(../images/topic-bg.jpg) no-repeat center 50px;}


#top-bar{ height:50px; line-height:50px;    background: -o-linear-gradient(top, #007fcb, #0066b5) !important; background: -moz-linear-gradient(top, #007fcb, #0066b5) !important;   background: -webkit-linear-gradient(top, #007fcb, #0066b5) !important;margin-bottom:300px}
#top-bar .top-left{ float:left;}
#top-bar .top-left a{ color:#fff; font-weight:bold}
#top-bar .top-left a:hover{ text-decoration:underline; color:#f39800}
#top-bar .top-right{ float:right; margin-top:14px; color:#fff}


#footer{ padding-top:30px; padding-bottom:30px; text-align:center; position:relative; z-index:100; color:#666 }
#footer .copyright{ line-height:180%; }
#footer .copyright img{ margin-left:10px;}
#footer .copyright a{ color:#333; font-weight:bold}
#footer .copyright a:hover{ color:#f39800}


#follow-btn{ position:fixed;right:5px;bottom:-106px; z-index:99;-webkit-transition:bottom 0.3s;-moz-transition:bottom 0.3s;transition: bottom 0.3s; display:none}
#follow-btn a{ display:block; background-color:#888; color:#fff; width:50px; height:50px; margin-bottom:3px; line-height:50px; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; }
#follow-btn a i{font-size:20px;}
#follow-btn a:hover{ background-color:#f39800}



.index{}
.index .item-a{ background:url(../images/bg_r.gif) #fff; padding-bottom:35px;}
.index .item-a .line{ height:7px; background:url(../images/ffcl-line.png) no-repeat}
.index .item-a .title{ height:78px; background:url(../images/title1.png) no-repeat center top; margin-top:30px;}
.index .item-a .item{ width:282px; height:328px; float:left; background:url(../images/ffcl-box.png) no-repeat; margin-top:30px; margin-left:33px;}
.index .item-a .item h2{ font-size:22px; text-align:center; color:#fff; line-height:52px;}
.index .item-a .item .content{ padding:15px 30px 0; line-height:1.7; font-size:16px;text-align:Justify;text-justify:inter-ideograph}
.index .item-a .item .content p{ margin-bottom:10px; text-indent:2em}

.index .item-b{ width:430px; float:left; margin-top:25px; background-color:#fff; height:300px; padding:25px;}
.index .item-b h2{ height:37px; background:url(../images/ffcl-title-bg.png) no-repeat; line-height:38px; text-indent:25px; color:#fff; font-size:20px;}
.index .item-b ul{ margin-top:30px;}
.index .item-b ul li{ line-height:18px; height:18px; margin-bottom:20px; font-size:17px; background:url(../images/ffcl-li.png) no-repeat 0 center; padding-left:15px;}

.index .item-c{ width:430px; float:right; margin-top:25px; background-color:#fff; height:300px; padding:25px; }
.index .item-c h2{ height:37px; background:url(../images/ffcl-title-bg.png) no-repeat; line-height:38px; text-indent:25px; color:#fff; font-size:20px; position:relative}
.index .item-c h2 a.more{ font-size:14px; font-weight:normal; position:absolute; right:0;top:0px;}
.index .item-c ul{ margin-top:30px;}
.index .item-c ul li{ line-height:18px; height:18px; margin-bottom:20px; font-size:17px; background:url(../images/ffcl-li.png) no-repeat 0 center; padding-left:15px; text-align:right}
.index .item-c ul li a{ float:left}
.index .item-c ul li span{ color:#aaa}

.index .item-d{ background-color:#fff; margin-top:25px; padding:25px; position:relative}
.index .item-d em{ display:block; background:url(../images/toutiao.png) no-repeat; width:99px; height:80px; position:absolute; left:0;top:0;}
.index .item-d .image{ float:left; width:455px;}
.index .item-d .image img{ width:100%}
.index .item-d .text{ width:435px; float:right}
.index .item-d .text h3 strong{ font-size:22px; line-height:22px; display:block}
.index .item-d .text h3 span{ font-weight:normal; display:block; font-size:18px; margin-top:10px; }
.index .item-d .date{ margin-top:10px; font-size:14px; color:#999; font-weight:normal}
.index .item-d .content{ margin-top:15px; line-height:1.9; font-size:16px;}
.index .item-d a.more{ display:block; line-height:40px; width:130px; text-align:center; margin-top:10px; background-color:#cf1200; color:#fff;}
.index .item-d a.more:hover{ background-color:#f39800}



.index .item-e{  margin-top:25px; background-color:#fff; padding:25px; overflow:hidden }
.index .item-e h2{ height:37px; background:url(../images/ffcl-title-bg.png) no-repeat; line-height:38px; text-indent:25px; color:#fff; font-size:18px; position:relative; border-bottom:1px }
.index .item-e h2 a.more{ font-size:14px; font-weight:normal; position:absolute; right:0;top:0px;}
.index .item-e ul{ margin-top:30px;width:1000px;}
.index .item-e ul li{width:280px; float:left;margin-right:30px;margin-bottom:30px; text-align:center}
.index .item-e ul li .image{ text-align:center;border:1px #e8e8e8 solid; width:280px;height:180px;}
.index .item-e ul li img{height:180px}
.index .item-e ul li span{  display:block;margin-top:10px;line-height:1.7 }


.location{position:relative; height:46px; line-height:46px;  margin:0 auto; overflow:hidden; font-size:12px;  color:#888;  background-color:#f7f5f4;padding:0px 20px}
.location a{}
.location a:hover{ text-decoration:underline}
.location i{ margin-right:8px;}

.page-left{ width:260px; float:right; position:relative; margin-bottom:40px}
.page-left .list{ margin-bottom:20px}
.page-left .list h2{ height:32px; line-height:32px;  background:url(../images/syss-title-bg.jpg) repeat-x 1px 1px; border:1px #f3cf6e solid}
.page-left .list h2 strong{ background:url(../images/syss-title-bg2.jpg) no-repeat right center #c9302b; display:block; float:left; padding:0px 20px; font-size:15px; color:#fff; margin:1px; line-height:30px;}
.page-left .list h2 a.more{ font-size:12px; font-weight:normal; color:#666; float:right}
.page-left .list h2 a.more:hover{ color:#f39800}
.page-left .list .list1{ border:1px #f3cf6e solid; padding:15px 20px 20px; border-top:0;}
.page-left .list .list1 li{ padding:4px 0;}
.page-left .list .list1 li a{ display:inline-block;width:215px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;background:url(../images/li.gif) no-repeat 0 center; padding-left:10px;}
.page-left .list .list1 li span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#aaa}
.page-right{ width:720px; float:left; min-height:380px;margin-bottom:40px;}


p.none{ background-color:#fff; padding:20px 0; color:#888; text-indent:2em}
p.none i{ font-size:24px; margin-right:10px;}



.news-list{ margin-top:20px}
.news-search{ background:#ddd; }
.news-search span{ color:#666; font-size:13px; line-height:30px; font-weight:bold; display:inline-block;padding:15px 30px; width:200px; text-align:right;background:#f39800; color:#fff}
.news-search .input{border:0; width:240px; height:31px; line-height:31px; text-indent:10px; color:#888;  border:1px #c2c2c2 solid ; border-bottom-color:#ddd;border-right-color:#ddd; margin-right:5px;margin-left:20px;}
.news-search .hover{ background:#f8f8f8; color:#f39800; border-color:#f39800}
.news-search button{ background:#777; border:0; height:33px; line-height:32px; color:#fff; width:90px; cursor:pointer}
.news-search button:hover{ background:#f39800; }
.news-list ul.list{ margin-top:10px;}
.news-list ul.list li{ padding:15px 0px; border-bottom:1px #ccc dotted; text-align:right;}
.news-list ul.list li span{ color:#aaa; font-size:12px;}
.news-list ul.list li strong{float:left; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:580px; text-align:left; font-weight:normal}
.news-list ul.list li a{ line-height:16px; font-size:14px; background:url(../images/li.gif) no-repeat 0 center; padding-left:9px; float:left}
.news-list ul.list li s{background:url(../images/small_img.gif) no-repeat 0 center; margin-left:10px; width:16px; height:16px; float:left}
.news-list ul.list2{ margin-top:10px;}
.news-list ul.list2 li{padding:25px 0px; border-bottom:1px #ccc dotted;}
.news-list ul.list2 li .time{ width:70px; float:left}
.news-list ul.list2 li .time strong{ display:block; line-height:50px; background-color:#828d95; text-align:center; font-size:28px; color:#fff}
.news-list ul.list2 li .time span{ display:block; line-height:22px; text-align:center; font-size:12px; color:#fff; margin-top:1px; background-color:#ccc}
.news-list ul.list2 li .text{ width:720px; float:right}
.news-list ul.list2 li .text strong{ background:url(../images/li.gif) no-repeat 0 center; padding-left:9px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list ul.list2 li .text p{ margin-top:10px; line-height:160%; color:#888}


.news-list .list3{ position:relative; margin-top:-30px;}
.news-list .list3 li{ padding:30px 0; border-bottom:1px #ccc dotted; height:110px;}
.news-list .list3 li div{width:620px; float:right; }
.news-list .list3 li h2{font-size:15px;  background:url(../images/li.gif) no-repeat 0 center; text-indent:10px}
.news-list .list3 li p{padding-top:8px; line-height:180%;color:#555}
.news-list .list3 li p span{ display:block; color:#aaa; background:url(../images/time-icon.gif) no-repeat 0 center; margin-top:10px; text-indent:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news-list .list3 li img{ display:block; width:150px; height:100px; position:relative; z-index:2; border:1px #ddd solid;padding:4px; background:#fff;}
.news-list .list3 li a.image{ display:block; width:160px; height:110px; float:left; position:relative;}
.news-list .list3 li a.image em{ display:block; width:160px; height:110px; background:#eee; position:absolute; left:4px;top:4px}
.news-list .list3 li a:hover{ text-decoration:underline}


#pages{ text-align:center; padding-top:30px; height:50px;}
#pages a{ display:inline-block; padding:10px 14px; background-color:#ccc; color:#fff; margin:0 2px;-webkit-transition: background-color .25s;transition:background-color .25s;}
#pages a:hover{ background-color:#828d95; color:#fff}
#pages a.active{ background-color:#f39800; color:#fff}
#pages a.prev,#pages a.next{ font-size:14px; position:relative;top:-1px; padding:9px 10px 10px} 
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px}


.news-view{  padding:30px;}
.news-view h1{font-size:22px;font-weight:normal; text-align:center; line-height:33px; padding:10px 30px 20px; color:#333; color:#f39800}
.news-view h1 p{ color:#666; font-size:18px; font-weight:normal}
.news-view p.news-info{padding:12px 0px; text-align:center; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  color:#888}
.news-view p.news-info span{ color:#f39800; margin-right:3px;}
.news-view p.news-info a{ cursor:pointer}
.news-view p.news-info a.btn{ display:inline-block; width:74px; line-height:25px; color:#fff; height:25px; background:url(../images/download.gif) no-repeat; padding-left:11px; }
.news-view p.news-info a.btn:hover{ color:#f39800}
.news-view .content{ line-height:200% !important;  margin-top:20px;font-family:"微软雅黑"; font-size:14px;}
.news-view .content p{ margin-bottom:15px;line-height:200% !important;}

.news-view .other{ border-top:4px #e2e2e2 solid; padding-top:25px; margin-top:25px; font-size:14px;}
.news-view .other .left{ float:left;color:#777; width:550px;}
.news-view .other .left p{height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}
.news-view .download{ border-top:1px #ddd solid; padding-top:20px; margin-top:25px;}
.news-view .download h2{ font-size:15px; color:#f39800; height:25px;}
.news-view .download p{ padding:5px 0px; background:url(../images/file.gif) no-repeat 0 center; padding-left:20px;}
.news-view .download p a{ color:#0033FF; text-decoration:underline; font-size:14px;}
.news-view .download p a:hover{ text-decoration:none; color:#0033FF}
.news-view .pics{ margin-top:30px; position:relative; overflow:hidden}
.news-view .pics .list{}
.news-view .pics .list img{ max-width:842px; max-height:500px;}
.news-view .pics .list li{ display:none; text-align:center}
.news-view .pics .prev{ width:421px; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:800px;}
.news-view .pics .next{ width:421px; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;  position:absolute;top:0; right:0; z-index:100; height:800px;}
.news-view .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; display:none}
.news-view .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; display:none}
.news-view .pics p{ font-size:14px; color:#fff; background:#000;border-radius:5px; padding:8px 10px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute;top:20px; right:20px; z-index:60}